/* Importar Google Fonts y Font Awesome */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600;700&family=Jost:wght@400;500;600&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');

/* --- Cuerpo de texto general --- */
body, input, select, textarea {
    font-family: 'Jost', Helvetica, sans-serif !important;
    font-size: 12pt !important;
}

/* --- Títulos de contenido (h1-h6) --- */
h1, h2, h3, h4, h5, h6,
.heading .title h1,
.heading .title h2 {
    font-family: 'Source Serif 4', Georgia, serif !important;
}
h1,
.heading .title h1 {
    font-size: 34pt !important;
}

/* --- Menú horizontal superior (desktop) y sus desplegables --- */
#header .dropdown li a,
#header .dropdown li ul li a {
    letter-spacing: 0.1em;
    font-family: 'Source Serif 4', Helvetica, sans-serif !important;
    font-size: 14pt !important;
}

/* --- Logo del header (si se muestra como texto) --- */
#header .logo {
    font-family: 'Source Serif 4', Georgia, serif !important;
    display: none !important;
}

/* --- Menú de pantalla completa (overlay al abrir el ícono de menú) --- */
#menu p {
    font-family: 'Jost', Helvetica, sans-serif !important;
}

/* --- Menú lateral / hamburguesa en móvil --- */
ul.menulink > li,
ul.menulink > li > ul {
    font-family: 'Jost', Helvetica, sans-serif !important;
}

/* --- Ocultar la sidebar en páginas de contenido 
#sidebar {
    display: none !important;
}
--- */

/* Muestra el Logo en grande y sin mascara hexagonal */
#intro .logo {
    width: 390px !important;
    height: auto !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}
#intro .logo img {
    clip-path: none !important;
    -webkit-clip-path: none !important;
    object-fit: contain !important;
}

/* Ocultar el texto (título + slogan) del bloque intro en la sidebar,
   dejando visible solo el logo que ya ajustamos */
#intro header {
    display: none !important;
}

.video-embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 */
    margin: 1.5em 0;
    overflow: hidden;
}
.video-embed-16-9 {
    padding-bottom: 56.25%; /* 16:9, estandar de YouTube */
}
.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}