/*
Theme Name: Bridge Child
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Version: 1.1.0
Text Domain: bridge
Template: bridge
*/

/* ════════════════════════════════════════════════════════
   ÍNDICE
   1. Variables globales
   2. Header / Nav
   3. Páginas interiores de contenido (page-template-default)
   4. Páginas full width (Creación Artística / Gestión Cultural)
   5. Listas (bullets) — mismo estilo que el texto que las rodea
   6. Single Evento
   7. Carrusel Curadora
   ════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════
   1. VARIABLES GLOBALES
   ════════════════════════════════════════ */
:root {
    --negro: #0A0A0A;
    --blanco: #F7F5F0;
    --rojo: #bb4b38;
    --azul: #83a8cb;
    --ui: #D8D6D0;
    --font: 'Archivo', sans-serif;
    --font-display: 'Archivo Black', sans-serif;
}


/* ════════════════════════════════════════
   2. HEADER / NAV — MARÍA ORTEGA
   ════════════════════════════════════════ */

/* Fondo negro en header */
.scroll_header_top_area,
.page_header,
.header_inner,
.header_bottom {
    background-color: #0A0A0A !important;
    border-bottom: none !important;
}

/* Contenedor ancho completo */
.container_inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Logo: ocultar imagen, mostrar texto */
.q_logo {
    top: 0 !important;
}
.q_logo a img,
.q_logo img {
    display: none !important;
}
.q_logo a {
    display: flex !important;
    align-items: center !important;
    height: 64px !important;
    padding: 0 !important;
}

/*
   NOTA: valor confirmado como activo hoy en el sitio (comprobado con
   caché desactivada en Chrome y Firefox, 31/07/2026). Había una 2ª
   definición de este mismo selector (font-size 15px) en el campo de
   CSS Adicional de Qode Options que quedaba SIN efecto. Si se quiere
   agrandar/reducir el logo, TOCAR SOLO AQUÍ.
*/
.q_logo a::after {
    content: 'MARÍA ORTEGA';
    font-family: var(--font-display);
    font-size: 30px;
    font-weight: 900;
    color: var(--blanco);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    display: block;
    white-space: nowrap;
    line-height: 1;
}

/* Menú a la derecha */
.main_menu {
    margin-left: auto !important;
}

/*
   NOTA: valor confirmado como activo hoy en el sitio (comprobado con
   caché desactivada en Chrome y Firefox, 31/07/2026). Había una 2ª
   definición de este mismo selector (11px / 500) en el campo de CSS
   Adicional de Qode Options que quedaba SIN efecto. Si se quiere
   agrandar/reducir el menú, TOCAR SOLO AQUÍ.
*/
.main_menu ul li a span {
    color: var(--blanco) !important;
    font-family: var(--font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

/* Creación Artística — rojo */
#nav-menu-item-168 a span,
#nav-menu-item-168 > a span {
    color: var(--rojo) !important;
}
#nav-menu-item-168 > a:hover span {
    color: var(--blanco) !important;
}

/* Gestión Cultural — azul */
#nav-menu-item-169 a span,
#nav-menu-item-169 > a span {
    color: var(--azul) !important;
}
#nav-menu-item-169 > a:hover span {
    color: var(--blanco) !important;
}

/* EN (selector de idioma) con borde */
#nav-menu-item-173 a {
    border: 1px solid rgba(247,245,240,0.4) !important;
    padding: 3px 8px !important;
}

/* Ocultar hamburger en escritorio */
.side_menu_button_wrapper {
    display: none !important;
}

/* Eyebrow "Perfil artístico" en rojo */
.mo-hero-eyebrow--artista {
    color: var(--rojo) !important;
    opacity: 1 !important;
}


/* ════════════════════════════════════════
   3. PÁGINAS INTERIORES DE CONTENIDO
   (Aviso legal, Política de privacidad, etc. — page-template-default)
   ════════════════════════════════════════ */

/* Título de página, alineado con el logo del nav */
.page-template-default .title_holder {
    padding-left: 46px !important;
}
.page-template-default .title_holder h1 span {
    color: var(--negro) !important;
    font-family: var(--font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
}
.page-template-default .title_holder .separator {
    background-color: var(--rojo) !important;
    margin-left: 0 !important;
}

/* Contenedor de contenido: ancho fluido con clamp */
.page-template-default .page_container_inner {
    max-width: clamp(480px, 72%, 960px) !important;
    margin: 0 auto !important;
    padding: 40px 0 80px !important;
}

/* Headings */
.page-template-default .page_container_inner h2.wp-block-heading {
    font-family: var(--font) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--negro) !important;
    margin-top: 40px !important;
    margin-bottom: 12px !important;
}

/* Párrafos */
.page-template-default .page_container_inner p.wp-block-paragraph {
    font-family: var(--font) !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.75 !important;
    color: rgba(10,10,10,0.7) !important;
    margin-bottom: 14px !important;
}

/* Listas */
.page-template-default .page_container_inner ul.wp-block-list {
    padding-left: 0 !important;
    margin-bottom: 16px !important;
    list-style: none !important;
}
.page-template-default .page_container_inner ul.wp-block-list li {
    font-family: var(--font) !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.75 !important;
    color: rgba(10,10,10,0.7) !important;
    padding-left: 16px !important;
    position: relative !important;
    margin-bottom: 6px !important;
}
.page-template-default .page_container_inner ul.wp-block-list li::before {
    content: '—' !important;
    position: absolute !important;
    left: 0 !important;
    color: rgba(10,10,10,0.25) !important;
}

/* Strong y enlaces */
.page-template-default .page_container_inner strong {
    font-weight: 700 !important;
    color: var(--negro) !important;
}
.page-template-default .page_container_inner a {
    color: var(--negro) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
.page-template-default .page_container_inner a:hover {
    color: var(--rojo) !important;
}

/* Separadores */
.page-template-default .page_container_inner hr.wp-block-separator {
    border: none !important;
    border-top: 1px solid rgba(10,10,10,0.08) !important;
    margin: 32px 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .page-template-default .title_holder {
        padding-left: 20px !important;
    }
    .page-template-default .page_container_inner {
        max-width: 92% !important;
        padding: 24px 0 48px !important;
    }
}


/* ════════════════════════════════════════
   4. PÁGINAS FULL WIDTH SIN MÁRGENES
   ════════════════════════════════════════ */

/* Creación Artística (page-id-332) */
.page-id-332 .container,
.page-id-332 .container_inner,
.page-id-332 .page_container_inner {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.page-id-332 .content_inner {
    padding: 0 !important;
}

/* Gestión Cultural (page-id-700) */
.page-id-700 .container,
.page-id-700 .container_inner,
.page-id-700 .page_container_inner {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.page-id-700 .content_inner {
    padding: 0 !important;
}
.page-id-700 .content.content_top_margin_none {
    min-height: 0 !important;
}

/* Eliminar min-height que Bridge aplica vía JS en páginas Full Width */
.page-template-full_width-php .content.content_top_margin_none,
.page-template-full_width-php .content {
    min-height: 0 !important;
}

/* Desactivar lightbox nativo de Gutenberg */
.wp-block-image .wp-lightbox-container button.lightbox-trigger {
    display: none !important;
}


/* ════════════════════════════════════════
   5. LISTAS (BULLETS) — mismo tamaño/tipo/color
   que el texto que las rodea; solo cambian
   sangría, viñeta e interlineado.
   ════════════════════════════════════════ */

/*
   Fichas de Evento (single-evento.php): NO tocar aquí. La propia plantilla
   ya trae su regla local correcta para listas sobre fondo negro
   (.mo-ficha-desc-wysiwyg p, .mo-ficha-desc-wysiwyg li — línea ~587),
   con color rgba(247,245,240,0.75) (blanco roto). Un intento anterior de
   forzarlo aquí de forma global rompió la visibilidad de las listas en
   Eventos (texto oscuro sobre fondo negro) — por eso NO hay regla
   .mo-ficha-desc-cols aquí.

   Fichas de Proyecto (single-proyecto.php, ej. Mundo Líquido — fondo claro):
   pendiente de aplicar el mismo tipo de regla LOCAL (dentro del propio
   <style> de single-proyecto.php, con color rgba(10,10,10,0.75)), en vez
   de en este archivo global. Súbeme single-proyecto.php para dejarlo igual
   de encapsulado que single-evento.php.
*/

/*
   Gestión Cultural y Trayectoria: pendiente de confirmar con el inspector
   si su párrafo base usa los mismos valores (13px / 300 / rgba(10,10,10,.75))
   o distintos. De momento se mantiene el "inherit" original — revisar si
   se detecta el mismo problema que en mo-ficha-desc-cols.
*/
.mo-gc-pag-texto ul li,
.mo-gc-pag-texto ol li,
.mo-gc-pag-texto ul li *,
.mo-gc-pag-texto ol li *,
.mo-tray-desc ul li,
.mo-tray-desc ol li,
.mo-tray-desc ul li *,
.mo-tray-desc ol li * {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
}
.mo-gc-pag-texto ul,
.mo-gc-pag-texto ol,
.mo-tray-desc ul,
.mo-tray-desc ol {
    padding-left: 20px !important;
    margin: 12px 0 !important;
}


/* ════════════════════════════════════════
   6. SINGLE EVENTO
   ════════════════════════════════════════ */

/* Proyectos relacionados sobre fondo negro */
.single-archivo_evento .mo-ficha-rel-enlace,
.single-evento .mo-ficha-rel-enlace {
    color: rgba(247,245,240,0.7) !important;
    border-bottom-color: rgba(131,168,203,0.4) !important;
}
.single-evento .mo-ficha-rel-enlace:hover {
    color: var(--azul) !important;
    opacity: 1 !important;
}

/* Tag "Destacado" visible sobre fondo negro */
.single-evento .mo-ficha-tag--dest {
    color: rgba(247,245,240,0.6) !important;
    border-color: rgba(247,245,240,0.25) !important;
}

/* Vídeos evento — escritorio: 2 col, 80% ancho */
@media (min-width: 1024px) {
    .mo-ficha-videos-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        width: 80% !important;
        margin: 0 auto !important;
    }
}
/* Vídeos evento — móvil: 1 col, 90% ancho */
@media (max-width: 1023px) {
    .mo-ficha-videos-grid {
        grid-template-columns: 1fr !important;
        width: 90% !important;
        margin: 0 auto !important;
    }
}

/* Descripción y curatorial — 1 columna en móvil */
@media (max-width: 768px) {
    .mo-ficha-desc-cols {
        columns: 1 !important;
    }
    .mo-ficha-curatorial-cols {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

/* Bloque de edición (título + texto + galería propia) */
.mo-ficha-edicion {
    padding: 40px 56px;
}
.mo-ficha-edicion--separador {
    border-top: 0.5px solid rgba(247,245,240,0.08);
}
.mo-ficha-edicion-titulo {
    font-family: var(--font-display);
    font-size: clamp(15px, 2vw, 19px);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--blanco);
    margin-bottom: 24px;
}
.mo-ficha-edicion-titulo .mo-edicion-tipo {
    color: var(--azul);
}
.mo-ficha-edicion-galeria {
    margin-top: 32px;
}
.mo-ficha-edicion .mo-ficha-media,
.mo-ficha-edicion .mo-ficha-fecha-prev,
.mo-ficha-edicion .mo-ficha-url-evento,
.mo-ficha-edicion .mo-ficha-enlaces-rel,
.mo-ficha-edicion .mo-ficha-colaboradores,
.mo-ficha-edicion .mo-ficha-prensa,
.mo-ficha-edicion .mo-ficha-docs {
    padding: 24px 0 0;
    border-bottom: none;
}
/* ════════════════════════════════════════
   7. CARRUSEL CURADORA
   ════════════════════════════════════════ */

/* Evitar que la leyenda larga expanda el slide, sin fijar anchos
   (así no interfiere con las media queries responsive de functions.php) */
.mo-section-carrusel--curadora .mo-carrusel-slide {
    min-width: 0 !important;
}
.mo-section-carrusel--curadora .mo-carrusel-slide-pie {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
/* ════════════════════════════════════════
   para que no aparezca el logo de bridge en el modo smartphone
   ════════════════════════════════════════ */

@media only screen and (max-width: 1000px) {
    
     header .q_logo img.mobile {
        display: none !important;
    }
}



html, body {
    overflow-x: hidden !important;
    width: 100% !important;
}

footer.uncover, 
.footer_holder {
    overflow: hidden !important;
}

/* ════════════════════════════════════════
   FIX: logo_wrapper no se ajusta a 0 aunque
   las imágenes del logo estén ocultas
   ════════════════════════════════════════ */
@media only screen and (max-width: 1000px) {

    header .q_logo img.mobile {
        display: none !important;
    }

    .logo_wrapper,
    .q_logo,
    .q_logo a {
        width: auto !important;
        max-width: none !important;
    }

    /* Salvaguarda: el header nunca puede provocar scroll lateral,
       pase lo que pase con el logo o futuras actualizaciones de Bridge */
    header.fixed_top_header,
    header.fixed_top_header .header_inner {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
}