/* ---- style block 1 ---- */
body,
    td,
    th {
        color: #000000;
    }

    .Estilo25 {
        color: #000000
    }

    .Estilo31 {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        color: #FFFFFF;
    }

    .Estilo32 {
        color: #FFFFFF
    }

    .Estilo36 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .Estilo37 {
        font-size: 14px;
        font-weight: bold;
    }

    .Estilo45 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        font-size: 12px;
    }

    .Estilo46 {
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .Estilo47 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .Estilo48 {
        color: #236596
    }

    .Estilo49 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #236596;
    }

    .Estilo50 {
        font-family: Arial, Helvetica, sans-serif
    }

    .Estilo51 {
        font-size: 12px;
        color: #236596;
    }

    .Estilo52 {
        color: #666666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
    }

    .Estilo54 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

    .Estilo55 {
        font-size: 16px
    }

    .Estilo56 {
        font-size: 12px
    }

/* ---- style block 2 ---- */
/* Avisos Visitadur�a � estilo */
    /* Contenedor estrecho */
    /* === Overrides AVISOS (columna 250px) === */
    .aviso-card,
    .aviso-card-mini {
        max-width: 250px;
        /* asegura ancho */
        margin-inline: auto;
        /* centrado */
        border: none !important;
        /* sin borde externo */
        border-left: none !important;
        /* quita l�nea roja */
        border-radius: 8px;
        /* puedes reducir o quitar */
        padding: .6rem .7rem;
        /* compacto */
        background: transparent !important;
        /* sin fondo */
        box-shadow: none !important;
        /* sin sombra */
        font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: #1f2937;
        /* gris oscuro sobrio */
    }

    /* ===== Ajustes específicos para la sección en página con ancho 558px ===== */
    /* Expande el contenedor de avisos hasta 558px y usa todo el ancho disponible */
    #avisos-visitaduria.aviso-card-mini {
        max-width: 500px;
        width: 100%;
        padding: .8rem 1rem;
        background: transparent;
    }

    /* Mejor distribución de la lista: grilla responsiva 1 → 2 columnas */
    #avisos-visitaduria .aviso-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: .35rem .75rem;
    }

    @media (min-width: 520px) {
        #avisos-visitaduria .aviso-list {
            grid-template-columns: 1fr 1fr;
        }
    }

    /* Alineación y espaciado coherente dentro de los ítems */
    #avisos-visitaduria .aviso-list li {
        align-items: flex-start;
        gap: .4rem;
        padding: .08rem 0;
    }

    /* Encabezado y pastilla centrados visualmente */
    #avisos-visitaduria header {
        text-align: center;
    }
    #avisos-visitaduria .aviso-pill {
        display: inline-block;
        margin: 0 auto .25rem;
    }

    /* ===== Distribución vertical por elemento: ícono arriba, nombre centrado ===== */
    #avisos-visitaduria .aviso-list li {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: .25rem;
        padding: .2rem 0;
    }

    #avisos-visitaduria .aviso-list i {
        margin: 0 0 .15rem 0;
        line-height: 1;
        font-size: 1rem;
    }

    #avisos-visitaduria .aviso-nombre {
        display: block;
        text-align: center;
    }

    /* ===== Botón de acceso a Avisos en default.php: icono arriba del texto ===== */
    .avisos-btn {
        text-align: center;
    }
    .avisos-btn i {
        display: block;
        font-size: 1.2rem;
        color: #198754;
        margin-bottom: .35rem;
    }
    .avisos-btn .avisos-label {
        display: block;
    }

    /* Cabecera discreta */
    .aviso-pill {
        background: transparent;
        border: none;
        color: #198754;
        /* verde institucional (Bootstrap success) */
        padding: 0;
        font-weight: 700;
    }

    .aviso-titulo {
        font-size: .9rem;
        font-weight: 700;
        margin: .2rem 0 .3rem;
    }

    /* Intro y texto general m�s peque�os */
    .aviso-intro {
        font-size: .74rem;
        color: #4b5563;
    }

    /* Bloques: separador fino y aire */
    .aviso-bloque+.aviso-bloque {
        border-top: 1px solid #e5e7eb;
        /* l�nea sutil */
        margin-top: .45rem;
        padding-top: .45rem;
    }

    .aviso-fecha {
        font-size: .78rem;
        margin: 0 0 .2rem;
        color: #374151;
    }

    .aviso-fecha i {
        font-size: .9rem;
        color: #198754;
    }

    /* ===== Mejora visual del periodo (solo en esta sección) ===== */
    #avisos-visitaduria .aviso-fecha {
        font-size: 1rem;
        font-weight: 700;
        color: #111827;
        text-align: center;
        margin: .45rem 0 .4rem;
        padding: .25rem .6rem;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
    }

    @media (min-width: 520px) {
        #avisos-visitaduria .aviso-fecha {
            font-size: 1.05rem;
        }
    }

    #avisos-visitaduria .aviso-fecha i {
        font-size: 1.05rem;
        color: #198754;
        margin-right: .4rem;
    }

    /* Lista sin �cards� de fondo */
    .aviso-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .aviso-list li {
        text-align: left;
        /* Alinea todo a la izquierda */
        display: flex;
        align-items: flex-start;
        gap: .35rem;
        padding: .12rem 0;
        /* sin fondo de �tem */
        line-height: 1.22;
        border: 0;
        /* sin bordes */
        background: transparent;
        /* sin fondo */
    }

    /* �conos verdes */
    .aviso-list i {
        font-size: .9rem;
        color: #198754;
        /* verde */
        margin-top: .08rem;
    }

    /* Tama�o igual al de .aviso-intro, color negro y bold */
    .aviso-list {
        font-size: .74rem;
    }

    /* igual que .aviso-intro */
    .aviso-list li {
        color: #111827;
    }

    /* negro sobrio */
    .aviso-list .aviso-nombre {
        font-weight: 700;
        color: #111827;
        line-height: 1.3;
    }

    /* Iconos se mantienen verdes y del mismo tama�o */
    .aviso-list i {
        font-size: .9rem;
        color: #198754;
        margin-top: .08rem;
    }

    /* Contenedor TRANSPARENCIA (558px) */
    .transparencia-section {
        max-width: 558px;
        padding: 0 .5rem;
        font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    }

    /* T�tulos centrados */
    .transparencia-title {
        font-size: 1rem;
        font-weight: 700;
        margin: 0;
        letter-spacing: .3px;
        text-align: center;
        margin-top: 8px;
    }

    .transparencia-subtitle {
        font-size: .85rem;
        color: #6b7280;
        margin: 0;
        margin-bottom: 8px;
        text-align: center;
    }

    /* --- T�tulo como bot�n/tarjeta (misma apariencia que las cards) --- */
    .transparencia-title a {
        display: block;
        max-width: 479px;
        /* mismo ancho que el grid */
        margin: .25rem auto .35rem;
        /* centrado y con aire */
        padding: .55rem .8rem;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        text-decoration: none;
        color: #111827;
        font-weight: 700;
        letter-spacing: .3px;
        transition: border-color .2s ease, background .2s ease;
    }

    .transparencia-title a:hover {
        border-color: #198754;
        background: #f9fefb;
    }

    /* Grid 3 columnas, centrado dentro de 558px */
    .transparencia-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: .5rem;
        align-items: stretch;
        max-width: 501px;
        margin-left: auto;
        margin-right: auto;
    }

    /* --- Tarjetas m�s compactas (� mitad de alto) --- */
    .transp-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* centra vertical */
        align-items: center;
        /* centra horizontal */
        text-align: center;
        padding: .5rem .45rem;
        /* menos padding */
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        text-decoration: none;
        color: #111827;
        font-size: .72rem;
        /* texto m�s compacto */
        font-weight: 600;
        transition: border-color .2s ease, background .2s ease, transform .1s ease;
        min-height: 64px;
        /* antes 110px */
    }

    .transp-card i {
        font-size: 1.1rem;
        /* �cono m�s chico */
        line-height: 1;
        color: #198754;
        margin-bottom: .2rem;
    }

    .transp-card:hover {
        border-color: #198754;
        background: #f9fefb;
    }

    .transp-card:active {
        transform: translateY(1px);
    }

    /* Calendario (o cualquier especial) a todo lo ancho */
    .transp-full {
        grid-column: 1 / -1;
        /* ocupa todas las columnas disponibles */
        min-height: 72px;
        /* un pel�n m�s alta para jerarqu�a */
    }

    .transp-full i {
        font-size: 1.25rem;
    }

    /* Responsivo */
    @media (max-width: 480px) {
        .transparencia-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .transparencia-title a {
            max-width: 100%;
        }
    }

    @media (max-width: 340px) {
        .transparencia-grid {
            grid-template-columns: 1fr;
        }
    }

    /* =========================================================
   BOLETINES OFICIALES � CARRUSEL "CENTER MODE"
   (Overrides y ordenado)  �  pegar al final del CSS
   ========================================================= */

    /* 0) Tipograf�a y box-sizing s�lo dentro del m�dulo */
    .boletines-center,
    .boletines-center * {
        box-sizing: border-box;
        font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif !important;
    }

    /* 1) Contenedor general (centrado a 551px dentro de columna 558px) */
    .boletines-center {
        max-width: 551px;
        margin: 0 auto;
        padding: 0 .5rem;
    }

    /* 2) Encabezado */
    .b-center-header {
        text-align: center;
        margin-bottom: .5rem;
    }

    .b-center-title {
        font-size: 1rem;
        font-weight: 700;
        margin: 0;
        letter-spacing: .3px;
    }

    .b-center-subtitle {
        font-size: .85rem;
        color: #6b7280;
        margin: 0;
    }

    /* 3) Viewport con "peeks" + m�scaras laterales */
    .b-center-viewport {
        --peek: 28px;
        /* tama�o de los peeks laterales */
        position: relative;
        overflow: hidden;
        padding: 0 var(--peek);
        max-width: 551px;
        margin: 0 auto;
    }

    .b-center-viewport::before,
    .b-center-viewport::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 32px;
        pointer-events: none;
        z-index: 2;
    }

    .b-center-viewport::before {
        left: 0;
        background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
    }

    .b-center-viewport::after {
        right: 0;
        background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0));
    }

    /* 4) Pista y slides */
    .b-center-track {
        display: flex;
        gap: .5rem;
        will-change: transform;
        transition: transform .35s ease;
    }

    .b-center-slide {
        flex: 0 0 calc(100% - var(--peek) * 2);
        /* tarjeta central dejando peeks */
        transform: scale(.96);
        opacity: .8;
        transition: transform .25s ease, opacity .25s ease;
    }

    .b-center-slide.is-active {
        transform: scale(1);
        opacity: 1;
    }

    /* 5) Tarjeta (card) con layout estable */
    .b-card {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: .85rem .9rem;
        min-height: 158px;
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        /* meta, t�tulo, excerpt (crece), CTA */
        row-gap: .35rem;
        box-shadow: 0 6px 18px rgba(16, 24, 40, .06);
        margin-bottom: 8px;
    }

    .b-card:hover {
        border-color: #198754;
        background: #f9fefb;
    }

    .b-card>* {
        min-width: 0;
    }

    /* evita desbordes de texto */

    .b-meta {
        font-size: .75rem;
        color: #6b7280;
        margin: 0;
    }

    .b-title {
        margin: 0;
        font-size: .86rem;
        font-weight: 700;
        line-height: 1.25;
        color: #111827;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .b-excerpt {
        margin: 0;
        line-height: 1.35;
        color: #374151;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: justify;

    }

    .b-cta {
        justify-self: start;
        align-self: end;
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .35rem .6rem;
        font-size: .78rem;
        font-weight: 600;
        color: #111827;
        text-decoration: none;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        transition: border-color .2s ease, background .2s ease;
    }

    .b-cta i {
        color: #198754;
    }

    .b-cta:hover {
        border-color: #198754;
        background: #f9fefb;
    }

    /* 6) Navegaci�n (flechas) */
    .b-center-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
        /* por encima de todo */
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 1px solid #e5e7eb;
        background: #fff;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: border-color .2s ease, background .2s ease;
    }

    .b-center-nav:hover {
        border-color: #198754;
        background: #f9fefb;
    }

    .b-center-nav:focus-visible {
        outline: 2px solid #198754;
        outline-offset: 2px;
    }

    .b-center-nav.prev {
        left: 6px;
    }

    .b-center-nav.next {
        right: 6px;
    }

    .b-center-nav i {
        font-size: 1.1rem;
        color: #198754;
    }

    /* 7) Dots */
    .b-center-dots {
        display: flex;
        justify-content: center;
        gap: .4rem;
        margin-top: .5rem;
    }

    .b-center-dots button {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        border: 0;
        background: #d1d5db;
        cursor: pointer;
        transition: transform .2s ease, background .2s ease;
    }

    .b-center-dots button.is-active {
        background: #198754;
        transform: scale(1.15);
    }

    /* 8) Responsive: peeks y alturas */
    @media (max-width: 540px) {
        .b-center-viewport {
            --peek: 18px;
        }

        .b-card {
            min-height: 170px;
        }

        /* un poco m�s de aire en m�vil */
    }

    @media (max-width: 380px) {
        .b-center-viewport {
            --peek: 12px;
        }
    }

/* ---- style block 3 ---- */
.transparencia-title a {
        display: block;
        max-width: 479px;
        margin: .25rem auto .35rem;
        padding: .55rem .8rem;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        text-decoration: none;
        color: #111827;
        font-weight: 700;
        letter-spacing: .3px;
        transition: border-color .2s ease, background .2s ease;
        font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    }

    .transparencia-title a:hover {
        border-color: #198754;
        background: #f9fefb;
    }

    .transparencia-title i {
        font-size: 1.1rem;
        color: #198754;
        margin-right: .4rem;
    }

    /* Ajuste en columna izquierda: texto más pequeño y semibold */
    #left .transparencia-title a {
        font-size: small; /* o 'smaller' si prefieres más compacto */
        font-weight: 500;
        line-height: 1.25;
    }

    .transparencia-subtitle {
        font-size: .85rem;
        color: #6b7280;
        margin: 0;
        margin-bottom: 8px;
        text-align: center;
        font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    }

/* ---- style block 4 ---- */
@-webkit-keyframes jump {
                                    15% {
                                        color: #000;
                                    }

                                    30% {
                                        olor: #2A2A2A;
                                    }

                                    50% {
                                        color: #1D3423;
                                    }

                                    65% {
                                        color: #008E29;
                                    }

                                    80% {
                                        color: #1D3423;
                                    }

                                    100% {
                                        color: #2A2A2A;
                                    }
                                }

                                @keyframes jump {
                                    15% {
                                        color: #000;
                                    }

                                    30% {
                                        color: #80302E;
                                    }

                                    50% {
                                        color: #B1413D;
                                    }

                                    65% {
                                        color: #B1413D;
                                    }

                                    80% {
                                        color: #B1413D;
                                    }

                                    100% {
                                        color: #80302E;
                                    }
                                }

                                .animate-jump {
                                    -webkit-animation: jump 2s ease;
                                    animation: jump 2s ease;
                                    -webkit-animation-iteration-count: infinite;
                                    animation-iteration-count: infinite;
                                    text-align: center;
                                    text-decoration: none
                                }

                                .notificaciones {
                                    height: 30px;
                                    background-color: #16983b;
                                    cursor: pointer;
                                    color: #FFF;
                                    border: none;
                                    text-decoration: none;
                                    padding-top: 5px;
                                    padding-bottom: 5px;
                                    font-family: Arial;
                                    font-size: 14px;
                                }

                                .notificaciones:hover {
                                    background-color: #444;
                                    color: #FFF;
                                    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
                                }

/* ---- style block 5 ---- */
.b-center-controls {
                    max-width: 551px;
                    margin: .4rem auto 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: .6rem;
                    margin-bottom: 16px;
                }

                .b-ctrl {
                    width: 34px;
                    height: 34px;
                    border-radius: 50%;
                    border: 1px solid #e5e7eb;
                    background: #fff;
                    cursor: pointer;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    transition: border-color .2s, background .2s;
                }

                .b-ctrl:hover {
                    border-color: #198754;
                    background: #f9fefb;
                }

                .b-ctrl i {
                    font-size: 1.1rem;
                    color: #198754;
                }

                /* Si a�n existen .b-center-nav en tu CSS, las ocultamos */
                .b-center-nav {
                    display: none !important;
                }

                /* === OVERRIDES: card m�s ancha/alta y texto completo === */

                /* 1) Peeks m�s peque�os -> tarjeta visible m�s ancha */
                .b-center-viewport {
                    --peek: 16px !important;
                    /* antes 28px */
                }

                /* 2) Tarjeta m�s alta y con m�s aire */
                .b-card {
                    min-height: 180px !important;
                    /* sube la altura �til */
                    padding: 1rem 1.1rem !important;
                    max-width: 501px;
                }

                /* 3) Mostrar TODO el p�rrafo (sin clamp ni recorte) */
                .b-excerpt {
                    display: block !important;
                    -webkit-line-clamp: initial !important;
                    -webkit-box-orient: initial !important;
                    overflow: visible !important;
                    max-height: none !important;
                    white-space: normal !important;
                    line-height: 1.4;
                    /* lectura c�moda */
                    font-size: .9rem;
                    /* opcional, un pel�n mayor */
                    text-align: justify;

                }

                /* 4) (opcional) Meta un poco m�s marcada */
                .b-meta {
                    font-weight: 700;
                }

                /* 5) En m�viles mantenemos buena lectura y ancho */
                @media (max-width: 540px) {
                    .b-center-viewport {
                        --peek: 12px !important;
                    }

                    .b-card {
                        min-height: 180px !important;
                    }

                    /* m�s alto si lo ves necesario */
                }

                /* Card un poco m�s ancha (peeks menores) y m�s alta */
                .b-center-viewport {
                    --peek: 5px !important;
                }

                /* antes 16�28px */
                .b-card {
                    min-height: 200px !important;
                    padding: 1.1rem 1.2rem !important;
                }

                /* Mostrar todo el texto */
                .b-excerpt {
                    display: block !important;
                    -webkit-line-clamp: initial !important;
                    -webkit-box-orient: initial !important;
                    overflow: visible !important;
                    max-height: none !important;
                    white-space: normal !important;
                    line-height: 1.4;
                    font-size: .9rem;
                    text-align: justify;
                }

/* ---- style block 6 ---- */
/* === Basado en el estilo del bot�n TRANSPARENCIA === */
.btn-circulares {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  max-width: 501px;                  /* l�mite exacto */
  width: 100%;
  margin: .6rem auto;
  padding: .9rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-family: "Inter","Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 700;
  font-size: .85rem;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
  border: 1px solid #b8c6d9;

  /* ?? cambio principal de color (azul institucional) */
  background: #1E2B4F;
  color: #ffffff;
  transition: background .25s ease, border-color .25s ease, transform .1s ease;
}

/* �cono (hereda color actual) */
.btn-circulares i {
  font-size: 1.1rem;
  color: inherit;
}

/* Texto dentro del bot�n como bloque controlable */


/* Hover y foco */
.btn-circulares:hover {
  background: #243666;
  border-color: #1E2B4F;
  transform: translateY(-1px);
}

.btn-circulares:active {
  transform: translateY(0);
}

.btn-circulares:focus-visible {
  outline: 2px solid #1E2B4F;
  outline-offset: 3px;
}

/* Responsivo */
@media (max-width:480px){
  .btn-circulares {
    font-size: .78rem;
    padding: .75rem .85rem;
  }
}

/* Disposici�n en tarjetas con wrap para la secci�n Circulares */
.circulares-grid{
  display: grid;
  grid-template-columns: 1fr; /* una columna, botones apilados */
  gap: 0; /* sin gap; el espacio lo da el margin de cada CTA */
  max-width: 501px; /* alinear con elementos superiores */
  width: 100%;
  margin: .5rem auto 1rem;
}
.circulares-grid header{ margin: 0; }
.circulares-grid .transparencia-title{ margin: 0; }
.circulares-grid .btn-circulares{
  display: flex;
  flex-direction: row;           /* icono a la izquierda, texto a la derecha */
  align-items: center;
  gap: .75rem;
  box-sizing: border-box;   /* incluye padding/borde en el ancho */
  width: 100%;
  max-width: none;
  margin: 0;
  padding: .85rem .95rem;        /* mismo padding que CTA */
  text-align: left;
  white-space: normal; /* permitir salto de l�nea del texto */
}
.circulares-grid .btn-circulares i{ font-size: 1.35rem; line-height: 1; }


/* ---- archivo-historico ---- */
/* Estilos para el componente "Archivo Hist�rico" */
.archivo-historico{
  max-width: 558px; margin: 0 auto 1.25rem; padding: 0 .5rem;
  font-family: "Inter","Segoe UI",Roboto,Arial,sans-serif;
}

/* T�tulo/subt�tulo */
.ah-title{
  font-size: 1rem; font-weight: 700; text-align: center; margin: .25rem 0 .15rem;
  letter-spacing: 0; color: #198754;
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}
.ah-title i{ color:#198754; margin-right:.4rem; }
.ah-subtitle{
  font-size: .85rem; color:#2c2f35; text-align:center; margin:0 0 .5rem;
}

/* Viewport con peeks laterales (coincide con 551px m�x) */
.ah-viewport{
  --peek: 16px;
  position: relative; overflow: hidden; padding: 0 var(--peek);
  max-width: 551px; margin: 0 auto;
}
.ah-viewport::before,
.ah-viewport::after{
  content:""; position:absolute; top:0; bottom:0; width:28px; z-index:2; pointer-events:none;
}
.ah-viewport::before{ left:0;  background:linear-gradient(90deg,#fff,rgba(255,255,255,0)); }
.ah-viewport::after{  right:0; background:linear-gradient(270deg,#fff,rgba(255,255,255,0)); }

/* Pista y slide centrado */
.ah-track{ display:flex; gap:.6rem; will-change:transform; transition:transform .35s ease; }
.ah-slide{
  flex: 0 0 calc(100% - var(--peek)*2); transform: scale(.96); opacity:.85;
  transition: transform .25s ease, opacity .25s ease;
}
.ah-slide.is-active{ transform: scale(1); opacity:1; }

/* Card editorial */
.ah-card{
  display:flex; flex-direction:column; background:#fff; text-decoration:none; color:#111827;
  border:1px solid #e5e7eb; border-radius:10px; overflow:hidden;
  box-shadow: 0 6px 18px rgba(16,24,40,.06); transition: border-color .2s ease, background .2s ease;
  width: 240px;
}
.ah-card:hover{ border-color:#1E2B4F; background:#f8fbff; }

/* Imagen (16:10 aprox.) */
.ah-media{ aspect-ratio: 16 / 10; background:#f3f4f6; display:block; }
.ah-media img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Texto */
.ah-body{ padding:.75rem .9rem .85rem; }
.ah-meta{ margin:0 0 .2rem; font-size:.78rem; color:#374151; }
.ah-name{ margin:.05rem 0 .55rem; font-size:.95rem; line-height:1.25; font-weight:700; color:#111827;
          font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif !important;}
.ah-cta{
  display:inline-flex; align-items:center; gap:.35rem;
  border:1px solid #e5e7eb; border-radius:6px; padding:.35rem .6rem; font-weight:700;
  color:#111827; transition:border-color .2s ease, background .2s ease;
  margin: 5px auto;
}
.ah-cta i{ color:#1E2B4F; }
.ah-cta:hover{ border-color:#1E2B4F; background:#eef4ff; }

/* Controles */
.ah-controls{
  max-width:551px; margin:.55rem auto 0; display:flex; align-items:center; justify-content:center; gap:.65rem;
}
.ah-ctrl{
  width:34px; height:34px; border-radius:50%; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; transition:border-color .2s, background .2s;
}
.ah-ctrl i{ color:#198754; font-size:1.1rem; }
.ah-ctrl:hover{ border-color:#198754; background:#f6f9ff; }
.ah-ctrl:focus-visible{ outline:2px solid #198754; outline-offset:2px; }

/* Dots */
.ah-dots{ display:flex; gap:.4rem; }
.ah-dots button{
  width:8px; height:8px; border-radius:999px; border:0; background:#d1d5db; cursor:pointer;
  transition: transform .2s ease, background .2s ease;
}
.ah-dots button.is-active{ background:#198754; transform:scale(1.15); }

/* Responsive */
@media (max-width:480px){
  .ah-name{ font-size:.9rem; }
}

/* ---- archivo-historico (ubicado dentro de #left, 252px m�x) ---- */
#left .archivo-historico{ max-width:252px; padding:0; margin:0 0 .9rem; }
#left .ah-title{ font-size:1rem; margin:.8rem 0 .1rem; }
#left .ah-subtitle{ font-size:.75rem; margin:0 0 .4rem; padding: 0 5px 0 5px; }
#left .ah-viewport{ max-width:252px; --peek: 2px; }
#left .ah-track{ gap:.5rem; }
#left .ah-slide{ transform:scale(.97); }
#left .ah-body{ padding:.6rem .65rem .7rem; }
#left .ah-meta{ font-size:.72rem; text-align: center;}
#left .ah-name{ font-size:.88rem; margin:.05rem 0 .45rem; }
#left .ah-cta{ padding:.3rem .5rem; font-size:.8rem; margin: 4px 34px auto;}
#left .ah-controls{ max-width:252px; gap:.5rem; margin:.45rem auto 0; }
#left .ah-ctrl{ width:28px; height:28px; }
#left .ah-ctrl i{ font-size:1rem; }
#left .ah-dots button{ width:7px; height:7px; }


/* ---- notificaciones group (layout y espaciado) ---- */
.notif-group{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:.4rem; /* reemplaza márgenes inline */
  padding: 0 4px 0px 4px;
}

/* Botón de notificaciones mejorado sin alterar estilos globales */
.notificaciones.notif{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.4rem .75rem; /* reemplaza padding inline */
  min-height:30px;
  border-radius:6px;
  white-space:nowrap;
  font-size: x-small;

}

/* Forzar una sola línea en el primer grupo */
.notif-inline{ flex-wrap: nowrap; }
.notif-inline .notificaciones.notif{
  padding:.4rem .6rem;
  flex: 1 1 0;           /* tres columnas iguales */
  min-width: 0;          /* permite encoger sin desbordar */
  white-space: normal;   /* que el texto pueda partirse en el botón */
  text-align: center;
  font-size: x-small;
}


/* ===== Avisos: Cambios de Domicilio y Competencia ===== */
.avisos-domicilio{ max-width:551px; margin:1rem auto; font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif; }
.avisos-domicilio .transparencia-title{ margin:.2rem 0 .5rem; }

.aviso-year{ margin-bottom:.7rem; border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 6px 18px rgba(16,24,40,.05); }
.aviso-toggle{
  width:100%; text-align:left; background:#1D2740; color:#fff; font-weight:700;
  padding:.65rem .9rem; border:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; font-size:.9rem;
}
.aviso-toggle i.bi-calendar-event{ color:#C19B45; margin-right:.4rem; }
.aviso-toggle:hover{ background:#243158; }

.aviso-content{ display:none; padding:.8rem .9rem; background:#fafafa; }
.avisos-domicilio .aviso-list{ margin:0; padding:0; list-style:none; }
.avisos-domicilio .aviso-list li{ border-left:3px solid #198754; padding-left:.6rem; margin:0 0 .55rem; color:#374151; font-size:.82rem; line-height:1.35; }
.avisos-domicilio .aviso-list li strong{ color:#111827; }
.aviso-toggle.active i.bi-chevron-down{ transform:rotate(180deg); }

/* ====== Sidebar Campañas (252px) ====== */
.sidebar-campanas{
  width: 100%;
  max-width: 252px;
  margin: .5rem auto 1rem;
  font-family: "Inter","Segoe UI",Roboto,Arial,sans-serif;
}
/* Título campañas en mayúsculas y mejor espaciado */
.sidebar-campanas .ah-title{ text-transform: uppercase; }

/* Asegura que los banners dentro de campañas ocupen el ancho y no dejen huecos */
.sidebar-campanas .ah-slide{ line-height: 0; }
.sidebar-campanas .ah-slide img{ width:100%; height:110px; display:block; }

/* Campañas: tarjetas fallback (sin JS) */
/* ---- sidebar-card ---- */
.sidebar-card {
  width: 100%;
  max-width: 252px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(16,24,40,0.05);
  text-align: center;
  padding: 1rem .5rem;
  margin-bottom: .7rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.sidebar-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(16,24,40,0.08);
}
.sidebar-card i {
  font-size: 2rem;
  color: #198754;
  margin-bottom: .4rem;
}
.sidebar-card p {
  margin: 0;
  font-size: .9rem;
  font-weight: 600;
  color: #1D2740;
}

/* ---- Botones de sección (tablas legadas) ---- */
.cta-legacy{
  width: 100%;
  max-width: 500px;
  margin: .5rem auto;
  border: 0 !important;
  background: transparent !important;
}
.cta-legacy td{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
.cta-legacy a.btn-cta-legacy{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 103px;                /* altura uniforme */
  padding: .6rem .8rem;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  line-height: 1.25;
  font-family: "Inter","Segoe UI",Roboto,Arial,sans-serif;
  font-weight: 700;
  color: #111827;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
  transition: border-color .2s ease, background .2s ease, transform .1s ease;
}
.cta-legacy a.btn-cta-legacy:hover{
  border-color: #198754;
  background: #f9fefb;
  transform: translateY(-1px);
}
.cta-legacy a.btn-cta-legacy:active{ transform: translateY(0); }

/* ---- Banners en #left (asegurar visibilidad/ajuste) ---- */
#left table[width="500"][align="center"]{
  width: 100% !important;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: 0;
}
#left table[width="500"][align="center"] img{
  width: 100% !important;
  height: auto !important;
  display: block;
}
/* Reglas específicas por archivo para mayor robustez */
#left img[src$="Banner_OrganoDeAdministracion.jpg"],
#left img[src$="Banner_AvisoSiara.jpeg"]{
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* ---- Boletin actual (sin carrusel) ---- */
.boletin-actual{
  max-width: 501px;
  margin: .5rem auto 1rem;
  padding: 0 .5rem;
  font-family: "Inter","Segoe UI",Roboto,Arial,sans-serif;
}
.boletin-actual .b-card{
  width: 100%;
  box-sizing: border-box; /* evita exceder 501px al sumar padding/borde */
  font-family: "Inter","Segoe UI",Roboto,Arial,sans-serif;
}

/* Centrar botón del boletín actual */
.boletin-actual .b-cta{
  justify-self: center;
  margin-top: .35rem;
}

/* ---- Overrides para botones .btn-circulares como CTA ---- */
.circulares-grid .btn-circulares{
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  color: #1f2937;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
  transition: border-color .2s ease, background .2s ease, transform .1s ease;
}
.circulares-grid .btn-circulares:hover{ border-color:#198754; background:#f9fefb; }
.circulares-grid .btn-circulares i{ color:#198754; }
.circulares-grid .btn-circulares-text{ line-height:1.25; margin:0; }
.circulares-grid .btn-circulares::after{
  content: '\203A'; /* single right-pointing angle quote '›' */
  margin-left: auto;
  font-size: 1.1rem;
  color: #9ca3af;
  line-height: 1;
}

/* ---- CTA: Comité de Evaluación ---- */
.cta-wrap{
  width: 501px;        /* ancho fijo solicitado */
  max-width: none;
  margin: 8px auto;    /* 8px arriba/abajo => 16px entre CTAs */
  padding: 0;          /* sin padding para no restar ancho visible */
}
.cta-wide{
  display: flex;
  align-items: center;
  gap: .75rem;
  width: 100%;
  box-sizing: border-box; /* no exceder 501px con padding/borde */
  height: 87px; /* altura uniforme solicitada */
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  text-decoration: none;
  padding: .85rem .95rem;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
  transition: border-color .2s ease, background .2s ease, transform .1s ease;
  color: #1f2937;
}
.cta-ico i{ font-size: 1.35rem; color:#198754; line-height: 1; }
.cta-text{ display:flex; flex-direction:column; gap:.15rem; line-height:1.25; }
.cta-text strong{ font: 700 .95rem/1.25 "Inter","Segoe UI",Roboto,Arial,sans-serif; color:#111827; }
.cta-text em{ font: 600 .85rem/1.2 "Inter","Segoe UI",Roboto,Arial,sans-serif; color:#374151; font-style: normal; }
.cta-arrow{ margin-left:auto; display:inline-flex; align-items:center; }
.cta-arrow i{ font-size:1.1rem; color:#9ca3af; }
.cta-wide:hover{ border-color:#198754; background:#f9fefb; }
.cta-wide:active{ transform: translateY(1px); }
@media (max-width:420px){
  .cta-text strong{ font-size:.9rem; }
  .cta-text em{ font-size:.82rem; }
}
/* ---- Side menu (reemplazo #menu) ---- */
.side-menu{ width:100%; max-width:252px; font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif; }
.side-menu-heading{
  margin:0 0 .5rem 0; font-size:.76rem; font-weight:700; letter-spacing:.6px;
  color:#ffffff; background:transparent; padding:0; border-radius:0;
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;
}
.side-menu-list{
  list-style:none; margin:0; padding:0; background:#fff; border:1px solid #e5e7eb; border-top:0;
  border-radius:0; box-shadow:0 6px 18px rgba(16,24,40,.06); overflow:hidden;
}
.sm-link{
  display:flex; align-items:center; gap:.55rem; padding:.62rem .7rem; text-decoration:none;
  color:#1f2937; font-weight:600; font-size:.9rem; border-top:1px solid #f3f4f6; transition:background .2s,color .2s;
}
.side-menu-list>li:first-child>.sm-link{ border-top:0; }
.sm-link i{ color:#198754; font-size:1.05rem; }
.sm-link:hover{ background:#f9fefb; color:#111827; }


/* Barra vertical verde */
#icons.quick-icons{
  width: 65px; /* mismo ancho que tus GIFs */
  background: #16983b; /* verde institucional */
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
  font-family: "Inter","Segoe UI",Roboto,Arial,sans-serif;
}

/* Reset lista */
#icons.quick-icons ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#icons.quick-icons li{
  margin: 0;
  padding: 0;
  border: none; /* 🔹 elimina las líneas divisorias */
}

/* Botón */
#icons.quick-icons .qi-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 54px;
  color: #fff;
  text-decoration: none;
  background: #16983b; /* 🔹 mismo fondo que el contenedor */
  transition: background 0.2s ease, transform 0.05s ease;
}
#icons.quick-icons .qi-btn i{
  font-size: 1.35rem;
  line-height: 1;
}
#icons.quick-icons .qi-btn:hover,
#icons.quick-icons .qi-btn:focus{
  background: #138636; /* tono más oscuro al hover */
  outline: 0;
}
#icons.quick-icons .qi-btn:active{
  transform: translateY(1px);
}

/* Accesibilidad: texto oculto solo para lectores de pantalla */
#icons.quick-icons .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}


  /* Ancla para el submenú */
  #menuhorizontal { position: relative; }

  /* Evita que tape el submenú */
  .menu_top { height: 0; line-height: 0; overflow: hidden; }

  /* Submenú emergente */
  #menudo{
    position: absolute;
    top: 100%;       /* debajo de la tabla del menú */
    left: 0;
    width: 30%;
    background: #ffffff;
    border-top: 2px solid #198754;        /* verde institucional */
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
    z-index: 999;
    visibility: hidden;                   /* MM_showHideLayers alterna esto */
  }
  #menudo > div{
    padding: 10px 12px;
    cursor: pointer;
    font: 600 14px/1.3 "Inter","Segoe UI",Roboto,Arial,sans-serif;
    color: #1f2937;
    transition: background .2s ease;
  }
  #menudo > div:hover{ background:#f1fdf6; }
/* ===== Side menu stacked label for Órgano de Administración ===== */
.side-menu .sm-link {
  display: grid;
  grid-template-columns: 1.25em 1fr;
  column-gap: .5rem;
  align-items: start;
}
.side-menu .sm-link i {
  grid-column: 1;
  grid-row: 1 / span 2;
  margin-top: .1rem;
}
.side-menu .sm-link .transparencia-subtitle {
  grid-column: 2;
  display: block;
  font-size: 12px; /* pequeño */
  line-height: 1.2;
  margin: 2px 0 0;
  color: #6c757d;
}
/* Overrides: item especial del menú lateral con subtítulo */
.side-menu .side-menu-list li:has(.transparencia-subtitle) > a {
  text-align: left;
  column-gap: .35rem;
  line-height: 1.15;
}
.side-menu .side-menu-list li:has(.transparencia-subtitle) > a .transparencia-subtitle {
  font-size: 11px; /* pequeño */
  line-height: 1.15;
  margin: 0;
  margin-top: 1px;
}


  .btn-boletines-xl {
    --g1: #1a8a57; /* verde principal */
    --g2: #27b36b; /* verde claro */
    --ink: #ffffff; /* texto */
    --ring: #bdebd2; /* foco */
    max-width: 210px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.65rem 0.8rem;
    border-radius: 10px;
    text-decoration: none;
    color: var(--ink);
    background: linear-gradient(135deg, var(--g1), var(--g2));
    box-shadow: 0 6px 16px rgba(20, 100, 60, 0.25);
    position: relative;
    overflow: hidden;
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
  }

  /* efecto brillo */
  .btn-boletines-xl::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 -60%;
    width: 60%;
    transform: skewX(-20deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    opacity: 0;
    transition: opacity 0.25s ease, left 0.6s ease;
  }

  .btn-boletines-xl:hover::after {
    left: 110%;
    opacity: 1;
  }

  .btn-boletines-xl:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(20, 100, 60, 0.28);
  }

  .btn-boletines-xl:focus {
    outline: 3px solid var(--ring);
    outline-offset: 3px;
  }

  .bxl-left {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
  }

  .bxl-logo {
    width: 40px;
    height: auto;
    display: block;
  }

  .bxl-text {
    line-height: 1.1;
    flex-grow: 1;
  }

  .bxl-title {
    display: block;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.2px;
  }

  .bxl-sub {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    opacity: 0.95;
    margin-top: 1px;
  }

  .bxl-cta {
    margin-left: auto;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.25);
    width: 30px;
    height: 30px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.15s ease;
  }

  .btn-boletines-xl:hover .bxl-cta {
    background: rgba(255, 255, 255, 0.22);
    transform: translateX(1px);
  }

  .bxl-cta i {
    font-size: 1rem;
  }
/* ===== Responsive: layout principal mobile-first ===== */
/* Base móvil: una sola columna */
#content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
#left,
#right {
  float: none !important;  /* neutraliza floats antiguos */
  width: auto !important;  /* permite ancho fluido */
}

/* Imágenes fluidas dentro del contenido */
#content img {
  max-width: 100%;
  height: auto;
}

/* Tablas de banners usadas como layout: fluidas y apiladas en móvil */
#content table[width="500"],
#content table[width="560"] {
  width: 100% !important;
  table-layout: auto;
}
#content table[width="500"] tr,
#content table[width="560"] tr {
  display: grid;
  grid-template-columns: 1fr;  /* apila en móvil */
  gap: 12px;
}

/* ≥768px: dos columnas para tiras de banners */
@media (min-width: 768px) {
  #content table[width="500"] tr,
  #content table[width="560"] tr {
    grid-template-columns: 1fr 1fr;
  }
}

/* ≥992px: dos columnas (menú + contenido) */
@media (min-width: 992px) {
  #content {
    grid-template-columns: 280px 1fr;
    gap: 16px;
  }
}
/* ===== Revert: restablecer layout original ===== */
/* Restablecer comportamiento previo a la inserción responsive */
#content { display: block !important; }
#left { float: left !important; width: 255px !important; }
#right { float: right !important; width: 558px !important; }

/* Tablas con ancho fijo vuelven a su tamaño original */
#content table[width="500"] { width: 500px !important; }
#content table[width="560"] { width: 560px !important; }
#content table[width="500"] tr,
#content table[width="560"] tr { display: table-row !important; }

/* Imágenes: sin forzar max-width dentro de #content */
#content img { max-width: none !important; height: auto; }
/* ===== Override: TH con fondo gris (#F2F2F2) a blanco ===== */
th[bgcolor="#F2F2F2" i] {
  background-color: #fff !important;
}
/* Fallback por si hay inline style con ese valor */
th[style*="background-color"][style*="#F2F2F2" i],
th[style*="background-color"][style*="rgb(242, 242, 242)"] {
  background-color: #fff !important;
}
/* (reverted) no import here; page links its own inline.css */

/* -- Organigrama search components -- */
.org-search {
  margin: 0 0 0px 0;
  max-width: 450px;
}

.org-search-control {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.org-search-label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.35rem;
  text-align: left;
}

.org-search-input {
  width: 100%;
  border: 1px solid #c5c5c5;
  border-radius: 6px;
  padding: 0.45rem 2.2rem 0.45rem 0.75rem;
  font-size: 15px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.org-search-input:focus {
  border-color: #16983b;
  box-shadow: 0 0 0 2px rgba(22, 152, 59, 0.2);
  outline: none;
}

.org-search-results {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  border: 1px solid #c5c5c5;
  border-radius: 6px;
  max-width: 450px;
  max-height: 260px;
  overflow-y: auto;
  display: none;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.org-search-results.show {
  display: block;
}

.org-search-results li {
  border-bottom: 1px solid #eee;
}

.org-search-results li:last-child {
  border-bottom: none;
}

.org-search-results button {
  width: 100%;
  text-align: left;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

.org-search-results button:hover,
.org-search-results button:focus {
  background: #f0f6f2;
  outline: none;
}

.org-search-clear {
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-size: 18px;
  color: #808080;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  display: none;
}

.org-search-clear.show {
  display: block;
}

.org-search-clear:hover,
.org-search-clear:focus {
  color: #505050;
  outline: none;
}

/* Biblioteca menu */
#menubiblioteca {
  margin: 20px auto;
  padding: 12px 18px;
  max-width: 720px;
  text-align: center;
  font-size: 11px;
  line-height: 1.6;
  color: #333;
}

#menubiblioteca a {
  color: #1d4e89;
  font-weight: 600;
  text-decoration: none;
}

#menubiblioteca a:hover,
#menubiblioteca a:focus {
  color: #16983b;
  text-decoration: underline;
}

#menubiblioteca .menubiblio-inline {
  white-space: nowrap;
  display: inline-block;
}