/*
 Theme Name:   Twenty Twenty Child
 Template:     twentytwenty
 Author:       Cristóbal Páez
 Version:      1.0
*/

/* --- TU DISEÑO MINIMALISTA --- */

/* ----------------------------------------------
Inter variable font. Usage:

@supports (font-variation-settings: normal) {
	html { font-family: 'Inter var', sans-serif; }
}
---------------------------------------------- */

@font-face {
	font-family: "Inter var";
	font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
	font-style: normal;
	font-display: swap;
	src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
}

@font-face {
	font-family: "Inter var";
	font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
	font-style: italic;
	font-display: swap;
	src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
}
/* Estructura para empujar el footer al fondo */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

#site-content {
    flex: 1 0 auto; /* Esto hace que el contenido crezca y empuje al footer */
}

#site-footer {
    flex-shrink: 0; /* Evita que el footer se comprima */
	border-bottom-width: 1rem;
  border-bottom-color: #000;
}

/* Elimina el espacio superior que WordPress reserva para el título de página */
.singular .entry-header, 
.archive-header,
.post-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.toggle-text, .featured-media figcaption, .home #site-footer .section-inner{
    display: none;
}
.modal-menu a{
    color: #000000 !important;
}
.header-inner{
padding: 8.8rem 6%;
}
.section-inner.medium{
    padding-bottom: 50px;
}
.wp-block-image figcaption{
    margin-top: 0rem;
    font-style: italic;
    text-align: center;
}
.singular .featured-media-inner {
    max-width: 1024px !important;
    padding-bottom: 3%;
}
a{
    color: #000000 !important;
}
/* Matamos el recuadro azul en el botón de cerrar y sus hijos */
.menu-modal-cover .close-nav-toggle,
.menu-modal-cover .close-nav-toggle:focus,
.menu-modal-cover .toggle-inner,
.menu-modal-cover .toggle-text {
    outline: none !important;
    box-shadow: none !important;
}

/* Específicamente para evitar lo que vemos en la Captura de pantalla 2026-04-30 a las 17.05.56.png */
[data-toggle-target=".menu-modal"]:focus {
    outline: none !important;
}

/* Si el navegador sigue forzándolo, este es el "botón del pánico" */
:focus {
    outline: none !important;
}
.menu-modal.active{
    text-transform: lowercase;
}
/* Quitamos las líneas divisorias de los ítems del menú modal */
.modal-menu li, 
.modal-menu li:first-child, 
.modal-menu li:last-child {
    border: none !important;
}

/* Por si el tema las aplica al enlace en lugar de al li */
.modal-menu li a {
    border: none !important;
}

/* Y eliminamos la línea que suele aparecer arriba del todo del menú */
.menu-modal-inner hr {
    display: none !important;
}
}
/* Pone en cursiva y añade la barra antes de cada idioma */
.lang-item a, 
.menu-item-language a, 
.wpml-ls-item a {
    display: inline-block;
}

.lang-item a::before, 
.menu-item-language a::before, 
.wpml-ls-item a::before {
    content: "|";
    font-style: normal; /* Para que la barra no se incline más de la cuenta */
    margin-right: 4px;  /* Espacio entre la barra y el texto */
    opacity: 0.6;       /* Opcional: para que la barra sea sutil */
}
@media (max-width: 782px) {

}

.header-inner .toggle {
    padding: 0 0rem;

}