h1, .h1 {
			font-size: clamp(18px, 5vw, 28px);
		}

		/* generate a clamp font size for h2, in small viewports it should have 16px in large viewports 26px */
		h2, .h2 {
			font-size: clamp(16px, 5vw, 26px);
		}

		/* generate a clamp font size for h3, in small viewports it should have 14px in large viewports 24px */
		h3, .h3 {
			font-size: clamp(14px, 5vw, 24px);
		}

		/* generate a clamp font size for h4, in small viewports it should have 12px in large viewports 22px */
		h4, .h4 {
			font-size: clamp(12px, 5vw, 22px);
		}


/* ============================================================
   ADGD 2026-27 - AJUSTES DE CABECERA Y NAVEGACION
   ============================================================ */

/* Cabecera blanca, sin degradados ni sombras */
header.container-header {
    background: #FFFFFF !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Barra principal en azul grisaceo pastel */
header.container-header .container-nav {
    background: #C9D9E7 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Alinear el ancho del menu con el logotipo en escritorio */
@media (min-width: 992px) {
    header.container-header .container-nav {
        width: calc(100% - 60px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}

/* Texto y controles del menu principal */
header.container-header .metismenu.mod-menu > li > a,
header.container-header .metismenu.mod-menu > li > button,
header.container-header .metismenu.mod-menu > li > span,
header.container-header .metismenu.mod-menu > li > .mm-toggler {
    color: #20384E !important;
    font-weight: 600;
}

/* Opcion principal activa, enfocada o bajo el cursor */
header.container-header .metismenu.mod-menu > li > a:hover,
header.container-header .metismenu.mod-menu > li > a:focus,
header.container-header .metismenu.mod-menu > li.active > a,
header.container-header .metismenu.mod-menu > li > button:hover {
    color: #194BFF !important;
}

/* Submenus reales de Cassiopeia / MetisMenu */
header.container-header .metismenu.mod-menu .mm-collapse {
    background: #EDF3F8 !important;
    background-image: none !important;
    border: 1px solid #C9D9E7 !important;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(32, 56, 78, 0.15);
}

/* Opciones interiores y niveles anidados */
header.container-header .metismenu.mod-menu .mm-collapse li,
header.container-header .metismenu.mod-menu .mm-collapse a,
header.container-header .metismenu.mod-menu .mm-collapse button,
header.container-header .metismenu.mod-menu .mm-collapse span {
    background-color: transparent !important;
    color: #20384E !important;
}

/* Resaltado de opciones de submenu */
header.container-header .metismenu.mod-menu .mm-collapse li:hover,
header.container-header .metismenu.mod-menu .mm-collapse li:focus-within {
    background-color: #B3CDDF !important;
}

header.container-header .metismenu.mod-menu .mm-collapse a:hover,
header.container-header .metismenu.mod-menu .mm-collapse a:focus,
header.container-header .metismenu.mod-menu .mm-collapse button:hover,
header.container-header .metismenu.mod-menu .mm-collapse button:focus {
    color: #194BFF !important;
}

/* Control de navegacion en dispositivos moviles */
header.container-header .navbar-toggler {
    color: #20384E !important;
    border-color: #A5BCD0 !important;
}

/* ============================================================
   ADGD 2026-27 - MODULO DE FOTOGRAFIAS
   ============================================================ */

/* Fondo blanco, sin marco ni linea inferior de color */
.main-top.card {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
}

.main-top.card .card-body {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
}

/* ADGD 2026-27: fondo general de la web */
body.site {
    background: linear-gradient(
        180deg,
        #edf3f8 0%,
        #e2ebf3 100%
    );
    background-attachment: fixed;
}

/* ADGD 2026-27: cabecera redondeada */
body.site .container-header img {
    border-radius: 22px;
    display: block;
    max-width: 100%;
    height: auto;
}