*{
    white-space: normal !important;
}

.fondo1 {
    background-color: #ffc000;
}

.fondo2 {
    background-color: #244674;
}

.firma{
    width: 250px;
    height: 130px;
    background-color: #fff;
    color:#000;
}

p{
    font-size: 11px !important;
}

.official {
    font-weight: bold;
    color: #244674;

  }

  .poficial{
      font-size: 8px !important;
      color: #244674;
  }


  .bg-aslu{
    background-color: #244674;
  }

  /* td>p{
    padding: 0 !important;
    margin: 0 !important;
  } */

  td{
    padding: 0 !important;
    margin: 0 !important;
  }

hr{
    margin: 0.5rem !important;
}
/* frames */
 /* Contenedor del marco con tamaño letter */
 .frame {
    position: relative;
    /* Permite posicionar elementos internos de forma absoluta */
    width: 8.5in;
    height: 11in;
    
    margin: 25px auto;
    box-sizing: border-box;
    background-color: rgb(36, 70, 116);
}

/* Estilos generales para los textos en los bordes (superior e inferior) */
.frame .top,
.frame .bottom {
    position: absolute;
    margin: 0 auto;
    transform: translateX(80%);
    color:  rgb(36, 70, 116);
    /* Fondo blanco para que se sobreponga al borde */
    padding: 5px 5px;
}

.frame .top {
    top: 0px;
    /* Ajusta según el tamaño del texto y el borde */
}

.frame .bottom {
    bottom: 0px;
}

/* Estilos para los textos laterales en orientación vertical */
.frame .left, .frame .right {
    position: absolute;
    writing-mode: vertical-rl; /* Hace que el texto se escriba verticalmente */
    text-orientation: mixed; /* Asegura que las letras no roten */
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color:  rgb(36, 70, 116);
    background: transparent;
    white-space: nowrap; /* Evita que el texto se divida en varias líneas */
}

/* Asegura que los textos laterales estén bien posicionados */
.frame .left {
    font-size: 14px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.frame .right {
    font-size: 14px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

/* frames */
#tableMg {
    position: relative;
    z-index: 0;
}

#tableMg::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 10px;
    background-image: url('../img/logo25percent.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    opacity: 0.25;/* Marca de agua */
    z-index: 1;
    pointer-events: none;
}