/* ========================================================= REDISEÑO MNCN 2026 Archivo de overrides del nuevo diseño. Se carga después de main.css para evitar modificar estilos legacy. ========================================================= */ /* ========================================================= REDISEÑO MNCN 2026 - VARIABLES ========================================================= */ :root { --mncn-redesign-primary: #B3081B; --mncn-redesign-bg: #FCFAF7; --mncn-redesign-white: #FFFFFF; --mncn-redesign-black: #131313; --mncn-redesign-terracotta: #974315; --mncn-redesign-green: #586D1C; --mncn-redesign-purple: #8C1597; --mncn-redesign-blue: #305C7D; } /* ========================================================= REDISEÑO MNCN 2026 - TIPOGRAFÍAS GLOBALES ========================================================= */ :root { --mncn-font-base: "Inter", Arial, sans-serif; --mncn-font-heading: "Space Grotesk", Arial, sans-serif; } body { font-family: var(--mncn-font-base) !important; } h1, h2, h3, h4, h5, h6, .titleContainer h1, .titleContainer h2, .searchBar__title { font-family: var(--mncn-font-heading) !important; } /* ========================================================= REDISEÑO MNCN 2026 - HEADER / MENÚ ========================================================= */ /* Oculto los accesos iconográficos antiguos del header. */ .header .content-iconos-sub, .header .header-rrss { display: none !important; } /* Mantengo el header limpio y con fondo claro del nuevo diseño. */ #header.header { background: var(--mncn-redesign-bg); border-bottom: 1px solid rgba(19, 19, 19, 0.2); } /* Evito que el hover legacy abra el menú. */ .megaMenu__item:hover>.megaMenu__subMenu, .megaMenu__item .megaMenu__subMenu:hover { display: none !important; opacity: 0 !important; visibility: hidden !important; } /* El submenú solo se abre con la clase controlada por JS. */ .megaMenu__item.megaMenu__item--open>.megaMenu__subMenu { display: grid !important; opacity: 1 !important; visibility: visible !important; } /* Ajuste visual del primer nivel. */ .megaMenu { background: transparent !important; } .megaMenu__item { position: relative !important; } .megaMenu__item__link, .megaMenu__item .megaMenu__item__title { color: var(--mncn-redesign-black) !important; cursor: pointer; text-decoration: none !important; } /* Desplegable nuevo: ancho ajustado al contenido, fondo beige y columnas limpias. */ .megaMenu__subMenu { width: max-content !important; min-width: 360px !important; max-width: 620px !important; left: 50% !important; transform: translateX(-50%) !important; top: 100% !important; padding: 26px 38px 28px !important; background: var(--mncn-redesign-bg) !important; border: 0 !important; box-shadow: 0 18px 35px rgba(19, 19, 19, 0.12) !important; grid-template-columns: repeat(2, max-content) !important; column-gap: 52px !important; row-gap: 18px !important; z-index: 50 !important; } /* Marca de color superior por sección. */ .megaMenu__subMenu::before { content: ""; position: absolute; top: 24px; left: 24px; width: 30px; height: 4px; background: var(--mncn-redesign-primary); } /* Colores por sección. Los ajustamos cuando nos confirmen el mapeo final. */ .megaMenu>.megaMenu__item:nth-child(1)>.megaMenu__subMenu::before { background: var(--mncn-redesign-green); } .megaMenu>.megaMenu__item:nth-child(2)>.megaMenu__subMenu::before { background: var(--mncn-redesign-blue); } .megaMenu>.megaMenu__item:nth-child(3)>.megaMenu__subMenu::before { background: var(--mncn-redesign-purple); } .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__subMenu::before { background: var(--mncn-redesign-terracotta); } .megaMenu>.megaMenu__item:nth-child(5)>.megaMenu__subMenu::before { background: var(--mncn-redesign-primary); } /* Separación para que la marca no choque con el primer enlace. */ .megaMenu__subMenu__item:first-child, .megaMenu__subMenu__item:nth-child(2) { margin-top: 30px !important; } .megaMenu__subMenu__item { width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .megaMenu__subMenu__item__link, .megaMenu__subMenu__item__title { display: inline-block !important; color: var(--mncn-redesign-black) !important; font-size: 16px !important; line-height: 1.3 !important; text-decoration: none !important; white-space: nowrap !important; } .megaMenu__subMenu__item__link:hover, .megaMenu__subMenu__item__link:focus { text-decoration: underline !important; } /* Oculto flechas antiguas en desktop; si hacen falta en móvil las reactivamos luego. */ @media screen and (min-width: 981px) { .megaMenu__item__expand, .megaMenu__subMenu__item__expand { display: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTES HEADER / SUBMENÚ NIVEL 3 ========================================================= */ /* Oculto el texto antiguo del nombre del sitio: el logo ya incluye la marca. */ #header .MNCNSiteName__text { display: none !important; } /* Ajusto los logos para que no arrastren tamaños antiguos. */ #header .MNCNSiteName { align-items: center !important; gap: 28px !important; } #header .MNCNSiteName__logo__image { width: auto !important; max-width: none !important; height: 48px !important; object-fit: contain !important; } #header .MNCNSiteName__logo__image.logo_especial { height: 54px !important; margin-left: 0px; margin-right: 0px; } /* Menú principal más parecido al nuevo diseño: menos grande y sin peso legacy. */ #header .megaMenu { align-items: center !important; justify-content: flex-end !important; gap: 34px !important; } #header .megaMenu__item { width: auto !important; padding: 0 !important; } #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { font-size: 16px !important; line-height: 1.2 !important; font-weight: 400 !important; padding: 22px 0 !important; margin: 0 !important; color: var(--mncn-redesign-black) !important; } /* Ajuste general del desplegable. */ #header .megaMenu__subMenu { color: var(--mncn-redesign-black) !important; background: var(--mncn-redesign-bg) !important; padding: 44px 38px 30px !important; column-gap: 54px !important; row-gap: 20px !important; } /* Quito reglas antiguas que forzaban tamaños/anchos raros. */ #header .megaMenu__subMenu__item, #header .megaMenu__subMenu__item:nth-child(2), #header .megaMenu__subMenu__item:nth-child(3), #header .megaMenu__subMenu__item:nth-child(4) { width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: var(--mncn-redesign-black) !important; } /* Títulos/enlaces de segundo nivel. */ #header .megaMenu__subMenu__item__title, #header .megaMenu__subMenu__item__link { color: var(--mncn-redesign-black) !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 400 !important; padding: 0 !important; margin: 0 0 8px 0 !important; border: 0 !important; } /* Tercer nivel: visible, negro y dentro del nuevo desplegable. */ #header .megaMenu__subMenu__block { display: grid !important; position: static !important; width: auto !important; min-width: 0 !important; margin: 8px 0 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; row-gap: 8px !important; } #header .megaMenu__subMenu__block__item { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; } #header .megaMenu__subMenu__block__link { display: block !important; color: var(--mncn-redesign-black) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 400 !important; text-decoration: none !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; } #header .megaMenu__subMenu__block__link:hover, #header .megaMenu__subMenu__block__link:focus { text-decoration: underline !important; } /* En menús con muchos hijos, como Colecciones, permito más columnas sin volver al 100%. */ #header .megaMenu__item:nth-child(4)>.megaMenu__subMenu { grid-template-columns: repeat(4, max-content) !important; max-width: 980px !important; } /* Mapeo de colores según el orden actual del menú: 1 Quienes somos / Sobre el museo = rojo 2 Visítanos / Visita = verde 3 Comunicación = terracota 4 Colecciones = morado 5 Investigación = azul */ #header .megaMenu>.megaMenu__item:nth-child(1)>.megaMenu__subMenu::before { background: var(--mncn-redesign-primary) !important; } #header .megaMenu>.megaMenu__item:nth-child(2)>.megaMenu__subMenu::before { background: var(--mncn-redesign-green) !important; } #header .megaMenu>.megaMenu__item:nth-child(3)>.megaMenu__subMenu::before { background: var(--mncn-redesign-terracotta) !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__subMenu::before { background: var(--mncn-redesign-purple) !important; } #header .megaMenu>.megaMenu__item:nth-child(5)>.megaMenu__subMenu::before { background: var(--mncn-redesign-blue) !important; } /* ========================================================= REDISEÑO MNCN 2026 - CORRECCIÓN HEADER / SUBMENÚS ========================================================= */ /* El header no debe ser beige: solo el desplegable. */ #header.header, #header .section.layout-container { background: var(--mncn-redesign-white) !important; } /* El desplegable sí mantiene el fondo beige del diseño. */ #header .megaMenu__subMenu { background: var(--mncn-redesign-bg) !important; box-sizing: border-box !important; overflow: visible !important; } /* Fuerzo color correcto dentro de todos los niveles del desplegable. Esto pisa reglas legacy que dejaban el tercer nivel en blanco. */ #header .megaMenu__subMenu, #header .megaMenu__subMenu *, #header .megaMenu__subMenu a, #header .megaMenu__subMenu p { color: var(--mncn-redesign-black) !important; } /* Segundo nivel: títulos/enlaces principales del desplegable. */ #header .megaMenu__subMenu__item__title, #header .megaMenu__subMenu__item__link { display: block !important; color: var(--mncn-redesign-black) !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 400 !important; white-space: normal !important; } /* Tercer nivel: lo dejo dentro del recuadro, no absoluto ni flotante. */ #header .megaMenu__subMenu__block { display: grid !important; position: static !important; top: auto !important; left: auto !important; right: auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 8px 0 0 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; row-gap: 8px !important; column-gap: 26px !important; } /* Enlaces del tercer nivel. */ #header .megaMenu__subMenu__block__link { display: block !important; color: var(--mncn-redesign-black) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 400 !important; text-decoration: none !important; white-space: nowrap !important; } /* Colecciones tiene muchos elementos: le doy una estructura más amplia. */ #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__subMenu { left: auto !important; right: 0 !important; transform: none !important; width: max-content !important; min-width: 620px !important; max-width: calc(100vw - 80px) !important; grid-template-columns: repeat(4, max-content) !important; column-gap: 44px !important; } /* En Colecciones, si un bloque tiene muchos hijos, permito dos columnas internas. */ #header .megaMenu>.megaMenu__item:nth-child(4) .megaMenu__subMenu__block { grid-template-columns: repeat(2, max-content) !important; } /* Evito que reglas antiguas de nth-child deformen los bloques internos. */ #header .megaMenu>.megaMenu__item:nth-child(4) .megaMenu__subMenu__item, #header .megaMenu>.megaMenu__item:nth-child(4) .megaMenu__subMenu__block__item { width: auto !important; min-width: 0 !important; max-width: none !important; } /* Hover/focus limpio en enlaces del desplegable. */ #header .megaMenu__subMenu a:hover, #header .megaMenu__subMenu a:focus { color: var(--mncn-redesign-black) !important; text-decoration: underline !important; } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTE DESPLEGABLES MULTINIVEL ========================================================= */ /* Submenú adaptable al contenido, sin ocupar el 100%. */ #header .megaMenu__item.megaMenu__item--open>.megaMenu__subMenu { display: grid !important; width: max-content !important; min-width: 360px !important; max-width: calc(100vw - 80px) !important; grid-template-columns: repeat(auto-fit, minmax(160px, max-content)) !important; column-gap: 44px !important; row-gap: 22px !important; } /* Segundo nivel: categorías principales dentro del desplegable. */ #header .megaMenu__subMenu__item__title, #header .megaMenu__subMenu__item>.megaMenu__subMenu__item__link { font-weight: 600 !important; font-size: 16px !important; color: var(--mncn-redesign-black) !important; margin-bottom: 10px !important; cursor: default !important; } /* Si el segundo nivel es enlace real, mantenemos cursor de enlace. */ #header .megaMenu__subMenu__item>a.megaMenu__subMenu__item__link[href] { cursor: pointer !important; } /* Tercer nivel: hijos normales, sin negrita. */ #header .megaMenu__subMenu__block__link { font-weight: 400 !important; font-size: 15px !important; color: var(--mncn-redesign-black) !important; cursor: pointer !important; } /* Elementos que son solo título, no enlace. */ #header .megaMenu__subMenu__item__title, #header .megaMenu__item__title { cursor: default !important; } /* Colecciones: menú grande, mejor distribuido y sin posiciones heredadas. */ #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__subMenu { right: auto !important; left: 50% !important; transform: translateX(-50%) !important; grid-template-columns: repeat(4, minmax(150px, max-content)) !important; width: max-content !important; min-width: 720px !important; max-width: calc(100vw - 60px) !important; align-items: start !important; } /* Dentro de cada columna de Colecciones, los nietos van apilados. */ #header .megaMenu>.megaMenu__item:nth-child(4) .megaMenu__subMenu__block { display: grid !important; grid-template-columns: 1fr !important; row-gap: 7px !important; } /* Evito que los textos largos rompan el recuadro de forma rara. */ #header .megaMenu__subMenu__item__title, #header .megaMenu__subMenu__item__link, #header .megaMenu__subMenu__block__link { white-space: normal !important; } /* Pero en enlaces cortos dejo una anchura razonable para que no se parta todo. */ #header .megaMenu__subMenu__item, #header .megaMenu__subMenu__block__item { max-width: 220px !important; } /* ========================================================= REDISEÑO MNCN 2026 - HEADER DESKTOP Y MENÚ MULTINIVEL ========================================================= */ @media screen and (min-width: 981px) { /* Coloco logo, menú y tools en la misma línea sin mover bloques desde Drupal. */ #header .section.layout-container { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 28px !important; max-width: none !important; width: 100% !important; padding: 18px 38px 0 !important; box-sizing: border-box !important; } #header #block-mncn-branding, #header .MNCNSiteName { order: 1 !important; display: flex !important; align-items: center !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; gap: 10px !important; } #header .megaMenu { order: 2 !important; flex: 1 1 auto !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 34px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } #header .toolsContainer { order: 3 !important; position: static !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; } #header .tools { display: flex !important; align-items: center !important; gap: 18px !important; margin: 0 !important; padding: 0 !important; } #header #block-formulariodebusqueda { order: 4 !important; } #header #block-mncn-breadcrumbs { order: 5 !important; flex: 0 0 100% !important; width: 100% !important; } /* Ajuste fino de logos. Mantengo tu idea de juntarlos. */ #header .MNCNSiteName__logo { margin: 0 !important; padding: 0 !important; } #header .MNCNSiteName__logo__image { height: 48px !important; width: auto !important; max-width: none !important; object-fit: contain !important; margin: 0 !important; } #header .MNCNSiteName__logo__image.logo_especial { height: 54px !important; margin-left: 0 !important; margin-right: 0 !important; } /* Menú principal más compacto. */ #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { font-size: 16px !important; font-weight: 400 !important; line-height: 1.2 !important; padding: 24px 0 !important; margin: 0 !important; } /* Base común del desplegable. */ #header .megaMenu__item.megaMenu__item--open>.megaMenu__subMenu { display: grid !important; position: absolute !important; top: 100% !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: max-content !important; min-width: 360px !important; max-width: calc(100vw - 60px) !important; height: auto !important; min-height: 0 !important; padding: 48px 48px 38px !important; background: var(--mncn-redesign-bg) !important; color: var(--mncn-redesign-black) !important; box-sizing: border-box !important; overflow: visible !important; box-shadow: none !important; border: 0 !important; z-index: 100 !important; } /* Menús normales: dos columnas, no todo en horizontal. */ #header .megaMenu__item:not(.megaMenu__item--colecciones)>.megaMenu__subMenu { grid-template-columns: repeat(2, max-content) !important; column-gap: 78px !important; row-gap: 26px !important; } /* Reset de estilos antiguos en elementos internos. */ #header .megaMenu__subMenu__item, #header .megaMenu__subMenu__block__item { width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Segundo nivel por defecto: normal, no negrita. */ #header .megaMenu__subMenu__item>.megaMenu__subMenu__item__link, #header .megaMenu__subMenu__item>.megaMenu__subMenu__item__title { display: block !important; color: var(--mncn-redesign-black) !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 400 !important; text-decoration: none !important; white-space: normal !important; margin: 0 !important; padding: 0 !important; } /* Segundo nivel que tiene tercer nivel: se comporta como título. */ #header .megaMenu__subMenu__item--has-children>.megaMenu__subMenu__item__link, #header .megaMenu__subMenu__item--has-children>.megaMenu__subMenu__item__title { font-weight: 600 !important; cursor: default !important; pointer-events: none !important; margin-bottom: 12px !important; } /* Tercer nivel. */ #header .megaMenu__subMenu__block { display: grid !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; row-gap: 8px !important; } #header .megaMenu__subMenu__block__link { display: block !important; color: var(--mncn-redesign-black) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 400 !important; text-decoration: none !important; white-space: normal !important; cursor: pointer !important; margin: 0 !important; padding: 0 !important; } #header .megaMenu__subMenu__block__link:hover, #header .megaMenu__subMenu__block__link:focus, #header .megaMenu__subMenu__item>.megaMenu__subMenu__item__link:hover, #header .megaMenu__subMenu__item>.megaMenu__subMenu__item__link:focus { text-decoration: underline !important; } /* Colecciones: estructura específica porque tiene 4 bloques y muchos nietos. */ #header .megaMenu__item--colecciones>.megaMenu__subMenu { grid-template-columns: minmax(430px, max-content) minmax(180px, max-content) minmax(220px, max-content) minmax(140px, max-content) !important; column-gap: 44px !important; row-gap: 0 !important; align-items: start !important; min-width: 0 !important; width: max-content !important; max-width: calc(100vw - 60px) !important; } /* La primera columna de Colecciones, "Científicas", se parte en dos columnas internas. */ #header .megaMenu__item--colecciones>.megaMenu__subMenu>.megaMenu__subMenu__item:first-child { max-width: 430px !important; } #header .megaMenu__item--colecciones>.megaMenu__subMenu>.megaMenu__subMenu__item:first-child .megaMenu__subMenu__block { grid-template-columns: repeat(2, minmax(160px, max-content)) !important; column-gap: 28px !important; row-gap: 8px !important; } /* El resto de columnas de Colecciones quedan en una columna. */ #header .megaMenu__item--colecciones>.megaMenu__subMenu>.megaMenu__subMenu__item:not(:first-child) .megaMenu__subMenu__block { grid-template-columns: 1fr !important; row-gap: 8px !important; } /* Colores por clase semántica. */ #header .megaMenu__item--visita>.megaMenu__subMenu::before { background: var(--mncn-redesign-green) !important; } #header .megaMenu__item--colecciones>.megaMenu__subMenu::before { background: var(--mncn-redesign-purple) !important; } #header .megaMenu__item--investigacion>.megaMenu__subMenu::before { background: var(--mncn-redesign-blue) !important; } #header .megaMenu__item--comunicacion>.megaMenu__subMenu::before { background: var(--mncn-redesign-terracotta) !important; } #header .megaMenu__item--sobre>.megaMenu__subMenu::before { background: var(--mncn-redesign-primary) !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTE ANCHO Y ALINEACIÓN HEADER ========================================================= */ :root { --mncn-redesign-container: 1280px; } @media screen and (min-width: 981px) { /* Recupero un ancho máximo centrado para que el header no ocupe toda la pantalla. */ #header .section.layout-container { max-width: var(--mncn-redesign-container) !important; width: 100% !important; margin: 0 auto !important; padding: 14px 32px 0 !important; box-sizing: border-box !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 28px !important; } /* Ajusto logos para que queden compactos y alineados verticalmente. */ #header #block-mncn-branding, #header .MNCNSiteName { display: flex !important; align-items: center !important; gap: 8px !important; height: 64px !important; } #header .MNCNSiteName__logo { display: flex !important; align-items: center !important; height: 64px !important; } #header .MNCNSiteName__logo__image { height: 48px !important; width: auto !important; display: block !important; } #header .MNCNSiteName__logo__image.logo_especial { height: 54px !important; margin-left: 0 !important; margin-right: 0 !important; } /* Centro verticalmente el menú principal respecto a logos y herramientas. */ #header .megaMenu { height: 64px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; gap: 34px !important; } #header .megaMenu__item { display: flex !important; align-items: center !important; height: 64px !important; } #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { display: flex !important; align-items: center !important; height: 64px !important; padding: 0 !important; margin: 0 !important; font-size: 16px !important; line-height: 1 !important; } /* Herramientas alineadas verticalmente con el menú. */ #header .toolsContainer { display: flex !important; align-items: center !important; height: 64px !important; } #header .tools { display: flex !important; align-items: center !important; height: 64px !important; gap: 16px !important; } #header .tools__login, #header .tools__language, #header .tools__search { display: flex !important; align-items: center !important; height: 64px !important; } #header .tools__login a { display: flex !important; align-items: center !important; } #header .tools__login img, #header .tools__search__image { display: block !important; } /* De momento dejo el breadcrumb en línea completa debajo. */ #header #block-mncn-breadcrumbs { flex: 0 0 100% !important; width: 100% !important; margin-top: 0 !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HEADER ESTRUCTURA FINAL DESKTOP ========================================================= */ @media screen and (min-width: 981px) { #header.header { background: var(--mncn-redesign-white) !important; border-bottom: 1px solid rgba(19, 19, 19, 0.2) !important; } /* Contenedor general del header: alineado al ancho de la web. */ #header .section.layout-container { position: relative !important; display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto !important; grid-template-areas: "brand nav tools" "bread bread bread" !important; align-items: center !important; column-gap: 34px !important; row-gap: 0 !important; width: 100% !important; max-width: var(--mncn-redesign-container, 1280px) !important; margin: 0 auto !important; padding: 32px 32px 0 !important; box-sizing: border-box !important; } /* Logos. */ #header #block-mncn-branding, #header .MNCNSiteName { grid-area: brand !important; display: flex !important; align-items: center !important; gap: 4px !important; height: 64px !important; margin: 0 !important; padding: 0 !important; } #header .MNCNSiteName__logo { display: flex !important; align-items: center !important; height: 64px !important; margin: 0 !important; padding: 0 !important; } #header .MNCNSiteName__logo__image { display: block !important; width: auto !important; height: 48px !important; max-width: none !important; margin: 0 !important; object-fit: contain !important; } #header .MNCNSiteName__logo__image.logo_especial { height: 54px !important; margin-left: 0 !important; margin-right: 0 !important; } /* Menú principal centrado en la fila. */ #header .megaMenu { grid-area: nav !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 34px !important; height: 64px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } #header .megaMenu__item { display: flex !important; align-items: center !important; height: 64px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { display: flex !important; align-items: center !important; height: 64px !important; padding: 0 !important; margin: 0 !important; font-size: 16px !important; line-height: 1 !important; font-weight: 400 !important; color: var(--mncn-redesign-black) !important; text-decoration: none !important; } /* Bloque herramientas: top links arriba, acciones en fila principal. */ #header .toolsContainer { grid-area: tools !important; position: static !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; height: 64px !important; width: auto !important; margin: 0 !important; padding: 0 !important; } #header .tools__top { position: absolute !important; top: 8px !important; right: 32px !important; display: flex !important; align-items: center !important; gap: 20px !important; font-size: 13px !important; line-height: 1 !important; } #header .tools__topLink, #header .tools__languageSwitchLink, #header .tools__languageSeparator { color: var(--mncn-redesign-black) !important; text-decoration: none !important; font-size: 13px !important; font-weight: 400 !important; } #header .tools__languageSwitch { display: flex !important; align-items: center !important; gap: 5px !important; } #header .tools__languageSwitchLink.is-active { color: var(--mncn-redesign-primary) !important; } #header .tools { display: flex !important; align-items: center !important; gap: 18px !important; height: 64px !important; margin: 0 !important; padding: 0 !important; } #header .tools__tickets { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 132px !important; height: 48px !important; padding: 0 26px !important; border-radius: 999px !important; background: var(--mncn-redesign-primary) !important; color: var(--mncn-redesign-white) !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; line-height: 1 !important; } #header .tools__search { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; cursor: pointer !important; } #header .tools__search img { display: block !important; width: 24px !important; height: 24px !important; } /* Buscador overlay: lo dejamos fuera del flujo visual. */ #header #block-formulariodebusqueda { position: absolute !important; z-index: 200 !important; } /* Breadcrumb debajo y a ancho completo. */ #header #block-mncn-breadcrumbs { grid-area: bread !important; width: 100% !important; flex: none !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTES FINOS HEADER ========================================================= */ @media screen and (min-width: 981px) { /* Evito que "Sobre el museo" se parta en dos líneas. */ #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { white-space: nowrap !important; } /* Reduzco un poco el espacio entre items para que quepa mejor todo el menú. */ #header .megaMenu { gap: 28px !important; } /* Compacto ligeramente la zona derecha. */ #header .tools { gap: 14px !important; } #header .tools__tickets { min-width: 118px !important; height: 44px !important; padding: 0 22px !important; } #header .tools__search { width: 38px !important; height: 44px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTE FINAL PROVISIONAL HEADER ========================================================= */ :root { --mncn-redesign-container: 1160px; } @media screen and (min-width: 981px) { #header .section.layout-container { max-width: var(--mncn-redesign-container) !important; width: 100% !important; margin: 0 auto !important; padding: 26px 0 0 !important; grid-template-columns: auto minmax(0, 1fr) auto !important; column-gap: 28px !important; } #header #block-mncn-branding, #header .MNCNSiteName { min-width: 0 !important; height: 58px !important; } #header .MNCNSiteName__logo, #header .MNCNSiteName__logo__image { height: 48px !important; } #header .MNCNSiteName__logo__image.logo_especial { height: 52px !important; } #header .megaMenu { min-width: 0 !important; height: 58px !important; gap: 26px !important; justify-content: flex-end !important; } #header .megaMenu__item, #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { height: 58px !important; white-space: nowrap !important; } #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { font-size: 15px !important; } #header .toolsContainer { height: 58px !important; } #header .tools { height: 58px !important; gap: 14px !important; } #header .tools__top { top: 9px !important; right: 0 !important; } #header .tools__tickets { min-width: 120px !important; height: 44px !important; padding: 0 22px !important; } #header .tools__search { width: 36px !important; height: 44px !important; } #header .tools__search img { width: 22px !important; height: 22px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTE LUPA HEADER ========================================================= */ @media screen and (min-width: 981px) { #header .tools__search img { width: 32px !important; height: 32px !important; max-width: none !important; display: block !important; } #header .tools { border-color: white; } } #header .tools__tickets { gap: 10px !important; } #header .tools__ticketsIcon { width: 18px !important; height: 18px !important; display: block !important; filter: brightness(0) invert(1); } /* ========================================================= REDISEÑO MNCN 2026 - BUSCADOR OVERLAY ========================================================= */ #header #block-formulariodebusqueda, #block-formulariodebusqueda { position: fixed !important; inset: 0 !important; display: none !important; width: 100vw !important; height: 100vh !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: rgba(20, 20, 20, 0.53) !important; z-index: 9999 !important; } #header #block-formulariodebusqueda.block-formulariodebusqueda--shown, #block-formulariodebusqueda.block-formulariodebusqueda--shown { display: block !important; } #block-formulariodebusqueda .searchBar { position: absolute !important; top: 0 !important; right: 0 !important; left: auto !important; width: min(50vw, 820px) !important; min-width: 640px !important; height: 100vh !important; margin: 0 !important; padding: 118px 96px 84px !important; background: #fff !important; box-sizing: border-box !important; box-shadow: none !important; border: 0 !important; overflow: auto !important; } #block-formulariodebusqueda .searchBar__close { position: absolute !important; top: 54px !important; right: 72px !important; width: 38px !important; height: 38px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base) !important; font-size: 42px !important; line-height: 1 !important; font-weight: 300 !important; cursor: pointer !important; box-shadow: none !important; } #block-formulariodebusqueda .searchBar__inner { display: flex !important; flex-direction: column !important; min-height: 100% !important; } #block-formulariodebusqueda .searchBar__title { margin: 0 0 78px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-heading) !important; font-size: 36.49px !important; line-height: 44px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-decoration: none !important; } #block-formulariodebusqueda .searchBar__title::before, #block-formulariodebusqueda .searchBar__title::after { display: none !important; content: none !important; } #block-formulariodebusqueda .searchBar__form { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #block-formulariodebusqueda .searchBar__inputWrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 24px !important; width: 100% !important; margin: 0 !important; padding: 0 0 8px !important; border: 0 !important; border-bottom: 1px solid #131313 !important; background: transparent !important; box-sizing: border-box !important; } /* Piso cualquier borde legacy del input. */ #block-formulariodebusqueda .searchBar__input, #block-formulariodebusqueda .searchBar__form input[type="text"], #block-formulariodebusqueda #search-block-form input[type="text"] { display: block !important; width: 100% !important; min-width: 0 !important; height: 48px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; color: #131313 !important; font-family: var(--mncn-font-base) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } #block-formulariodebusqueda .searchBar__input::placeholder, #block-formulariodebusqueda .searchBar__form input[type="text"]::placeholder { color: #737373 !important; opacity: 1 !important; } #block-formulariodebusqueda .searchBar__submit { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; min-width: 136px !important; height: 40px !important; padding: 0 23px !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: #131313 !important; color: #fff !important; box-shadow: none !important; cursor: pointer !important; font-family: var(--mncn-font-base) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-align: center !important; white-space: nowrap !important; } #block-formulariodebusqueda .searchBar__submit img { display: block !important; width: 24px !important; height: 24px !important; filter: brightness(0) invert(1) !important; } #block-formulariodebusqueda .searchBar__quickLinks { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 23px !important; margin-top: auto !important; padding: 0 !important; } #block-formulariodebusqueda .searchBar__quickLink { display: inline-flex !important; align-items: center !important; gap: 16px !important; color: #131313 !important; font-family: var(--mncn-font-base) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 600 !important; text-decoration: underline !important; text-underline-offset: 4px !important; background: transparent !important; } #block-formulariodebusqueda .searchBar__quickLinkIcon { display: block !important; width: 20px !important; height: 20px !important; margin-top: 2px !important; opacity: 1 !important; filter: brightness(0) saturate(100%) !important; } /* Mobile */ @media screen and (max-width: 980px) { #block-formulariodebusqueda .searchBar { width: 100vw !important; min-width: 0 !important; height: 100vh !important; padding: 96px 34px 58px !important; } #block-formulariodebusqueda .searchBar__close { top: 32px !important; right: 28px !important; font-size: 40px !important; } #block-formulariodebusqueda .searchBar__title { margin-bottom: 62px !important; font-size: 38px !important; line-height: 44px !important; } #block-formulariodebusqueda .searchBar__inputWrapper { grid-template-columns: minmax(0, 1fr) auto !important; gap: 12px !important; } #block-formulariodebusqueda .searchBar__input, #block-formulariodebusqueda .searchBar__form input[type="text"] { font-size: 26px !important; line-height: 32px !important; } #block-formulariodebusqueda .searchBar__submit { width: 56px !important; min-width: 56px !important; height: 56px !important; padding: 0 !important; } #block-formulariodebusqueda .searchBar__submit span { display: none !important; } #block-formulariodebusqueda .searchBar__quickLinks { gap: 26px !important; } #block-formulariodebusqueda .searchBar__quickLink { font-size: 18px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - LÍNEAS FRANJA SUPERIOR HEADER ========================================================= */ @media screen and (min-width: 981px) { #header.header { position: relative !important; border-bottom: 1px solid rgba(19, 19, 19, 0.18) !important; } /* Línea superior de la franja Intranet / Contacto / ES / EN */ #header.header::before { content: "" !important; position: absolute !important; top: 0 !important; left: 50% !important; width: 100vw !important; height: 1px !important; background: rgba(19, 19, 19, 0.18) !important; transform: translateX(-50%) !important; z-index: 1 !important; } /* Línea inferior de la franja superior */ #header.header::after { content: "" !important; position: absolute !important; top: 32px !important; left: 50% !important; width: 100vw !important; height: 1px !important; background: rgba(19, 19, 19, 0.18) !important; transform: translateX(-50%) !important; z-index: 1 !important; } /* Dejo espacio real para esa franja superior. */ #header .section.layout-container { padding-top: 34px !important; } /* Recoloco los enlaces superiores dentro de esa franja. */ #header .tools__top { top: 9px !important; right: 0 !important; z-index: 2 !important; } } /* En móvil no queremos estas líneas de desktop. */ @media screen and (max-width: 980px) { #header.header::before, #header.header::after { display: none !important; content: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTE FINAL CABECERA DESKTOP ========================================================= */ @media screen and (min-width: 981px) { /* Alturas base de la cabecera desktop */ :root { --mncn-header-top-height: 32px; --mncn-header-main-height: 84px; } #header.header { background: #fff !important; border-bottom: 1px solid rgba(19, 19, 19, 0.18) !important; } /* Contenedor general alineado al ancho de la web */ #header .section.layout-container { position: relative !important; display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto !important; grid-template-areas: "brand nav tools" "bread bread bread" !important; align-items: center !important; column-gap: 28px !important; max-width: var(--mncn-redesign-container, 1160px) !important; width: 100% !important; margin: 0 auto !important; padding: var(--mncn-header-top-height) 0 0 !important; box-sizing: border-box !important; } /* Línea superior */ #header.header::before { content: "" !important; position: absolute !important; top: 0 !important; left: 50% !important; width: 100vw !important; height: 1px !important; background: rgba(19, 19, 19, 0.18) !important; transform: translateX(-50%) !important; z-index: 1 !important; } /* Línea que separa la franja superior de la cabecera principal */ #header.header::after { content: "" !important; position: absolute !important; top: var(--mncn-header-top-height) !important; left: 50% !important; width: 100vw !important; height: 1px !important; background: rgba(19, 19, 19, 0.18) !important; transform: translateX(-50%) !important; z-index: 1 !important; } /* Logos */ #header #block-mncn-branding, #header .MNCNSiteName { grid-area: brand !important; display: flex !important; align-items: center !important; gap: 4px !important; height: var(--mncn-header-main-height) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } #header .MNCNSiteName__logo { display: flex !important; align-items: center !important; height: var(--mncn-header-main-height) !important; margin: 0 !important; padding: 0 !important; } #header .MNCNSiteName__logo__image { display: block !important; width: auto !important; height: 48px !important; max-width: none !important; margin: 0 !important; object-fit: contain !important; } #header .MNCNSiteName__logo__image.logo_especial { height: 52px !important; margin: 0 !important; } /* Menú principal */ #header .megaMenu { grid-area: nav !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 26px !important; height: var(--mncn-header-main-height) !important; width: auto !important; margin: 0 !important; padding: 0 !important; } #header .megaMenu__item { display: flex !important; align-items: center !important; height: var(--mncn-header-main-height) !important; margin: 0 !important; padding: 0 !important; } #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { display: flex !important; align-items: center !important; height: var(--mncn-header-main-height) !important; padding: 0 !important; margin: 0 !important; font-size: 15px !important; line-height: 1.2 !important; white-space: nowrap !important; } /* Herramientas: Entradas + lupa */ #header .toolsContainer { grid-area: tools !important; display: flex !important; align-items: center !important; height: var(--mncn-header-main-height) !important; margin: 0 !important; padding: 0 !important; } #header .tools { display: flex !important; align-items: center !important; gap: 14px !important; height: var(--mncn-header-main-height) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #header .tools__tickets { height: 44px !important; } #header .tools__search { height: 44px !important; } /* Enlaces superiores dentro de la franja superior */ #header .tools__top { position: absolute !important; top: 9px !important; right: 0 !important; z-index: 2 !important; display: flex !important; align-items: center !important; gap: 14px !important; height: 16px !important; } #header #block-mncn-breadcrumbs { grid-area: bread !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTE VERTICAL LOGOS HEADER ========================================================= */ @media screen and (min-width: 981px) { /* Bajo ligeramente el bloque de logos para alinearlo visualmente con menú, entradas y lupa. */ #header #block-mncn-branding, #header .MNCNSiteName { align-self: center !important; transform: translateY(30px) !important; } /* Aseguro que las imágenes no generen espacio raro por línea base. */ #header .MNCNSiteName__logo, #header .MNCNSiteName__logo img, #header .MNCNSiteName__logo__image { display: block !important; line-height: 0 !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HEADER MÓVIL ========================================================= */ @media screen and (max-width: 980px) { #header.header { position: relative !important; background: #fff !important; border-bottom: 1px solid rgba(19, 19, 19, 0.16) !important; z-index: 300 !important; } #header.header::before, #header.header::after { display: none !important; content: none !important; } #header .section.layout-container { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; min-height: 64px !important; margin: 0 !important; padding: 0 16px !important; box-sizing: border-box !important; background: #fff !important; } /* Branding móvil: logo principal a la izquierda */ #header #block-mncn-branding, #header .MNCNSiteName { position: static !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; height: 64px !important; min-height: 64px !important; width: auto !important; margin: 0 !important; padding: 0 150px 0 0 !important; transform: none !important; background: transparent !important; } #header .MNCNSiteName__logo { display: flex !important; align-items: center !important; height: 64px !important; margin: 0 !important; padding: 0 !important; } #header .MNCNSiteName__logo__image { display: block !important; width: auto !important; height: 34px !important; max-width: none !important; margin: 0 !important; object-fit: contain !important; } /* En móvil desaparece el logo 250 aniversario */ #header .MNCNSiteName__logo__image.logo_especial, #header .MNCNSiteName__logo:has(.logo_especial) { display: none !important; } /* Hamburguesa / cerrar a la derecha */ #header .menuButton__open, #header .menuButton__close { position: absolute !important; top: 17px !important; right: 16px !important; left: auto !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; z-index: 5 !important; } #header .menuButton__open { display: block !important; } #header .menuButton__open.menuButton__open--hidden { display: none !important; } #header .menuButton__close { display: none !important; } #header .menuButton__close.menuButton__close--shown { display: block !important; } /* Acciones móviles: Entradas + lupa */ #header .toolsContainer { position: absolute !important; top: 0 !important; right: 58px !important; left: auto !important; display: flex !important; align-items: center !important; height: 64px !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 4 !important; background: transparent !important; } #header .tools__top { display: none !important; } #header .tools { display: flex !important; align-items: center !important; gap: 12px !important; height: 64px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #header .tools__tickets { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border-radius: 0 !important; color: var(--mncn-redesign-primary) !important; font-size: 0 !important; } #header .tools__tickets span { display: none !important; } #header .tools__ticketsIcon { display: block !important; width: 24px !important; height: 24px !important; max-width: none !important; filter: none !important; } #header .tools__search { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } #header .tools__search img { display: block !important; width: 26px !important; height: 26px !important; max-width: none !important; } /* Menú móvil: panel bajo cabecera */ #header .megaMenu { position: absolute !important; top: 64px !important; left: 0 !important; right: auto !important; display: none !important; width: 100vw !important; height: auto !important; max-height: calc(100vh - 64px) !important; margin: 0 !important; padding: 0 !important; overflow-y: auto !important; background: #fff !important; border-top: 1px solid rgba(19, 19, 19, 0.12) !important; box-shadow: 0 8px 20px rgba(19, 19, 19, 0.12) !important; z-index: 250 !important; } #header .megaMenu.megaMenu--shown { display: block !important; } #header .megaMenu__item { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(19, 19, 19, 0.12) !important; background: #fff !important; } #header .megaMenu__item__link, #header .megaMenu__item .megaMenu__item__title { display: block !important; width: 100% !important; height: auto !important; padding: 13px 56px 13px 18px !important; margin: 0 !important; color: #131313 !important; font-family: var(--mncn-font-base) !important; font-size: 22px !important; line-height: 1.2 !important; font-weight: 600 !important; text-decoration: none !important; white-space: normal !important; } #header .megaMenu__item__expand { display: block !important; position: absolute !important; top: 13px !important; right: 18px !important; width: 24px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; transform: rotate(-90deg) !important; z-index: 2 !important; } #header .megaMenu__item__expand.megaMenu__item__expand--expanded { transform: rotate(0deg) !important; } /* Anulo la apertura desktop por clase .megaMenu__item--open en móvil */ #header .megaMenu__item.megaMenu__item--open>.megaMenu__subMenu { display: none !important; } /* Submenú móvil cerrado */ #header .megaMenu__subMenu { display: none !important; position: static !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 12px 0 16px !important; transform: none !important; box-shadow: none !important; border: 0 !important; color: #fff !important; } /* Submenú móvil abierto por la flecha legacy */ #header .megaMenu__item__expand--expanded+.megaMenu__subMenu { display: block !important; } #header .megaMenu__subMenu::before { display: none !important; content: none !important; } #header .megaMenu__subMenu__item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #header .megaMenu__subMenu__item__link, #header .megaMenu__subMenu__item__title { display: block !important; width: 100% !important; padding: 6px 26px !important; margin: 0 !important; color: #fff !important; font-family: var(--mncn-font-base) !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 500 !important; text-decoration: none !important; } #header .megaMenu__subMenu__item__expand { display: none !important; } #header .megaMenu__subMenu__block { display: block !important; position: static !important; width: 100% !important; margin: 0 !important; padding: 4px 0 8px !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } #header .megaMenu__subMenu__block__item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #header .megaMenu__subMenu__block__link { display: block !important; width: 100% !important; padding: 5px 42px !important; color: #fff !important; font-family: var(--mncn-font-base) !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 400 !important; text-decoration: none !important; } /* Colores por sección */ #header .megaMenu__item--visita>.megaMenu__subMenu { background: var(--mncn-redesign-green) !important; } #header .megaMenu__item--colecciones>.megaMenu__subMenu { background: var(--mncn-redesign-purple) !important; } #header .megaMenu__item--investigacion>.megaMenu__subMenu { background: var(--mncn-redesign-blue) !important; } #header .megaMenu__item--comunicacion>.megaMenu__subMenu { background: var(--mncn-redesign-terracotta) !important; } #header .megaMenu__item--sobre>.megaMenu__subMenu { background: var(--mncn-redesign-primary) !important; } #header #block-mncn-breadcrumbs { display: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTES MÓVIL HEADER / MENÚ ========================================================= */ @media screen and (max-width: 980px) { /* Orden correcto móvil: logo izquierda / lupa + ticket + menú derecha */ #header .tools { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 14px !important; } #header .tools__search { order: 1 !important; } #header .tools__tickets { order: 2 !important; } #header .menuButton__open, #header .menuButton__close { right: 16px !important; } #header .toolsContainer { right: 58px !important; } /* Si el SVG del ticket es blanco, lo fuerzo a negro para móvil */ #header .tools__ticketsIcon { display: block !important; width: 24px !important; height: 24px !important; opacity: 1 !important; filter: brightness(0) saturate(100%) !important; } /* Aseguro que el submenú abierto sea visible */ #header .megaMenu__item__expand--expanded+.megaMenu__subMenu { display: block !important; opacity: 1 !important; visibility: visible !important; height: auto !important; min-height: 0 !important; } #header .megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item, #header .megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__block__item { display: block !important; opacity: 1 !important; visibility: visible !important; } #header .megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item__link, #header .megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item__title, #header .megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__block__link { display: block !important; opacity: 1 !important; visibility: visible !important; color: #fff !important; } /* Fallback por orden real del menú móvil: 1 Visita, 2 Colecciones, 3 Investigación, 4 Comunicación, 5 Sobre el museo */ #header .megaMenu__item:nth-child(1)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu__item--visita>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-green) !important; } #header .megaMenu__item:nth-child(2)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu__item--colecciones>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-purple) !important; } #header .megaMenu__item:nth-child(3)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu__item--investigacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-blue) !important; } #header .megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu__item--comunicacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-terracotta) !important; } #header .megaMenu__item:nth-child(5)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu__item--sobre>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-primary) !important; } /* Ajuste visual de hijos */ #header .megaMenu__subMenu__item__link, #header .megaMenu__subMenu__item__title { padding: 7px 26px !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 500 !important; } #header .megaMenu__subMenu__block__link { padding: 5px 42px !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 400 !important; } } /* ========================================================= REDISEÑO MNCN 2026 - CORRECCIÓN COLORES MENÚ MÓVIL ========================================================= */ @media screen and (max-width: 980px) { /* Base visible para cualquier submenú abierto */ #header .megaMenu__item__expand--expanded+.megaMenu__subMenu { display: block !important; opacity: 1 !important; visibility: visible !important; color: #fff !important; } #header .megaMenu__item__expand--expanded+.megaMenu__subMenu *, #header .megaMenu__item__expand--expanded+.megaMenu__subMenu a, #header .megaMenu__item__expand--expanded+.megaMenu__subMenu p { color: #fff !important; opacity: 1 !important; visibility: visible !important; } /* Colores por orden actual del menú móvil: 1 Visita 2 Colecciones 3 Investigación 4 Comunicación 5 Sobre el museo */ #header .megaMenu>.megaMenu__item:nth-child(1)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--visita>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-green, #586D1C) !important; } #header .megaMenu>.megaMenu__item:nth-child(2)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--colecciones>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-purple, #8C1597) !important; } #header .megaMenu>.megaMenu__item:nth-child(3)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--investigacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-blue, #305C7D) !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-terracotta, #974315) !important; } #header .megaMenu>.megaMenu__item:nth-child(5)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--sobre>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-primary, #B3081B) !important; } /* Fuerzo visualización de elementos internos, incluido Comunicación */ #header .megaMenu__subMenu__item, #header .megaMenu__subMenu__block, #header .megaMenu__subMenu__block__item { display: block !important; opacity: 1 !important; visibility: visible !important; } #header .megaMenu__subMenu__item__link, #header .megaMenu__subMenu__item__title, #header .megaMenu__subMenu__block__link { display: block !important; color: #fff !important; opacity: 1 !important; visibility: visible !important; text-decoration: none !important; } #header .megaMenu__subMenu__item__link { padding: 7px 26px !important; } #header .megaMenu__subMenu__block__link { padding: 5px 42px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - CORRECCIÓN COLORES MENÚ POR ORDEN ACTUAL Orden actual: 1 Visita 2 Colecciones 3 Investigación 4 Comunicación 5 Sobre el museo ========================================================= */ /* Desktop: línea de color del desplegable */ @media screen and (min-width: 981px) { #header .megaMenu>.megaMenu__item:nth-child(1)>.megaMenu__subMenu::before { background: var(--mncn-redesign-green, #586D1C) !important; } #header .megaMenu>.megaMenu__item:nth-child(2)>.megaMenu__subMenu::before { background: var(--mncn-redesign-purple, #8C1597) !important; } #header .megaMenu>.megaMenu__item:nth-child(3)>.megaMenu__subMenu::before { background: var(--mncn-redesign-blue, #305C7D) !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__subMenu::before { background: var(--mncn-redesign-terracotta, #974315) !important; } #header .megaMenu>.megaMenu__item:nth-child(5)>.megaMenu__subMenu::before { background: var(--mncn-redesign-primary, #B3081B) !important; } } /* Mobile: fondo del submenú desplegado */ @media screen and (max-width: 980px) { #header .megaMenu>.megaMenu__item:nth-child(1)>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-green, #586D1C) !important; } #header .megaMenu>.megaMenu__item:nth-child(2)>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-purple, #8C1597) !important; } #header .megaMenu>.megaMenu__item:nth-child(3)>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-blue, #305C7D) !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-terracotta, #974315) !important; } #header .megaMenu>.megaMenu__item:nth-child(5)>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: var(--mncn-redesign-primary, #B3081B) !important; } } /* ========================================================= REDISEÑO MNCN 2026 - FIX COMUNICACIÓN MÓVIL ========================================================= */ @media screen and (max-width: 980px) { #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu { display: block !important; height: auto !important; min-height: 0 !important; opacity: 1 !important; visibility: visible !important; padding: 12px 0 16px !important; background: var(--mncn-redesign-terracotta, #974315) !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item { display: block !important; height: auto !important; min-height: 0 !important; opacity: 1 !important; visibility: visible !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item__link, #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item__title { display: block !important; width: 100% !important; height: auto !important; opacity: 1 !important; visibility: visible !important; color: #fff !important; padding: 7px 26px !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 500 !important; text-decoration: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - FIX FINAL COLORES Y COMUNICACIÓN ========================================================= */ /* ========================= DESKTOP: colores correctos Orden actual: 1 Visita 2 Colecciones 3 Investigación 4 Comunicación 5 Sobre el museo ========================= */ @media screen and (min-width: 981px) { /* Piso cualquier mapeo antiguo por orden o por clase. */ #header .megaMenu>.megaMenu__item:nth-child(1)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--visita>.megaMenu__subMenu::before { background: #586D1C !important; } #header .megaMenu>.megaMenu__item:nth-child(2)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--colecciones>.megaMenu__subMenu::before { background: #8C1597 !important; } #header .megaMenu>.megaMenu__item:nth-child(3)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--investigacion>.megaMenu__subMenu::before { background: #305C7D !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__subMenu::before { background: #974315 !important; } #header .megaMenu>.megaMenu__item:nth-child(5)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--sobre>.megaMenu__subMenu::before { background: #B3081B !important; } } /* ========================= MÓVIL: fix específico comunicación ========================= */ @media screen and (max-width: 980px) { /* Comunicación abierta: fuerzo panel visible aunque aria-hidden siga en true. */ #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu { display: block !important; position: static !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; padding: 12px 0 16px !important; margin: 0 !important; background: #974315 !important; color: #fff !important; transform: none !important; } /* Anulo cualquier ocultación por aria-hidden heredada. */ /* #header .megaMenu > .megaMenu__item--comunicacion > .megaMenu__subMenu[aria-hidden="true"], #header .megaMenu > .megaMenu__item:nth-child(4) > .megaMenu__subMenu[aria-hidden="true"] { display: block !important; opacity: 1 !important; visibility: visible !important; } */ /* Hijos de Comunicación visibles. */ #header .megaMenu>.megaMenu__item--comunicacion .megaMenu__subMenu__item, #header .megaMenu>.megaMenu__item:nth-child(4) .megaMenu__subMenu__item { display: block !important; position: static !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } #header .megaMenu>.megaMenu__item--comunicacion .megaMenu__subMenu__item__link, #header .megaMenu>.megaMenu__item:nth-child(4) .megaMenu__subMenu__item__link { display: block !important; position: static !important; width: 100% !important; height: auto !important; min-height: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; padding: 7px 26px !important; margin: 0 !important; color: #fff !important; background: transparent !important; font-family: var(--mncn-font-base) !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 500 !important; text-decoration: none !important; } /* Colores móviles correctos por orden actual. */ #header .megaMenu>.megaMenu__item:nth-child(1)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--visita>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: #586D1C !important; } #header .megaMenu>.megaMenu__item:nth-child(2)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--colecciones>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: #8C1597 !important; } #header .megaMenu>.megaMenu__item:nth-child(3)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--investigacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: #305C7D !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: #974315 !important; } #header .megaMenu>.megaMenu__item:nth-child(5)>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item--sobre>.megaMenu__item__expand--expanded+.megaMenu__subMenu { background: #B3081B !important; } } /* ========================================================= REDISEÑO MNCN 2026 - FIX CIERRE COMUNICACIÓN MÓVIL ========================================================= */ @media screen and (max-width: 980px) { /* Comunicación cerrada: no debe ocupar altura. */ #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__subMenu, #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__subMenu { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; } /* Comunicación abierta al pulsar la flecha. */ #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu, #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 12px 0 16px !important; margin: 0 !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; background: #974315 !important; } #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item, #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item { display: block !important; height: auto !important; opacity: 1 !important; visibility: visible !important; } #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item__link, #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__item__expand--expanded+.megaMenu__subMenu .megaMenu__subMenu__item__link { display: block !important; color: #fff !important; opacity: 1 !important; visibility: visible !important; padding: 7px 26px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - COLORES DEFINITIVOS MENÚ DESKTOP Corrige border-bottom heredado de main.css/_megaMenu.scss Orden actual: 1 Visita 2 Colecciones 3 Investigación 4 Comunicación 5 Sobre el museo ========================================================= */ @media screen and (min-width: 981px) { #header .megaMenu>.megaMenu__item { border-bottom: 4px solid transparent !important; } /* Visita - verde */ #header .megaMenu>.megaMenu__item:nth-child(1):hover, #header .megaMenu>.megaMenu__item:nth-child(1).megaMenu__item--open, #header .megaMenu>.megaMenu__item--visita:hover, #header .megaMenu>.megaMenu__item--visita.megaMenu__item--open { border-bottom-color: #586D1C !important; } /* Colecciones - morado */ #header .megaMenu>.megaMenu__item:nth-child(2):hover, #header .megaMenu>.megaMenu__item:nth-child(2).megaMenu__item--open, #header .megaMenu>.megaMenu__item--colecciones:hover, #header .megaMenu>.megaMenu__item--colecciones.megaMenu__item--open { border-bottom-color: #8C1597 !important; } /* Investigación - azul */ #header .megaMenu>.megaMenu__item:nth-child(3):hover, #header .megaMenu>.megaMenu__item:nth-child(3).megaMenu__item--open, #header .megaMenu>.megaMenu__item--investigacion:hover, #header .megaMenu>.megaMenu__item--investigacion.megaMenu__item--open { border-bottom-color: #305C7D !important; } /* Comunicación - terracota */ #header .megaMenu>.megaMenu__item:nth-child(4):hover, #header .megaMenu>.megaMenu__item:nth-child(4).megaMenu__item--open, #header .megaMenu>.megaMenu__item--comunicacion:hover, #header .megaMenu>.megaMenu__item--comunicacion.megaMenu__item--open { border-bottom-color: #974315 !important; } /* Sobre el museo - rojo */ #header .megaMenu>.megaMenu__item:nth-child(5):hover, #header .megaMenu>.megaMenu__item:nth-child(5).megaMenu__item--open, #header .megaMenu>.megaMenu__item--sobre:hover, #header .megaMenu>.megaMenu__item--sobre.megaMenu__item--open { border-bottom-color: #B3081B !important; } /* Mantengo también la marca interior del desplegable sincronizada. */ #header .megaMenu>.megaMenu__item:nth-child(1)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--visita>.megaMenu__subMenu::before { background: #586D1C !important; } #header .megaMenu>.megaMenu__item:nth-child(2)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--colecciones>.megaMenu__subMenu::before { background: #8C1597 !important; } #header .megaMenu>.megaMenu__item:nth-child(3)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--investigacion>.megaMenu__subMenu::before { background: #305C7D !important; } #header .megaMenu>.megaMenu__item:nth-child(4)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--comunicacion>.megaMenu__subMenu::before { background: #974315 !important; } #header .megaMenu>.megaMenu__item:nth-child(5)>.megaMenu__subMenu::before, #header .megaMenu>.megaMenu__item--sobre>.megaMenu__subMenu::before { background: #B3081B !important; } } /* ========================================================= REDISEÑO MNCN 2026 - AJUSTE ICONOS HEADER MÓVIL ========================================================= */ @media screen and (max-width: 980px) { #header .section.layout-container { min-height: 76px !important; padding: 0 24px !important; } /* Logo principal más parecido al Figma */ #header #block-mncn-branding, #header .MNCNSiteName { height: 76px !important; min-height: 76px !important; padding-right: 150px !important; } #header .MNCNSiteName__logo { height: 76px !important; } #header .MNCNSiteName__logo__image { height: 42px !important; } #header .MNCNSiteName__logo__image.logo_especial, #header .MNCNSiteName__logo:has(.logo_especial) { display: none !important; } /* Menú hamburguesa a la derecha */ #header .menuButton__open, #header .menuButton__close { top: 24px !important; right: 24px !important; width: 28px !important; height: 28px !important; filter: brightness(0) saturate(100%) !important; opacity: 1 !important; } /* Contenedor de lupa + ticket antes del menú */ #header .toolsContainer { top: 0 !important; right: 72px !important; height: 76px !important; } #header .tools { height: 76px !important; display: flex !important; align-items: center !important; gap: 22px !important; } /* Orden: lupa, ticket, hamburguesa */ #header .tools__search { order: 1 !important; } #header .tools__tickets { order: 2 !important; } #header .tools__search, #header .tools__tickets { width: 28px !important; height: 28px !important; min-width: 28px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } #header .tools__search img, #header .tools__ticketsIcon { width: 28px !important; height: 28px !important; display: block !important; max-width: none !important; opacity: 1 !important; filter: brightness(0) saturate(100%) !important; } #header .tools__tickets span { display: none !important; } /* El menú desplegado debe empezar justo debajo de la cabecera móvil */ #header .megaMenu { top: 76px !important; max-height: calc(100vh - 76px) !important; } } /* ========================================================= REDISEÑO MNCN 2026 - FOOTER ========================================================= */ .footer { background: #FCFAF7 !important; color: #131313 !important; border-top: 1px solid rgba(19, 19, 19, 0.08) !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; } /* Redes sociales */ .footer__top { background: #FCFAF7 !important; padding: 20px 0 24px !important; } .footer__rrss { width: 1160px !important; max-width: calc(100% - 48px) !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 32px !important; list-style: none !important; } .footer__rrss__item { width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; } .footer__rrss__link { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; box-shadow: none !important; } .footer__rrss__link img { display: block !important; width: auto !important; height: 18px !important; max-width: none !important; object-fit: contain !important; border: 0 !important; border-radius: 0 !important; filter: none !important; opacity: 1 !important; } /* Cuerpo principal */ .footer__main { width: 1160px !important; max-width: calc(100% - 48px) !important; margin: 0 auto !important; padding: 34px 0 36px !important; border-top: 1px solid rgba(19, 19, 19, 0.08) !important; border-bottom: 1px solid rgba(19, 19, 19, 0.08) !important; background: transparent !important; } /* Enlaces principales en horizontal */ .footer__mainLinks { margin: 0 0 44px !important; } .footer__mainLinks ul { display: flex !important; justify-content: center !important; align-items: center !important; gap: 56px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .footer__mainLinks li { margin: 0 !important; padding: 0 !important; } .footer__mainLinks a, .footer__legal a { color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; text-decoration: underline !important; text-underline-offset: 4px !important; } /* Logos principales */ .footer__logos { display: flex !important; justify-content: center !important; align-items: center !important; gap: 34px !important; margin: 0 0 34px !important; } .footer__logos img, .footer__logos a img, .footer__secondaryLogos img { display: block !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; filter: brightness(0) saturate(100%) !important; opacity: 0.95 !important; } .footer__logos img { max-height: 58px !important; } .footer__logos a img { max-height: 56px !important; } .footer__logo250 { max-height: 56px !important; filter: none !important; opacity: 1 !important; } /* Segunda línea de logos */ .footer__secondaryLogos { display: flex !important; justify-content: center !important; align-items: center !important; gap: 56px !important; } .footer__logoCites { max-height: 72px !important; } .footer__samLink { display: inline-flex !important; align-items: center !important; gap: 16px !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; text-decoration: none !important; } .footer__samIcon { display: inline-block !important; width: 48px !important; height: 38px !important; background: #131313 !important; mask-size: contain !important; mask-repeat: no-repeat !important; mask-position: center !important; } .footer__samIcon { background: #131313 !important; mask-image: url('/themes/mncn/images/sam-mncn.png') !important; } /* Franja inferior */ .footer__bottom { background: #FCFAF7 !important; padding: 24px 0 !important; } .footer__bottomInner { width: 1160px !important; max-width: calc(100% - 48px) !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 32px !important; } .footer__legal { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 18px 30px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .footer__legal li { margin: 0 !important; padding: 0 !important; } .footer__legal a { color: #131313 !important; font-size: 16px !important; } .footer__bottom p { margin: 0 !important; padding: 0 !important; color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; text-align: right !important; } /* ========================================================= REDISEÑO MNCN 2026 - FOOTER AJUSTE ANCHO / CENTRADO DESKTOP ========================================================= */ @media screen and (min-width: 981px) { /* Doy más ancho al footer, más parecido a Figma, sin hacerlo 100% pegado a pantalla */ .footer__rrss, .footer__main, .footer__bottomInner { width: min(100% - 96px, 1360px) !important; max-width: none !important; } /* El contenido principal del footer trabaja por filas centradas */ .footer__main { display: flex !important; flex-direction: column !important; align-items: center !important; padding-top: 34px !important; padding-bottom: 36px !important; } /* Enlaces principales centrados en toda la fila */ .footer__mainLinks { width: 100% !important; margin: 0 0 44px !important; } .footer__mainLinks ul { width: 100% !important; justify-content: center !important; gap: clamp(34px, 4vw, 76px) !important; } /* Logos principales centrados */ .footer__logos { width: 100% !important; justify-content: center !important; align-items: center !important; gap: clamp(28px, 3vw, 48px) !important; margin-bottom: 34px !important; } /* Segunda fila de logos centrada */ .footer__secondaryLogos { width: 100% !important; justify-content: center !important; align-items: center !important; gap: 56px !important; } /* Franja inferior: legales izquierda / copyright derecha */ .footer__bottomInner { justify-content: space-between !important; align-items: center !important; } .footer__legal { justify-content: flex-start !important; } .footer__bottom p { text-align: right !important; margin-left: auto !important; } } /* ========================================================= REDISEÑO MNCN 2026 - FOOTER RESPONSIVE MÓVIL ========================================================= */ @media screen and (max-width: 980px) { .footer { background: #FCFAF7 !important; } /* Redes sociales */ .footer__top { padding: 28px 0 24px !important; border-bottom: 1px solid rgba(19, 19, 19, 0.08) !important; } .footer__rrss { width: 100% !important; max-width: none !important; padding: 0 20px !important; justify-content: center !important; gap: 28px !important; } .footer__rrss__item { width: auto !important; height: auto !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; } .footer__rrss__link img { height: 28px !important; width: auto !important; max-width: none !important; } /* Bloque principal */ .footer__main { width: 100% !important; max-width: none !important; padding: 34px 20px 38px !important; border-top: 0 !important; border-bottom: 1px solid rgba(19, 19, 19, 0.08) !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; box-sizing: border-box !important; } /* Enlaces principales en vertical */ .footer__mainLinks { width: 100% !important; margin: 0 0 42px !important; } .footer__mainLinks ul { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; margin: 0 !important; padding: 0 !important; } .footer__mainLinks a { font-size: 20px !important; line-height: 28px !important; color: #131313 !important; text-decoration: underline !important; text-underline-offset: 4px !important; } /* Logos principales apilados */ .footer__logos { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 26px !important; margin: 0 0 34px !important; } .footer__logos img, .footer__logos a img { width: auto !important; max-width: 100% !important; object-fit: contain !important; } .footer__logos>img:nth-child(1) { max-height: 74px !important; } .footer__logos a img { max-height: 82px !important; } .footer__logos>img:nth-child(3), .footer__logo250 { max-height: 76px !important; } /* Segunda línea: CITES + Sociedad Amigos */ .footer__secondaryLogos { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 24px !important; } .footer__logoCites { max-height: 72px !important; } .footer__samLink { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; font-size: 20px !important; line-height: 28px !important; color: #131313 !important; text-decoration: none !important; } .footer__samIcon { width: 52px !important; height: 42px !important; background-color: #131313 !important; -webkit-mask-image: url('/themes/mncn/images/sam-mncn.png') !important; mask-image: url('/themes/mncn/images/sam-mncn.png') !important; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; } /* Franja inferior */ .footer__bottom { padding: 36px 20px 34px !important; } .footer__bottomInner { width: 100% !important; max-width: none !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 34px !important; margin: 0 !important; } .footer__legal { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; margin: 0 !important; padding: 0 !important; } .footer__legal a { font-size: 20px !important; line-height: 28px !important; color: #131313 !important; text-decoration: underline !important; text-underline-offset: 4px !important; } .footer__bottom p { width: 100% !important; margin: 0 !important; color: #737373 !important; font-size: 18px !important; line-height: 30px !important; text-align: left !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME HERO / SLIDER ========================================================= */ @media screen and (min-width: 981px) { .mncn-home-hero { width: min(100% - 48px, 1360px) !important; margin: 0 auto 56px !important; padding: 0 !important; background: #FCFAF7 !important; position: relative !important; overflow: hidden !important; } .mncn-home-hero .slick-list, .mncn-home-hero .slick-track, .mncn-home-hero .slick-slide, .mncn-home-hero .slick-slide>div, .mncn-home-hero .slide__caption { height: 520px !important; } .mncn-home-hero .slide__caption { width: 100% !important; display: block !important; } .mncn-home-hero .slide__caption>a { position: relative !important; display: grid !important; grid-template-columns: 43% 57% !important; width: 100% !important; height: 520px !important; color: #131313 !important; text-decoration: none !important; background: #FCFAF7 !important; } .mncn-home-hero .content { grid-column: 2 !important; width: 100% !important; height: 520px !important; min-height: 520px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; position: static !important; } .mncn-home-hero .mncn-hero__text { position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 43% !important; padding: 88px 68px 108px !important; box-sizing: border-box !important; background: #FCFAF7 !important; color: #131313 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; } .mncn-home-hero .mncn-hero__kicker { margin: 0 0 14px !important; color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; } .mncn-home-hero .mncn-hero__title { max-width: 460px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 34px !important; line-height: 1.18 !important; font-weight: 600 !important; letter-spacing: 0 !important; } .mncn-home-hero .mncn-hero__separator { display: block !important; width: 88px !important; height: 2px !important; margin: 22px 0 26px !important; background: #586D1C !important; } .mncn-home-hero .mncn-hero__subtitle { display: none !important; } .mncn-home-hero .mncn-hero__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 104px !important; min-height: 44px !important; padding: 0 24px !important; border-radius: 999px !important; background: #B3081B !important; color: #fff !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 600 !important; } .mncn-home-hero .textoMobile { display: none !important; } /* Flechas Slick */ .mncn-home-hero .slick-prev, .mncn-home-hero .slick-next { position: absolute !important; top: auto !important; bottom: 54px !important; z-index: 5 !important; width: 42px !important; height: 42px !important; border: 1px solid rgba(19, 19, 19, 0.45) !important; border-radius: 50% !important; background: transparent !important; color: transparent !important; font-size: 0 !important; transform: none !important; } .mncn-home-hero .slick-prev { left: 68px !important; } .mncn-home-hero .slick-next { left: 120px !important; } .mncn-home-hero .slick-prev::before, .mncn-home-hero .slick-next::before { display: block !important; color: #131313 !important; font-size: 26px !important; line-height: 38px !important; opacity: 1 !important; font-family: Arial, sans-serif !important; } .mncn-home-hero .slick-prev::before { content: "‹" !important; } .mncn-home-hero .slick-next::before { content: "›" !important; } /* Dots */ .mncn-home-hero .slick-dots { position: absolute !important; left: 50% !important; bottom: 58px !important; width: auto !important; margin: 0 !important; padding: 0 !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; gap: 10px !important; } .mncn-home-hero .slick-dots li { width: 10px !important; height: 10px !important; margin: 0 !important; padding: 0 !important; } .mncn-home-hero .slick-dots li button { width: 10px !important; height: 10px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #B9B9B9 !important; color: transparent !important; font-size: 0 !important; } .mncn-home-hero .slick-dots li.slick-active button { background: #B3081B !important; } .mncn-home-hero .slick-dots li button::before { display: none !important; content: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - COLORES EDITOR ========================================================= */ .mncn-home-hero .mncn-hero__text.quienesSomos .mncn-hero__separator { background: #B3081B !important; } .mncn-home-hero .mncn-hero__text.visitaElMNCN .mncn-hero__separator { background: #586D1C !important; } .mncn-home-hero .mncn-hero__text.colecciones .mncn-hero__separator { background: #8C1597 !important; } .mncn-home-hero .mncn-hero__text.investigacion .mncn-hero__separator { background: #305C7D !important; } .mncn-home-hero .mncn-hero__text.comunicacion .mncn-hero__separator { background: #974315 !important; } .mncn-home-hero .mncn-hero__text.SAM .mncn-hero__separator, .mncn-home-hero .mncn-hero__text.general .mncn-hero__separator { background: #B3081B !important; } /* ========================================================= REDISEÑO MNCN 2026 - HOME HERO AJUSTES FINALES DESKTOP ========================================================= */ @media screen and (min-width: 981px) { .mncn-home-hero { --mncn-hero-height: 467px; --mncn-hero-left: 530px; --mncn-hero-max: 1360px; width: min(100% - 48px, var(--mncn-hero-max)) !important; margin: 0 auto 56px !important; background: #FCFAF7 !important; overflow: hidden !important; } .mncn-home-hero .slick-list, .mncn-home-hero .slick-track, .mncn-home-hero .slick-slide, .mncn-home-hero .slick-slide>div, .mncn-home-hero .slide__caption { height: var(--mncn-hero-height) !important; } .mncn-home-hero .slide__caption>a { display: grid !important; grid-template-columns: minmax(420px, var(--mncn-hero-left)) minmax(0, 1fr) !important; width: 100% !important; height: var(--mncn-hero-height) !important; background: #FCFAF7 !important; color: #131313 !important; text-decoration: none !important; } .mncn-home-hero .content { grid-column: 2 !important; height: var(--mncn-hero-height) !important; min-height: var(--mncn-hero-height) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; position: relative !important; } .mncn-home-hero .mncn-hero__text { position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: var(--mncn-hero-left) !important; padding: 70px 68px 110px !important; box-sizing: border-box !important; background: #FCFAF7 !important; color: #131313 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; } .mncn-home-hero .mncn-hero__kicker { margin: 0 0 18px !important; color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; } .mncn-home-hero .mncn-hero__title { max-width: 420px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 34px !important; line-height: 1.18 !important; font-weight: 600 !important; letter-spacing: 0 !important; } .mncn-home-hero .mncn-hero__separator { display: block !important; width: 88px !important; height: 2px !important; margin: 24px 0 28px !important; background: #B3081B !important; } /* Colores reales por sección del campo Color */ .mncn-home-hero .mncn-hero__text.quienesSomos .mncn-hero__separator { background: #B3081B !important; } .mncn-home-hero .mncn-hero__text.visitaElMNCN .mncn-hero__separator { background: #586D1C !important; } .mncn-home-hero .mncn-hero__text.colecciones .mncn-hero__separator { background: #8C1597 !important; } .mncn-home-hero .mncn-hero__text.investigacion .mncn-hero__separator { background: #305C7D !important; } .mncn-home-hero .mncn-hero__text.comunicacion .mncn-hero__separator { background: #974315 !important; } .mncn-home-hero .mncn-hero__text.SAM .mncn-hero__separator, .mncn-home-hero .mncn-hero__text.general .mncn-hero__separator { background: #B3081B !important; } .mncn-home-hero .mncn-hero__subtitle { display: none !important; } .mncn-home-hero .mncn-hero__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 104px !important; min-height: 44px !important; padding: 0 24px !important; border-radius: 999px !important; background: #B3081B !important; color: #fff !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 600 !important; text-decoration: none !important; } .mncn-home-hero .textoMobile { display: none !important; } /* Controles: flechas + play/pause + dots en la zona izquierda */ .mncn-home-hero .slick-prev, .mncn-home-hero .slick-next, .mncn-home-hero .mncn-hero__pause { position: absolute !important; top: auto !important; bottom: 48px !important; z-index: 8 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; padding: 0 !important; margin: 0 !important; border: 1px solid rgba(19, 19, 19, 0.45) !important; border-radius: 50% !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 22px 22px !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; transform: none !important; opacity: 1 !important; cursor: pointer !important; } .mncn-home-hero .slick-prev { left: 68px !important; background-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-hero .slick-next { left: 120px !important; background-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } .mncn-home-hero .mncn-hero__pause { left: 172px !important; border-color: transparent !important; background-image: url('/themes/mncn/images/icon-play_pause.svg') !important; background-size: 28px 28px !important; } .mncn-home-hero .slick-prev::before, .mncn-home-hero .slick-next::before { display: none !important; content: none !important; } .mncn-home-hero .slick-dots { position: absolute !important; left: 224px !important; bottom: 64px !important; z-index: 8 !important; width: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; display: flex !important; align-items: center !important; gap: 10px !important; } .mncn-home-hero .slick-dots li { width: 10px !important; height: 10px !important; margin: 0 !important; padding: 0 !important; } .mncn-home-hero .slick-dots li button { width: 10px !important; height: 10px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #B9B9B9 !important; color: transparent !important; font-size: 0 !important; } .mncn-home-hero .slick-dots li.slick-active button { background: #B3081B !important; } .mncn-home-hero .slick-dots li button::before { display: none !important; content: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME HERO FIX POSICIÓN / CONTROLES ========================================================= */ @media screen and (min-width: 981px) { /* El slide completo es la referencia de posición */ .mncn-home-hero .slide__caption>a { position: relative !important; display: grid !important; grid-template-columns: minmax(420px, var(--mncn-hero-left, 530px)) minmax(0, 1fr) !important; height: var(--mncn-hero-height, 467px) !important; } /* La imagen NO debe ser referencia del texto */ .mncn-home-hero .content { position: static !important; grid-column: 2 !important; height: var(--mncn-hero-height, 467px) !important; min-height: var(--mncn-hero-height, 467px) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } /* El texto vuelve a la columna izquierda */ .mncn-home-hero .mncn-hero__text { position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: var(--mncn-hero-left, 530px) !important; padding: 70px 68px 110px !important; background: #FCFAF7 !important; z-index: 3 !important; } /* Línea de color por campo Color */ .mncn-home-hero .mncn-hero__text>.mncn-hero__separator { background: #B3081B !important; } .mncn-home-hero .mncn-hero__text.quienesSomos>.mncn-hero__separator { background: #B3081B !important; } .mncn-home-hero .mncn-hero__text.visitaElMNCN>.mncn-hero__separator { background: #586D1C !important; } .mncn-home-hero .mncn-hero__text.colecciones>.mncn-hero__separator { background: #8C1597 !important; } .mncn-home-hero .mncn-hero__text.investigacion>.mncn-hero__separator { background: #305C7D !important; } .mncn-home-hero .mncn-hero__text.comunicacion>.mncn-hero__separator { background: #974315 !important; } .mncn-home-hero .mncn-hero__text.SAM>.mncn-hero__separator, .mncn-home-hero .mncn-hero__text.general>.mncn-hero__separator { background: #B3081B !important; } /* Controles */ .mncn-home-hero .slick-prev, .mncn-home-hero .slick-next, .mncn-home-hero .mncn-hero__pause { background-image: none !important; background-color: transparent !important; border: 1px solid rgba(19, 19, 19, 0.45) !important; } .mncn-home-hero .slick-prev::before, .mncn-home-hero .slick-next::before, .mncn-home-hero .mncn-hero__pause::before { content: "" !important; display: block !important; width: 22px !important; height: 22px !important; background: #131313 !important; opacity: 1 !important; font-size: 0 !important; line-height: 0 !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-hero .slick-prev::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-hero .slick-next::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } .mncn-home-hero .mncn-hero__pause { left: 172px !important; border-color: transparent !important; } .mncn-home-hero .mncn-hero__pause::before { width: 28px !important; height: 28px !important; -webkit-mask-image: url('/themes/mncn/images/icon-play_pause.svg') !important; mask-image: url('/themes/mncn/images/icon-play_pause.svg') !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME HERO PLAY / PAUSE ICONOS ========================================================= */ @media screen and (min-width: 981px) { .mncn-home-hero .mncn-hero__pause::before { -webkit-mask-image: url('/themes/mncn/images/icon-pause-mncn.svg') !important; mask-image: url('/themes/mncn/images/icon-pause-mncn.svg') !important; } .mncn-home-hero .mncn-hero__pause.mncn-hero__pause--paused::before { -webkit-mask-image: url('/themes/mncn/images/icon-play_arrow.svg') !important; mask-image: url('/themes/mncn/images/icon-play_arrow.svg') !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME HERO AJUSTE DOTS ========================================================= */ @media screen and (min-width: 981px) { .mncn-home-hero .slick-dots { left: 260px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME HERO RESPONSIVE MÓVIL ========================================================= */ @media screen and (max-width: 980px) { .mncn-home-hero { width: 100% !important; max-width: none !important; margin: 0 0 42px !important; padding: 0 16px 32px !important; background: #FCFAF7 !important; overflow: visible !important; box-sizing: border-box !important; } .mncn-home-hero .slick-list, .mncn-home-hero .slick-track, .mncn-home-hero .slick-slide, .mncn-home-hero .slick-slide>div, .mncn-home-hero .slide__caption { height: auto !important; min-height: 0 !important; } .mncn-home-hero .slide__caption { width: 100% !important; display: block !important; } .mncn-home-hero .slide__caption>a { display: block !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; color: #131313 !important; text-decoration: none !important; background: transparent !important; overflow: visible !important; } /* Imagen superior */ .mncn-home-hero .content { display: block !important; width: 100% !important; height: 282px !important; min-height: 282px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; position: relative !important; z-index: 1 !important; } /* En móvil oculto el texto desktop que va dentro de .content */ .mncn-home-hero .content>.mncn-hero__text { display: none !important; } /* Tarjeta blanca superpuesta */ .mncn-home-hero .textoMobile.mncn-hero__mobileText { display: flex !important; flex-direction: column !important; align-items: flex-start !important; position: relative !important; z-index: 3 !important; width: calc(100% - 16px) !important; margin: -52px auto 0 !important; padding: 24px 22px 30px !important; background: #FCFAF7 !important; color: #131313 !important; box-sizing: border-box !important; } .mncn-home-hero .mncn-hero__mobileKicker { margin: 0 0 16px !important; color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-home-hero .mncn-hero__mobileTitle { margin: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 29px !important; line-height: 1.45 !important; font-weight: 600 !important; letter-spacing: 0 !important; } .mncn-home-hero .mncn-hero__mobileTitle::after { content: "" !important; display: block !important; width: 122px !important; height: 2px !important; margin: 18px 0 0 !important; background: #B3081B !important; } .mncn-home-hero .textoMobile.visitaElMNCN .mncn-hero__mobileTitle::after { background: #586D1C !important; } .mncn-home-hero .textoMobile.colecciones .mncn-hero__mobileTitle::after { background: #8C1597 !important; } .mncn-home-hero .textoMobile.investigacion .mncn-hero__mobileTitle::after { background: #305C7D !important; } .mncn-home-hero .textoMobile.comunicacion .mncn-hero__mobileTitle::after { background: #974315 !important; } .mncn-home-hero .textoMobile.quienesSomos .mncn-hero__mobileTitle::after, .mncn-home-hero .textoMobile.SAM .mncn-hero__mobileTitle::after, .mncn-home-hero .textoMobile.general .mncn-hero__mobileTitle::after { background: #B3081B !important; } .mncn-home-hero .mncn-hero__mobileSubtitle { display: none !important; } /* Botón si existe el campo field_boton_hero */ .mncn-home-hero .mncn-hero__mobileButton, .mncn-home-hero .mncn-hero__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 58px !important; margin-top: 34px !important; border-radius: 999px !important; background: #B3081B !important; color: #fff !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 20px !important; line-height: 28px !important; font-weight: 500 !important; text-decoration: none !important; } /* En móvil oculto flechas y play/pause según Figma */ .mncn-home-hero .slick-prev, .mncn-home-hero .slick-next, .mncn-home-hero .mncn-hero__pause { display: none !important; } .mncn-home-hero .slick-dots { position: static !important; width: 100% !important; margin: 28px 0 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; transform: none !important; } .mncn-home-hero .slick-dots li { width: 12px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; } .mncn-home-hero .slick-dots li button { width: 12px !important; height: 12px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #B9B9B9 !important; color: transparent !important; font-size: 0 !important; } .mncn-home-hero .slick-dots li.slick-active button { background: #B3081B !important; } .mncn-home-hero .slick-dots li button::before { display: none !important; content: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: TE PUEDE INTERESAR ========================================================= */ .mncn-home-interest { background: #FCFAF7 !important; margin: 0 !important; padding: 72px 0 80px !important; } .mncn-home-interest__inner { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; } .mncn-home-interest__marker { display: block !important; width: 32px !important; height: 4px !important; margin: 0 0 18px !important; background: #B3081B !important; } .mncn-home-interest__title { margin: 0 0 44px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 36px !important; line-height: 44px !important; font-weight: 600 !important; letter-spacing: 0 !important; } .mncn-home-interest__grid { width: 100% !important; } /* Drupal suele envolver el campo en field / field__items */ .mncn-home-interest__grid>.field, .mncn-home-interest__grid .field__items { width: 100% !important; } .mncn-home-interest__grid .field__items { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 44px !important; } .mncn-home-interest__grid .field__item { min-width: 0 !important; } .mncn-interest-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; color: #131313 !important; } .mncn-interest-card__image { width: 100% !important; margin: 0 0 18px !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; background: #eee !important; } .mncn-interest-card__image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } .mncn-interest-card__title { margin: 0 0 12px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; } .mncn-interest-card__text { margin: 0 0 26px !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } .mncn-interest-card__text p { margin: 0 !important; } .mncn-interest-card__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; min-height: 48px !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-interest-card__button:hover, .mncn-interest-card__button:focus { background: #131313 !important; color: #fff !important; } .mncn-interest-card__buttonIcon { display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Responsive */ @media screen and (max-width: 980px) { .mncn-home-interest { padding: 48px 0 56px !important; } .mncn-home-interest__inner { width: 100% !important; padding: 0 20px !important; box-sizing: border-box !important; } .mncn-home-interest__marker { width: 30px !important; height: 4px !important; margin-bottom: 16px !important; } .mncn-home-interest__title { margin-bottom: 32px !important; font-size: 30px !important; line-height: 38px !important; } .mncn-home-interest__grid .field__items { display: grid !important; grid-template-columns: 1fr !important; gap: 38px !important; } .mncn-interest-card__image { margin-bottom: 18px !important; } .mncn-interest-card__title { font-size: 22px !important; line-height: 30px !important; } .mncn-interest-card__text { font-size: 16px !important; line-height: 24px !important; margin-bottom: 22px !important; } .mncn-interest-card__button { min-height: 48px !important; padding: 0 22px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: TE PUEDE INTERESAR FIX ========================================================= */ .mncn-home-interest { background: #FFFFFF !important; margin: 0 !important; padding: 72px 0 88px !important; } .mncn-home-interest__inner { width: min(100% - 96px, 1360px) !important; max-width: none !important; margin: 0 auto !important; } /* Título */ .mncn-home-interest__marker { display: block !important; width: 32px !important; height: 4px !important; margin: 0 0 18px !important; background: #B3081B !important; } .mncn-home-interest__title { display: block !important; width: auto !important; max-width: none !important; margin: 0 0 44px !important; padding: 0 !important; border: 0 !important; border-bottom: 0 !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 36px !important; line-height: 44px !important; font-weight: 600 !important; white-space: nowrap !important; } .mncn-home-interest__title::before, .mncn-home-interest__title::after { display: none !important; content: none !important; } /* Quito etiquetas/estructuras heredadas del campo Drupal */ .mncn-home-interest__grid .field__label { display: none !important; } .mncn-home-interest__grid, .mncn-home-interest__grid>.field, .mncn-home-interest__grid .field--name-field-puede-interesar, .mncn-home-interest__grid .field__items { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Grid de tarjetas */ .mncn-home-interest__grid .field__items { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 44px !important; align-items: start !important; } .mncn-home-interest__grid .field__item { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Card */ .mncn-interest-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: #131313 !important; background: transparent !important; } /* Imagen: ratio Figma 450x252 aprox */ .mncn-interest-card__image { width: 100% !important; aspect-ratio: 450 / 252 !important; margin: 0 0 18px !important; padding: 0 !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-interest-card__image .field, .mncn-interest-card__image .field__item, .mncn-interest-card__image picture { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .mncn-interest-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } /* Texto tarjeta */ .mncn-interest-card__title { margin: 0 0 12px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; } .mncn-interest-card__text { margin: 0 0 26px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } .mncn-interest-card__text p { margin: 0 !important; padding: 0 !important; } /* Botón */ .mncn-interest-card__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; min-height: 48px !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-interest-card__button:hover, .mncn-interest-card__button:focus { background: #131313 !important; color: #FFFFFF !important; } /* Responsive */ @media screen and (max-width: 980px) { .mncn-home-interest { padding: 48px 0 56px !important; } .mncn-home-interest__inner { width: 100% !important; padding: 0 20px !important; box-sizing: border-box !important; } .mncn-home-interest__title { margin-bottom: 32px !important; font-size: 30px !important; line-height: 38px !important; white-space: normal !important; } .mncn-home-interest__grid .field__items { grid-template-columns: 1fr !important; gap: 38px !important; } .mncn-interest-card__image { aspect-ratio: 450 / 252 !important; margin-bottom: 18px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: TE PUEDE INTERESAR FIX HTML REAL ========================================================= */ .mncn-home-interest { background: #FFFFFF !important; margin: 0 !important; padding: 72px 0 88px !important; } .mncn-home-interest__inner { width: min(100% - 96px, 1360px) !important; max-width: none !important; margin: 0 auto !important; } /* Cabecera sección */ .mncn-home-interest__marker { display: block !important; width: 32px !important; height: 4px !important; margin: 0 0 18px !important; background: #B3081B !important; } .mncn-home-interest__title { display: block !important; width: 100% !important; max-width: none !important; margin: 0 0 44px !important; padding: 0 !important; border: 0 !important; border-bottom: 0 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 36px !important; line-height: 44px !important; font-weight: 600 !important; text-decoration: none !important; white-space: nowrap !important; } .mncn-home-interest__title::before, .mncn-home-interest__title::after { display: none !important; content: none !important; border: 0 !important; background: transparent !important; } /* Grid según el HTML real generado por Drupal */ .mncn-home-interest__grid { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Primer wrapper */ .mncn-home-interest__grid>div { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Segundo wrapper: aquí montamos las 3 columnas */ .mncn-home-interest__grid>div>div { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 44px !important; align-items: start !important; } /* Cada tarjeta */ .mncn-home-interest__grid>div>div>div { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .mncn-interest-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: #131313 !important; } /* Imagen: ratio Figma 450x252 */ .mncn-interest-card__image { width: 100% !important; aspect-ratio: 450 / 252 !important; margin: 0 0 18px !important; padding: 0 !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-interest-card__image>div, .mncn-interest-card__image .field, .mncn-interest-card__image .field__item, .mncn-interest-card__image picture { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .mncn-interest-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } /* Textos */ .mncn-interest-card__title { margin: 0 0 12px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; } .mncn-interest-card__text { margin: 0 0 26px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } .mncn-interest-card__text div, .mncn-interest-card__text p { margin: 0 !important; padding: 0 !important; } /* Botón */ .mncn-interest-card__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; min-height: 48px !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-interest-card__button:hover, .mncn-interest-card__button:focus { background: #B3081B !important; color: #FFFFFF !important; } .mncn-interest-card__buttonIcon { display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Responsive */ @media screen and (max-width: 980px) { .mncn-home-interest { padding: 48px 0 56px !important; } .mncn-home-interest__inner { width: 100% !important; padding: 0 20px !important; box-sizing: border-box !important; } .mncn-home-interest__title { margin-bottom: 32px !important; font-size: 30px !important; line-height: 38px !important; white-space: normal !important; } .mncn-home-interest__grid>div>div { display: grid !important; grid-template-columns: 1fr !important; gap: 38px !important; } .mncn-interest-card__image { aspect-ratio: 450 / 252 !important; margin-bottom: 18px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: TE PUEDE INTERESAR GRID DEFINITIVO ========================================================= */ @media screen and (min-width: 981px) { .mncn-home-interest__grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 44px !important; align-items: start !important; width: 100% !important; } /* * Drupal genera wrappers genéricos sin clases. * Los convertimos en "transparentes" para que las cards sean las que entren en el grid. */ .mncn-home-interest__grid>div, .mncn-home-interest__grid>div>div, .mncn-home-interest__grid>div>div>div { display: contents !important; } .mncn-home-interest__grid .mncn-interest-card { width: 100% !important; min-width: 0 !important; max-width: none !important; } } @media screen and (max-width: 980px) { .mncn-home-interest__grid { display: grid !important; grid-template-columns: 1fr !important; gap: 38px !important; width: 100% !important; } .mncn-home-interest__grid>div, .mncn-home-interest__grid>div>div, .mncn-home-interest__grid>div>div>div { display: contents !important; } .mncn-home-interest__grid .mncn-interest-card { width: 100% !important; max-width: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: VEN CON EL COLE ========================================================= */ .mncn-home-school { background: #FFFFFF !important; margin: 0 !important; padding: 0 0 88px !important; } .mncn-home-school__inner { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; } /* Hago transparentes los wrappers genéricos de Drupal */ .mncn-home-school__inner>div, .mncn-home-school__inner>div>div, .mncn-home-school__inner>div>div>div { display: contents !important; } .mncn-school-card { display: grid !important; grid-template-columns: 390px minmax(0, 1fr) !important; gap: 42px !important; align-items: center !important; width: 100% !important; padding: 44px !important; border-radius: 24px !important; background: #FCFAF7 !important; box-sizing: border-box !important; } .mncn-school-card__image { width: 100% !important; aspect-ratio: 390 / 219 !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-school-card__image>div, .mncn-school-card__image .field, .mncn-school-card__image .field__item, .mncn-school-card__image picture { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .mncn-school-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } .mncn-school-card__content { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; } .mncn-school-card__marker { display: block !important; width: 32px !important; height: 4px !important; margin: 0 0 20px !important; background: #B3081B !important; } .mncn-school-card__title { margin: 0 0 20px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 40px !important; line-height: 48px !important; font-weight: 600 !important; } .mncn-school-card__text { margin: 0 0 34px !important; padding: 0 !important; color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 24px !important; line-height: 34px !important; font-weight: 400 !important; } .mncn-school-card__text p, .mncn-school-card__text div { margin: 0 !important; padding: 0 !important; } .mncn-school-card__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; min-height: 48px !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-school-card__button:hover, .mncn-school-card__button:focus { background: #B3081B !important; border-color: #B3081B !important; color: #FFFFFF !important; } .mncn-school-card__buttonIcon { display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Responsive */ @media screen and (max-width: 980px) { .mncn-home-school { padding: 0 0 56px !important; } .mncn-home-school__inner { width: 100% !important; padding: 0 20px !important; box-sizing: border-box !important; } .mncn-school-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 28px !important; padding: 24px !important; border-radius: 22px !important; } .mncn-school-card__image { width: 100% !important; aspect-ratio: 390 / 219 !important; } .mncn-school-card__title { font-size: 30px !important; line-height: 38px !important; margin-bottom: 16px !important; } .mncn-school-card__text { font-size: 18px !important; line-height: 28px !important; margin-bottom: 28px !important; } .mncn-school-card__button { min-height: 48px !important; padding: 0 22px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: VEN CON EL COLE AJUSTES ========================================================= */ /* Quito subrayado/herencias raras del título */ .mncn-school-card__title { text-decoration: none !important; border: 0 !important; border-bottom: 0 !important; background: transparent !important; } .mncn-school-card__title::before, .mncn-school-card__title::after { display: none !important; content: none !important; border: 0 !important; background: transparent !important; } /* Ajuste móvil: orden según Figma */ @media screen and (max-width: 980px) { .mncn-school-card { display: flex !important; flex-direction: column !important; } .mncn-school-card__content { order: 1 !important; width: 100% !important; } .mncn-school-card__image { order: 2 !important; width: 100% !important; margin-top: 34px !important; } .mncn-school-card__marker { order: 1 !important; } .mncn-school-card__title { order: 2 !important; text-decoration: none !important; border-bottom: 0 !important; } .mncn-school-card__text { order: 3 !important; } .mncn-school-card__button { order: 4 !important; width: 100% !important; margin-top: 28px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: ACTUALIDAD ========================================================= */ .mncn-home-news { background: #FCFAF7 !important; margin: 0 !important; padding: 86px 0 96px !important; } .mncn-home-news__inner { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 330px minmax(0, 1fr) !important; gap: 70px !important; align-items: start !important; } .mncn-home-news__marker { display: block !important; width: 32px !important; height: 4px !important; margin: 0 0 20px !important; background: #B3081B !important; } .mncn-home-news__title { margin: 0 0 24px !important; padding: 0 !important; border: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 40px !important; line-height: 48px !important; font-weight: 600 !important; text-decoration: none !important; } .mncn-home-news__title::before, .mncn-home-news__title::after { display: none !important; content: none !important; } .mncn-home-news__description { margin: 0 !important; padding: 0 !important; color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 24px !important; line-height: 36px !important; font-weight: 400 !important; } .mncn-home-news__carousel { min-width: 0 !important; position: relative !important; } /* Quito envoltorios heredados */ .mncn-home-news__carousel .views-element-container, .mncn-home-news__carousel .view, .mncn-home-news__carousel .view-content { width: 100% !important; max-width: none !important; } /* Card */ .mncn-news-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; padding: 0 !important; color: #131313 !important; background: transparent !important; } .mncn-news-card__image { display: block !important; width: 100% !important; aspect-ratio: 390 / 219 !important; margin: 0 0 18px !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-news-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } .mncn-news-card__category { margin: 0 0 12px !important; color: #974315 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } .mncn-news-card__title { margin: 0 0 34px !important; padding: 0 !important; border: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; text-decoration: none !important; } .mncn-news-card__title a { color: inherit !important; text-decoration: none !important; } .mncn-news-card__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; min-height: 48px !important; margin-top: auto !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-news-card__button:hover, .mncn-news-card__button:focus { background: #B3081B !important; border-color: #B3081B !important; color: #FFFFFF !important; } .mncn-news-card__buttonIcon { display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Slick dentro de Actualidad */ .mncn-home-news .slick-list { margin: 0 -18px !important; } .mncn-home-news .slick-slide { padding: 0 18px !important; box-sizing: border-box !important; } .mncn-home-news .slick-prev, .mncn-home-news .slick-next { position: absolute !important; top: -42px !important; bottom: auto !important; z-index: 5 !important; width: 28px !important; height: 28px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: transparent !important; font-size: 0 !important; transform: none !important; } .mncn-home-news .slick-prev { right: 42px !important; left: auto !important; } .mncn-home-news .slick-next { right: 0 !important; left: auto !important; } .mncn-home-news .slick-prev::before, .mncn-home-news .slick-next::before { content: "" !important; display: block !important; width: 22px !important; height: 22px !important; background: #131313 !important; opacity: 1 !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-news .slick-prev::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-news .slick-next::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } .mncn-home-news .slick-dots { display: none !important; } /* Responsive */ @media screen and (max-width: 980px) { .mncn-home-news { padding: 56px 0 64px !important; } .mncn-home-news__inner { width: 100% !important; padding: 0 20px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 36px !important; } .mncn-home-news__title { font-size: 30px !important; line-height: 38px !important; margin-bottom: 18px !important; } .mncn-home-news__description { font-size: 18px !important; line-height: 28px !important; } .mncn-home-news .slick-list { margin: 0 !important; } .mncn-home-news .slick-slide { padding: 0 !important; } .mncn-home-news .slick-prev, .mncn-home-news .slick-next { display: none !important; } .mncn-news-card__title { font-size: 22px !important; line-height: 30px !important; } } /* Oculto el enlace heredado del diseño anterior */ .mncn-home-news .more-link { display: none !important; } /* ========================================================= REDISEÑO MNCN 2026 - HOME: ACTUALIDAD FIX TAMAÑO CARDS ========================================================= */ @media screen and (min-width: 981px) { .mncn-home-news__inner { grid-template-columns: 330px minmax(0, 1fr) !important; gap: 70px !important; } .mncn-home-news__carousel { width: 100% !important; min-width: 0 !important; overflow: visible !important; } .mncn-home-news__carousel .slick-list { width: 100% !important; overflow: hidden !important; margin: 0 -18px !important; } .mncn-home-news__carousel .slick-track { display: flex !important; align-items: stretch !important; } .mncn-home-news__carousel .slick-slide { height: auto !important; padding: 0 18px !important; box-sizing: border-box !important; } .mncn-home-news__carousel .slick-slide>div { height: 100% !important; } .mncn-home-news .mncn-news-card { width: 100% !important; max-width: 342px !important; min-width: 0 !important; height: 100% !important; } .mncn-home-news .mncn-news-card__image { display: block !important; width: 100% !important; max-width: 342px !important; height: auto !important; aspect-ratio: 342 / 192 !important; margin: 0 0 18px !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-home-news .mncn-news-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } .mncn-home-news .mncn-news-card__title { max-width: 342px !important; } .mncn-home-news .mncn-news-card__button { width: auto !important; max-width: max-content !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: ACTUALIDAD FIX FINAL SLICK VANILLA ========================================================= */ .mncn-home-news, .mncn-home-news__carousel, .mncn-home-news__carousel .views-element-container, .mncn-home-news__carousel .view, .mncn-home-news__carousel .view-content, .mncn-home-news .slick, .mncn-home-news .slick-wrapper, .mncn-home-news .slick-slider, .mncn-home-news .slick__slider, .mncn-home-news .slick-list, .mncn-home-news .slick-track, .mncn-home-news .slick-slide, .mncn-home-news .slick__slide, .mncn-home-news .slide { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: 0 !important; } .mncn-home-news { background: #FCFAF7 !important; } .mncn-home-news__carousel { position: relative !important; min-width: 0 !important; } /* Contenedor Slick */ .mncn-home-news .slick-list { overflow: hidden !important; margin: 0 -18px !important; } .mncn-home-news .slick-track { display: flex !important; align-items: stretch !important; } .mncn-home-news .slick-slide, .mncn-home-news .slick__slide, .mncn-home-news .slide { height: auto !important; padding: 0 18px !important; box-sizing: border-box !important; } .mncn-home-news .slick-slide>div { height: 100% !important; } /* Card */ .mncn-home-news .mncn-news-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; min-width: 0 !important; max-width: none !important; background: transparent !important; } /* Imagen */ .mncn-home-news .mncn-news-card__image { display: block !important; width: 100% !important; aspect-ratio: 342 / 192 !important; margin: 0 0 18px !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-home-news .mncn-news-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } /* Flechas arriba a la derecha, como Figma */ .mncn-home-news .slick-prev, .mncn-home-news .slick-next { position: absolute !important; top: -46px !important; bottom: auto !important; z-index: 10 !important; width: 24px !important; height: 24px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; transform: none !important; opacity: 1 !important; } .mncn-home-news .slick-prev { left: auto !important; right: 44px !important; } .mncn-home-news .slick-next { left: auto !important; right: 0 !important; } .mncn-home-news .slick-prev::before, .mncn-home-news .slick-next::before { content: "" !important; display: block !important; width: 20px !important; height: 20px !important; background: #131313 !important; opacity: 1 !important; font-size: 0 !important; line-height: 0 !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-news .slick-prev::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-news .slick-next::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } /* Oculto dots y enlace heredado */ .mncn-home-news .slick-dots, .mncn-home-news .more-link { display: none !important; } /* Botón */ .mncn-home-news .mncn-news-card__button { width: auto !important; max-width: max-content !important; margin-top: auto !important; } /* ========================================================= REDISEÑO MNCN 2026 - HOME: ACTUALIDAD RESPONSIVE + FLECHAS ========================================================= */ /* Desktop: flechas arriba a la derecha del carrusel */ @media screen and (min-width: 981px) { .mncn-home-news__carousel { position: relative !important; } .mncn-home-news__carousel .slick, .mncn-home-news__carousel .slick-wrapper, .mncn-home-news__carousel .slick-slider, .mncn-home-news__carousel .slick__slider { position: static !important; } .mncn-home-news .slick-arrow, .mncn-home-news .slick-prev, .mncn-home-news .slick-next { position: absolute !important; top: -52px !important; bottom: auto !important; z-index: 20 !important; width: 24px !important; height: 24px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; transform: none !important; opacity: 1 !important; } .mncn-home-news .slick-prev { left: auto !important; right: 44px !important; } .mncn-home-news .slick-next { left: auto !important; right: 0 !important; } .mncn-home-news .slick-prev::before, .mncn-home-news .slick-next::before { content: "" !important; display: block !important; width: 18px !important; height: 18px !important; background: #131313 !important; opacity: 1 !important; font-size: 0 !important; line-height: 0 !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-news .slick-prev::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-news .slick-next::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } } /* Móvil */ @media screen and (max-width: 980px) { .mncn-home-news { background: #FCFAF7 !important; padding: 56px 0 64px !important; overflow: hidden !important; } .mncn-home-news__inner { width: 100% !important; padding: 0 20px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 32px !important; } .mncn-home-news__intro { width: 100% !important; } .mncn-home-news__marker { width: 32px !important; height: 4px !important; margin: 0 0 20px !important; } .mncn-home-news__title { margin: 0 0 20px !important; font-size: 30px !important; line-height: 38px !important; } .mncn-home-news__description { margin: 0 !important; color: #737373 !important; font-size: 24px !important; line-height: 36px !important; } .mncn-home-news__carousel { width: 100% !important; min-width: 0 !important; position: relative !important; padding-top: 34px !important; } .mncn-home-news .slick-list { width: 100% !important; margin: 0 !important; overflow: hidden !important; } .mncn-home-news .slick-track { display: flex !important; align-items: stretch !important; } .mncn-home-news .slick-slide, .mncn-home-news .slick__slide, .mncn-home-news .slide { height: auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; } .mncn-home-news .mncn-news-card { width: 100% !important; max-width: none !important; height: auto !important; background: transparent !important; } .mncn-home-news .mncn-news-card__image { width: 100% !important; aspect-ratio: 342 / 192 !important; margin: 0 0 18px !important; } .mncn-home-news .mncn-news-card__image img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .mncn-home-news .mncn-news-card__category { margin: 0 0 12px !important; font-size: 16px !important; line-height: 24px !important; } .mncn-home-news .mncn-news-card__title { margin: 0 0 64px !important; font-size: 22px !important; line-height: 30px !important; } .mncn-home-news .mncn-news-card__button { min-height: 48px !important; padding: 0 24px !important; width: auto !important; max-width: max-content !important; } /* Flechas móvil: arriba a la derecha, antes de la noticia */ .mncn-home-news .slick-arrow, .mncn-home-news .slick-prev, .mncn-home-news .slick-next { position: absolute !important; top: -4px !important; bottom: auto !important; z-index: 20 !important; width: 24px !important; height: 24px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; transform: none !important; opacity: 1 !important; } .mncn-home-news .slick-prev { left: auto !important; right: 38px !important; } .mncn-home-news .slick-next { left: auto !important; right: 0 !important; } .mncn-home-news .slick-prev::before, .mncn-home-news .slick-next::before { content: "" !important; display: block !important; width: 18px !important; height: 18px !important; background: #131313 !important; opacity: 1 !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-news .slick-prev::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-news .slick-next::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } .mncn-home-news .slick-dots, .mncn-home-news .more-link { display: none !important; } } .mncn-home-news .slick__arrow { position: absolute; z-index: 2; top: 5%; bottom: auto; left: -30px; width: 100%; height: 2px; margin-top: -1px; transform: translateY(-50%); pointer-events: none; } /* ========================================================= REDISEÑO MNCN 2026 - ACTUALIDAD FIX MÓVIL DEFINITIVO ========================================================= */ @media screen and (max-width: 980px) { .mncn-home-news { background: #FCFAF7 !important; padding: 56px 0 64px !important; overflow: hidden !important; } .mncn-home-news__inner { width: 100% !important; padding: 0 16px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 34px !important; } .mncn-home-news__intro { width: 100% !important; } .mncn-home-news__title { margin: 0 0 18px !important; font-size: 30px !important; line-height: 38px !important; text-decoration: none !important; border: 0 !important; } .mncn-home-news__description { margin: 0 !important; color: #737373 !important; font-size: 24px !important; line-height: 36px !important; } .mncn-home-news__carousel { width: 100% !important; position: relative !important; padding-top: 38px !important; min-width: 0 !important; } /* Quito completamente el Ver+ heredado */ .mncn-home-news .more-link, .mncn-home-news .view-footer, .actualidad.nota-prensa-home .more-link, section.mncn-home-news .more-link { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Slick móvil */ .mncn-home-news .slick-list { width: 100% !important; margin: 0 !important; overflow: hidden !important; background: transparent !important; } .mncn-home-news .slick-track { display: flex !important; align-items: stretch !important; background: transparent !important; } .mncn-home-news .slick-slide, .mncn-home-news .slick__slide, .mncn-home-news .slide { height: auto !important; padding: 0 !important; background: transparent !important; } .mncn-home-news .slick-slide>div { height: auto !important; } /* Card móvil: fuerzo visibilidad completa */ .mncn-home-news .mncn-news-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; background: transparent !important; color: #131313 !important; } .mncn-home-news .mncn-news-card__image { display: block !important; width: 100% !important; aspect-ratio: 342 / 192 !important; margin: 0 0 18px !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-home-news .mncn-news-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } .mncn-home-news .mncn-news-card__category { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 0 12px !important; color: #974315 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } .mncn-home-news .mncn-news-card__title { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 0 56px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; } .mncn-home-news .mncn-news-card__title a { display: inline !important; color: inherit !important; text-decoration: none !important; } .mncn-home-news .mncn-news-card__button { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; gap: 18px !important; width: auto !important; max-width: max-content !important; min-height: 48px !important; margin: 0 !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-home-news .mncn-news-card__button:hover, .mncn-home-news .mncn-news-card__button:focus { background: #B3081B !important; border-color: #B3081B !important; color: #FFFFFF !important; } /* Flechas móvil: visibles arriba a la derecha */ .mncn-home-news .slick-arrow, .mncn-home-news .slick-prev, .mncn-home-news .slick-next { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; top: 0 !important; bottom: auto !important; z-index: 30 !important; width: 24px !important; height: 24px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; transform: none !important; opacity: 1 !important; } .mncn-home-news .slick-prev { left: auto !important; right: 38px !important; } .mncn-home-news .slick-next { left: auto !important; right: 0 !important; } .mncn-home-news .slick-prev::before, .mncn-home-news .slick-next::before { content: "" !important; display: block !important; width: 18px !important; height: 18px !important; background: #131313 !important; opacity: 1 !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-news .slick-prev::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-news .slick-next::before { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } .mncn-home-news .slick-dots { display: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: ACTUALIDAD SIN SLICK VIEWS ========================================================= */ .mncn-home-news { background: #FCFAF7 !important; margin: 0 !important; padding: 86px 0 96px !important; } .mncn-home-news__inner { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 330px minmax(0, 1fr) !important; gap: 70px !important; align-items: start !important; } .mncn-home-news__marker { display: block !important; width: 32px !important; height: 4px !important; margin: 0 0 20px !important; background: #B3081B !important; } .mncn-home-news__title { margin: 0 0 24px !important; padding: 0 !important; border: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 40px !important; line-height: 48px !important; font-weight: 600 !important; text-decoration: none !important; } .mncn-home-news__description { margin: 0 !important; color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 24px !important; line-height: 36px !important; font-weight: 400 !important; } .mncn-home-news__carousel { position: relative !important; min-width: 0 !important; padding-top: 0 !important; } .mncn-home-news__controls { position: absolute !important; top: -48px !important; right: 0 !important; z-index: 5 !important; display: flex !important; gap: 18px !important; } .mncn-home-news__arrow { display: block !important; width: 22px !important; height: 22px !important; padding: 0 !important; border: 0 !important; background-color: #131313 !important; cursor: pointer !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-news__arrow--prev { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-news__arrow--next { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } .mncn-home-news__carousel .view, .mncn-home-news__carousel .view-content { width: 100% !important; max-width: none !important; } .mncn-home-news__carousel .view-content { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: calc((100% - 72px) / 3) !important; gap: 36px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; scrollbar-width: none !important; } .mncn-home-news__carousel .view-content::-webkit-scrollbar { display: none !important; } .mncn-home-news__carousel .views-row { width: 100% !important; min-width: 0 !important; scroll-snap-align: start !important; } .mncn-news-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; color: #131313 !important; background: transparent !important; } .mncn-news-card__image { display: block !important; width: 100% !important; aspect-ratio: 342 / 192 !important; margin: 0 0 18px !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-news-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } .mncn-news-card__category { margin: 0 0 12px !important; color: #974315 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } .mncn-news-card__title { margin: 0 0 34px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; } .mncn-news-card__title a { color: inherit !important; text-decoration: none !important; } .mncn-news-card__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; min-height: 48px !important; margin-top: auto !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-news-card__button:hover, .mncn-news-card__button:focus { background: #B3081B !important; border-color: #B3081B !important; color: #FFFFFF !important; } .mncn-news-card__buttonIcon { display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } @media screen and (max-width: 1280px) and (min-width: 981px) { .mncn-home-news__carousel .view-content { grid-auto-columns: calc((100% - 36px) / 2) !important; } } @media screen and (max-width: 980px) { .mncn-home-news { padding: 56px 0 64px !important; } .mncn-home-news__inner { width: 100% !important; padding: 0 16px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 34px !important; } .mncn-home-news__title { margin-bottom: 18px !important; font-size: 30px !important; line-height: 38px !important; } .mncn-home-news__description { font-size: 24px !important; line-height: 36px !important; } .mncn-home-news__carousel { padding-top: 34px !important; } .mncn-home-news__controls { top: 0 !important; right: 0 !important; gap: 16px !important; } .mncn-home-news__carousel .view-content { grid-auto-columns: 100% !important; gap: 20px !important; } .mncn-news-card__title { margin-bottom: 56px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: ACTUALIDAD FINAL SIN SLICK ========================================================= */ .mncn-home-news { background: #FCFAF7 !important; margin: 0 !important; padding: 86px 0 96px !important; } .mncn-home-news__inner { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 330px minmax(0, 1fr) !important; gap: 70px !important; align-items: start !important; } .mncn-home-news__carousel { position: relative !important; min-width: 0 !important; overflow: visible !important; } /* Flechas */ .mncn-home-news__controls { position: absolute !important; top: -48px !important; right: 0 !important; z-index: 10 !important; display: flex !important; gap: 18px !important; } .mncn-home-news__arrow { display: block !important; width: 22px !important; height: 22px !important; padding: 0 !important; border: 0 !important; background-color: #131313 !important; cursor: pointer !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-news__arrow--prev { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-news__arrow--next { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } /* Oculto cualquier resto de Slick heredado dentro de este bloque */ .mncn-home-news .slick, .mncn-home-news .slick-wrapper, .mncn-home-news .slick-slider, .mncn-home-news .slick-list, .mncn-home-news .slick-track, .mncn-home-news .slick-dots, .mncn-home-news .slick-arrow { all: unset; } /* Vista como carrusel horizontal */ .mncn-home-news__carousel .view, .mncn-home-news__carousel .view-content, .mncn-home-news__carousel .item-list, .mncn-home-news__carousel .item-list>ul { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .mncn-home-news__carousel .view-content, .mncn-home-news__carousel .item-list>ul, .mncn-home-news__track { display: flex !important; flex-wrap: nowrap !important; gap: 36px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; scrollbar-width: none !important; list-style: none !important; } .mncn-home-news__carousel .view-content::-webkit-scrollbar, .mncn-home-news__carousel .item-list>ul::-webkit-scrollbar, .mncn-home-news__track::-webkit-scrollbar { display: none !important; } .mncn-home-news__carousel .view-content>*, .mncn-home-news__carousel .item-list>ul>*, .mncn-home-news__item { flex: 0 0 calc((100% - 72px) / 3) !important; width: calc((100% - 72px) / 3) !important; max-width: calc((100% - 72px) / 3) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start !important; list-style: none !important; } /* Card */ .mncn-home-news .mncn-news-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; min-width: 0 !important; color: #131313 !important; background: transparent !important; } .mncn-home-news .mncn-news-card__image { display: block !important; width: 100% !important; aspect-ratio: 342 / 192 !important; margin: 0 0 18px !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-home-news .mncn-news-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } .mncn-home-news .mncn-news-card__category { display: block !important; margin: 0 0 12px !important; color: #974315 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } .mncn-home-news .mncn-news-card__title { display: block !important; margin: 0 0 34px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; } .mncn-home-news .mncn-news-card__title a { color: inherit !important; text-decoration: none !important; } .mncn-home-news .mncn-news-card__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; min-height: 48px !important; margin-top: auto !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-home-news .mncn-news-card__button:hover, .mncn-home-news .mncn-news-card__button:focus { background: #B3081B !important; border-color: #B3081B !important; color: #FFFFFF !important; } .mncn-home-news .mncn-news-card__buttonIcon { display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Tablet */ @media screen and (max-width: 1280px) and (min-width: 981px) { .mncn-home-news__carousel .view-content>*, .mncn-home-news__carousel .item-list>ul>*, .mncn-home-news__item { flex-basis: calc((100% - 36px) / 2) !important; width: calc((100% - 36px) / 2) !important; max-width: calc((100% - 36px) / 2) !important; } } /* Móvil */ @media screen and (max-width: 980px) { .mncn-home-news { padding: 56px 0 64px !important; } .mncn-home-news__inner { width: 100% !important; padding: 0 16px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 34px !important; } .mncn-home-news__title { margin-bottom: 18px !important; font-size: 30px !important; line-height: 38px !important; } .mncn-home-news__description { font-size: 24px !important; line-height: 36px !important; } .mncn-home-news__carousel { padding-top: 34px !important; } .mncn-home-news__controls { top: 0 !important; right: 0 !important; gap: 16px !important; } .mncn-home-news__carousel .view-content, .mncn-home-news__carousel .item-list>ul, .mncn-home-news__track { gap: 20px !important; } .mncn-home-news__carousel .view-content>*, .mncn-home-news__carousel .item-list>ul>*, .mncn-home-news__item { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } .mncn-home-news .mncn-news-card__title { margin-bottom: 56px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - ACTUALIDAD FIX HTML REAL ========================================================= */ .mncn-home-news { background: #FCFAF7 !important; margin: 0 !important; padding: 86px 0 96px !important; } .mncn-home-news__inner { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 330px minmax(0, 1fr) !important; gap: 70px !important; align-items: start !important; } .mncn-home-news__carousel { position: relative !important; min-width: 0 !important; overflow: visible !important; } /* Flechas */ .mncn-home-news__controls { position: absolute !important; top: -48px !important; right: 0 !important; z-index: 10 !important; display: flex !important; gap: 18px !important; } .mncn-home-news__arrow { display: block !important; width: 22px !important; height: 22px !important; padding: 0 !important; border: 0 !important; background-color: #131313 !important; cursor: pointer !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-news__arrow--prev { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-news__arrow--next { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } /* El track real de esta vista es .views-element-container */ .mncn-home-news__carousel>.views-element-container, .mncn-home-news__track { display: flex !important; flex-wrap: nowrap !important; gap: 36px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; scrollbar-width: none !important; } .mncn-home-news__carousel>.views-element-container::-webkit-scrollbar, .mncn-home-news__track::-webkit-scrollbar { display: none !important; } /* Cada article es directamente una slide/card */ .mncn-home-news__carousel>.views-element-container>.mncn-news-card, .mncn-home-news__item { flex: 0 0 calc((100% - 72px) / 3) !important; width: calc((100% - 72px) / 3) !important; max-width: calc((100% - 72px) / 3) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start !important; } /* Card */ .mncn-home-news .mncn-news-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; height: 100% !important; color: #131313 !important; background: transparent !important; } .mncn-home-news .mncn-news-card__image { display: block !important; width: 100% !important; aspect-ratio: 342 / 192 !important; margin: 0 0 18px !important; overflow: hidden !important; background: #f3f3f3 !important; } .mncn-home-news .mncn-news-card__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; } .mncn-home-news .mncn-news-card__category { display: block !important; margin: 0 0 12px !important; color: #974315 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } .mncn-home-news .mncn-news-card__title { display: block !important; margin: 0 0 34px !important; padding: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; } .mncn-home-news .mncn-news-card__title a { color: inherit !important; text-decoration: none !important; } .mncn-home-news .mncn-news-card__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; min-height: 48px !important; margin-top: auto !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; font-weight: 500 !important; text-decoration: none !important; } .mncn-home-news .mncn-news-card__button:hover, .mncn-home-news .mncn-news-card__button:focus { background: #B3081B !important; border-color: #B3081B !important; color: #FFFFFF !important; } .mncn-home-news .mncn-news-card__buttonIcon { display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Tablet */ @media screen and (max-width: 1280px) and (min-width: 981px) { .mncn-home-news__carousel>.views-element-container>.mncn-news-card, .mncn-home-news__item { flex-basis: calc((100% - 36px) / 2) !important; width: calc((100% - 36px) / 2) !important; max-width: calc((100% - 36px) / 2) !important; } } /* Móvil */ @media screen and (max-width: 980px) { .mncn-home-news { padding: 56px 0 64px !important; } .mncn-home-news__inner { width: 100% !important; padding: 0 16px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 34px !important; } .mncn-home-news__title { margin-bottom: 18px !important; font-size: 30px !important; line-height: 38px !important; } .mncn-home-news__description { font-size: 24px !important; line-height: 36px !important; } .mncn-home-news__carousel { padding-top: 34px !important; } .mncn-home-news__controls { top: 0 !important; right: 0 !important; gap: 16px !important; } .mncn-home-news__carousel>.views-element-container, .mncn-home-news__track { gap: 20px !important; } .mncn-home-news__carousel>.views-element-container>.mncn-news-card, .mncn-home-news__item { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } .mncn-home-news .mncn-news-card__title { margin-bottom: 56px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - HOME: MÁS POR EXPLORAR ========================================================= */ .mncn-home-explore { background: #FFFFFF !important; margin: 0 !important; padding: 86px 0 96px !important; overflow: hidden !important; } .mncn-home-explore__inner { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; } .mncn-home-explore__header { position: relative !important; margin: 0 0 34px !important; padding: 0 !important; } .mncn-home-explore__marker { display: block !important; width: 32px !important; height: 4px !important; margin: 0 0 20px !important; background: #B3081B !important; } .mncn-home-explore__title { margin: 0 !important; padding: 0 !important; border: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 40px !important; line-height: 48px !important; font-weight: 600 !important; text-decoration: none !important; } .mncn-home-explore__controls { position: absolute !important; right: 0 !important; bottom: 8px !important; z-index: 5 !important; display: flex !important; align-items: center !important; gap: 18px !important; } .mncn-home-explore__arrow { display: block !important; width: 22px !important; height: 22px !important; padding: 0 !important; border: 0 !important; background-color: #131313 !important; cursor: pointer !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-home-explore__arrow--prev { -webkit-mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow_back.svg') !important; } .mncn-home-explore__arrow--next { -webkit-mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; mask-image: url('/themes/mncn/images/icon-arrow-forward.svg') !important; } .mncn-home-explore__carousel { width: 100% !important; overflow: visible !important; } .mncn-home-explore__track { display: flex !important; flex-wrap: nowrap !important; gap: 36px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; scrollbar-width: none !important; } .mncn-home-explore__track::-webkit-scrollbar { display: none !important; } /* Cada destacado actual sale como .field-content */ .mncn-home-explore__track>.field-content { flex: 0 0 234px !important; width: 234px !important; max-width: 234px !important; min-width: 234px !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start !important; } /* Enlace/card heredado del paragraph Destacados */ .mncn-home-explore__track>.field-content>a { position: relative !important; display: block !important; width: 100% !important; aspect-ratio: 1 / 1 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 16px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; text-decoration: none !important; } /* Quito el formato antiguo de banda de color */ .mncn-home-explore__track>.field-content>a::before { content: none !important; display: none !important; } .mncn-home-explore__track>.field-content h2 { position: absolute !important; left: 14px !important; bottom: 14px !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; max-width: calc(100% - 28px) !important; min-height: 32px !important; margin: 0 !important; padding: 6px 14px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.88) !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 14px !important; line-height: 18px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box !important; } /* Neutralizo clases de color antiguas dentro del nuevo diseño */ .mncn-home-explore__track>.field-content h2.quienesSomos, .mncn-home-explore__track>.field-content h2.visitaElMNCN, .mncn-home-explore__track>.field-content h2.colecciones, .mncn-home-explore__track>.field-content h2.investigacion, .mncn-home-explore__track>.field-content h2.comunicacion, .mncn-home-explore__track>.field-content h2.general { background: rgba(255, 255, 255, 0.88) !important; color: #131313 !important; border-bottom: 0px solid #404040; } /* Hover sutil */ .mncn-home-explore__track>.field-content>a:hover, .mncn-home-explore__track>.field-content>a:focus { transform: translateY(-2px) !important; } @media screen and (max-width: 1280px) and (min-width: 981px) { .mncn-home-explore__track>.field-content { flex-basis: 220px !important; width: 220px !important; max-width: 220px !important; min-width: 220px !important; } } @media screen and (max-width: 980px) { .mncn-home-explore { padding: 56px 0 64px !important; } .mncn-home-explore__inner { width: 100% !important; padding: 0 16px !important; box-sizing: border-box !important; } .mncn-home-explore__header { margin-bottom: 28px !important; padding-right: 70px !important; } .mncn-home-explore__title { font-size: 30px !important; line-height: 38px !important; } .mncn-home-explore__controls { right: 0 !important; bottom: 8px !important; gap: 16px !important; } .mncn-home-explore__track { gap: 18px !important; padding-right: 16px !important; } .mncn-home-explore__track>.field-content { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; min-width: 220px !important; } .mncn-home-explore__track>.field-content h2 { left: 12px !important; bottom: 12px !important; max-width: calc(100% - 24px) !important; font-size: 13px !important; line-height: 17px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - MÁS POR EXPLORAR AJUSTE VISUAL FINAL ========================================================= */ /* Evito que el título parta en dos líneas en escritorio */ @media screen and (min-width: 981px) { .mncn-home-explore__title { width: auto !important; max-width: none !important; white-space: nowrap !important; } } /* Tamaño de tarjeta según Figma: proporción 300x400 */ @media screen and (min-width: 981px) { .mncn-home-explore__track>.field-content { flex: 0 0 300px !important; width: 300px !important; max-width: 300px !important; min-width: 300px !important; } .mncn-home-explore__track>.field-content>a { aspect-ratio: 300 / 400 !important; border-radius: 16px !important; } } /* Tablet: mantengo proporción vertical, pero algo más contenida */ @media screen and (max-width: 1280px) and (min-width: 981px) { .mncn-home-explore__track>.field-content { flex: 0 0 260px !important; width: 260px !important; max-width: 260px !important; min-width: 260px !important; } .mncn-home-explore__track>.field-content>a { aspect-ratio: 300 / 400 !important; } } /* Móvil: conserva el formato vertical */ @media screen and (max-width: 980px) { .mncn-home-explore__track>.field-content { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; min-width: 220px !important; } .mncn-home-explore__track>.field-content>a { aspect-ratio: 300 / 400 !important; border-radius: 16px !important; } } /* El chip del título no debe generar sombra sobre la imagen */ .mncn-home-explore__track>.field-content h2 { box-shadow: none !important; text-shadow: none !important; filter: none !important; } /* Por si alguna regla antigua metía sombra al enlace/tarjeta */ .mncn-home-explore__track>.field-content, .mncn-home-explore__track>.field-content>a { box-shadow: none !important; filter: none !important; } /* ========================================================= REDISEÑO MNCN 2026 - MÁS POR EXPLORAR AJUSTES FINOS ========================================================= */ /* Menos separación entre tarjetas para que asome más la siguiente */ .mncn-home-explore__track { gap: 24px !important; } /* El chip del título debe ajustarse al texto, no ocupar toda la tarjeta */ .mncn-home-explore__track>.field-content h2 { width: auto !important; min-width: 0 !important; max-width: calc(100% - 28px) !important; display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: flex-start !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; /* Quito cualquier sombra heredada */ box-shadow: none !important; text-shadow: none !important; filter: none !important; } /* Por si la sombra viene del enlace o de alguna regla antigua del destacado */ .mncn-home-explore__track>.field-content, .mncn-home-explore__track>.field-content>a, .mncn-home-explore__track>.field-content h2, .mncn-home-explore__track>.field-content h2::before, .mncn-home-explore__track>.field-content h2::after { box-shadow: none !important; text-shadow: none !important; filter: none !important; } /* Ajusto el tamaño escritorio manteniendo el formato vertical de Figma */ @media screen and (min-width: 981px) { .mncn-home-explore__track>.field-content { flex: 0 0 300px !important; width: 300px !important; max-width: 300px !important; min-width: 300px !important; } .mncn-home-explore__track>.field-content>a { aspect-ratio: 300 / 400 !important; } } /* Tablet: algo más compacto */ @media screen and (max-width: 1280px) and (min-width: 981px) { .mncn-home-explore__track { gap: 24px !important; } .mncn-home-explore__track>.field-content { flex: 0 0 270px !important; width: 270px !important; max-width: 270px !important; min-width: 270px !important; } } /* Móvil: que se vea una tarjeta grande y solo un trozo de la siguiente */ @media screen and (max-width: 980px) { .mncn-home-explore__track { gap: 20px !important; padding-right: 16px !important; } .mncn-home-explore__track>.field-content { flex: 0 0 calc(100vw - 72px) !important; width: calc(100vw - 72px) !important; max-width: 320px !important; min-width: 280px !important; } .mncn-home-explore__track>.field-content>a { aspect-ratio: 300 / 400 !important; } .mncn-home-explore__track>.field-content h2 { max-width: calc(100% - 24px) !important; } } /* ========================================================= REDISEÑO MNCN 2026 - LISTADO COMUNICACIÓN ========================================================= */ .mncn-listing--comunicacion { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; padding: 48px 0 96px !important; color: #131313 !important; } .mncn-listing--comunicacion .mncn-listing__layout { display: grid !important; grid-template-columns: 280px minmax(0, 1fr) !important; grid-template-areas: "search search" "filters results" !important; gap: 34px 48px !important; align-items: start !important; } /* Hago que el formulario pueda colocar sus hijos en el grid del padre */ .mncn-listing--comunicacion form.views-exposed-form, .mncn-listing--comunicacion .mncn-com-search-form { display: contents !important; } .mncn-com-search-form__top { grid-area: search !important; display: grid !important; grid-template-columns: 180px minmax(0, 1fr) auto auto !important; gap: 24px !important; align-items: end !important; } .mncn-com-search-form__title { margin: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 40px !important; line-height: 48px !important; font-weight: 600 !important; } .mncn-com-search-form__search .form-item { margin: 0 !important; } .mncn-com-search-form__search label { display: none !important; } .mncn-com-search-form__search input[type="text"], .mncn-com-search-form__search input[type="search"] { width: 100% !important; height: 42px !important; padding: 0 16px !important; border: 0 !important; border-bottom: 1px solid #131313 !important; border-radius: 0 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; } .mncn-com-search-form__actions .form-actions { margin: 0 !important; } .mncn-com-search-form__actions input[type="submit"], .mncn-com-search-form__actions button { min-height: 42px !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 999px !important; background: #131313 !important; color: #FFFFFF !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; font-weight: 600 !important; } .mncn-com-search-form__filter-toggle { display: none !important; } .mncn-com-search-form__filters { grid-area: filters !important; padding: 30px 28px !important; border-radius: 0 24px 24px 0 !important; background: #FCFAF7 !important; box-sizing: border-box !important; } .mncn-com-search-form__filters-header h2 { margin: 0 0 30px !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 18px !important; line-height: 24px !important; font-weight: 700 !important; } .mncn-com-search-form__filter-group { margin: 0 !important; padding: 0 0 24px !important; border-bottom: 1px solid rgba(19, 19, 19, 0.14) !important; } .mncn-com-search-form__filter-group+.mncn-com-search-form__filter-group { padding-top: 24px !important; } .mncn-com-search-form__filter-group h3 { margin: 0 0 16px !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 700 !important; } .mncn-com-search-form__filters .form-item { margin: 0 0 10px !important; } .mncn-com-search-form__filters label { color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 14px !important; line-height: 20px !important; } .mncn-com-search-form__filters input[type="text"], .mncn-com-search-form__filters input[type="date"], .mncn-com-search-form__filters select { width: 100% !important; min-height: 38px !important; box-sizing: border-box !important; } /* Resultados */ .mncn-listing--comunicacion .mncn-listing__results { grid-area: results !important; min-width: 0 !important; } .mncn-listing--comunicacion .mncn-listing__toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; margin: 0 0 28px !important; } .mncn-listing--comunicacion .mncn-listing__count { color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-listing__view-switch { display: inline-flex !important; align-items: center !important; gap: 10px !important; } .mncn-listing__view-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border: 1px solid transparent !important; border-radius: 50% !important; background: transparent !important; color: #131313 !important; cursor: pointer !important; } .mncn-listing__view-button.is-active { background: #B3081B !important; color: #FFFFFF !important; } /* Grid de resultados */ .mncn-listing--comunicacion .searchResult { margin: 0 !important; padding: 0 !important; } .mncn-listing--comunicacion .searchResult>ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .mncn-listing--comunicacion .searchResult__item { margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; } .mncn-listing--comunicacion .searchResult__item>a { display: flex !important; flex-direction: column !important; height: 100% !important; color: #131313 !important; text-decoration: none !important; } .mncn-listing--comunicacion .searchResult__item__imagen { display: block !important; width: 100% !important; aspect-ratio: 342 / 192 !important; margin: 0 0 16px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .mncn-listing--comunicacion .searchResult__item__title { display: block !important; margin: 0 0 12px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 20px !important; line-height: 34px !important; font-weight: 600 !important; } .mncn-listing--comunicacion .searchResult__item__title::before { content: "Comunicación" !important; display: block !important; margin: 0 0 8px !important; color: #974315 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--comunicacion .searchResult__item__description { display: block !important; margin: 0 0 18px !important; color: #4a4a4a !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--comunicacion .searchResult__item>a::after { content: "Más información" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-height: 42px !important; margin-top: auto !important; padding: 0 22px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; font-weight: 600 !important; } @media screen and (max-width: 1180px) and (min-width: 981px) { .mncn-listing--comunicacion .searchResult>ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (max-width: 980px) { .mncn-listing--comunicacion { width: 100% !important; padding: 34px 16px 64px !important; box-sizing: border-box !important; } .mncn-listing--comunicacion .mncn-listing__layout { display: flex !important; flex-direction: column !important; gap: 28px !important; } .mncn-com-search-form__top { display: grid !important; grid-template-columns: 1fr auto !important; gap: 16px !important; align-items: center !important; } .mncn-com-search-form__title { grid-column: 1 / -1 !important; font-size: 32px !important; line-height: 40px !important; } .mncn-com-search-form__search { grid-column: 1 / 2 !important; } .mncn-com-search-form__actions { grid-column: 2 / 3 !important; } .mncn-com-search-form__filter-toggle { display: inline-flex !important; grid-column: 1 / -1 !important; justify-content: center !important; min-height: 42px !important; border: 1px solid #131313 !important; border-radius: 999px !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; font-weight: 600 !important; } .mncn-com-search-form__filters { display: none !important; } .mncn-listing--comunicacion .mncn-listing__toolbar { align-items: flex-start !important; } .mncn-listing__view-switch { display: none !important; } .mncn-listing--comunicacion .searchResult>ul { display: flex !important; flex-direction: column !important; gap: 28px !important; } .mncn-listing--comunicacion .searchResult__item__title { font-size: 20px !important; line-height: 24px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - COMUNICACIÓN RESULTADOS FIX FINAL ========================================================= */ /* Reset fuerte del listado antiguo solo dentro de Comunicación */ .mncn-listing--comunicacion .searchResult, .mncn-listing--comunicacion .searchResult ul, .mncn-listing--comunicacion .searchResult li, .mncn-listing--comunicacion .searchResult a, .mncn-listing--comunicacion .searchResult span { box-sizing: border-box !important; } /* Grid de resultados */ .mncn-listing--comunicacion .searchResult { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .mncn-listing--comunicacion .searchResult>ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; overflow: visible !important; } .mncn-listing--comunicacion .searchResult__item { display: block !important; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; list-style: none !important; } .mncn-listing--comunicacion .searchResult__item>a { display: flex !important; position: static !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: #131313 !important; text-decoration: none !important; } /* Imagen */ .mncn-listing--comunicacion .searchResult__item__imagen { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 342 / 192 !important; margin: 0 0 16px !important; padding: 0 !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: 0 !important; } /* Título y descripción: fuerzo que no queden ocultos por estilos antiguos */ .mncn-listing--comunicacion .searchResult__item__title, .mncn-listing--comunicacion .searchResult__item__description { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; transform: none !important; clip: auto !important; clip-path: none !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin-left: 0 !important; padding-left: 0 !important; overflow: visible !important; text-indent: 0 !important; white-space: normal !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; } /* Categoría */ .mncn-listing--comunicacion .searchResult__item__title::before { content: "Comunicación" !important; display: block !important; margin: 0 0 8px !important; color: #974315 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } /* Título */ .mncn-listing--comunicacion .searchResult__item__title { margin: 0 0 12px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 20px !important; line-height: 24px !important; font-weight: 600 !important; border: 0 !important; } /* Descripción */ .mncn-listing--comunicacion .searchResult__item__description { margin: 0 0 22px !important; color: #4a4a4a !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } /* Botón Más información */ .mncn-listing--comunicacion .searchResult__item>a::after { content: "Más información" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-height: 42px !important; margin-top: auto !important; padding: 0 22px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; text-decoration: none !important; } /* Tablet */ @media screen and (max-width: 1180px) and (min-width: 981px) { .mncn-listing--comunicacion .searchResult>ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Móvil */ @media screen and (max-width: 980px) { .mncn-listing--comunicacion .searchResult>ul { display: flex !important; flex-direction: column !important; gap: 32px !important; } .mncn-listing--comunicacion .searchResult__item { width: 100% !important; } .mncn-listing--comunicacion .searchResult__item__title { font-size: 20px !important; line-height: 24px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - COMUNICACIÓN MODO LISTADO ========================================================= */ @media screen and (min-width: 981px) { .mncn-listing--comunicacion.mncn-listing--list .searchResult>ul { display: flex !important; flex-direction: column !important; gap: 30px !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item>a { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; grid-template-areas: "image title" "image description" "image button" !important; column-gap: 32px !important; align-items: start !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item__imagen { grid-area: image !important; width: 320px !important; aspect-ratio: 342 / 192 !important; margin: 0 !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item__title { grid-area: title !important; margin: 0 0 12px !important; font-size: 20px !important; line-height: 26px !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item__description { grid-area: description !important; margin: 0 0 18px !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item>a::after { grid-area: button !important; margin-top: 0 !important; } } /* ========================================================= REDISEÑO MNCN 2026 - FILTROS PLEGABLES ========================================================= */ .mncn-com-search-form__filters-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 28px !important; } .mncn-com-search-form__filters-header h2 { margin: 0 !important; } .mncn-com-search-form__filters-close { display: none !important; } .mncn-com-search-form__filter-group { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(19, 19, 19, 0.14) !important; } .mncn-com-search-form__filter-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; min-height: 58px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 700 !important; text-align: left !important; cursor: pointer !important; } .mncn-com-search-form__filter-icon { position: relative !important; display: inline-block !important; width: 14px !important; height: 14px !important; flex: 0 0 14px !important; } .mncn-com-search-form__filter-icon::before, .mncn-com-search-form__filter-icon::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 10px !important; height: 2px !important; background: #131313 !important; transform: translate(-50%, -50%) !important; } .mncn-com-search-form__filter-icon::after { transform: translate(-50%, -50%) rotate(90deg) !important; } .mncn-com-search-form__filter-group.is-open .mncn-com-search-form__filter-icon::after { display: none !important; } .mncn-com-search-form__filter-content { display: none !important; padding: 0 0 24px !important; } .mncn-com-search-form__filter-group.is-open .mncn-com-search-form__filter-content { display: block !important; } /* Ajusto labels/campos dentro de los filtros */ .mncn-com-search-form__filter-content .form-item { margin: 0 0 10px !important; } .mncn-com-search-form__filter-content label { color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; } .mncn-com-search-form__filter-content input[type="text"], .mncn-com-search-form__filter-content input[type="date"], .mncn-com-search-form__filter-content select { width: 100% !important; min-height: 38px !important; box-sizing: border-box !important; } /* ========================================================= REDISEÑO MNCN 2026 - FILTROS MÓVIL ========================================================= */ .mncn-no-scroll { overflow: hidden !important; } @media screen and (max-width: 980px) { .mncn-listing--comunicacion.is-filters-open::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 9997 !important; background: rgba(19, 19, 19, 0.45) !important; } .mncn-listing--comunicacion .mncn-com-search-form__filters { display: block !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 9998 !important; width: min(100%, 390px) !important; max-width: 390px !important; padding: 28px 24px 96px !important; border-radius: 0 !important; background: #FCFAF7 !important; overflow-y: auto !important; transform: translateX(100%) !important; transition: transform 0.25s ease !important; } .mncn-listing--comunicacion.is-filters-open .mncn-com-search-form__filters { transform: translateX(0) !important; } .mncn-com-search-form__filters-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: #131313 !important; font-size: 32px !important; line-height: 1 !important; cursor: pointer !important; } } /* ========================================================= REDISEÑO MNCN 2026 - COMUNICACIÓN AJUSTES MÓVIL ========================================================= */ @media screen and (max-width: 980px) { /* Buscador superior móvil */ .mncn-com-search-form__top { display: grid !important; grid-template-columns: minmax(0, 1fr) 52px !important; gap: 14px !important; align-items: end !important; margin-bottom: 28px !important; } .mncn-com-search-form__title { grid-column: 1 / -1 !important; margin: 0 0 10px !important; text-align: center !important; } .mncn-com-search-form__search { grid-column: 1 / 2 !important; min-width: 0 !important; } .mncn-com-search-form__actions { grid-column: 2 / 3 !important; } .mncn-com-search-form__actions input[type="submit"], .mncn-com-search-form__actions button { width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background-color: #131313 !important; background-image: url('/themes/mncn/images/icon-search_18.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 18px 18px !important; color: transparent !important; font-size: 0 !important; overflow: hidden !important; } /* Oculto el botón filtrar antiguo del bloque superior */ .mncn-com-search-form__top>.mncn-com-search-form__filter-toggle { display: none !important; } /* Contador + botón filtrar en la misma línea */ .mncn-listing--comunicacion .mncn-listing__toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 28px !important; } .mncn-listing--comunicacion .mncn-listing__count { margin: 0 !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-listing__toolbar-actions { display: flex !important; align-items: center !important; gap: 12px !important; } .mncn-listing__toolbar .mncn-com-search-form__filter-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 42px !important; padding: 0 18px !important; border: 1px solid #131313 !important; border-radius: 999px !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; } .mncn-listing__toolbar .mncn-com-search-form__filter-toggle::before { content: "" !important; display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-tune.svg') !important; mask-image: url('/themes/mncn/images/icon-tune.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Tarjetas móvil: evito cortes laterales */ .mncn-listing--comunicacion .searchResult, .mncn-listing--comunicacion .searchResult>ul, .mncn-listing--comunicacion .searchResult__item, .mncn-listing--comunicacion .searchResult__item>a { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; box-sizing: border-box !important; } .mncn-listing--comunicacion .searchResult__item__imagen { width: 100% !important; max-width: 100% !important; } .mncn-listing--comunicacion .searchResult__item__title, .mncn-listing--comunicacion .searchResult__item__description { width: 100% !important; max-width: 100% !important; padding-right: 0 !important; box-sizing: border-box !important; } /* Botón Más información móvil */ .mncn-listing--comunicacion .searchResult__item>a::after { content: "Más información" !important; width: 100% !important; min-height: 48px !important; margin-top: 24px !important; padding: 0 48px !important; justify-content: center !important; border-radius: 999px !important; background-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; background-repeat: no-repeat !important; background-position: calc(100% - 24px) center !important; background-size: 6px 12px !important; box-sizing: border-box !important; } } /* ========================================================= REDISEÑO MNCN 2026 - FILTROS MÓVIL FOOTER ========================================================= */ .mncn-com-search-form__filters-footer { display: none !important; } @media screen and (max-width: 980px) { .mncn-listing--comunicacion .mncn-com-search-form__filters { padding-bottom: 140px !important; } .mncn-com-search-form__filters-footer { position: sticky !important; bottom: 0 !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 28px -24px -140px !important; padding: 18px 24px 20px !important; border-top: 1px solid rgba(19, 19, 19, 0.14) !important; background: #FCFAF7 !important; } .mncn-com-search-form__apply, .mncn-com-search-form__clear { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; border-radius: 999px !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box !important; } .mncn-com-search-form__apply { border: 1px solid #B3081B !important; background: #B3081B !important; color: #FFFFFF !important; } .mncn-com-search-form__clear { border: 1px solid #131313 !important; background: transparent !important; color: #131313 !important; } } /* ========================================================= REDISEÑO MNCN 2026 - COMUNICACIÓN MÓVIL AJUSTE FIGMA ========================================================= */ @media screen and (max-width: 980px) { /* Buscador superior */ .mncn-com-search-form__top { display: grid !important; grid-template-columns: minmax(0, 1fr) 52px !important; gap: 12px !important; align-items: end !important; margin-bottom: 30px !important; } .mncn-com-search-form__title { grid-column: 1 / -1 !important; margin: 0 0 12px !important; text-align: center !important; font-size: 32px !important; line-height: 40px !important; } .mncn-com-search-form__search { grid-column: 1 / 2 !important; min-width: 0 !important; } .mncn-com-search-form__search .form-item { margin: 0 !important; } .mncn-com-search-form__search label { display: none !important; } .mncn-com-search-form__search input[type="text"], .mncn-com-search-form__search input[type="search"] { width: 100% !important; height: 48px !important; padding: 0 0 8px !important; border: 0 !important; border-bottom: 1px solid #131313 !important; border-radius: 0 !important; background: transparent !important; color: #131313 !important; font-size: 16px !important; line-height: 24px !important; } .mncn-com-search-form__search input::placeholder { color: #737373 !important; opacity: 1 !important; } .mncn-com-search-form__actions { grid-column: 2 / 3 !important; align-self: end !important; } .mncn-com-search-form__actions .form-actions { margin: 0 !important; } .mncn-com-search-form__actions input[type="submit"], .mncn-com-search-form__actions button { width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background-color: #131313 !important; background-image: url('/themes/mncn/images/icon-search_18.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 18px 18px !important; color: transparent !important; font-size: 0 !important; overflow: hidden !important; } .mncn-com-search-form__top>.mncn-com-search-form__filter-toggle { display: none !important; } /* Contador + Filtrar */ .mncn-listing--comunicacion .mncn-listing__toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 28px !important; } .mncn-listing--comunicacion .mncn-listing__count { margin: 0 !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-listing__toolbar-actions { display: flex !important; align-items: center !important; gap: 12px !important; } .mncn-listing__toolbar .mncn-com-search-form__filter-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 42px !important; padding: 0 18px !important; border: 1px solid #131313 !important; border-radius: 999px !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; } .mncn-listing__toolbar .mncn-com-search-form__filter-toggle::before { content: "" !important; display: inline-block !important; width: 18px !important; height: 18px !important; background: currentColor !important; -webkit-mask-image: url('/themes/mncn/images/icon-tune.svg') !important; mask-image: url('/themes/mncn/images/icon-tune.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } /* Panel móvil: estructura correcta */ .mncn-listing--comunicacion .mncn-com-search-form__filters { display: flex !important; flex-direction: column !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 9998 !important; width: min(100%, 390px) !important; max-width: 390px !important; height: 100dvh !important; padding: 0 !important; border-radius: 0 !important; background: #FCFAF7 !important; overflow: hidden !important; transform: translateX(100%) !important; transition: transform 0.25s ease !important; } .mncn-listing--comunicacion.is-filters-open .mncn-com-search-form__filters { transform: translateX(0) !important; } .mncn-com-search-form__filters-header { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 28px 24px 22px !important; border-bottom: 1px solid rgba(19, 19, 19, 0.10) !important; background: #FCFAF7 !important; } .mncn-com-search-form__filters-header h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; color: #131313 !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-com-search-form__filters-header h2::before, .mncn-com-search-form__filters-header h2::after { content: none !important; display: none !important; } .mncn-com-search-form__filters-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: #131313 !important; font-size: 30px !important; line-height: 1 !important; cursor: pointer !important; } .mncn-com-search-form__filters-scroll { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; padding: 0 24px !important; scrollbar-width: thin !important; } .mncn-com-search-form__filters-footer { flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; padding: 18px 24px 20px !important; border-top: 1px solid rgba(19, 19, 19, 0.14) !important; background: #FCFAF7 !important; } .mncn-com-search-form__apply, .mncn-com-search-form__clear { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; border-radius: 999px !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box !important; } .mncn-com-search-form__apply { border: 1px solid #B3081B !important; background: #B3081B !important; color: #FFFFFF !important; } .mncn-com-search-form__clear { border: 1px solid #131313 !important; background: transparent !important; color: #131313 !important; } /* Iconos desplegables tipo chevron */ .mncn-com-search-form__filter-icon::before, .mncn-com-search-form__filter-icon::after { content: none !important; display: none !important; } .mncn-com-search-form__filter-icon { display: inline-block !important; width: 10px !important; height: 10px !important; border-top: 2px solid #131313 !important; border-left: 2px solid #131313 !important; transform: rotate(45deg) !important; } .mncn-com-search-form__filter-group:not(.is-open) .mncn-com-search-form__filter-icon { transform: rotate(225deg) !important; } } /* ========================================================= REDISEÑO MNCN 2026 - CONTADOR RESULTADOS RESPONSIVE ========================================================= */ .mncn-listing__count-label--mobile { display: none !important; } @media screen and (max-width: 980px) { .mncn-listing__count-label--desktop { display: none !important; } .mncn-listing__count-label--mobile { display: inline !important; } } /* ========================================================= REDISEÑO MNCN 2026 - COMUNICACIÓN MÓVIL FIX TARJETAS ========================================================= */ @media screen and (max-width: 980px) { .mncn-listing--comunicacion, .mncn-listing--comunicacion .mncn-listing__layout, .mncn-listing--comunicacion .mncn-listing__results, .mncn-listing--comunicacion .mncn-listing__items, .mncn-listing--comunicacion .searchResult, .mncn-listing--comunicacion .searchResult>ul, .mncn-listing--comunicacion .searchResult__item, .mncn-listing--comunicacion .searchResult__item>a { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .mncn-listing--comunicacion .searchResult__item { overflow: visible !important; } .mncn-listing--comunicacion .searchResult__item>a { overflow: visible !important; } .mncn-listing--comunicacion .searchResult__item__imagen { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .mncn-listing--comunicacion .searchResult__item__title, .mncn-listing--comunicacion .searchResult__item__description { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; overflow: visible !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } .mncn-listing--comunicacion .searchResult__item>a::after { width: 100% !important; max-width: 100% !important; min-height: 48px !important; margin-top: 24px !important; padding: 0 48px 0 24px !important; justify-content: center !important; box-sizing: border-box !important; border-radius: 999px !important; background-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; background-repeat: no-repeat !important; background-position: calc(100% - 24px) center !important; background-size: 6px 12px !important; } } @media screen and (max-width: 980px) { .mncn-listing--comunicacion .searchResult__item>a { position: relative !important; } .mncn-listing--comunicacion .searchResult__item>a::after { background-image: none !important; } .mncn-listing--comunicacion .searchResult__item>a::before { content: "" !important; position: absolute !important; right: 24px !important; bottom: 18px !important; z-index: 2 !important; display: block !important; width: 6px !important; height: 12px !important; background: #131313 !important; -webkit-mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; pointer-events: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - FILTROS ICONOS Y TRANSICIÓN ========================================================= */ .mncn-com-search-form__filter-title { -webkit-tap-highlight-color: transparent !important; outline: none !important; transition: color 0.18s ease !important; } .mncn-com-search-form__filter-title:focus, .mncn-com-search-form__filter-title:active { background: transparent !important; color: #131313 !important; outline: none !important; box-shadow: none !important; } .mncn-com-search-form__filter-icon, .mncn-com-search-form__filter-group:not(.is-open) .mncn-com-search-form__filter-icon { display: inline-block !important; width: 18px !important; height: 18px !important; flex: 0 0 18px !important; border: 0 !important; background: #131313 !important; transform: none !important; transition: transform 0.18s ease !important; -webkit-mask-image: url('/themes/mncn/images/icon-keyboard_arrow_down_18dp.svg') !important; mask-image: url('/themes/mncn/images/icon-keyboard_arrow_down_18dp.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-com-search-form__filter-group.is-open .mncn-com-search-form__filter-icon { -webkit-mask-image: url('/themes/mncn/images/icon-keyboard_arrow_up_18dp.svg') !important; mask-image: url('/themes/mncn/images/icon-keyboard_arrow_up_18dp.svg') !important; } .mncn-com-search-form__filter-icon::before, .mncn-com-search-form__filter-icon::after { content: none !important; display: none !important; } .mncn-com-search-form__filter-content { display: block !important; max-height: 0 !important; opacity: 0 !important; overflow: hidden !important; padding: 0 !important; transition: max-height 0.22s ease, opacity 0.18s ease, padding 0.22s ease !important; } .mncn-com-search-form__filter-group.is-open .mncn-com-search-form__filter-content { max-height: 700px !important; opacity: 1 !important; padding: 0 0 24px !important; } /* ========================================================= REDISEÑO MNCN 2026 - COMUNICACIÓN ESCRITORIO AJUSTES ========================================================= */ /* Título filtros: escritorio/móvil */ .mncn-filter-title-mobile { display: none !important; } .mncn-filter-title-desktop { display: inline !important; } @media screen and (max-width: 980px) { .mncn-filter-title-desktop { display: none !important; } .mncn-filter-title-mobile { display: inline !important; } } /* Quito cualquier línea naranja o decoración heredada del título de filtros */ .mncn-com-search-form__filters-header h2, .mncn-com-search-form__filters-header h2 span { border: 0 !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; } .mncn-com-search-form__filters-header h2::before, .mncn-com-search-form__filters-header h2::after { content: none !important; display: none !important; } /* Ajusto layout escritorio: filtros algo más anchos y menos separación */ @media screen and (min-width: 981px) { .mncn-listing--comunicacion .mncn-listing__layout { grid-template-columns: 320px minmax(0, 1fr) !important; gap: 36px !important; align-items: stretch !important; } .mncn-listing--comunicacion .mncn-com-search-form__filters { align-self: stretch !important; height: 100% !important; min-height: 100% !important; border-radius: 0 24px 24px 0 !important; background: #FCFAF7 !important; } } /* Modo listado: imagen más parecida a Figma, 430x241 proporcional */ @media screen and (min-width: 981px) { .mncn-listing--comunicacion.mncn-listing--list .searchResult__item>a { display: grid !important; grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important; grid-template-areas: "image title" "image description" "image button" !important; column-gap: 32px !important; row-gap: 0 !important; align-items: start !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item__imagen { grid-area: image !important; width: 100% !important; max-width: 430px !important; aspect-ratio: 430 / 241 !important; margin: 0 !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item__title { grid-area: title !important; margin: 0 0 12px !important; font-size: 20px !important; line-height: 26px !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item__description { grid-area: description !important; margin: 0 0 18px !important; } .mncn-listing--comunicacion.mncn-listing--list .searchResult__item>a::after { grid-area: button !important; align-self: start !important; margin-top: 0 !important; } } /* Iconos reales de grid/listado */ .mncn-listing__view-button span { display: none !important; } .mncn-listing__view-button::before { content: "" !important; display: block !important; width: 20px !important; height: 20px !important; background: currentColor !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .mncn-listing__view-button--grid::before { -webkit-mask-image: url('/themes/mncn/images/icon-calendar_view_month_20dp.svg') !important; mask-image: url('/themes/mncn/images/icon-calendar_view_month_20dp.svg') !important; } .mncn-listing__view-button--list::before { -webkit-mask-image: url('/themes/mncn/images/icon-list_20dp.svg') !important; mask-image: url('/themes/mncn/images/icon-list_20dp.svg') !important; } .mncn-listing__view-button { color: #131313 !important; } .mncn-listing__view-button.is-active { background: #B3081B !important; color: #FFFFFF !important; } /* ========================================================= REDISEÑO MNCN 2026 - FILTROS ACTIVOS ========================================================= */ .mncn-listing__active-filters { display: none !important; } .mncn-listing__active-filters.is-visible { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: -10px 0 30px !important; } .mncn-listing__active-filter { display: inline-flex !important; align-items: center !important; gap: 8px !important; min-height: 34px !important; padding: 0 14px !important; border: 1px solid rgba(19, 19, 19, 0.22) !important; border-radius: 999px !important; background: #FCFAF7 !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; cursor: pointer !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; } .mncn-listing__active-filter:hover, .mncn-listing__active-filter:focus { border-color: #B3081B !important; color: #B3081B !important; outline: none !important; box-shadow: none !important; } .mncn-listing__active-filter-remove { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; font-size: 18px !important; line-height: 16px !important; font-weight: 400 !important; } /* En móvil de momento no los muestro, siguiendo Figma móvil más limpio */ @media screen and (max-width: 980px) { .mncn-listing__active-filters.is-visible { display: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - PAGINADOR LISTADOS ========================================================= */ .mncn-listing__pager { margin: 56px 0 0 !important; text-align: center !important; } /* Oculto el paginador antiguo cuando el JS ya ha creado el visual */ .mncn-listing__pager.is-enhanced>nav, .mncn-listing__pager.is-enhanced>ul, .mncn-listing__pager.is-enhanced .pager, .mncn-listing__pager.is-enhanced .pagination { display: none !important; } .mncn-listing__pager-visual { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; width: 100% !important; } .mncn-listing__pager-status { color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; text-align: center !important; } .mncn-listing__pager-progress { position: relative !important; width: min(100%, 320px) !important; height: 4px !important; background: transparent !important; border: 1px solid #131313 !important; box-sizing: border-box !important; overflow: hidden !important; } .mncn-listing__pager-progress span { display: block !important; height: 100% !important; background: #131313 !important; } .mncn-listing__pager-more { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 320px !important; min-height: 52px !important; margin-top: 8px !important; padding: 0 32px !important; border: 1px solid #B3081B !important; border-radius: 999px !important; background: #B3081B !important; color: #FFFFFF !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 700 !important; text-decoration: none !important; box-sizing: border-box !important; } .mncn-listing__pager-more:hover, .mncn-listing__pager-more:focus { background: #8f0616 !important; border-color: #8f0616 !important; color: #FFFFFF !important; text-decoration: none !important; } .mncn-listing__pager-visual.is-complete .mncn-listing__pager-more { display: none !important; } @media screen and (max-width: 980px) { .mncn-listing__pager { margin-top: 42px !important; } .mncn-listing__pager-progress { width: min(100%, 286px) !important; } .mncn-listing__pager-more { width: 100% !important; min-width: 0 !important; } } .mncn-listing__pager-more.is-loading { opacity: 0.75 !important; pointer-events: none !important; } /* ========================================================= REDISEÑO MNCN 2026 - LISTADO ACTIVIDADES ========================================================= */ .mncn-listing--actividades { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; padding: 48px 0 96px !important; color: #131313 !important; } @media screen and (min-width: 981px) { .mncn-listing--actividades .mncn-listing__layout { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; gap: 36px !important; align-items: stretch !important; } .mncn-listing--actividades form.views-exposed-form, .mncn-listing--actividades .mncn-com-search-form { display: contents !important; } .mncn-listing--actividades .mncn-com-search-form__filters { grid-column: 1 !important; align-self: stretch !important; height: 100% !important; min-height: 100% !important; border-radius: 0 24px 24px 0 !important; background: #FCFAF7 !important; } .mncn-listing--actividades .mncn-listing__results { grid-column: 2 !important; min-width: 0 !important; } } /* Toolbar y resultados */ .mncn-listing--actividades .mncn-listing__toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; margin: 0 0 28px !important; } .mncn-listing--actividades .mncn-listing__count { color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-listing--actividades .searchResult, .mncn-listing--actividades .searchResult>ul { width: 100% !important; margin: 0 !important; padding: 0 !important; } .mncn-listing--actividades .searchResult>ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px !important; list-style: none !important; } .mncn-listing--actividades .searchResult__item { display: block !important; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; list-style: none !important; } .mncn-listing--actividades .searchResult__item>a { display: flex !important; position: static !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: #131313 !important; text-decoration: none !important; } .mncn-listing--actividades .searchResult__item__imagen { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; aspect-ratio: 342 / 192 !important; margin: 0 0 16px !important; padding: 0 !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: 0 !important; } .mncn-listing--actividades .searchResult__item__title, .mncn-listing--actividades .searchResult__item__description { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; -webkit-line-clamp: unset !important; } .mncn-listing--actividades .searchResult__item__title::before { content: "Actividades" !important; display: block !important; margin: 0 0 8px !important; color: #586D1C !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--actividades .searchResult__item__title { margin: 0 0 12px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 20px !important; line-height: 26px !important; font-weight: 600 !important; border: 0 !important; } .mncn-listing--actividades .searchResult__item__description { margin: 0 0 22px !important; color: #4a4a4a !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--actividades .searchResult__item>a::after { content: "Más información" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-height: 42px !important; margin-top: auto !important; padding: 0 42px 0 22px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box !important; background-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; background-repeat: no-repeat !important; background-position: calc(100% - 22px) center !important; background-size: 6px 12px !important; } /* Modo listado */ @media screen and (min-width: 981px) { .mncn-listing--actividades.mncn-listing--list .searchResult>ul { display: flex !important; flex-direction: column !important; gap: 30px !important; } .mncn-listing--actividades.mncn-listing--list .searchResult__item>a { display: grid !important; grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important; grid-template-areas: "image title" "image description" "image button" !important; column-gap: 32px !important; row-gap: 0 !important; align-items: start !important; } .mncn-listing--actividades.mncn-listing--list .searchResult__item__imagen { grid-area: image !important; width: 100% !important; max-width: 430px !important; aspect-ratio: 430 / 241 !important; margin: 0 !important; } .mncn-listing--actividades.mncn-listing--list .searchResult__item__title { grid-area: title !important; } .mncn-listing--actividades.mncn-listing--list .searchResult__item__description { grid-area: description !important; } .mncn-listing--actividades.mncn-listing--list .searchResult__item>a::after { grid-area: button !important; align-self: start !important; margin-top: 0 !important; } } /* Botones antiguos contacto/suscripción */ .mncn-listing--actividades .mncn-listing__extra-links { margin: 56px 0 0 !important; } /* Responsive */ @media screen and (max-width: 1180px) and (min-width: 981px) { .mncn-listing--actividades .searchResult>ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (max-width: 980px) { .mncn-listing--actividades { width: 100% !important; padding: 34px 16px 64px !important; box-sizing: border-box !important; } .mncn-listing--actividades .mncn-listing__layout { display: block !important; } .mncn-listing--actividades .mncn-listing__toolbar { margin-bottom: 24px !important; } .mncn-listing--actividades .searchResult>ul { display: flex !important; flex-direction: column !important; gap: 32px !important; } .mncn-listing--actividades .searchResult__item, .mncn-listing--actividades .searchResult__item>a, .mncn-listing--actividades .searchResult__item__imagen, .mncn-listing--actividades .searchResult__item__title, .mncn-listing--actividades .searchResult__item__description { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .mncn-listing--actividades .searchResult__item>a { position: relative !important; } .mncn-listing--actividades .searchResult__item>a::after { width: 100% !important; max-width: 100% !important; min-height: 48px !important; margin-top: 24px !important; padding: 0 48px 0 24px !important; justify-content: center !important; background-image: none !important; } .mncn-listing--actividades .searchResult__item>a::before { content: "" !important; position: absolute !important; right: 24px !important; bottom: 18px !important; z-index: 2 !important; display: block !important; width: 6px !important; height: 12px !important; background: #131313 !important; -webkit-mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; pointer-events: none !important; } } /* ========================================================= REDISEÑO MNCN 2026 - ACTIVIDADES FIX LAYOUT ========================================================= */ @media screen and (min-width: 981px) { .mncn-listing--actividades .mncn-listing__layout { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; grid-template-areas: "search search" "filters results" !important; gap: 34px 36px !important; align-items: start !important; } .mncn-listing--actividades form.views-exposed-form, .mncn-listing--actividades .mncn-com-search-form { display: contents !important; } .mncn-listing--actividades .mncn-com-search-form__top { grid-area: search !important; display: grid !important; grid-template-columns: 180px minmax(0, 1fr) auto !important; gap: 24px !important; align-items: end !important; margin: 0 !important; } .mncn-listing--actividades .mncn-com-search-form__filters { grid-area: filters !important; align-self: stretch !important; height: 100% !important; min-height: 100% !important; border-radius: 0 24px 24px 0 !important; background: #FCFAF7 !important; } .mncn-listing--actividades .mncn-listing__results { grid-area: results !important; min-width: 0 !important; } } /* Quito cualquier posición rara heredada del buscador antiguo */ .mncn-listing--actividades .searchSubHome, .mncn-listing--actividades .searchFilters { position: static !important; float: none !important; clear: none !important; width: auto !important; max-width: none !important; margin: 0 !important; } /* Botones Contacto / Suscríbete después del listado */ .mncn-listing--actividades .mncn-listing__extra-links { display: flex !important; justify-content: center !important; gap: 24px !important; margin: 56px 0 0 !important; } .mncn-listing--actividades .mncn-listing__extra-links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 180px !important; min-height: 48px !important; padding: 0 24px !important; border: 1px solid #131313 !important; border-radius: 0 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; text-decoration: none !important; } @media screen and (max-width: 980px) { .mncn-listing--actividades .mncn-listing__layout { display: block !important; } .mncn-listing--actividades .mncn-listing__extra-links { flex-direction: column !important; gap: 14px !important; } .mncn-listing--actividades .mncn-listing__extra-links a { width: 100% !important; } } /* ========================================================= REDISEÑO MNCN 2026 - ACTIVIDADES FILTROS MÓVIL Reutiliza el panel móvil de Comunicación ========================================================= */ @media screen and (max-width: 980px) { .mncn-listing--actividades.is-filters-open::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 9997 !important; background: rgba(19, 19, 19, 0.45) !important; } .mncn-listing--actividades .mncn-com-search-form__filters { display: flex !important; flex-direction: column !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 9998 !important; width: min(100%, 390px) !important; max-width: 390px !important; height: 100dvh !important; padding: 0 !important; border-radius: 0 !important; background: #FCFAF7 !important; overflow: hidden !important; transform: translateX(100%) !important; transition: transform 0.25s ease !important; } .mncn-listing--actividades.is-filters-open .mncn-com-search-form__filters { transform: translateX(0) !important; } .mncn-listing--actividades .mncn-com-search-form__filters-header { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 28px 24px 22px !important; border-bottom: 1px solid rgba(19, 19, 19, 0.10) !important; background: #FCFAF7 !important; } .mncn-listing--actividades .mncn-com-search-form__filters-scroll { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; padding: 0 24px !important; scrollbar-width: thin !important; } .mncn-listing--actividades .mncn-com-search-form__filters-footer { flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; padding: 18px 24px 20px !important; border-top: 1px solid rgba(19, 19, 19, 0.14) !important; background: #FCFAF7 !important; } .mncn-listing--actividades .mncn-com-search-form__filters-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: #131313 !important; font-size: 30px !important; line-height: 1 !important; cursor: pointer !important; } .mncn-listing--actividades .mncn-listing__extra-links { flex-direction: inherit !important; } } /* ========================================================= REDISEÑO MNCN 2026 - LISTADO EDUCACIÓN Hereda patrón de Actividades ========================================================= */ .mncn-listing--educacion { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; padding: 48px 0 96px !important; color: #131313 !important; } @media screen and (min-width: 981px) { .mncn-listing--educacion .mncn-listing__layout { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; grid-template-areas: "search search" "filters results" !important; gap: 34px 36px !important; align-items: start !important; } .mncn-listing--educacion form.views-exposed-form, .mncn-listing--educacion .mncn-com-search-form { display: contents !important; } .mncn-listing--educacion .mncn-com-search-form__top { grid-area: search !important; display: grid !important; grid-template-columns: 180px minmax(0, 1fr) auto !important; gap: 24px !important; align-items: end !important; margin: 0 !important; } .mncn-listing--educacion .mncn-com-search-form__filters { grid-area: filters !important; align-self: stretch !important; height: 100% !important; min-height: 100% !important; border-radius: 0 24px 24px 0 !important; background: #FCFAF7 !important; } .mncn-listing--educacion .mncn-listing__results { grid-area: results !important; min-width: 0 !important; } .mncn-listing--educacion .searchResult > ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } } .mncn-listing--educacion .mncn-listing__toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; margin: 0 0 28px !important; } .mncn-listing--educacion .mncn-listing__count { color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-listing--educacion .searchResult, .mncn-listing--educacion .searchResult > ul { width: 100% !important; margin: 0 !important; padding: 0 !important; } .mncn-listing--educacion .searchResult__item { display: block !important; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; list-style: none !important; } .mncn-listing--educacion .searchResult__item > a { display: flex !important; position: static !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: #131313 !important; text-decoration: none !important; } .mncn-listing--educacion .searchResult__item__imagen { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; aspect-ratio: 342 / 192 !important; margin: 0 0 16px !important; padding: 0 !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: 0 !important; } .mncn-listing--educacion .searchResult__item__title, .mncn-listing--educacion .searchResult__item__description { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; -webkit-line-clamp: unset !important; } .mncn-listing--educacion .searchResult__item__title::before { content: "Educación" !important; display: block !important; margin: 0 0 8px !important; color: #586D1C !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--educacion .searchResult__item__title { margin: 0 0 12px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 20px !important; line-height: 26px !important; font-weight: 600 !important; border: 0 !important; } .mncn-listing--educacion .searchResult__item__description { margin: 0 0 22px !important; color: #4a4a4a !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--educacion .searchResult__item > a::after { content: "Más información" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-height: 42px !important; margin-top: auto !important; padding: 0 42px 0 22px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box !important; background-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; background-repeat: no-repeat !important; background-position: calc(100% - 22px) center !important; background-size: 6px 12px !important; } /* Modo listado */ @media screen and (min-width: 981px) { .mncn-listing--educacion.mncn-listing--list .searchResult > ul { display: flex !important; flex-direction: column !important; gap: 30px !important; } .mncn-listing--educacion.mncn-listing--list .searchResult__item > a { display: grid !important; grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important; grid-template-areas: "image title" "image description" "image button" !important; column-gap: 32px !important; row-gap: 0 !important; align-items: start !important; } .mncn-listing--educacion.mncn-listing--list .searchResult__item__imagen { grid-area: image !important; width: 100% !important; max-width: 430px !important; aspect-ratio: 430 / 241 !important; margin: 0 !important; } .mncn-listing--educacion.mncn-listing--list .searchResult__item__title { grid-area: title !important; } .mncn-listing--educacion.mncn-listing--list .searchResult__item__description { grid-area: description !important; } .mncn-listing--educacion.mncn-listing--list .searchResult__item > a::after { grid-area: button !important; align-self: start !important; margin-top: 0 !important; } } /* Botones Contacto / Suscríbete */ .mncn-listing--educacion .mncn-listing__extra-links { display: flex !important; justify-content: center !important; gap: 24px !important; margin: 56px 0 0 !important; } .mncn-listing--educacion .mncn-listing__extra-links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 180px !important; min-height: 48px !important; padding: 0 24px !important; border: 1px solid #131313 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; text-decoration: none !important; } @media screen and (max-width: 1180px) and (min-width: 981px) { .mncn-listing--educacion .searchResult > ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (max-width: 980px) { .mncn-listing--educacion { width: 100% !important; padding: 34px 16px 64px !important; box-sizing: border-box !important; } .mncn-listing--educacion .mncn-listing__layout { display: block !important; } .mncn-listing--educacion .searchResult > ul { display: flex !important; flex-direction: column !important; gap: 32px !important; } .mncn-listing--educacion .searchResult__item, .mncn-listing--educacion .searchResult__item > a, .mncn-listing--educacion .searchResult__item__imagen, .mncn-listing--educacion .searchResult__item__title, .mncn-listing--educacion .searchResult__item__description { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .mncn-listing--educacion .searchResult__item > a { position: relative !important; } .mncn-listing--educacion .searchResult__item > a::after { width: 100% !important; max-width: 100% !important; min-height: 48px !important; margin-top: 24px !important; padding: 0 48px 0 24px !important; justify-content: center !important; background-image: none !important; } .mncn-listing--educacion .searchResult__item > a::before { content: "" !important; position: absolute !important; right: 24px !important; bottom: 18px !important; z-index: 2 !important; display: block !important; width: 6px !important; height: 12px !important; background: #131313 !important; -webkit-mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; pointer-events: none !important; } .mncn-listing--educacion .mncn-listing__extra-links { flex-direction: column !important; gap: 14px !important; } .mncn-listing--educacion .mncn-listing__extra-links a { width: 100% !important; } } /* ========================================================= REDISEÑO MNCN 2026 - EDUCACIÓN FILTROS MÓVIL ========================================================= */ @media screen and (max-width: 980px) { .mncn-listing--educacion.is-filters-open::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 9997 !important; background: rgba(19, 19, 19, 0.45) !important; } .mncn-listing--educacion .mncn-com-search-form__filters { display: flex !important; flex-direction: column !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 9998 !important; width: min(100%, 390px) !important; max-width: 390px !important; height: 100dvh !important; padding: 0 !important; border-radius: 0 !important; background: #FCFAF7 !important; overflow: hidden !important; transform: translateX(100%) !important; transition: transform 0.25s ease !important; } .mncn-listing--educacion.is-filters-open .mncn-com-search-form__filters { transform: translateX(0) !important; } .mncn-listing--educacion .mncn-com-search-form__filters-header { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 28px 24px 22px !important; border-bottom: 1px solid rgba(19, 19, 19, 0.10) !important; background: #FCFAF7 !important; } .mncn-listing--educacion .mncn-com-search-form__filters-scroll { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; padding: 0 24px !important; scrollbar-width: thin !important; } .mncn-listing--educacion .mncn-com-search-form__filters-footer { flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; padding: 18px 24px 20px !important; border-top: 1px solid rgba(19, 19, 19, 0.14) !important; background: #FCFAF7 !important; } .mncn-listing--educacion .mncn-com-search-form__filters-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: #131313 !important; font-size: 30px !important; line-height: 1 !important; cursor: pointer !important; } } /* ========================================================= REDISEÑO MNCN 2026 - LISTADO EXPOSICIONES ========================================================= */ .mncn-listing--exposiciones { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; padding: 48px 0 96px !important; color: #131313 !important; } @media screen and (min-width: 981px) { .mncn-listing--exposiciones .mncn-listing__layout { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; grid-template-areas: "search search" "filters results" !important; gap: 34px 36px !important; align-items: start !important; } .mncn-listing--exposiciones form.views-exposed-form, .mncn-listing--exposiciones .mncn-com-search-form { display: contents !important; } .mncn-listing--exposiciones .mncn-com-search-form__top { grid-area: search !important; display: grid !important; grid-template-columns: 180px minmax(0, 1fr) auto !important; gap: 24px !important; align-items: end !important; margin: 0 !important; } .mncn-listing--exposiciones .mncn-com-search-form__filters { grid-area: filters !important; align-self: stretch !important; height: 100% !important; min-height: 100% !important; border-radius: 0 24px 24px 0 !important; background: #FCFAF7 !important; } .mncn-listing--exposiciones .mncn-listing__results { grid-area: results !important; min-width: 0 !important; } .mncn-listing--exposiciones .searchResult > ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } } .mncn-listing--exposiciones .mncn-listing__toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; margin: 0 0 28px !important; } .mncn-listing--exposiciones .mncn-listing__count { color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-listing--exposiciones .searchResult, .mncn-listing--exposiciones .searchResult > ul { width: 100% !important; margin: 0 !important; padding: 0 !important; } .mncn-listing--exposiciones .searchResult__item { display: block !important; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; list-style: none !important; } .mncn-listing--exposiciones .searchResult__item > a { display: flex !important; position: static !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: #131313 !important; text-decoration: none !important; } .mncn-listing--exposiciones .searchResult__item__imagen { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; aspect-ratio: 342 / 192 !important; margin: 0 0 16px !important; padding: 0 !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: 0 !important; } .mncn-listing--exposiciones .searchResult__item__title, .mncn-listing--exposiciones .searchResult__item__description { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; -webkit-line-clamp: unset !important; } .mncn-listing--exposiciones .searchResult__item__title::before { content: "Exposiciones" !important; display: block !important; margin: 0 0 8px !important; color: #586D1C !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--exposiciones .searchResult__item__title { margin: 0 0 12px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 20px !important; line-height: 26px !important; font-weight: 600 !important; border: 0 !important; } .mncn-listing--exposiciones .searchResult__item__description { margin: 0 0 22px !important; color: #4a4a4a !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--exposiciones .searchResult__item > a::after { content: "Más información" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-height: 42px !important; margin-top: auto !important; padding: 0 42px 0 22px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box !important; background-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; background-repeat: no-repeat !important; background-position: calc(100% - 22px) center !important; background-size: 6px 12px !important; } /* Modo listado */ @media screen and (min-width: 981px) { .mncn-listing--exposiciones.mncn-listing--list .searchResult > ul { display: flex !important; flex-direction: column !important; gap: 30px !important; } .mncn-listing--exposiciones.mncn-listing--list .searchResult__item > a { display: grid !important; grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important; grid-template-areas: "image title" "image description" "image button" !important; column-gap: 32px !important; row-gap: 0 !important; align-items: start !important; } .mncn-listing--exposiciones.mncn-listing--list .searchResult__item__imagen { grid-area: image !important; width: 100% !important; max-width: 430px !important; aspect-ratio: 430 / 241 !important; margin: 0 !important; } .mncn-listing--exposiciones.mncn-listing--list .searchResult__item__title { grid-area: title !important; } .mncn-listing--exposiciones.mncn-listing--list .searchResult__item__description { grid-area: description !important; } .mncn-listing--exposiciones.mncn-listing--list .searchResult__item > a::after { grid-area: button !important; align-self: start !important; margin-top: 0 !important; } } /* Botón inferior Quienes somos */ .mncn-listing--exposiciones .mncn-listing__extra-links { display: flex !important; justify-content: center !important; gap: 24px !important; margin: 56px 0 0 !important; } .mncn-listing--exposiciones .mncn-listing__extra-links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 180px !important; min-height: 48px !important; padding: 0 24px !important; border: 1px solid #131313 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; text-decoration: none !important; } @media screen and (max-width: 1180px) and (min-width: 981px) { .mncn-listing--exposiciones .searchResult > ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (max-width: 980px) { .mncn-listing--exposiciones { width: 100% !important; padding: 34px 16px 64px !important; box-sizing: border-box !important; } .mncn-listing--exposiciones .mncn-listing__layout { display: block !important; } .mncn-listing--exposiciones .searchResult > ul { display: flex !important; flex-direction: column !important; gap: 32px !important; } .mncn-listing--exposiciones .searchResult__item, .mncn-listing--exposiciones .searchResult__item > a, .mncn-listing--exposiciones .searchResult__item__imagen, .mncn-listing--exposiciones .searchResult__item__title, .mncn-listing--exposiciones .searchResult__item__description { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .mncn-listing--exposiciones .searchResult__item > a { position: relative !important; } .mncn-listing--exposiciones .searchResult__item > a::after { width: 100% !important; max-width: 100% !important; min-height: 48px !important; margin-top: 24px !important; padding: 0 48px 0 24px !important; justify-content: center !important; background-image: none !important; } .mncn-listing--exposiciones .searchResult__item > a::before { content: "" !important; position: absolute !important; right: 24px !important; bottom: 18px !important; z-index: 2 !important; display: block !important; width: 6px !important; height: 12px !important; background: #131313 !important; -webkit-mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; pointer-events: none !important; } .mncn-listing--exposiciones .mncn-listing__extra-links { flex-direction: column !important; gap: 14px !important; } .mncn-listing--exposiciones .mncn-listing__extra-links a { width: 100% !important; } } /* ========================================================= REDISEÑO MNCN 2026 - EXPOSICIONES FILTROS MÓVIL ========================================================= */ @media screen and (max-width: 980px) { .mncn-listing--exposiciones.is-filters-open::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 9997 !important; background: rgba(19, 19, 19, 0.45) !important; } .mncn-listing--exposiciones .mncn-com-search-form__filters { display: flex !important; flex-direction: column !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 9998 !important; width: min(100%, 390px) !important; max-width: 390px !important; height: 100dvh !important; padding: 0 !important; border-radius: 0 !important; background: #FCFAF7 !important; overflow: hidden !important; transform: translateX(100%) !important; transition: transform 0.25s ease !important; } .mncn-listing--exposiciones.is-filters-open .mncn-com-search-form__filters { transform: translateX(0) !important; } .mncn-listing--exposiciones .mncn-com-search-form__filters-header { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 28px 24px 22px !important; border-bottom: 1px solid rgba(19, 19, 19, 0.10) !important; background: #FCFAF7 !important; } .mncn-listing--exposiciones .mncn-com-search-form__filters-scroll { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; padding: 0 24px !important; scrollbar-width: thin !important; } .mncn-listing--exposiciones .mncn-com-search-form__filters-footer { flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; padding: 18px 24px 20px !important; border-top: 1px solid rgba(19, 19, 19, 0.14) !important; background: #FCFAF7 !important; } .mncn-listing--exposiciones .mncn-com-search-form__filters-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: #131313 !important; font-size: 30px !important; line-height: 1 !important; cursor: pointer !important; } } /* ========================================================= REDISEÑO MNCN 2026 - EXPOSICIONES PESTAÑAS TIPO Permanentes / Temporales / Próximamente / Itinerantes ========================================================= */ .mncn-listing--exposiciones-menu .mncn-listing__layout { display: block !important; } .mncn-listing--exposiciones-menu .mncn-listing__results { width: 100% !important; max-width: none !important; } .mncn-listing--exposiciones-menu .mncn-listing__toolbar { margin-bottom: 34px !important; } .mncn-listing--exposiciones-menu .mncn-listing__toolbar-actions { margin-left: auto !important; } .mncn-listing--exposiciones-menu .mncn-com-search-form__filter-toggle { display: none !important; } @media screen and (min-width: 981px) { .mncn-listing--exposiciones-menu .searchResult > ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - EXPOSICIONES ESTADOS ========================================================= */ .mncn-listing__active-filters--static { margin: -10px 0 30px !important; } .mncn-listing__active-filter--static { cursor: default !important; pointer-events: none !important; } .mncn-listing__active-filter--static:hover, .mncn-listing__active-filter--static:focus { border-color: rgba(19, 19, 19, 0.22) !important; color: #131313 !important; } .mncn-listing__empty { width: 100% !important; max-width: 720px !important; margin: 36px 0 64px !important; padding: 34px 36px !important; border-radius: 24px !important; background: #FCFAF7 !important; box-sizing: border-box !important; } .mncn-listing__empty h2 { margin: 0 0 10px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 24px !important; line-height: 30px !important; font-weight: 600 !important; } .mncn-listing__empty p { margin: 0 !important; color: #737373 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 16px !important; line-height: 24px !important; } .mncn-listing__empty strong { color: #131313 !important; font-weight: 600 !important; } @media screen and (max-width: 980px) { .mncn-listing__active-filters--static.is-visible { display: flex !important; margin: -4px 0 24px !important; } .mncn-listing__empty { max-width: none !important; margin: 28px 0 48px !important; padding: 28px 24px !important; border-radius: 20px !important; } .mncn-listing__empty h2 { font-size: 22px !important; line-height: 28px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - BUSCADOR SUBHOME EXPOSICIONES ========================================================= */ .mncn-subhome-search { width: min(100% - 96px, 960px) !important; margin: 34px auto 56px !important; } .mncn-subhome-search__form { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: 32px !important; align-items: end !important; margin: 0 !important; } .mncn-subhome-search__title { margin: 0 !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 32px !important; line-height: 38px !important; font-weight: 600 !important; } .mncn-subhome-search__field { display: flex !important; align-items: center !important; gap: 0 !important; width: 100% !important; border-bottom: 1px solid #131313 !important; } .mncn-subhome-search__input { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; height: 42px !important; padding: 0 14px 0 0 !important; border: 0 !important; background: transparent !important; color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; outline: none !important; box-shadow: none !important; } .mncn-subhome-search__input::placeholder { color: #737373 !important; opacity: 1 !important; } .mncn-subhome-search__submit { flex: 0 0 auto !important; min-width: 82px !important; min-height: 32px !important; padding: 0 18px !important; border: 1px solid #131313 !important; border-radius: 999px !important; background: #131313 !important; color: #FFFFFF !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 13px !important; line-height: 18px !important; font-weight: 700 !important; cursor: pointer !important; } .mncn-subhome-search__submit:hover, .mncn-subhome-search__submit:focus { background: #B3081B !important; border-color: #B3081B !important; color: #FFFFFF !important; } @media screen and (max-width: 980px) { .mncn-subhome-search { width: 100% !important; margin: 28px 0 42px !important; padding: 0 16px !important; box-sizing: border-box !important; } .mncn-subhome-search__form { display: block !important; } .mncn-subhome-search__title { display: block !important; margin-bottom: 18px !important; font-size: 28px !important; line-height: 34px !important; } .mncn-subhome-search__field { width: 100% !important; } .mncn-subhome-search__submit { min-width: 76px !important; } } /* ========================================================= REDISEÑO MNCN 2026 - LISTADOS BUSCADOR TARJETAS GENÉRICO ========================================================= */ .mncn-listing--cards-search { width: min(100% - 96px, 1360px) !important; margin: 0 auto !important; padding: 48px 0 96px !important; color: #131313 !important; } @media screen and (min-width: 981px) { .mncn-listing--cards-search .mncn-listing__layout { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; grid-template-areas: "search search" "filters results" !important; gap: 34px 36px !important; align-items: start !important; } .mncn-listing--cards-search form.views-exposed-form, .mncn-listing--cards-search .mncn-com-search-form { display: contents !important; } .mncn-listing--cards-search .mncn-com-search-form__top { grid-area: search !important; display: grid !important; grid-template-columns: 180px minmax(0, 1fr) auto !important; gap: 24px !important; align-items: end !important; margin: 0 !important; } .mncn-listing--cards-search .mncn-com-search-form__filters { grid-area: filters !important; align-self: stretch !important; height: 100% !important; min-height: 100% !important; border-radius: 0 24px 24px 0 !important; background: #FCFAF7 !important; } .mncn-listing--cards-search .mncn-listing__results { grid-area: results !important; min-width: 0 !important; } .mncn-listing--cards-search .searchResult > ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } } .mncn-listing--cards-search .mncn-listing__toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; margin: 0 0 28px !important; } .mncn-listing--cards-search .mncn-listing__count { color: #131313 !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 700 !important; } .mncn-listing--cards-search .searchResult, .mncn-listing--cards-search .searchResult > ul { width: 100% !important; margin: 0 !important; padding: 0 !important; } .mncn-listing--cards-search .searchResult__item { display: block !important; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; list-style: none !important; } .mncn-listing--cards-search .searchResult__item > a { display: flex !important; position: static !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; color: #131313 !important; text-decoration: none !important; } .mncn-listing--cards-search .searchResult__item__imagen { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; aspect-ratio: 342 / 192 !important; margin: 0 0 16px !important; padding: 0 !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border: 0 !important; } .mncn-listing--cards-search .searchResult__item__section { display: block !important; margin: 0 0 8px !important; color: #586D1C !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--cards-search .searchResult__item__title, .mncn-listing--cards-search .searchResult__item__description { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; -webkit-line-clamp: unset !important; } .mncn-listing--cards-search .searchResult__item__title { margin: 0 0 12px !important; color: #131313 !important; font-family: var(--mncn-font-heading, "Space Grotesk", Arial, sans-serif) !important; font-size: 20px !important; line-height: 26px !important; font-weight: 600 !important; border: 0 !important; } .mncn-listing--cards-search .searchResult__item__description { margin: 0 0 22px !important; color: #4a4a4a !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; } .mncn-listing--cards-search .searchResult__item > a::after { content: "Más información" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-height: 42px !important; margin-top: auto !important; padding: 0 42px 0 22px !important; border: 1px solid #131313 !important; border-radius: 999px !important; color: #131313 !important; background: transparent !important; font-family: var(--mncn-font-base, Inter, Arial, sans-serif) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box !important; background-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; background-repeat: no-repeat !important; background-position: calc(100% - 22px) center !important; background-size: 6px 12px !important; } @media screen and (min-width: 981px) { .mncn-listing--cards-search.mncn-listing--list .searchResult > ul { display: flex !important; flex-direction: column !important; gap: 30px !important; } .mncn-listing--cards-search.mncn-listing--list .searchResult__item > a { display: grid !important; grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important; grid-template-areas: "image section" "image title" "image description" "image button" !important; column-gap: 32px !important; row-gap: 0 !important; align-items: start !important; } .mncn-listing--cards-search.mncn-listing--list .searchResult__item__imagen { grid-area: image !important; width: 100% !important; max-width: 430px !important; aspect-ratio: 430 / 241 !important; margin: 0 !important; } .mncn-listing--cards-search.mncn-listing--list .searchResult__item__section { grid-area: section !important; } .mncn-listing--cards-search.mncn-listing--list .searchResult__item__title { grid-area: title !important; } .mncn-listing--cards-search.mncn-listing--list .searchResult__item__description { grid-area: description !important; } .mncn-listing--cards-search.mncn-listing--list .searchResult__item > a::after { grid-area: button !important; align-self: start !important; margin-top: 0 !important; } } @media screen and (max-width: 1180px) and (min-width: 981px) { .mncn-listing--cards-search .searchResult > ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (max-width: 980px) { .mncn-listing--cards-search { width: 100% !important; padding: 34px 16px 64px !important; box-sizing: border-box !important; } .mncn-listing--cards-search .mncn-listing__layout { display: block !important; } .mncn-listing--cards-search .searchResult > ul { display: flex !important; flex-direction: column !important; gap: 32px !important; } .mncn-listing--cards-search .searchResult__item, .mncn-listing--cards-search .searchResult__item > a, .mncn-listing--cards-search .searchResult__item__imagen, .mncn-listing--cards-search .searchResult__item__title, .mncn-listing--cards-search .searchResult__item__description { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .mncn-listing--cards-search .searchResult__item > a { position: relative !important; } .mncn-listing--cards-search .searchResult__item > a::after { width: 100% !important; max-width: 100% !important; min-height: 48px !important; margin-top: 24px !important; padding: 0 48px 0 24px !important; justify-content: center !important; background-image: none !important; } .mncn-listing--cards-search .searchResult__item > a::before { content: "" !important; position: absolute !important; right: 24px !important; bottom: 18px !important; z-index: 2 !important; display: block !important; width: 6px !important; height: 12px !important; background: #131313 !important; -webkit-mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; mask-image: url('/themes/mncn/images/icon-keyboard_arrow_right.svg') !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; pointer-events: none !important; } .mncn-listing--cards-search.is-filters-open::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 9997 !important; background: rgba(19, 19, 19, 0.45) !important; } .mncn-listing--cards-search .mncn-com-search-form__filters { display: flex !important; flex-direction: column !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 9998 !important; width: min(100%, 390px) !important; max-width: 390px !important; height: 100dvh !important; padding: 0 !important; border-radius: 0 !important; background: #FCFAF7 !important; overflow: hidden !important; transform: translateX(100%) !important; transition: transform 0.25s ease !important; } .mncn-listing--cards-search.is-filters-open .mncn-com-search-form__filters { transform: translateX(0) !important; } } /* ========================================================= REDISEÑO MNCN 2026 - SAM ========================================================= */ .mncn-listing--sam .searchResult__item__section { color: #8C1597 !important; }