/* Theme Name: Wikiesfera Theme URI: https://www.wikiesfera.org/ Author: Wikiesfera Description: Tema de bloques a medida para Wikiesfera. Montserrat, magenta #B5179E y morado para las crónicas. Requires at least: 6.6 Tested up to: 7.1 Requires PHP: 8.1 Version: 0.1.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: wikiesfera */ /* ---------- Base ---------- */ body { -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; } .screen-reader-text:focus { clip: auto; width: auto; height: auto; padding: 12px 16px; background: #fff; z-index: 1000; } :where(.wp-site-blocks) > * { margin-block-start: 0; } /* ---------- Cabecera ---------- */ .we-cabecera { border-bottom: 1px solid #EFE3EC; padding-left: 5vw; padding-right: 5vw; flex-wrap: nowrap !important; } .we-pie { padding-left: 5vw; padding-right: 5vw; } @media (max-width: 1180px) { .we-cabecera .wp-block-navigation { --wp--style--block-gap: 16px; gap: 16px !important; font-size: 14px; } .we-cabecera .wp-block-navigation-item.is-cta > a { padding: 10px 16px; } .we-cabecera .we-logo img { width: 150px !important; } } .we-cabecera .wp-block-site-logo img { height: 46px; width: auto; } .we-cabecera .wp-block-navigation .current-menu-item:not(.is-cta) > a, .we-cabecera .wp-block-navigation .current-menu-ancestor > a { color: var(--wp--preset--color--magenta); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } .we-cabecera .wp-block-navigation-item.is-cta > a { background: var(--wp--preset--color--magenta); color: #fff; padding: 12px 20px; border-radius: 999px; font-weight: 700; } .we-cabecera .wp-block-navigation-item.is-cta > a:hover { background: var(--wp--preset--color--magenta-oscuro); } .we-cabecera .wp-block-navigation-item.is-idioma > a { border: 1px solid #CDBFC8; border-radius: 999px; padding: 6px 12px; font-size: 14px; } .we-cabecera .wp-block-navigation-item.is-idioma > a[aria-current="page"] { border-color: var(--wp--preset--color--magenta); color: var(--wp--preset--color--magenta); text-decoration: none !important; box-shadow: none; } .we-cabecera .wp-block-navigation a { text-decoration: none; } .wp-block-navigation__responsive-container.is-menu-open { padding: 24px 5vw; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 18px; font-size: 20px; } /* ---------- Piezas comunes ---------- */ .we-antetitulo { margin: 0; font-weight: 700; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-oscuro .we-antetitulo { color: var(--wp--preset--color--rosa-acento); } .we-entradilla { font-size: 19px; line-height: 1.6; color: var(--wp--preset--color--texto-secundario); max-width: 640px; } .we-oscuro .we-entradilla, .we-oscuro p { color: #E6DCEA; } .we-oscuro h1, .we-oscuro h2, .we-oscuro h3 { color: #fff; } .we-cabecera-seccion { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px; } .we-cabecera-seccion h2 { font-size: 32px; margin: 0; } .we-cabecera-seccion p { margin: 0; font-weight: 700; font-size: 16px; } /* Lista de accesos con flecha (portada) */ .we-accesos { max-width: 560px; gap: 0 !important; } .we-accesos p { margin: 0; border-top: 2px solid var(--wp--preset--color--tinta); } .we-accesos p:last-child { border-bottom: 2px solid var(--wp--preset--color--tinta); } .we-accesos a { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; color: var(--wp--preset--color--tinta); text-decoration: none; font-weight: 700; font-size: 18px; } .we-accesos a::after { content: "→"; color: var(--wp--preset--color--magenta); transition: transform .15s; } .we-accesos a:hover::after { transform: translateX(4px); } /* Botones */ .wp-block-button.is-style-outline > .wp-block-button__link { border: 2px solid currentColor; background: transparent; color: var(--wp--preset--color--tinta); } .we-oscuro .wp-block-button.is-style-outline > .wp-block-button__link { color: #fff; } .wp-block-button.is-style-blanco > .wp-block-button__link { background: #fff; color: var(--wp--preset--color--tinta); } /* Cajas */ .we-caja { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 32px; } .we-caja-suave { background: var(--wp--preset--color--rosa-claro); border-radius: 20px; padding: 32px; } .we-redondeado { border-radius: 24px; } .we-redondeado img, .wp-block-image.we-redondeado img { border-radius: 16px; } /* Lista con línea separadora */ .we-lista-lineas { list-style: none; padding: 0; margin: 0; } .we-lista-lineas li { padding: 14px 0; border-top: 1px solid var(--wp--preset--color--borde); font-size: 16px; line-height: 1.45; } .we-lista-lineas li:last-child { border-bottom: 1px solid var(--wp--preset--color--borde); } .we-lista-lineas strong:first-child { color: var(--wp--preset--color--magenta); margin-right: 14px; } /* Cada línea enlaza a su publicación o noticia: en fucsia, como todos los enlaces de listas */ .we-lista-lineas a { color: var(--wp--preset--color--magenta); text-decoration: none; } .we-lista-lineas a:hover { color: var(--wp--preset--color--magenta-oscuro); text-decoration: underline; } /* ---------- Cifras ---------- */ .we-cifras { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 32px; } .we-cifra { display: flex; flex-direction: column; gap: 10px; } .we-cifra__icono { width: 52px; height: 52px; border-radius: 14px; background: #fff; display: flex; align-items: center; justify-content: center; } .we-cifra__numero { font-weight: 900; font-size: clamp(40px, 5vw, 52px); line-height: 1; color: var(--wp--preset--color--magenta); letter-spacing: -0.02em; } .we-cifra__texto { font-size: 16px; color: var(--wp--preset--color--texto-secundario); } .we-cifra__nota { font-size: 13px; color: var(--wp--preset--color--gris); } /* ---------- Tarjetas de actividad ---------- */ .we-tarjetas { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 20px; } .we-tarjeta { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 14px; min-height: 280px; background: #fff; } .we-tarjeta--destacada { background: var(--wp--preset--color--magenta); border-color: var(--wp--preset--color--magenta); color: #fff; } .we-tarjeta__fecha { display: flex; gap: 14px; align-items: center; } .we-tarjeta__dia { line-height: 1; text-align: center; } .we-tarjeta__dia b { display: block; font-size: 46px; font-weight: 900; } .we-tarjeta__dia span { font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } .we-tarjeta__dia--rango b { font-size: 26px; } .we-etiqueta { display: inline-block; background: var(--wp--preset--color--magenta-suave); color: var(--wp--preset--color--magenta-oscuro); padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; line-height: 1.3; } .we-tarjeta--destacada .we-etiqueta { background: #fff; } .we-tarjeta h3 { margin: 0; font-size: 23px; line-height: 1.2; } .we-tarjeta h3 a { color: inherit; text-decoration: none; } .we-tarjeta p { margin: 0; font-size: 16px; line-height: 1.5; flex-grow: 1; } .we-tarjeta .we-boton { align-self: flex-start; background: var(--wp--preset--color--tinta); color: #fff; text-decoration: none; padding: 13px 22px; border-radius: 999px; font-weight: 800; font-size: 15px; } .we-tarjeta--destacada .we-boton { background: #fff; color: var(--wp--preset--color--magenta-oscuro); } .we-vacio { padding: 28px; border-radius: 20px; background: var(--wp--preset--color--rosa-claro); } /* Crónicas */ .we-cronicas { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 24px; } .we-cronica { display: flex; flex-direction: column; gap: 10px; } .we-cronica__foto { aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; background: var(--wp--preset--color--morado-claro); } .we-cronica__foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; } .we-cronica:hover .we-cronica__foto img { transform: scale(1.03); } .we-cronica__meta { font-weight: 700; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--morado); } .we-cronica h3 { margin: 0; font-size: 20px; line-height: 1.25; } .we-cronica h3 a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-cronica h3 a:hover { color: var(--wp--preset--color--morado); } .we-cronica p { margin: 0; font-size: 15px; color: var(--wp--preset--color--texto-secundario); } .we-enlace-morado a, a.we-enlace-morado { color: var(--wp--preset--color--morado); } /* ---------- Ficha de actividad (convocatoria / crónica) ---------- */ .we-hero-actividad { padding-top: 40px; padding-bottom: 48px; } .we-hero-actividad.es-cronica { background: var(--wp--preset--color--morado-claro); } .we-hero-actividad.es-convocatoria { background: var(--wp--preset--color--rosa-claro); } .we-migas { font-size: 14px; color: var(--wp--preset--color--gris); } .we-migas a { color: inherit; } .we-chips { display: flex; flex-wrap: wrap; gap: 10px; } .we-chip { background: #fff; color: var(--wp--preset--color--tinta); padding: 7px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; border: 1px solid #E5D9E2; text-decoration: none; } /* Etiqueta de tipo (Convocatoria, Crónica, Proyecto): siempre texto blanco sobre color; más específica que .we-chip, que se redefine más abajo */ .we-chip.we-chip--tipo { background: var(--wp--preset--color--magenta); color: #fff; border-color: transparent; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 800; } .es-cronica .we-chip.we-chip--tipo { background: var(--wp--preset--color--morado); } .we-resultados { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px; padding: 40px 0; border-bottom: 1px solid #E6DFEE; } .we-resultados b { display: block; font-weight: 900; font-size: clamp(40px, 5vw, 56px); line-height: 1; } .we-resultados div:nth-child(-n+2) b { color: var(--wp--preset--color--morado); } .we-resultados span { display: block; font-size: 15px; margin-top: 6px; } .we-ficha { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 14px; font-size: 15px; } .we-ficha dt { font-size: 13px; color: var(--wp--preset--color--gris); font-weight: 600; } .we-ficha dd { margin: 0 0 6px; font-weight: 700; } .we-ficha .we-estado { align-self: flex-start; background: #E8F6EE; color: #1E6B42; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; } .we-ficha .we-estado.cerrada { background: #F1E6EE; color: var(--wp--preset--color--gris); } .we-ficha .we-boton-ancho { display: block; text-align: center; background: var(--wp--preset--color--magenta); color: #fff; padding: 16px; border-radius: 999px; font-weight: 800; font-size: 17px; text-decoration: none; } .we-ficha .we-boton-ancho:hover { background: var(--wp--preset--color--magenta-oscuro); } .es-cronica a:not(.we-chip):not(.wp-element-button) { color: var(--wp--preset--color--morado); } /* ---------- Pie ---------- */ .we-pie { background: var(--wp--preset--color--tinta); color: #D9CCDD; font-size: 14px; } .we-pie a { color: #D9CCDD; text-decoration: none; } .we-pie a:hover { color: #fff; text-decoration: underline; } .we-pie__marca img { height: 42px; width: auto; } .we-pie__columnas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } .we-pie__columnas h2 { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 10px; } .we-pie__columnas ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .we-pie__redes { display: flex; flex-wrap: wrap; gap: 8px; } .we-pie__redes a { color: #fff; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #5A4A5E; border-radius: 999px; } .we-pie__redes a:hover { background: var(--wp--preset--color--magenta); border-color: var(--wp--preset--color--magenta); } .we-pie__redes svg { width: 22px; height: 22px; fill: currentColor; } .we-pie__redes svg[fill="none"] { fill: none; } .we-pie__boletin { display: flex; gap: 8px; flex-wrap: wrap; max-width: 420px; } .we-pie__boletin-titulo { flex: 1 1 100%; margin: 0; color: #fff; font-weight: 700; font-size: 15px; } .we-pie__consentimiento { flex: 1 1 100%; display: flex; gap: 8px; align-items: flex-start; font-size: 12px; line-height: 1.45; } .we-pie__consentimiento input { margin-top: 2px; accent-color: var(--wp--preset--color--magenta); } .we-pie .we-pie__consentimiento a { color: #fff; text-decoration: underline; } .we-pie__boletin input[type=text], .we-pie__boletin input[type=email] { flex: 1 1 180px; padding: 12px 16px; border-radius: 999px; border: 0; font: inherit; font-size: 14px; } .we-pie__boletin button { padding: 12px 18px; border-radius: 999px; border: 0; background: var(--wp--preset--color--magenta); color: #fff; font: inherit; font-weight: 800; cursor: pointer; } .we-pie__legal { border-top: 1px solid #3A2A40; display: flex; flex-wrap: wrap; gap: 16px 28px; justify-content: space-between; font-size: 13px; } .we-pie__legal a { color: #fff; } .we-pie__apoyo { color: #fff; font-weight: 700; } .we-pie__apoyo a { color: var(--wp--preset--color--rosa-acento); } @media (max-width: 760px) { .we-pie__columnas { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ---------- 404 / búsqueda ---------- */ .we-buscador .wp-block-search__input { border: 2px solid var(--wp--preset--color--tinta); border-radius: 999px; padding: 13px 20px; font: inherit; } .we-buscador .wp-block-search__button { border-radius: 999px; margin-left: 10px; } .we-buscador .wp-block-search__inside-wrapper { border: 0; padding: 0; } .we-pastillas { display: flex; flex-wrap: wrap; gap: 10px; } .we-pastillas a { color: var(--wp--preset--color--tinta); text-decoration: none; padding: 10px 16px; border-radius: 999px; border: 1px solid #CDBFC8; font-weight: 700; font-size: 14px; } .we-pastillas a:hover { border-color: var(--wp--preset--color--magenta); color: var(--wp--preset--color--magenta); } /* Las secciones de ancho completo van pegadas, sin hueco entre bandas */ main.wp-block-group > *, .wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; } /* Listado de artículos plegado en las crónicas importadas */ .we-articulos { border: 2px solid var(--wp--preset--color--morado); border-radius: 20px; padding: 0; } .we-articulos > summary { cursor: pointer; padding: 18px 24px; font-weight: 800; color: var(--wp--preset--color--morado); list-style-position: inside; } .we-articulos[open] > summary { border-bottom: 1px solid #E6DFEE; } .we-articulos > :not(summary) { margin-left: 24px; margin-right: 24px; } .we-articulos > :last-child { margin-bottom: 24px; } .we-articulos h3 { font-size: 15px; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--morado); } .we-articulos h4 { font-size: 16px; } .we-articulos li { font-size: 16px; line-height: 1.75; } .single-actividad .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--x-large); } /* Tarjeta automática (campañas y actividades sin foto) */ .we-tarjeta-auto { position: relative; aspect-ratio: 16 / 9; width: 100%; border-radius: inherit; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 7%; box-sizing: border-box; container-type: inline-size; } .we-tarjeta-auto__icono svg { width: 22cqw; height: 22cqw; max-width: 140px; max-height: 140px; display: block; } .we-tarjeta-auto__titulo { font-weight: 900; line-height: 1.08; letter-spacing: -0.01em; font-size: clamp(16px, 7cqw, 40px); color: #fff; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .we-tarjeta-auto:not(:has(.we-tarjeta-auto__titulo)) { justify-content: center; align-items: center; } .we-tarjeta-auto:not(:has(.we-tarjeta-auto__titulo)) svg { width: 28cqw; height: 28cqw; max-width: 220px; max-height: 220px; } .we-cronica__foto .we-tarjeta-auto, .wp-block-post-featured-image .we-tarjeta-auto { height: 100%; } /* ---------- Archivo y agenda ---------- */ .we-cabecera-archivo { display: flex; flex-wrap: wrap; gap: 32px 48px; align-items: flex-end; justify-content: space-between; } .we-cabecera-archivo > div:first-child { flex: 3 1 520px; } .we-cabecera-archivo h1 { margin: 6px 0 12px; } .we-cabecera-archivo__cifras { display: flex; gap: 32px; flex-wrap: wrap; } .we-cabecera-archivo__cifras div { display: flex; flex-direction: column; gap: 4px; } .we-cabecera-archivo__cifras svg { width: 28px; height: 28px; } .we-cabecera-archivo__cifras b { font-size: 48px; font-weight: 900; line-height: 1; color: var(--wp--preset--color--morado); } .we-cabecera-archivo__cifras span, .we-cabecera-archivo__cifras a { font-size: 15px; color: var(--wp--preset--color--texto-secundario); } .we-filtros { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--wp--preset--color--borde); } .we-filtros__grupo { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .we-filtros__etiqueta { font-size: 14px; font-weight: 700; color: var(--wp--preset--color--gris); margin-right: 2px; } .we-filtros a, .we-pastillas--anios a { color: var(--wp--preset--color--tinta); text-decoration: none; padding: 8px 14px; border-radius: 999px; border: 1px solid #CDBFC8; font-weight: 700; font-size: 14px; } .we-filtros a:hover { border-color: var(--wp--preset--color--magenta); color: var(--wp--preset--color--magenta); } .we-filtros a[aria-current], .we-pastillas--anios a[aria-current] { background: var(--wp--preset--color--tinta); border-color: var(--wp--preset--color--tinta); color: #fff; } .we-buscar-archivo { display: flex; gap: 10px; flex-wrap: wrap; max-width: 560px; } .we-buscar-archivo input[type=search] { flex: 1 1 260px; padding: 13px 20px; border-radius: 999px; border: 2px solid var(--wp--preset--color--tinta); font: inherit; font-size: 16px; } .we-buscar-archivo button { padding: 13px 22px; border-radius: 999px; border: 0; background: var(--wp--preset--color--magenta); color: #fff; font: inherit; font-weight: 800; cursor: pointer; } .we-bloque-archivo h2 { font-size: 32px; margin: 8px 0 24px; } .we-ficha-archivo__meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .we-etiqueta--morada { background: var(--wp--preset--color--morado-claro); color: var(--wp--preset--color--morado); padding: 3px 10px; font-size: 12px; } .we-cifras-mini { display: flex; flex-wrap: wrap; gap: 16px; font-size: 15px; color: var(--wp--preset--color--texto-secundario); } .we-cifras-mini span, .we-con { display: inline-flex; gap: 6px; align-items: center; } .we-cifras-mini svg, .we-con svg { width: 18px; height: 18px; } .we-cifras-mini b { color: var(--wp--preset--color--tinta); } .we-con { font-size: 14px; color: var(--wp--preset--color--morado); font-weight: 600; } .we-anios { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; } .we-anios a { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; border-radius: 16px; border: 2px solid var(--wp--preset--color--tinta); text-decoration: none; color: var(--wp--preset--color--tinta); transition: background .15s; } .we-anios a:hover { background: var(--wp--preset--color--morado-claro); } .we-anios b { font-size: 28px; font-weight: 900; } .we-anios span { font-size: 14px; color: var(--wp--preset--color--texto-secundario); } .we-resultado-filtro { margin: 0; font-size: 16px; } .we-pastillas--anios { display: flex; flex-wrap: wrap; gap: 8px; } .we-paginas { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; } .we-paginas a, .we-paginas span { min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid #CDBFC8; text-decoration: none; color: var(--wp--preset--color--tinta); font-weight: 700; } .we-paginas span[aria-current] { background: var(--wp--preset--color--tinta); color: #fff; border-color: var(--wp--preset--color--tinta); } .wp-block-wikiesfera-archivo, .wp-block-wikiesfera-agenda { display: flex; flex-direction: column; gap: 28px; } .we-agenda__mes { font-size: 26px; margin: 12px 0 0; padding-bottom: 10px; border-bottom: 2px solid var(--wp--preset--color--tinta); text-transform: capitalize; } .we-agenda__item { display: grid; grid-template-columns: 96px minmax(0, 1fr) 210px; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--wp--preset--color--borde); align-items: start; } .we-agenda__dia { text-align: center; line-height: 1; } .we-agenda__dia b { display: block; font-size: 34px; font-weight: 900; } .we-agenda__dia span { font-size: 13px; font-weight: 700; letter-spacing: .14em; color: var(--wp--preset--color--magenta); } .we-agenda__texto { display: flex; flex-direction: column; gap: 6px; } .we-agenda__tipo { display: inline-flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-agenda__tipo svg, .we-agenda__lugar svg { width: 18px; height: 18px; flex-shrink: 0; } .we-agenda__texto h3 { margin: 0; font-size: 21px; line-height: 1.25; } .we-agenda__texto h3 a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-agenda__texto h3 a:hover { color: var(--wp--preset--color--magenta); } .we-agenda__lugar { display: inline-flex; gap: 8px; align-items: center; font-size: 15px; color: var(--wp--preset--color--texto-secundario); } .we-agenda__con { font-size: 14px; color: var(--wp--preset--color--gris); } .we-agenda__acciones { display: flex; flex-direction: column; gap: 10px; align-items: stretch; } .we-agenda__acciones .we-estado { align-self: flex-start; background: #E8F6EE; color: #1E6B42; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; } .we-boton-ancho { display: block; text-align: center; background: var(--wp--preset--color--magenta); color: #fff !important; padding: 12px 16px; border-radius: 999px; font-weight: 800; font-size: 15px; text-decoration: none; } .we-boton-ancho:hover { background: var(--wp--preset--color--magenta-oscuro); } .we-agenda__cal { display: inline-flex; gap: 6px; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; } .we-agenda__cal svg { width: 16px; height: 16px; } .we-suscribir { display: flex; flex-direction: column; gap: 12px; } .we-suscribir p { margin: 0; font-size: 15px; } .we-suscribir__titulo { display: flex; gap: 10px; align-items: center; font-size: 17px !important; } .we-reuniones li { font-size: 15px; } @media (max-width: 700px) { .we-agenda__item { grid-template-columns: 64px minmax(0, 1fr); } .we-agenda__acciones { grid-column: 2; } .we-agenda__dia b { font-size: 26px; } } .we-buscar-archivo { margin-left: 0 !important; margin-right: auto !important; } .we-tarjeta-auto__icono svg { width: 22cqw !important; height: 22cqw !important; } .we-tarjeta-auto:not(:has(.we-tarjeta-auto__titulo)) svg { width: 28cqw !important; height: 28cqw !important; } /* Lista de datos de las convocatorias antiguas (FECHA, HORA, LUGAR…) */ .we-datos { list-style: none; padding: 24px 28px; margin: 0; background: var(--wp--preset--color--rosa-claro); border-radius: 20px; display: flex; flex-direction: column; gap: 8px; } .we-datos li { font-size: 17px; } .wp-font-awesome-icon svg { width: 1em; height: 1em; vertical-align: -0.125em; } /* Requisitos con check (convocatorias) */ .we-checks { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px 24px; } .we-checks li { position: relative; padding-left: 34px; font-size: 17px; line-height: 1.45; } .we-checks li::before { content: ""; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background: var(--wp--preset--color--magenta); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; } .es-cronica .we-checks li::before { background: var(--wp--preset--color--morado); } /* Citas destacadas antiguas («IMPORTANTE: trae tu portátil»): aviso discreto, no titular */ .single-actividad .wp-block-pullquote { text-align: left; padding: 20px 24px; margin: 0; border: 0; border-left: 4px solid var(--wp--preset--color--magenta); background: var(--wp--preset--color--rosa-claro); border-radius: 0 14px 14px 0; } .single-actividad .wp-block-pullquote blockquote { margin: 0; } .single-actividad .wp-block-pullquote p { font-size: 17px !important; line-height: 1.6; margin: 0; } .we-tarjeta-auto--foto .we-tarjeta-auto__icono { opacity: .9; } /* ---------- Actividades: piezas de la maqueta ---------- */ .single-actividad .wp-block-post-content { display: flex; flex-direction: column; gap: 22px; } .single-actividad .wp-block-post-content > h2 { margin-top: 22px; } .we-titulo-icono { display: flex; align-items: center; gap: 12px; } .we-titulo-icono::before { content: ""; flex-shrink: 0; width: 28px; height: 28px; background: var(--wp--preset--color--magenta); -webkit-mask: var(--we-ico) center / contain no-repeat; mask: var(--we-ico) center / contain no-repeat; } .etapa-cronica .we-titulo-icono::before { background: var(--wp--preset--color--morado); } .we-ico-mic { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z' /%3E %3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2' /%3E %3Cline x1='12' x2='12' y1='19' y2='22' /%3E %3C/svg%3E"); } .we-ico-pencil { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M12 20h9' /%3E %3Cpath d='M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z' /%3E %3Cpath d='m15 5 3 3' /%3E %3C/svg%3E"); } .we-ico-headphones { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3' /%3E %3C/svg%3E"); } .we-ico-file { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E %3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E %3Cpath d='M10 9H8' /%3E %3Cpath d='M16 13H8' /%3E %3Cpath d='M16 17H8' /%3E %3C/svg%3E"); } .we-invitada-tarjeta { display: flex; flex-wrap: wrap; gap: 22px; align-items: flex-start; border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 24px; } .we-invitada-tarjeta > .wp-block-image { flex: 0 0 140px; margin: 0; } .we-invitada-tarjeta > .wp-block-image img { width: 140px !important; height: 140px !important; border-radius: 999px; object-fit: cover; } .we-invitada-tarjeta__texto { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 10px; } .we-invitada-tarjeta__texto p { margin: 0; font-size: 16px; line-height: 1.6; } .we-invitada-tarjeta--varias { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .we-invitada-tarjeta--varias .wp-block-image img { width: 120px; height: 120px; border-radius: 999px; object-fit: cover; } .we-quien { display: flex; flex-direction: column; gap: 16px; padding: 32px; } .we-quien h2 { margin: 0; font-size: 26px; } .we-quien p { margin: 0; font-size: 17px; line-height: 1.6; } .we-logos { display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: center; justify-content: flex-start; } body .we-logos.we-logos > .wp-block-image, body .we-logos.we-logos > figure { margin: 0 !important; float: none !important; flex: 0 0 auto; width: auto !important; display: block !important; text-align: left; } .we-logos img { max-height: 54px !important; max-width: 230px !important; width: auto !important; height: auto !important; object-fit: contain; } .single-actividad .wp-block-post-content > h3 { font-size: 20px; margin-top: 12px; } .we-ficha { gap: 18px; } .we-ficha__fila { display: flex; gap: 14px; align-items: flex-start; } .we-ficha__fila svg { flex-shrink: 0; margin-top: 2px; } .we-ficha__fila dl { margin: 0; } .we-ficha__fila dd { font-size: 17px; margin: 0; } .we-ficha__extra { display: block; font-weight: 400; font-size: 15px; color: var(--wp--preset--color--texto-secundario); } /* ---------- Invitadas ---------- */ .we-avatar { border-radius: 999px; object-fit: cover; flex-shrink: 0; display: block; } .we-avatar--iniciales { display: inline-flex; align-items: center; justify-content: center; background: var(--wp--preset--color--morado-claro); color: var(--wp--preset--color--morado); font-weight: 800; letter-spacing: .02em; } .we-gris { color: var(--wp--preset--color--gris); font-weight: 400; } .we-invitadas { display: flex; flex-direction: column; gap: 16px; } .we-invitada-corta { display: flex; flex-wrap: wrap; gap: 22px; border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 24px; } .we-invitada-corta__texto { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 8px; } .we-invitada-corta h3 { margin: 0; font-size: 22px; } .we-invitada-corta h3 a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-invitada-corta p { margin: 0; font-size: 16px; line-height: 1.6; } .we-invitada-corta .we-invitada-corta__cargo { font-weight: 600; font-size: 15px; color: var(--wp--preset--color--magenta); } .etapa-cronica .we-invitada-corta .we-invitada-corta__cargo { color: var(--wp--preset--color--morado); } .we-invitada-corta__ficha { font-weight: 700; font-size: 15px; margin-top: 4px; } .we-invitada-corta__total { margin: 0; font-size: 13px; color: var(--wp--preset--color--gris); } .we-invitada-cab { display: flex; flex-wrap: wrap; gap: 32px; align-items: center; } .we-invitada-cab > div { flex: 1 1 420px; display: flex; flex-direction: column; gap: 10px; } .we-invitada-cab h1 { margin: 6px 0 0; } .we-invitada-cab__cargo { margin: 0; font-size: 20px; font-weight: 600; color: var(--wp--preset--color--morado); } .we-invitada-cab__credito { margin: 0; font-size: 13px; color: var(--wp--preset--color--gris); } .single-invitada .wp-block-post-content p { font-size: 18px; line-height: 1.7; } .we-invitada-acts { display: flex; flex-direction: column; gap: 24px; } .we-invitada-acts h2 { margin: 0; font-size: 26px; } .etapa-cronica .we-titulo-icono::before, .single-invitada .we-titulo-icono::before, .post-type-archive-invitada .we-titulo-icono::before { background: var(--wp--preset--color--morado); } .we-inv-recientes { display: flex; flex-direction: column; gap: 20px; } .we-inv-recientes h2 { margin: 0; font-size: 28px; } .we-inv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; } .we-inv-carta { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 14px; } .we-inv-carta__cab { display: flex; gap: 14px; align-items: flex-start; } .we-inv-carta h3 { margin: 0; font-size: 18px; line-height: 1.25; } .we-inv-carta h3 a, .we-inv-az__nombre { color: var(--wp--preset--color--tinta); text-decoration: none; font-weight: 800; } .we-inv-carta h3 a:hover, .we-inv-az__nombre:hover { color: var(--wp--preset--color--morado); } .we-inv-carta__cab span { font-size: 14px; color: var(--wp--preset--color--texto-secundario); } .we-inv-carta__acts { display: flex; flex-direction: column; gap: 4px; } .we-inv-carta__acts a { display: inline-flex; gap: 8px; align-items: flex-start; font-size: 14px; color: var(--wp--preset--color--morado); text-decoration: none; line-height: 1.4; } .we-inv-carta__acts a:hover { text-decoration: underline; } .we-inv-carta__acts svg { flex-shrink: 0; margin-top: 2px; } .we-inv-az h2 { font-size: 28px; margin: 0 0 12px; } .we-inv-az ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 0 32px; } .we-inv-az li { display: flex; gap: 16px; align-items: flex-start; padding: 16px 0; border-top: 1px solid var(--wp--preset--color--borde); } .we-inv-az li > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .we-inv-az__nombre { font-size: 17px; } .we-inv-az__cargo { font-size: 14px; color: var(--wp--preset--color--texto-secundario); } @media (max-width: 500px) { .we-inv-az ul { grid-template-columns: 1fr; } } .we-ico-video { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5' /%3E %3Crect x='2' y='6' width='14' height='12' rx='2' /%3E %3C/svg%3E"); } /* Audio y vídeo de las sesiones */ .we-media { margin: 0; } .we-media--video .wp-block-embed { margin: 0; } /* Audio: el reproductor de iVoox tal cual, sin marco (ya trae su tarjeta morada) */ .we-media--audio { background: none; border-radius: 0; padding: 0; } .we-media--audio iframe { width: 100% !important; height: 200px; border: 0; border-radius: 16px; display: block; } .we-media figcaption { font-size: 13px; color: var(--wp--preset--color--gris); margin-top: 6px; } .we-invitada-tarjeta--sin-ficha { display: block; } /* Vídeos: los bloques «embed» ya son responsivos (WordPress); los iframes sueltos se ajustan aquí. */ .we-media--video > iframe, .we-media--otro > iframe, .we-media--video p > iframe { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; border: 0; display: block; } .we-media--video iframe { border-radius: 16px; background: var(--wp--preset--color--tinta); } .we-media--video .wp-block-embed { margin: 0; } /* Ficha de invitada: las tarjetas de actividad mantienen su tamaño aunque haya solo una */ .we-cronicas { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); } .we-invitada-acts .we-cronicas { grid-template-columns: repeat(auto-fill, minmax(260px, 320px)); } /* Fotos de invitadas en blanco y negro: todas iguales, vengan de donde vengan */ img.we-avatar { filter: grayscale(1) contrast(1.05); } .single-invitada .we-con { display: none; } .we-inv-carta__cab > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .we-inv-carta__cab span { display: block; line-height: 1.35; } .we-inv-carta__cab .we-avatar { flex: 0 0 72px; } /* Buscador discreto del archivo, al final de la fila de filtros */ .we-buscar-mini { position: relative; margin-left: auto; } .we-buscar-mini svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; } .we-buscar-mini input { width: 230px; padding: 8px 14px 8px 34px; border-radius: 999px; border: 1px solid #CDBFC8; font: inherit; font-size: 14px; background: #fff; transition: width .2s, border-color .2s; } .we-buscar-mini input:focus { width: 280px; border-color: var(--wp--preset--color--tinta); outline: none; } @media (max-width: 700px) { .we-buscar-mini { margin-left: 0; width: 100%; } .we-buscar-mini input, .we-buscar-mini input:focus { width: 100%; } } /* Resultados de la crónica: en la columna del texto, bajo la foto, con iconos */ .we-resultados { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; padding: 0; border: 0; margin: 16px 0 0 !important; } .we-resultado { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 14px; background: var(--wp--preset--color--morado-claro); } .we-resultado b { font-size: 32px !important; font-weight: 900; line-height: 1; color: var(--wp--preset--color--tinta) !important; } .we-resultado span { font-size: 14px !important; margin: 0 !important; color: var(--wp--preset--color--texto-secundario); } .we-resultado--participantes, .we-resultado--publicados { background: var(--wp--preset--color--morado); } .we-resultado--participantes b, .we-resultado--publicados b, .we-resultado--participantes span, .we-resultado--publicados span { color: #fff !important; } .we-resultado--participantes svg, .we-resultado--publicados svg { stroke: #fff; } .we-inv-az li, .we-invitada-corta { align-items: flex-start; } /* Coordinadoras en la ficha lateral: foto pequeña en duotono (magenta en convocatorias, morado en crónicas) */ .we-coordinan { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; } .we-coordinadora { display: inline-flex; gap: 10px; align-items: center; color: var(--wp--preset--color--tinta) !important; text-decoration: none; font-weight: 700; } .we-coordinadora:hover { color: var(--wp--preset--color--magenta) !important; } .we-duotono { position: relative; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 999px; overflow: hidden; background: var(--wp--preset--color--magenta); display: inline-flex; align-items: center; justify-content: center; } .we-duotono img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.1); mix-blend-mode: luminosity; opacity: .95; } .we-duotono::after { content: ""; position: absolute; inset: 0; background: var(--wp--preset--color--magenta); mix-blend-mode: screen; opacity: .35; } .etapa-cronica .we-duotono, .etapa-cronica .we-duotono::after { background: var(--wp--preset--color--morado); } .we-duotono__ini { color: #fff; font-weight: 800; font-size: 16px; } /* ---------- Proyectos ---------- */ .we-proyecto-cab { display: flex; flex-wrap: wrap; gap: 48px; align-items: center; } .we-proyecto-cab__texto { flex: 3 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 18px; } .we-proyecto-cab .we-migas, .we-proyecto-cab .we-migas a { color: #D9CCDD; } .we-proyecto-cab h1 { margin: 0; font-size: clamp(38px, 5vw, 60px); line-height: 1.02; color: #fff; } .we-proyecto-cab__entradilla { margin: 0; font-size: 20px; line-height: 1.55; color: #E6DCEA; max-width: 680px; } .we-proyecto-cab__con { margin: 4px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; font-size: 15px; color: #D9CCDD; } .we-proyecto-cab__logo img { display: block; height: 44px; width: auto; max-width: 220px; object-fit: contain; } .we-proyecto-cab__logo.is-caja { background: #fff; border-radius: 10px; padding: 8px 12px; } .we-proyecto-cab__logo.is-caja img { height: 36px; } .we-proyecto-cab__socia { color: #fff; font-weight: 700; } .we-proyecto-cab__foto { flex: 2 1 340px; min-width: 0; margin: 0; aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden; } .we-proyecto-cab__foto img { width: 100%; height: 100%; object-fit: cover; display: block; } .we-proyecto-cab__foto { position: relative; } .we-proyecto-cab__credito { position: absolute; right: 10px; bottom: 10px; max-width: calc(100% - 20px); padding: 4px 10px; border-radius: 999px; background: rgba(29,18,32,.72); color: #fff; font-size: 12px; line-height: 1.4; } .we-proyecto-cab__credito a { color: #fff; text-decoration: underline; } .we-chip--oscuro { background: transparent; color: #fff; border-color: #6E5A75; } .we-proyecto-resultados .we-cifra__numero { font-size: 48px; } .we-proyecto-acts h2 { margin: 0 0 24px; font-size: 28px; } .we-proyecto-acts__cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px 40px; } .we-proyecto-anio h3 { margin: 0 0 6px; font-size: 14px; font-weight: 800; letter-spacing: .12em; color: var(--wp--preset--color--gris); } .we-proyecto-anio a { display: flex; gap: 16px; padding: 12px 0; border-top: 1px solid var(--wp--preset--color--borde); text-decoration: none; color: var(--wp--preset--color--tinta); } .we-proyecto-anio a:last-child { border-bottom: 1px solid var(--wp--preset--color--borde); } .we-proyecto-anio a:hover span { color: var(--wp--preset--color--magenta); } .we-proyecto-anio b { min-width: 64px; font-weight: 800; } /* Franja «Forma parte del proyecto» en la actividad */ .we-franja-proyecto { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; padding: 14px 5vw; background: var(--wp--preset--color--tinta); color: #fff; } .we-franja-proyecto > div { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; } .we-franja-proyecto__eti { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--rosa-acento); } .we-franja-proyecto__nombre { color: #fff !important; font-weight: 800; font-size: 17px; text-decoration: none; } .we-franja-proyecto__nombre:hover { text-decoration: underline; } .we-franja-proyecto__mas { font-size: 14px; color: #D9CCDD; } .we-proyecto-anio b { white-space: nowrap; min-width: 72px; } /* Miniatura automática de proyecto: color de la línea + logo en recuadro blanco + título */ .we-tarjeta-proyecto { background: #F1EEF2; aspect-ratio: 16 / 10; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; padding: 7%; box-sizing: border-box; container-type: inline-size; } .we-tarjeta-proyecto__logo { align-self: flex-start; max-width: 86%; box-sizing: border-box; } .we-tarjeta-proyecto__logo img { display: block; height: 18cqw; max-height: 90px; width: auto; max-width: 100%; object-fit: contain; } .we-tarjeta-proyecto__titulo { color: var(--wp--preset--color--tinta); font-weight: 900; font-size: clamp(16px, 7cqw, 34px); line-height: 1.1; } .we-proyecto-cab__foto .we-tarjeta-proyecto { aspect-ratio: auto; justify-content: center; align-items: center; } .we-proyecto-cab__foto .we-tarjeta-proyecto__logo { align-self: center; } .we-tarjeta-proyecto:not(:has(.we-tarjeta-proyecto__titulo)) { justify-content: center; align-items: center; } .we-tarjeta-proyecto:not(:has(.we-tarjeta-proyecto__titulo)) .we-tarjeta-proyecto__logo { align-self: center; } /* Texto del proyecto (traído de las páginas antiguas) */ .single-proyecto .wp-block-post-content { display: flex; flex-direction: column; gap: 18px; } .single-proyecto .wp-block-post-content > h2 { font-size: 30px; margin-top: 28px; } .single-proyecto .wp-block-post-content > h3 { font-size: 20px; margin-top: 12px; } .single-proyecto .wp-block-post-content p, .single-proyecto .wp-block-post-content li { font-size: 18px; line-height: 1.7; } .single-proyecto .wp-block-pullquote { text-align: left; padding: 20px 24px; margin: 0; border: 0; border-left: 4px solid var(--wp--preset--color--magenta); background: var(--wp--preset--color--rosa-claro); border-radius: 0 14px 14px 0; } .single-proyecto .wp-block-pullquote p { font-size: 18px !important; } .single-proyecto .wp-block-post-content .has-text-align-center { text-align: left; } /* ---------- Textos legales y códigos ---------- */ .we-legal-lateral { position: sticky; top: 24px; align-self: flex-start; } .we-indice-legal, .we-otros-legales { display: flex; flex-direction: column; font-size: 14px; } .we-indice-legal b, .we-otros-legales b { font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--gris); margin-bottom: 10px; } .we-indice-legal a { display: block; padding: 8px 0 8px 14px; border-left: 3px solid var(--wp--preset--color--borde); color: var(--wp--preset--color--tinta); text-decoration: none; font-weight: 600; } .we-indice-legal a:hover, .we-indice-legal a:focus { border-left-color: var(--wp--preset--color--magenta); color: var(--wp--preset--color--magenta); } .we-otros-legales { margin-top: 28px; gap: 8px; } .we-legal-texto { max-width: 760px; } .we-legal-texto .we-antetitulo { margin: 0; } .we-legal-titulo { margin: 0; font-size: clamp(34px, 4vw, 48px); } .we-legal-fecha { margin: 0 0 12px; font-size: 14px; color: var(--wp--preset--color--gris); } .we-legal-texto .wp-block-post-content { display: flex; flex-direction: column; gap: 14px; } .we-legal-texto .wp-block-post-content h2 { font-size: 24px; margin: 18px 0 0; padding-top: 22px; border-top: 1px solid #EFE3EC; scroll-margin-top: 24px; } .we-legal-texto .wp-block-post-content h3 { font-size: 19px; margin: 8px 0 0; } .we-legal-texto .wp-block-post-content p, .we-legal-texto .wp-block-post-content li { font-size: 17px; line-height: 1.7; color: #3A303F; } .we-resumen-legal { background: var(--wp--preset--color--rosa-claro); border-radius: 20px; padding: 24px 28px; } .we-resumen-legal p { margin: 0 0 6px; font-size: 18px !important; } .we-aviso-revision { background: #FFF6D6; border: 1px solid #E8C860; border-radius: 14px; padding: 14px 18px; } .we-aviso-revision p { margin: 0; font-size: 15px !important; } .we-legal-texto .wp-block-table table { border-collapse: collapse; width: 100%; font-size: 15px; } .we-legal-texto .wp-block-table th, .we-legal-texto .wp-block-table td { border: 1px solid var(--wp--preset--color--borde); padding: 10px 12px; text-align: left; vertical-align: top; } .we-legal-texto .wp-block-table th { background: var(--wp--preset--color--rosa-claro); } @media (max-width: 781px) { .we-legal-lateral { position: static; } .we-indice-legal { display: none; } } .we-enlace-evento { display: inline-flex; gap: 8px; align-items: center; border-top: 1px solid #E6DFEE; padding-top: 14px; font-weight: 700; } /* Actividades del proyecto en tarjetas, por años plegables */ .we-proyecto-acts .we-cronicas { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } .we-proyecto-anio-grupo { border-top: 2px solid var(--wp--preset--color--tinta); } .we-proyecto-anio-grupo:last-of-type { border-bottom: 2px solid var(--wp--preset--color--tinta); } .we-proyecto-anio-grupo > summary { display: flex; gap: 16px; align-items: baseline; padding: 18px 0; cursor: pointer; list-style: none; font-weight: 900; font-size: 26px; } .we-proyecto-anio-grupo > summary::-webkit-details-marker { display: none; } .we-proyecto-anio-grupo > summary::after { content: "+"; margin-left: auto; font-size: 28px; color: var(--wp--preset--color--magenta); } .we-proyecto-anio-grupo[open] > summary::after { content: "–"; } .we-proyecto-anio-grupo > summary .we-gris { font-size: 15px; font-weight: 600; } .we-proyecto-anio-grupo > .we-cronicas { padding-bottom: 28px; } /* Proyecto por etapas (Medialab) */ .we-etapas { display: flex; flex-direction: column; gap: 56px; } .we-etapa { display: flex; flex-direction: column; gap: 14px; } .we-etapa__cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 24px; padding-top: 24px; border-top: 2px solid var(--wp--preset--color--tinta); } .we-etapa__cab .we-antetitulo { flex: 1 1 100%; margin: 0; } .we-etapa__cab h2 { margin: 0; font-size: clamp(28px, 3.5vw, 40px); } .we-etapa__num { margin: 0 0 0 auto; font-size: 16px; color: var(--wp--preset--color--texto-secundario); } .we-etapa__num b { font-size: 34px; font-weight: 900; color: var(--wp--preset--color--magenta); margin-right: 6px; } .we-etapa__texto { margin: 0; max-width: 820px; font-size: 18px; line-height: 1.7; } .we-etapa__sub { margin: 12px 0 4px; font-size: 20px; } .we-etapa__anios { align-items: center; margin-top: 8px; } .we-mosaico { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 8px; } .we-mosaico a { display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; } .we-mosaico img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; } .we-mosaico a:hover img { transform: scale(1.04); } .we-etapa__todas { display: inline-block; padding: 12px 22px; } @media (max-width: 700px) { .we-mosaico { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ---------- En los medios ---------- */ .we-medios { display: flex; flex-direction: column; gap: 16px; margin-top: 40px; } .we-medios h2 { margin: 0; font-size: 30px; } .we-medios__resumen { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; font-size: 16px; color: var(--wp--preset--color--texto-secundario); } .we-medios__resumen b { color: var(--wp--preset--color--tinta); font-size: 20px; } .we-medios__resumen span { display: inline-flex; gap: 6px; align-items: center; font-size: 14px; } .we-medios__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .single-actividad .we-medios__grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .we-medio { display: flex; flex-direction: column; gap: 8px; padding: 20px; border-radius: 18px; background: var(--wp--preset--color--rosa-claro); } .etapa-cronica .we-medio { background: var(--wp--preset--color--morado-claro); } .we-medio p { margin: 0; } .we-medio__tipo { display: inline-flex; gap: 6px; align-items: center; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--gris); } .we-medio__nombre { font-size: 22px; font-weight: 900; line-height: 1.15; letter-spacing: -0.01em; } .we-medio__titular { flex-grow: 1; font-size: 16px; line-height: 1.5; color: var(--wp--preset--color--texto-secundario); } .we-medio__pie { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; font-size: 13px; color: var(--wp--preset--color--gris); padding-top: 8px; border-top: 1px solid rgba(29,18,32,.1); } .we-medio__pie a { font-weight: 800; font-size: 14px; white-space: nowrap; } .we-medio__nombre { min-height: 34px; display: flex; align-items: center; } .we-medio__logo { display: block; height: 30px; width: auto; max-width: 180px; object-fit: contain; object-position: left center; } /* «El proyecto en números» (como en mujeresdezarzuela.com) */ .we-numeros { display: flex; flex-direction: column; gap: 6px; } .we-numeros .we-antetitulo { margin: 0; } .we-numeros h2 { margin: 0 0 18px; font-size: clamp(28px, 3.5vw, 40px); } /* Tarjetas de cifras (portada y «El proyecto en números»), las mismas que en mujeresdezarzuela.com */ .we-numeros__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 19px; } .we-numero { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 26px 19px; border-radius: 12px; background: #F7F4F6; border: 1px solid rgba(181,23,158,.1); transition: box-shadow .2s, border-color .2s; } .we-numero:hover { box-shadow: 0 8px 28px rgba(29,18,32,.08); border-color: rgba(181,23,158,.3); } .we-numero__icono { width: 56px; height: 56px; border-radius: 14px; background: rgba(181,23,158,.08); display: flex; align-items: center; justify-content: center; margin-bottom: 13px; } .we-numero__icono svg { height: 32px; width: auto; max-width: 40px; } .we-numero__cifra { font-size: clamp(32px, 3.5vw, 45px); font-weight: 800; line-height: 1; color: var(--wp--preset--color--magenta); letter-spacing: -0.03em; margin-bottom: 6px; } .we-numero__etiqueta { font-size: 13px; font-weight: 700; letter-spacing: .08em; line-height: 1.6; text-transform: uppercase; color: #444; } .we-numero__detalle { font-size: 12px; line-height: 1.4; color: var(--wp--preset--color--gris); margin-top: 6px; } .we-numero--oscuro { background: linear-gradient(135deg, #170314, #280523); border-color: rgba(181,23,158,.4); } .we-numero--oscuro .we-numero__icono { background: rgba(181,23,158,.18); } .we-numero--oscuro .we-numero__icono svg { fill: #EE7BDD; } .we-numero--oscuro .we-numero__cifra { color: #EE7BDD; } .we-numero--oscuro .we-numero__etiqueta { color: rgba(255,255,255,.75); } .we-numero--oscuro .we-numero__detalle { color: #D9CCDD; } /* Enlace al panel de métricas (Outreach Dashboard) bajo los resultados de la crónica */ .we-resultados__panel { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; margin: -8px 0 0; font-size: var(--wp--preset--font-size--small); font-weight: 700; } .we-resultados__panel a { color: var(--wp--preset--color--morado); } /* Autoría de los retratos de los mosaicos de campañas */ .we-creditos-imagen { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--wp--preset--color--gris); } .we-creditos-imagen a { color: inherit; display: inline; height: auto; } /* Iconos de Quiénes somos (máscaras, Lucide) */ .we-ico-users { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E %3Ccircle cx='9' cy='7' r='4' /%3E %3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87' /%3E %3Cpath d='M16 3.13a4 4 0 0 1 0 7.75' /%3E %3C/svg%3E"); } .we-ico-shield { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E %3Cpath d='m9 12 2 2 4-4' /%3E %3C/svg%3E"); } .we-ico-map { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E %3Ccircle cx='12' cy='10' r='3' /%3E %3C/svg%3E"); } .we-ico-store { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7' /%3E %3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8' /%3E %3Cpath d='M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4' /%3E %3Cpath d='M2 7h20' /%3E %3Cpath d='M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7' /%3E %3C/svg%3E"); } .we-ico-globe { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Ccircle cx='12' cy='12' r='10' /%3E %3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20' /%3E %3Cpath d='M2 12h20' /%3E %3C/svg%3E"); } .we-ico-network { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Crect x='16' y='16' width='6' height='6' rx='1' /%3E %3Crect x='2' y='16' width='6' height='6' rx='1' /%3E %3Crect x='9' y='2' width='6' height='6' rx='1' /%3E %3Cpath d='M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3' /%3E %3Cpath d='M12 12V8' /%3E %3C/svg%3E"); } .we-ico-mail { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Crect width='20' height='16' x='2' y='4' rx='2' /%3E %3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7' /%3E %3C/svg%3E"); } /* ---------- Quiénes somos ---------- */ .we-qs-intro { display: flex; flex-wrap: wrap; gap: 48px; align-items: center; padding: 56px 0 48px; } .we-qs-intro__texto { flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 20px; } .we-qs-intro__texto > * { margin: 0; } .we-qs-intro__foto { flex: 1 1 440px; min-width: 0; margin: 0; } .we-qs-intro__foto img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; } /* misma proporción en todas las cabeceras con foto (Participa, Qué hacemos, Quiénes somos y Colabora) */ .we-qs-intro__foto figcaption { font-size: 13px; color: var(--wp--preset--color--gris); margin-top: 8px; } .we-enlace-fuerte { font-weight: 700; } .we-banda { padding: 56px 5vw; } .we-banda--rosa { background: var(--wp--preset--color--rosa-claro); } .we-banda--morado { background: var(--wp--preset--color--morado-claro); } .we-banda > * { max-width: 1280px; margin-left: auto !important; margin-right: auto !important; } .we-banda h2 { margin: 0 0 24px; } .we-org-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; } .we-org { background: #fff; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 10px; border-top: 6px solid var(--we-c, var(--wp--preset--color--magenta)); } .we-org > * { margin: 0; } .we-org h3 { font-size: 19px; } .we-org p { font-size: 16px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); } .we-org .we-titulo-icono::before { background: var(--we-c); } .we-org__enlace { margin-top: auto !important; font-weight: 700; } .we-org__enlace a { color: var(--we-c-texto, var(--we-c)); } .we-org--magenta { --we-c: var(--wp--preset--color--magenta); } .we-org--morado { --we-c: var(--wp--preset--color--morado); } .we-org--azul { --we-c: var(--wp--preset--color--azul); --we-c-texto: var(--wp--preset--color--azul-texto); } .we-org--tinta { --we-c: var(--wp--preset--color--tinta); --we-c-texto: var(--wp--preset--color--magenta); } .we-titulo-icono { display: flex; align-items: center; gap: 12px; } .we-nota { font-size: 13px; color: var(--wp--preset--color--gris); } /* Línea de tiempo (ver «Historia: línea de tiempo vertical» más abajo) */ .we-qs-historia h2 { margin: 6px 0 36px; font-size: clamp(30px, 4vw, 40px); font-weight: 900; } .we-historia::before { content: ""; position: absolute; background: var(--wp--preset--color--magenta); } .we-historia__hito { position: relative; box-sizing: border-box; } .we-historia__hito > * { margin: 0 !important; } .we-historia__foto img { width: 112px; height: 112px; border-radius: 999px; object-fit: cover; border: 4px solid var(--wp--preset--color--magenta); display: block; } .we-historia__etiqueta { font-weight: 800; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--magenta-oscuro); } .we-historia__texto { font-size: 14px; line-height: 1.45; color: var(--wp--preset--color--texto-secundario); } @media (max-width: 700px) { .we-historia__foto img { width: 56px; height: 56px; border-width: 3px; } .we-historia__etiqueta { font-size: 12px; } } /* Equipo */ .we-qs-equipo h2 { margin: 0 0 8px; } .we-equipo { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 28px; margin-top: 28px; } .we-persona { display: flex; flex-direction: column; gap: 14px; border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 24px; } .we-persona > * { margin: 0; } .we-persona__cab { display: flex; gap: 18px; align-items: center; } .we-persona__cab h3 { margin: 0 0 6px; font-size: 21px; line-height: 1.2; } .we-persona__cab h3 a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-persona__cab h3 a:hover { color: var(--wp--preset--color--magenta); } .we-persona__cargo { font-weight: 700; font-size: 14px; color: var(--wp--preset--color--magenta); } .we-persona__funcion { font-weight: 600; font-size: 16px; line-height: 1.5; } .we-persona__bio { font-size: 15px; line-height: 1.65; color: var(--wp--preset--color--texto-secundario); } .we-persona__enlaces { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; border-top: 1px solid #EFE3EC; padding-top: 14px; margin-top: auto !important; } .we-persona__enlaces a { font-weight: 700; } .we-persona__enlaces { align-items: center; } .we-persona__icono { display: inline-flex; color: var(--wp--preset--color--tinta); } .we-persona__icono svg { width: 26px; height: 26px; fill: currentColor; } .we-persona__icono:is(:hover, :focus-visible) { color: var(--wp--preset--color--magenta); } .we-persona__foto { display: contents; } /* Retrato a dos tonos (tinta y magenta), como en el lienzo */ .we-retrato { position: relative; flex: 0 0 112px; width: 112px; height: 112px; border-radius: 16px; overflow: hidden; background: var(--wp--preset--color--magenta); display: inline-flex; align-items: center; justify-content: center; } .we-retrato img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.1); mix-blend-mode: luminosity; } .we-retrato::after { content: ""; position: absolute; inset: 0; background: var(--wp--preset--color--magenta); mix-blend-mode: screen; opacity: .35; pointer-events: none; } .we-retrato--vacio { color: #fff; font-weight: 900; font-size: 40px; } /* Gobernanza y contacto */ .we-gob-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 28px 0 20px !important; } .we-gob { background: #fff; border-radius: 18px; padding: 26px; display: flex; flex-direction: column; gap: 12px; } .we-gob > * { margin: 0; } .we-gob h3 { font-size: 19px; } .we-gob p { font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--texto-secundario); } /* Bloque de WikInvisibles en Investigación */ .we-encuentro { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; align-items: center; border: 2px solid var(--wp--preset--color--tinta); border-radius: 24px; padding: 28px; margin-top: 56px !important; margin-bottom: 56px !important; } .we-encuentro:not(:has(.we-encuentro__foto)) { grid-template-columns: 1fr; } .we-encuentro > * { margin: 0 !important; } .we-encuentro__foto img { width: 100%; height: auto; aspect-ratio: 17 / 9; object-fit: cover; border-radius: 16px; display: block; } .we-encuentro__texto { display: flex; flex-direction: column; gap: 14px; } .we-encuentro__texto > * { margin: 0 !important; } @media (max-width: 900px) { .we-encuentro { grid-template-columns: 1fr; } } /* WikInvisibles (nov. 2026): ponentes con audio, soluciones, cifras y galería */ .we-ponentes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: stretch; margin-top: 20px !important; } .we-ponentes > * { margin: 0 !important; } .we-ponente { border: 2px solid var(--wp--preset--color--tinta); border-radius: 18px; padding: 18px; display: flex; flex-direction: column; gap: 12px; } .we-ponente > * { margin: 0 !important; } .we-ponente__cab { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .we-ponente__cab > * { margin: 0 !important; } .we-ponente__foto, .wp-block-post-content .we-ponente__cab .wp-block-image.we-ponente__foto { flex: 0 0 60px; margin: 0 !important; align-self: flex-start; } .we-ponente__foto img { width: 60px !important; height: 60px !important; max-width: none; border-radius: 50%; object-fit: cover; display: block; } .we-ponente__quien { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .we-ponente__quien p { margin: 0; } .we-ponente__nombre { font-size: 16px; line-height: 1.25; } .we-ponente__cargo { font-size: 13px; color: var(--wp--preset--color--texto-secundario); line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .we-ponente h3 { font-size: 16px; line-height: 1.3; } .we-ponente .we-media--audio { margin-top: auto !important; } .we-ponente__pdf { font-weight: 700; font-size: 14px; } .we-soluciones { grid-template-columns: repeat(2, minmax(0, 1fr)); } .we-soluciones li { font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); margin-bottom: 8px; } .we-cifras-lista { list-style: none; padding: 0; margin: 22px 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .we-cifras-lista--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .we-cifras-lista .we-numero__cifra { font-size: 34px; } .we-galeria-fotos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px !important; } .we-galeria-fotos > * { margin: 0 !important; } .we-galeria-fotos img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 12px; display: block; } .we-galeria-fotos > :first-child { grid-column: 1 / -1; } .we-galeria-fotos > :first-child img { aspect-ratio: 128 / 45; } @media (max-width: 1100px) { .we-ponentes { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .we-ponentes, .we-soluciones { grid-template-columns: 1fr; } .we-cifras-lista, .we-cifras-lista--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Gobernanza (nov. 2026): Consejo de Sabias con foto, tres tarjetas y franja de alianzas con logos */ .we-gob--sabias { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 28px; align-items: center; margin: 28px 0 0 !important; } .we-gob--sabias:not(:has(.we-gob__foto)) { grid-template-columns: 1fr; } .we-gob__texto { display: flex; flex-direction: column; gap: 12px; } .we-gob__texto > * { margin: 0; } .we-gob--sabias .we-gob__texto p { font-size: 17px; } .we-gob__foto { margin: 0 !important; } .we-gob__foto img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; display: block; } .we-gob-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 20px 0 !important; } .we-pastillas--4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); } .we-pastillas--4 a { text-align: center; padding-left: 6px; padding-right: 6px; } .we-gob--alianzas { margin: 0 0 20px !important; } .we-gob__logos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px 28px; align-items: center; justify-items: center; margin-top: 14px !important; padding-top: 22px; border-top: 1px solid #EFE3EC; } .we-gob__logos a { display: flex; align-items: center; justify-content: center; width: 100%; height: 76px; color: var(--wp--preset--color--tinta); font-weight: 800; font-size: 17px; text-decoration: none; } .we-gob__logos a:is(:hover, :focus-visible) { color: var(--wp--preset--color--magenta); text-decoration: underline; } .we-gob__logos img { max-height: 70px; max-width: 100%; width: auto; height: auto; object-fit: contain; display: block; } @media (max-width: 900px) { .we-gob-grid--3 { grid-template-columns: 1fr; } .we-gob--sabias { grid-template-columns: 1fr; } .we-gob__logos { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .we-banda--morado .we-titulo-icono::before { background: var(--wp--preset--color--morado); } .we-qs-contacto { background: var(--wp--preset--color--tinta); color: #fff; border-radius: 20px; padding: 40px; margin: 72px auto !important; display: flex; flex-direction: column; gap: 24px; } .we-qs-contacto h2 { margin: 0; font-size: 28px; } .we-qs-contacto .we-titulo-icono::before { background: var(--wp--preset--color--rosa-acento); } .we-contacto-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 24px; } .we-contacto > * { margin: 0; } .we-contacto__que { font-size: 14px; color: #D9CCDD !important; margin-bottom: 4px !important; } .we-contacto__correo a { color: #fff; font-weight: 700; font-size: 17px; } /* Ficha de persona */ .we-persona-cab { display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; } .we-persona-cab .we-retrato { flex: 0 0 280px; width: 280px; height: 320px; border-radius: 24px; } .we-persona-cab__texto { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 14px; } .we-persona-cab h1 { margin: 0; font-size: clamp(36px, 5vw, 52px); } .we-persona-cab__cargo { margin: 0; font-weight: 700; font-size: 19px; color: var(--wp--preset--color--magenta); } .we-persona-cab__funcion { margin: -6px 0 0; font-size: 18px; line-height: 1.45; max-width: 46ch; } .we-persona-cab .we-persona__enlaces { border: 0; padding: 0; margin: 0 !important; font-size: 15px; } .we-cuenta { font-size: .6em; font-weight: 700; color: var(--wp--preset--color--gris); margin-left: 8px; } .we-mas { margin-top: 24px; } .we-mas summary { cursor: pointer; font-weight: 700; color: var(--wp--preset--color--magenta); margin-bottom: 24px; } .we-volver { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 24px 28px; } .we-volver p { margin: 0; font-size: 18px; } @media (max-width: 600px) { .we-persona-cab .we-retrato { flex-basis: 100%; width: 100%; height: 300px; } .we-qs-contacto { padding: 28px 22px; } } .we-historia > * { margin: 0 !important; } .we-org-grid > *, .we-gob-grid > *, .we-contacto-grid > *, .we-equipo > * { margin: 0 !important; } /* Retratos a dos tonos con el filtro de la maqueta (sustituye a la mezcla con magenta, demasiado viva) */ .we-retrato, .we-duotono { background: var(--wp--preset--color--tinta); } .we-retrato img, .we-duotono img { filter: url(#we-duotono); mix-blend-mode: normal; opacity: 1; } .we-retrato::after, .we-duotono::after { content: none; } .we-retrato--vacio { background: var(--wp--preset--color--magenta); } /* Historia: línea de tiempo vertical, hitos alternos a izquierda y derecha (sustituye a la horizontal) */ .we-historia { display: flex; flex-direction: column; gap: 8px; max-width: 980px; margin: 0 auto; position: relative; } .we-historia::before { top: 0; bottom: 0; left: 50%; right: auto; width: 3px; height: auto; transform: translateX(-50%); border-radius: 3px; } .we-historia__hito, .we-historia__hito--abajo { height: auto; display: grid; grid-template-columns: 1fr 128px 1fr; grid-template-rows: auto auto 1fr; column-gap: 0; row-gap: 4px; padding: 0; border: 0; align-items: start; } .we-historia__hito .we-historia__foto, .we-historia__hito--abajo .we-historia__foto { grid-column: 2; grid-row: 1 / span 3; justify-self: center; margin: 0 !important; order: 0; } .we-historia__hito > p { grid-column: 1; text-align: right; padding-right: 8px; } .we-historia__hito--abajo > p { grid-column: 3; text-align: left; padding: 0 0 0 8px; } .we-historia__anio, .we-historia__hito--abajo .we-historia__anio { order: 0; grid-row: 1; height: auto; line-height: 1; font-size: 34px; color: var(--wp--preset--color--magenta); margin: 18px 0 0 !important; } .we-historia__etiqueta { grid-row: 2; } .we-historia__texto { grid-row: 3; max-width: 360px; justify-self: end; font-size: 15px; margin: 0 !important; } .we-historia__hito--abajo .we-historia__texto { justify-self: start; } .we-historia__hito:not(.we-historia__hito--abajo) .we-historia__texto { margin: 0 !important; } .we-historia__foto img { background: #fff; } @media (max-width: 700px) { .we-historia::before { left: 27px; transform: none; } .we-historia__hito, .we-historia__hito--abajo { grid-template-columns: 56px 1fr; column-gap: 14px; row-gap: 2px; padding-bottom: 14px; } .we-historia__hito .we-historia__foto, .we-historia__hito--abajo .we-historia__foto { grid-column: 1; } .we-historia__hito > p, .we-historia__hito--abajo > p { grid-column: 2; text-align: left; padding: 0; } .we-historia__anio, .we-historia__hito--abajo .we-historia__anio { font-size: 22px; margin: 4px 0 0 !important; } .we-historia__texto, .we-historia__hito--abajo .we-historia__texto { justify-self: start; font-size: 14px; } } .we-historia__anio { font-weight: 900 !important; letter-spacing: -0.02em; } /* Hito destacado: clase «we-historia__hito--destacado» en el grupo del hito (Avanzado › Clases CSS adicionales) */ .we-historia__hito--destacado .we-historia__foto img { width: 168px; height: 168px; border-width: 5px; } .we-historia__hito--destacado { grid-template-columns: 1fr 184px 1fr; padding: 12px 0 !important; } .we-historia__hito--destacado .we-historia__anio { font-size: 46px; margin-top: 30px !important; } .we-historia__hito--destacado .we-historia__etiqueta { font-size: 16px; } .we-historia__hito--destacado .we-historia__texto { font-size: 17px; color: var(--wp--preset--color--tinta); } @media (max-width: 700px) { .we-historia__hito--destacado { grid-template-columns: 56px 1fr; } .we-historia__hito--destacado .we-historia__foto img { width: 72px; height: 72px; margin-left: -8px; } .we-historia__hito--destacado .we-historia__anio { font-size: 28px; margin-top: 4px !important; } } /* Los retratos del equipo llegan ya tratados a dos tonos (como en la maqueta): sin filtros */ .we-retrato img, .we-duotono img { filter: none; } /* ---------- Participa ---------- */ .we-pasos { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin: 28px 0 20px !important; } .we-paso { display: flex; flex-direction: column; gap: 12px; border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 24px; } .we-paso > * { margin: 0 !important; } .we-paso h3 { font-size: 20px; } .we-paso p { font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); } .we-paso__num { width: 40px; height: 40px; border-radius: 999px; background: var(--wp--preset--color--magenta); color: #fff !important; font-weight: 900; font-size: 18px !important; display: flex; align-items: center; justify-content: center; } .we-paso .wp-block-embed { border-radius: 12px; overflow: hidden; } .we-reuniones { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; margin-top: 24px !important; } .we-reuniones > * { margin: 0 !important; } .we-reunion { background: #fff; border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 8px; } .we-reunion > * { margin: 0 !important; } .we-reunion h3 { font-size: 18px; } .we-reunion__modo { align-self: flex-start; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; background: var(--wp--preset--color--magenta-suave); color: var(--wp--preset--color--magenta-oscuro); } .we-reunion__modo--online { background: var(--wp--preset--color--azul-claro); color: var(--wp--preset--color--azul-texto); } .we-reunion__modo--itinerante { background: var(--wp--preset--color--morado-claro); color: var(--wp--preset--color--morado); } .we-reunion__datos { list-style: none; padding: 0; margin: 4px 0 !important; display: flex; flex-direction: column; gap: 6px; font-size: 15px; line-height: 1.4; } .we-reunion__nota { margin-top: auto !important; font-size: 13px; font-weight: 700; color: var(--wp--preset--color--gris); } .we-participa-dos { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 56px; padding: 64px 0; } .we-participa-dos > * { margin: 0 !important; } @media (max-width: 900px) { .we-participa-dos { grid-template-columns: 1fr; gap: 40px; } } .we-participa-faq h2, .we-participa-agenda h2 { margin: 0 0 18px; font-size: 28px; } .we-participa-faq details { border-bottom: 1px solid var(--wp--preset--color--borde); padding: 16px 0; margin: 0 !important; } .we-participa-faq summary { cursor: pointer; font-weight: 700; font-size: 17px; } .we-participa-faq details p { margin: 10px 0 0; color: var(--wp--preset--color--texto-secundario); } .we-convivencia { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 48px; } .we-convivencia > * { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; } @media (max-width: 900px) { .we-convivencia { grid-template-columns: 1fr; } } .we-convivencia__texto > *, .we-convivencia__normas > * { margin: 0 0 14px !important; } .we-convivencia__normas { background: #fff; border-radius: 18px; padding: 26px; align-self: start; } .we-norma a { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--wp--preset--color--borde); text-decoration: none; color: var(--wp--preset--color--tinta); } .we-norma a:hover { border-color: var(--wp--preset--color--morado); } .we-norma span { font-size: 13px; color: var(--wp--preset--color--gris); } .we-aldia-grid { flex-direction: row !important; flex-wrap: wrap; gap: 40px !important; } .we-aldia { flex: 1 1 320px; display: flex; flex-direction: column; gap: 12px; } .we-aldia > * { margin: 0 !important; } .we-aldia h2 { font-size: 24px; } .we-pasos:has(.we-paso--grande) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } @media (max-width: 800px) { .we-pasos:has(.we-paso--grande) { grid-template-columns: 1fr; } } .we-paso .we-checks { margin: 4px 0 !important; font-size: 15px; } .we-reunion__nota a { font-weight: 700; } .we-ico-heart { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z' /%3E %3Cpath d='M12 5 9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66' /%3E %3Cpath d='m18 15-2-2' /%3E %3Cpath d='m15 18-2-2' /%3E %3C/svg%3E"); } /* Iconos de Cómo convivimos */ .we-ico-heart-solo { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z' /%3E %3C/svg%3E"); } .we-ico-ear { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0' /%3E %3Cpath d='M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4' /%3E %3C/svg%3E"); } .we-ico-book { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M12 7v14' /%3E %3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z' /%3E %3C/svg%3E"); } .we-ico-handshake { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='m11 17 2 2a1 1 0 1 0 3-3' /%3E %3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4' /%3E %3Cpath d='m21 3 1 11h-2' /%3E %3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3' /%3E %3Cpath d='M3 4h8' /%3E %3C/svg%3E"); } .we-ico-coffee { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M10 2v2' /%3E %3Cpath d='M14 2v2' /%3E %3Cpath d='M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1' /%3E %3Cpath d='M6 2v2' /%3E %3C/svg%3E"); } .we-ico-pin { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E %3Ccircle cx='12' cy='10' r='3' /%3E %3C/svg%3E"); } /* Participa: mapa de reuniones + fichas */ .we-reuniones-mapa { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 32px; align-items: start; margin-top: 24px !important; } .we-reuniones-mapa > * { margin: 0 !important; } @media (max-width: 900px) { .we-reuniones-mapa { grid-template-columns: 1fr; } } .we-mapa-caja { position: sticky; top: 24px; background: #fff; border-radius: 20px; padding: 20px; } .we-mapa-caja > * { margin: 0 !important; } .we-mapa { width: 100%; height: auto; display: block; } .we-mapa__tierra { fill: var(--wp--preset--color--magenta-suave); stroke: #E9C6DF; stroke-width: 2; stroke-linejoin: round; } .we-mapa__punto circle { fill: var(--wp--preset--color--magenta); } .we-mapa__punto .we-mapa__halo { fill: var(--wp--preset--color--magenta); opacity: .18; } .we-mapa__punto text { font: 800 17px Montserrat, sans-serif; fill: var(--wp--preset--color--tinta); } .we-mapa__punto:hover circle, .we-mapa__punto:focus circle { fill: var(--wp--preset--color--magenta-oscuro); } .we-mapa__punto:hover text { fill: var(--wp--preset--color--magenta); } .we-mapa__online { margin-top: 10px !important; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--azul-texto); text-align: center; } .we-reuniones-mapa .we-reuniones { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); margin: 0 !important; } .we-reunion { padding: 0; overflow: hidden; scroll-margin-top: 24px; } .we-reunion__foto { margin: 0 !important; } .we-reunion__foto img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; } .we-reunion__cuerpo { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .we-reunion__cuerpo > * { margin: 0 !important; } .we-reunion:target { outline: 3px solid var(--wp--preset--color--magenta); } .we-participa-agenda { padding: 64px 0 56px; } .we-participa-agenda h2 { margin: 0 0 20px; } /* Cómo convivimos: principios con icono */ .we-principios { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px 28px; margin: 6px 0 0 !important; } .we-principios > * { margin: 0 !important; } .we-principio > * { margin: 0 0 4px !important; } .we-principio__titulo { font-size: 17px; gap: 10px !important; } .we-principio__titulo::before { width: 26px !important; height: 26px !important; background: var(--wp--preset--color--morado) !important; } .we-principio p:not(.we-principio__titulo) { font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); padding-left: 36px; } .we-mapa__punto text { font-size: 22px; paint-order: stroke; stroke: #fff; stroke-width: 5px; stroke-linejoin: round; } .we-mapa__punto circle:not(.we-mapa__halo) { r: 10px; } .we-mapa__punto .we-mapa__halo { r: 20px; } @media (max-width: 900px) { .we-mapa-caja { position: static; } } /* Iconos de los datos de reunión */ .we-ico-calendar { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M8 2v4' /%3E %3Cpath d='M16 2v4' /%3E %3Crect width='18' height='18' x='3' y='4' rx='2' /%3E %3Cpath d='M3 10h18' /%3E %3C/svg%3E"); } .we-ico-clock { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Ccircle cx='12' cy='12' r='10' /%3E %3Cpolyline points='12 6 12 12 16 14' /%3E %3C/svg%3E"); } .we-ico-laptop { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16' /%3E %3C/svg%3E"); } /* Datos de cada reunión con icono pequeño */ .we-reunion__datos { gap: 7px !important; } .we-dato { position: relative; padding-left: 26px; } .we-dato::before { content: ""; position: absolute; left: 0; top: 2px; width: 17px; height: 17px; background: var(--wp--preset--color--magenta); -webkit-mask: var(--we-ico) center / contain no-repeat; mask: var(--we-ico) center / contain no-repeat; } /* Fichas de reunión en horizontal: foto a la izquierda (4:3) y datos a la derecha, en una columna junto al mapa */ .we-reuniones-mapa .we-reuniones { grid-template-columns: 1fr; gap: 16px; } .we-reunion:has(.we-reunion__foto) { display: grid; grid-template-columns: minmax(180px, 38%) 1fr; } .we-reunion__foto img { aspect-ratio: 4 / 3; height: 100%; } @media (max-width: 560px) { .we-reunion:has(.we-reunion__foto) { grid-template-columns: 1fr; } } /* Pines del mapa con el símbolo del logo */ .we-mapa__punto .we-mapa__halo { fill: #fff; opacity: 1; stroke: var(--wp--preset--color--magenta); stroke-width: 2; r: 21px; } .we-mapa__punto:hover .we-mapa__halo, .we-mapa__punto:focus .we-mapa__halo { fill: var(--wp--preset--color--magenta-suave); } /* Caja final: boletín y Telegram alineados igual (arriba) y con el botón al pie */ .we-aldia-grid { align-items: stretch !important; } .we-aldia { justify-content: flex-start !important; } .we-aldia .wp-block-buttons { margin-top: auto !important; padding-top: 6px; } .we-aldia-grid > * { margin: 0 !important; } /* Foto cuadrada de 240 px (la ficha mide eso de alto o poco más) */ .we-reunion:has(.we-reunion__foto) { grid-template-columns: 240px 1fr; } .we-reunion__foto img { min-height: 240px; } .we-reunion__cuerpo { min-height: 240px; box-sizing: border-box; justify-content: center; } .we-dato a { color: inherit; text-decoration-color: var(--wp--preset--color--magenta); text-underline-offset: 3px; } .we-dato a:hover { color: var(--wp--preset--color--magenta); } .we-ico-sprout { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M7 20h10' /%3E %3Cpath d='M10 20c5.5-2.5.8-6.4 3-10' /%3E %3Cpath d='M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z' /%3E %3Cpath d='M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z' /%3E %3C/svg%3E"); } /* ---------- Apóyanos ---------- */ .we-apoyo-intro > * { max-width: none !important; } .we-apoyo-intro { display: grid; grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr); gap: 48px; align-items: center; padding-top: 60px; padding-bottom: 60px; } .we-apoyo-intro > * { margin: 0 !important; } @media (max-width: 900px) { .we-apoyo-intro { grid-template-columns: 1fr; } } .we-donar { background: #fff; border: 2px solid var(--wp--preset--color--tinta); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 12px; } .we-donar h2 { margin: 0; font-size: 22px; } .we-donar__grupo { margin: 8px 0 0; font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-donar__cantidades { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .we-donar__opcion { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 14px 6px; border: 2px solid var(--wp--preset--color--tinta); border-radius: 14px; text-decoration: none; color: var(--wp--preset--color--tinta); text-align: center; } .we-donar__opcion b { font-size: 22px; font-weight: 900; } .we-donar__opcion span:not(.screen-reader-text) { font-size: 12px; color: var(--wp--preset--color--texto-secundario); } .we-donar__opcion:hover, .we-donar__opcion:focus-visible { border-color: var(--wp--preset--color--magenta); background: var(--wp--preset--color--magenta); color: #fff; } .we-donar__opcion:hover span, .we-donar__opcion:focus-visible span { color: #fff !important; } .we-donar__opcion--destacada { border-color: var(--wp--preset--color--magenta); box-shadow: inset 0 0 0 1px var(--wp--preset--color--magenta); } .we-donar__puntual { display: block; text-align: center; border-radius: 999px; padding: 15px; font-weight: 800; text-decoration: none; background: var(--wp--preset--color--magenta); color: #fff; } .we-donar__puntual:hover { background: var(--wp--preset--color--magenta-oscuro); color: #fff; } .we-donar__nota { margin: 0; font-size: 13px; color: var(--wp--preset--color--gris); text-align: center; } .we-donar__seguro { margin: 6px 0 0; font-size: 13px; color: var(--wp--preset--color--texto-secundario); gap: 8px !important; border-top: 1px solid var(--wp--preset--color--borde); padding-top: 12px; } .we-donar__seguro::before { width: 18px !important; height: 18px !important; background: var(--wp--preset--color--texto-secundario) !important; } .we-cifras-o { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; } .we-cifras-o > *, .we-cifra-o > * { margin: 0 !important; } .we-cifra-o__num { font-weight: 900; font-size: 46px; line-height: 1; color: var(--wp--preset--color--rosa-acento) !important; gap: 12px !important; } .we-cifra-o__num::before { background: var(--wp--preset--color--rosa-acento) !important; } .we-cifra-o__txt { margin-top: 8px !important; font-size: 15px; } .we-otras h2 { margin: 0 0 18px; font-size: 28px; } .we-otra { margin: 0 !important; border-top: 2px solid var(--wp--preset--color--tinta); } .we-otra:last-child { border-bottom: 2px solid var(--wp--preset--color--tinta); } .we-otra a { display: flex; justify-content: space-between; padding: 16px 0; font-weight: 700; font-size: 18px; color: var(--wp--preset--color--tinta); text-decoration: none; } .we-otra a span { color: var(--wp--preset--color--magenta); } .we-otra a:hover { color: var(--wp--preset--color--magenta); } /* Apóyanos, más cerca de la maqueta: caja de donación contundente */ .we-donar { padding: 28px; gap: 16px; } .we-donar h2 { font-size: 22px; font-weight: 800; } .we-donar__frecuencia { display: grid; grid-template-columns: 1fr 1fr; background: #F4ECF2; border-radius: 999px; padding: 4px; } .we-donar__frecuencia button { border: 0; border-radius: 999px; padding: 12px; background: transparent; color: var(--wp--preset--color--tinta); font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; } .we-donar__frecuencia button[aria-pressed="true"] { background: var(--wp--preset--color--tinta); color: #fff; } .we-donar__opcion { padding: 16px 6px; border-radius: 14px; background: #fff; } .we-donar__opcion b { font-size: 26px; } .we-donar__opcion[aria-pressed="true"] { background: var(--wp--preset--color--magenta); border-color: var(--wp--preset--color--magenta); color: #fff; box-shadow: none; } .we-donar__opcion[aria-pressed="true"] span { color: #fff !important; } .we-donar__opcion:hover:not([aria-pressed="true"]) { background: var(--wp--preset--color--magenta-suave); color: var(--wp--preset--color--tinta); border-color: var(--wp--preset--color--magenta); } .we-donar__opcion:hover:not([aria-pressed="true"]) span { color: var(--wp--preset--color--texto-secundario) !important; } .we-donar__puntual-txt { margin: 0; font-size: 16px; line-height: 1.5; padding: 14px 16px; border: 2px dashed #CDBFC8; border-radius: 14px; } .we-donar__boton { display: block; text-align: center; border-radius: 999px; padding: 17px; background: var(--wp--preset--color--magenta); color: #fff; font-weight: 800; font-size: 17px; text-decoration: none; } .we-donar__boton:hover { background: var(--wp--preset--color--magenta-oscuro); color: #fff; } /* Lo que sostiene tu donación: tarjetas con cuatro tonos de fondo y icono grande */ .we-apoyo-destinos .we-org { border-top: 0; border-radius: 20px; padding: 28px; gap: 12px; } .we-apoyo-destinos .we-org:nth-child(1) { background: var(--wp--preset--color--rosa-claro); } .we-apoyo-destinos .we-org:nth-child(2) { background: var(--wp--preset--color--morado-claro); } .we-apoyo-destinos .we-org:nth-child(3) { background: var(--wp--preset--color--rosa-claro); } .we-apoyo-destinos .we-org:nth-child(4) { background: var(--wp--preset--color--azul-claro); } .we-apoyo-destinos .we-org h3 { flex-direction: column; align-items: flex-start; gap: 14px; font-size: 20px; } .we-apoyo-destinos .we-org .we-titulo-icono::before { width: 36px; height: 36px; } .we-apoyo-destinos .we-org--azul .we-titulo-icono::before { background: var(--wp--preset--color--azul-texto); } .we-apoyo-destinos .we-org p { font-size: 16px; line-height: 1.6; } .we-donar__opcion span:not(.screen-reader-text) { line-height: 1.35; } /* Antetítulos entre corchetes: [ APÓYANOS ], guiño al lenguaje wiki y a la imagen de las presentaciones. Los corchetes son decorativos: el texto alternativo vacío evita que los lean los lectores de pantalla. */ .we-antetitulo::before { content: "[\00a0" / ""; } .we-antetitulo::after { content: "\00a0]" / ""; } .we-cifra__casi { font-size: .45em; font-weight: 800; letter-spacing: .02em; vertical-align: .35em; margin-right: .1em; } /* Apóyanos: mosaico de fotos de actividades bajo las cifras */ .we-mosaico-fotos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 16px !important; } /* Las pequeñas, 16:9; la grande ocupa justo dos filas y dos columnas (sin solaparse ni dejar huecos) */ .we-mosaico-fotos > * { aspect-ratio: 16 / 9; } .we-mosaico-fotos > :first-child { aspect-ratio: auto; height: 100%; } .we-mosaico-fotos > * { margin: 0 !important; border-radius: 12px; overflow: hidden; } .we-mosaico-fotos > :first-child { grid-column: span 2; grid-row: span 2; } .we-mosaico-fotos img { width: 100%; height: 100%; object-fit: cover; display: block; } @media (max-width: 700px) { .we-mosaico-fotos { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Contacto */ .we-ico-edificio { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 10h16M12 3l9 5H3z'/%3E%3Cpath d='M6 10v8M10 10v8M14 10v8M18 10v8'/%3E%3C/svg%3E"); } .we-ico-prensa { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='15' height='16' rx='2'/%3E%3Cpath d='M18 8h2a1 1 0 011 1v9a2 2 0 01-2 2H5'/%3E%3Cpath d='M7 8h7M7 12h7M7 16h4'/%3E%3C/svg%3E"); } .we-ico-micro { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0014 0M12 18v3M8 21h8'/%3E%3C/svg%3E"); } .we-contacto-intro { padding: 56px 0 32px; } .we-contacto-intro > * { margin: 0 0 16px !important; } .we-contacto-vias { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; } .we-contacto-vias > * { margin: 0 !important; } .we-via { border-radius: 20px; padding: 26px; display: flex; flex-direction: column; gap: 10px; --we-c: var(--wp--preset--color--magenta); --we-t: var(--wp--preset--color--magenta); } .we-via > * { margin: 0 !important; } .we-via h2 { flex-direction: column; align-items: flex-start; gap: 14px; font-size: 20px; } .we-via .we-titulo-icono::before { width: 36px; height: 36px; background: var(--we-c); } .we-via p:not([class]) { font-size: 16px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); flex-grow: 1; } .we-via a { color: var(--we-t); font-weight: 700; font-size: 15px; } .we-via__ir a { text-decoration: none; } .we-via:nth-child(1) { background: var(--wp--preset--color--rosa-claro); } .we-via:nth-child(2) { background: var(--wp--preset--color--tinta); color: #fff; --we-c: var(--wp--preset--color--rosa-acento); --we-t: var(--wp--preset--color--rosa-acento); } .we-via:nth-child(2) p:not([class]) { color: #E6DCEA; } .we-via:nth-child(2) .we-via__correo a { color: #fff; } .we-via:nth-child(3) { background: var(--wp--preset--color--morado-claro); --we-c: var(--wp--preset--color--morado); --we-t: var(--wp--preset--color--morado); } .we-via:nth-child(4) { background: var(--wp--preset--color--azul-claro); --we-c: var(--wp--preset--color--azul-texto); --we-t: var(--wp--preset--color--azul-texto); } .we-contacto-oficina { padding: 64px 0 72px; } .we-contacto-oficina h2 { margin: 0 0 24px; } .we-oficina { display: grid; grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr); gap: 40px; align-items: center; } .we-oficina > * { margin: 0 !important; } .we-oficina__foto img { width: 100%; height: auto; border-radius: 20px; display: block; } .we-oficina__foto figcaption { font-size: 13px; color: var(--wp--preset--color--gris); margin-top: 8px; } .we-oficina__datos { display: flex; flex-direction: column; gap: 20px; } .we-oficina__datos > * { margin: 0 !important; } .we-oficina__dato { align-items: flex-start !important; gap: 14px !important; font-size: 17px; line-height: 1.6; } .we-oficina__dato::before { margin-top: 2px; } @media (max-width: 900px) { .we-oficina { grid-template-columns: 1fr; gap: 24px; } } .we-boletin-grande { background: var(--wp--preset--color--magenta); color: #fff; padding: 56px max(5%, 16px) !important; display: flex; flex-wrap: wrap; gap: 40px; align-items: center; margin-top: 0 !important; margin-bottom: 0 !important; } .we-boletin-grande > * { margin: 0 !important; } .we-boletin-grande__texto { flex: 1 1 420px; min-width: 0; max-width: 620px; display: flex; flex-direction: column; gap: 14px; margin-left: auto !important; } .we-boletin-grande__texto > * { margin: 0 !important; } .we-boletin-grande__texto h2 { flex-direction: column; align-items: flex-start; gap: 14px; font-size: 34px; line-height: 1.1; color: #fff; } .we-boletin-grande__texto .we-titulo-icono::before { width: 44px; height: 44px; background: #fff; } .we-boletin-grande__texto p { font-size: 18px; line-height: 1.6; } .we-boletin-grande__form { flex: 1 1 380px; min-width: 0; max-width: 520px; margin-right: auto !important; background: #fff; color: var(--wp--preset--color--tinta); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 14px; } .we-boletin-grande__form p { margin: 0; display: flex; flex-direction: column; gap: 6px; } .we-boletin-grande__form label { font-size: 14px; font-weight: 700; } .we-boletin-grande__form input[type=text], .we-boletin-grande__form input[type=email] { padding: 14px 16px; border: 2px solid #CDBFC8; border-radius: 12px; font: inherit; font-size: 16px; } .we-boletin-grande__form input:focus { outline: 3px solid var(--wp--preset--color--magenta); outline-offset: 1px; } .we-boletin-grande__consentimiento { display: flex; gap: 10px; align-items: flex-start; font-weight: 400 !important; line-height: 1.5; color: var(--wp--preset--color--texto-secundario); } .we-boletin-grande__consentimiento input { width: 20px; height: 20px; margin-top: 1px; accent-color: var(--wp--preset--color--magenta); flex-shrink: 0; } .we-boletin-grande__form button { border: 0; border-radius: 999px; padding: 16px; background: var(--wp--preset--color--tinta); color: #fff; font: inherit; font-weight: 800; font-size: 16px; cursor: pointer; } .we-boletin-grande__form button:hover { background: var(--wp--preset--color--magenta-oscuro); } body:has(.we-boletin-grande) .we-pie__boletin { display: none; } .we-contacto-redes { padding: 64px 0 80px; } .we-contacto-redes h2 { margin: 0 0 24px; } .we-redes { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; } .we-redes__caja { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 14px; } .we-redes__caja ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .we-redes__caja a { display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--wp--preset--color--tinta); font-weight: 700; } .we-redes__caja a:hover { color: var(--wp--preset--color--magenta); } .we-redes__caja svg { width: 24px; height: 24px; fill: currentColor; color: var(--wp--preset--color--magenta); flex-shrink: 0; } .we-redes__caja svg[stroke] { fill: none; } .we-redes__grupo { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--gris); } .we-redes__nota { margin: 0; font-size: 14px; line-height: 1.5; color: var(--wp--preset--color--texto-secundario); } /* Prensa */ .we-ico-bar-chart { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M3 3v16a2 2 0 0 0 2 2h16' /%3E %3Cpath d='M18 17V9' /%3E %3Cpath d='M13 17V5' /%3E %3Cpath d='M8 17v-3' /%3E %3C/svg%3E"); } .we-ico-video { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5' /%3E %3Crect x='2' y='6' width='14' height='12' rx='2' /%3E %3C/svg%3E"); } .we-prensa-intro { display: grid; grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr); gap: 48px; align-items: center; padding: 56px 0 48px; } .we-prensa-intro > * { margin: 0 !important; } @media (max-width: 900px) { .we-prensa-intro { grid-template-columns: 1fr; } } .we-prensa-contacto { background: var(--wp--preset--color--tinta); color: #fff; border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 12px; } .we-prensa-contacto > * { margin: 0 !important; } .we-prensa-contacto p { color: #D9CCDD; font-size: 15px; line-height: 1.55; } .we-prensa-contacto__ante { font-weight: 700; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--rosa-acento) !important; } .we-prensa-contacto__correo a { color: #fff; font-weight: 800; font-size: 24px; word-break: break-word; } .we-prensa-contacto__nota { font-size: 14px !important; } .we-prensa-banda { padding-top: 40px; padding-bottom: 40px; } .we-prensa-cifras { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; } .we-prensa-cifra p { margin: 0; } .we-prensa-cifra__num { display: flex; align-items: center; gap: 12px; font-weight: 900; font-size: 46px; line-height: 1; color: var(--wp--preset--color--magenta); } .we-prensa-cifra__txt { margin-top: 8px !important; font-size: 15px; } .we-prensa-kit, .we-prensa-datos, .we-prensa-listado, .we-charlas-seccion { padding: 64px 0 0; } .we-prensa-kit > *, .we-prensa-datos > *, .we-charlas-seccion > * { margin: 0 0 20px !important; } .we-kit { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; } .we-kit__item { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: var(--wp--preset--color--tinta); } .we-kit__item b { font-size: 18px; } .we-kit__item span { font-size: 14px; color: var(--wp--preset--color--texto-secundario); } a.we-kit__item:hover { background: var(--wp--preset--color--rosa-claro); } .we-kit__accion { margin-top: auto; font-weight: 700; color: var(--wp--preset--color--magenta) !important; } .we-kit__accion.is-pronto { align-self: flex-start; background: #F4ECF2; color: var(--wp--preset--color--gris) !important; padding: 4px 10px; border-radius: 999px; font-size: 12px !important; } .we-prensa-dos { padding-top: 64px; padding-bottom: 0; } .we-cabecera-lista { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 16px !important; } .we-cabecera-lista > * { margin: 0 !important; } .we-ver-todo a { font-weight: 700; font-size: 15px; } .we-filas { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--wp--preset--color--tinta); } .we-fila { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; column-gap: 16px; align-items: start; padding: 10px 12px; font-size: 15px; } /* Mismo patrón en todas las listas (charlas, apariciones en medios, actividades): fecha dd/mm/aaaa · tipo (icono en medios, texto en actividades) · título con su línea secundaria debajo · pastilla de vídeo si la hay */ .we-fila:has(> .we-fila__tipo) { grid-template-columns: 92px 96px minmax(0, 1fr) auto; } .we-fila:has(> .we-fila__tipo--icono) { grid-template-columns: 92px 20px minmax(0, 1fr) auto; } /* Franjas alternas contando solo las filas visibles: con un filtro activo (tipo de medio, vídeo, buscador) siguen alternando */ .we-fila:nth-child(even of :not([hidden])) { background: var(--wp--preset--color--rosa-claro); } .we-fila__fecha { font-size: 13px; line-height: 20px; color: var(--wp--preset--color--gris); font-variant-numeric: tabular-nums; white-space: nowrap; } .we-fila__tipo { font-size: 11px; line-height: 20px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-fila__tipo--icono { display: flex; align-items: center; height: 20px; color: var(--wp--preset--color--magenta); } .we-fila__tipo--icono svg { width: 18px; height: 18px; } .we-fila__cuerpo { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .we-fila__cuerpo a, .we-fila__cuerpo b { font-weight: 700; font-size: 15px; line-height: 20px; color: var(--wp--preset--color--tinta); text-decoration: none; } /* Criterio de enlaces (nov. 2026): todo enlace en fucsia; en títulos de listas sin subrayar (subrayado al pasar); lo que no es enlace, en negro */ .we-fila__cuerpo a { color: var(--wp--preset--color--magenta); } .we-fila__cuerpo a:hover { color: var(--wp--preset--color--magenta-oscuro); text-decoration: underline; } .we-fila__medio { font-size: 13px; color: var(--wp--preset--color--texto-secundario); line-height: 1.4; } .we-fila__extra { font-size: 13px; font-weight: 700; color: var(--wp--preset--color--magenta); text-align: right; } @media (max-width: 800px) { .we-fila, .we-fila:has(> .we-fila__tipo), .we-fila:has(> .we-fila__tipo--icono) { grid-template-columns: auto auto 1fr; row-gap: 4px; } .we-fila__cuerpo, .we-fila__extra { grid-column: 1 / -1; text-align: left; } } .we-charlas-mini { display: flex; flex-direction: column; gap: 12px; } .we-charla-mini { background: var(--wp--preset--color--rosa-claro); border-radius: 16px; padding: 18px; } .we-charla-mini p { margin: 0; } .we-charla-mini__fecha { color: var(--wp--preset--color--magenta); font-weight: 800; font-size: 14px; } .we-charla-mini__titulo { font-weight: 700; font-size: 16px; line-height: 1.4; margin-top: 4px !important; } .we-charla-mini__pie { font-size: 13px; color: var(--wp--preset--color--gris); } .we-vacio { color: var(--wp--preset--color--texto-secundario); } .we-datos-clave { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0 40px; } .we-datos-clave div { padding: 14px 0; border-top: 1px solid #E5D9E2; } .we-datos-clave dt { font-size: 13px; color: var(--wp--preset--color--gris); font-weight: 600; } .we-datos-clave dd { margin: 4px 0 0; font-weight: 700; line-height: 1.5; } .we-prensa-datos { padding-bottom: 72px; } .we-ruta { font-size: 14px; color: var(--wp--preset--color--gris); } .we-ruta a { color: inherit; } .we-prensa-cab { padding: 48px 0 40px; } .we-prensa-cab > * { margin: 0 0 14px !important; } .we-destacadas { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; } .we-destacada { text-decoration: none; color: var(--wp--preset--color--tinta); background: #fff; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 10px; } .we-destacada:first-child { background: var(--wp--preset--color--tinta); color: #fff; } .we-destacada__meta { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-destacada:first-child .we-destacada__meta { color: var(--wp--preset--color--rosa-acento); } .we-destacada b { font-size: 18px; line-height: 1.35; } .we-destacada__pie { font-size: 13px; color: var(--wp--preset--color--gris); } .we-destacada:first-child .we-destacada__pie { color: #D9CCDD; } .we-destacada:hover b { text-decoration: underline; } .we-barras-caja { max-width: 560px; margin-bottom: 32px; } .we-barras-caja p { margin: 0; } .we-barras__titulo { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 10px !important; } .we-barras__titulo span { color: var(--wp--preset--color--gris); } .we-barras { display: flex; align-items: flex-end; gap: 6px; height: 90px; } .we-barras__barra { flex: 1; background: #E8C3DF; border-radius: 4px 4px 0 0; min-height: 3px; } .we-barras__barra.is-reciente { background: var(--wp--preset--color--magenta); } .we-barras__pie { font-size: 13px; color: var(--wp--preset--color--gris); margin-top: 8px !important; } .we-filtros { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 18px 0; border-top: 1px solid #EFE3EC; border-bottom: 1px solid #EFE3EC; } .we-filtros__etiqueta { font-size: 14px; font-weight: 700; color: var(--wp--preset--color--gris); } .we-filtros__hueco { flex: 1 1 auto; } .we-chip { display: inline-flex; align-items: center; gap: 7px; padding: 9px 16px; border-radius: 999px; border: 1px solid #E5D9E2; background: #fff; color: var(--wp--preset--color--tinta); font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; } .we-chip[aria-pressed="true"] { background: var(--wp--preset--color--tinta); border-color: var(--wp--preset--color--tinta); color: #fff; } .we-filtros input[type=search], .we-filtros select { padding: 10px 16px; border: 1px solid #CDBFC8; border-radius: 999px; font: inherit; font-size: 14px; min-width: 200px; background: #fff; } .we-filtros__resultado { font-size: 14px; color: var(--wp--preset--color--gris); margin: 12px 0 0 !important; min-height: 1em; } .we-anios-lista { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; } .we-fila[hidden], .we-anio[hidden] { display: none; } .we-anio { border: 1px solid #E5D9E2; border-radius: 14px; padding: 16px 20px; } .we-anio[open] { border-color: transparent; padding: 8px 0; } .we-anio summary { cursor: pointer; } .we-anio__num { font-weight: 900; font-size: 22px; } .we-anio__cuenta { font-weight: 600; font-size: 14px; color: var(--wp--preset--color--gris); } .we-anio .we-filas { margin-top: 12px; } .we-cierre { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; border-radius: 20px; padding: 36px; margin-top: 64px !important; margin-bottom: 72px !important; } .we-cierre > * { margin: 0 !important; } .we-cierre__texto { flex: 1 1 420px; min-width: 0; } .we-cierre__texto > * { margin: 0 0 6px !important; } .we-cierre__texto h2 { font-size: 24px; } .we-cierre--oscuro { background: var(--wp--preset--color--tinta); color: #fff; } .we-cierre--oscuro h2 { color: #fff; } .we-cierre--oscuro p { color: #E6DCEA; } .we-cierre--oscuro .wp-block-button__link { background: #fff; color: var(--wp--preset--color--tinta); } .we-cierre--rosa { background: var(--wp--preset--color--rosa-claro); } .we-charlas-cab { background: var(--wp--preset--color--tinta); color: #fff; display: grid; grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr); gap: 40px; align-items: end; padding: 48px max(5vw, 16px) 52px !important; margin-top: 0 !important; border-radius: 0 !important; } .we-charlas-cab h1 { color: #fff; } .we-charlas-cab .we-entradilla { color: #E6DCEA; } .we-charlas-cab .we-ruta, .we-charlas-cab .we-ruta a { color: #D9CCDD; } .we-charlas-cab .we-prensa-cifras--dos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .we-charlas-cab .we-prensa-cifra__num { color: var(--wp--preset--color--rosa-acento); font-size: 44px; } .we-charlas-cab .we-prensa-cifra__txt { color: #E6DCEA; font-size: 14px; } @media (max-width: 900px) { .we-charlas-cab { grid-template-columns: 1fr; } } .we-charlas-prox { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; } .we-charla-prox { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; padding: 26px; display: flex; gap: 20px; } .we-charla-prox:first-child { background: var(--wp--preset--color--magenta); border-color: var(--wp--preset--color--magenta); color: #fff; } .we-charla-prox__fecha { margin: 0; text-align: center; line-height: 1; font-size: 13px; font-weight: 700; letter-spacing: .14em; } .we-charla-prox__fecha span { display: block; font-size: 44px; font-weight: 900; letter-spacing: 0; } .we-charla-prox h3 { margin: 0 0 6px; font-size: 19px; line-height: 1.3; color: inherit; } .we-charla-prox p { margin: 0; font-size: 14px; line-height: 1.5; } .we-charla-prox:not(:first-child) p { color: var(--wp--preset--color--texto-secundario); } .we-videos-charlas { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; } .we-video-charla { text-decoration: none; color: var(--wp--preset--color--tinta); display: flex; flex-direction: column; gap: 8px; } .we-video-charla__play { aspect-ratio: 16 / 9; border-radius: 14px; background: var(--wp--preset--color--tinta) radial-gradient(circle at center, var(--wp--preset--color--magenta) 0 28px, transparent 29px); position: relative; } .we-video-charla__play::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-35%, -50%); border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; } .we-video-charla:hover .we-video-charla__play { background-color: var(--wp--preset--color--morado); } .we-video-charla__meta { font-size: 12px; font-weight: 800; letter-spacing: .1em; color: var(--wp--preset--color--magenta); } .we-video-charla b { font-size: 17px; line-height: 1.35; } .we-video-charla:hover b { text-decoration: underline; } .we-video-charla__pie { font-size: 14px; color: var(--wp--preset--color--gris); } .we-video-charla__meta { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .we-prensa-dos h2 { font-size: 28px; } /* Vídeos incrustados (se cargan al pulsar) */ .we-video { margin: 0; display: flex; flex-direction: column; gap: 8px; } .we-video__marco { position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: var(--wp--preset--color--tinta) center / cover no-repeat; } .we-video__marco iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .we-video__play { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 16px 18px; color: #fff; text-decoration: none; background: linear-gradient(135deg, rgba(181,23,158,.35), transparent 60%); } .we-video__play::before { content: ""; position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: var(--wp--preset--color--magenta); box-shadow: 0 6px 20px rgba(0,0,0,.3); transition: transform .15s; } .we-video__play::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-35%, -50%); border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #fff; } .we-video__play:hover::before, .we-video__play:focus-visible::before { transform: scale(1.1); } .we-video__titulo-poster { position: relative; font-weight: 800; font-size: 15px; line-height: 1.3; max-width: 80%; opacity: .85; } .we-video figcaption { display: flex; flex-direction: column; gap: 4px; } .we-video__meta { font-size: 12px; font-weight: 800; letter-spacing: .1em; color: var(--wp--preset--color--magenta); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .we-video figcaption b { font-size: 17px; line-height: 1.35; } .we-video__pie { font-size: 14px; color: var(--wp--preset--color--gris); } .we-videos-charlas { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px 24px; } .we-video--grande figcaption { display: none; } .we-video--grande .we-video__play::before { width: 88px; height: 88px; margin: -44px 0 0 -44px; } .we-video--grande .we-video__play::after { border-width: 16px 0 16px 27px; } .we-video--grande .we-video__titulo-poster { font-size: 26px; } .we-video-destacado { display: grid; grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr); gap: 40px; align-items: center; } .we-video-destacado__texto > * { margin: 0 0 14px; } .we-video-destacado__texto h2 { font-size: 32px; line-height: 1.15; } .we-video-destacado__texto p:not([class]) { font-size: 18px; line-height: 1.6; color: var(--wp--preset--color--texto-secundario); } .we-video-destacado__pie { font-weight: 700; } @media (max-width: 900px) { .we-video-destacado { grid-template-columns: 1fr; gap: 20px; } } /* Destacadas en medios: imagen (captura o logo del medio) arriba */ .we-destacada { padding: 0; overflow: hidden; gap: 0; } .we-destacada__img { display: block; aspect-ratio: 16 / 9; background: #fff; overflow: hidden; border-bottom: 1px solid #EFE3EC; } .we-destacada__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .we-destacada__img.is-logo { display: flex; align-items: center; justify-content: center; padding: 28px 36px; } .we-destacada__img.is-logo img { object-fit: contain; max-height: 70px; } .we-destacada:first-child .we-destacada__img { border-color: transparent; } .we-destacada__cuerpo { display: flex; flex-direction: column; gap: 10px; padding: 22px 24px 24px; } .we-video:not(.we-video--grande) .we-video__titulo-poster { display: none; } .we-video--grande .we-video__titulo-poster { max-width: 60%; } .we-ico-image { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Crect width='18' height='18' x='3' y='3' rx='2' ry='2' /%3E %3Ccircle cx='9' cy='9' r='2' /%3E %3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21' /%3E %3C/svg%3E"); } /* Prensa: galería de fotos profesionales (mosaico; dos fotos grandes) */ .we-galeria-prensa { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 210px; gap: 8px; } .we-galeria-prensa > * { margin: 0 !important; position: relative; border-radius: 14px; overflow: hidden; } .we-galeria-prensa > :nth-child(1), .we-galeria-prensa > :nth-child(6) { grid-column: span 2; grid-row: span 2; } .we-galeria-prensa img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; } .we-galeria-prensa figcaption { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 28px 12px 9px; font-size: 13px; font-weight: 600; color: #fff; background: linear-gradient(rgba(29,18,32,0), rgba(29,18,32,.88) 55%); text-shadow: 0 1px 2px rgba(0,0,0,.5); opacity: 0; transition: opacity .2s; } /* En pantallas táctiles no hay «pasar el ratón»: el pie se ve siempre */ @media (hover: none) { .we-galeria-prensa figcaption { opacity: 1; } } .we-galeria-prensa figure:hover figcaption, .we-galeria-prensa figure:focus-within figcaption { opacity: 1; } @media (max-width: 800px) { .we-galeria-prensa { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 140px; } } .we-destacada__img img { object-position: center 25%; } .we-video-contenido { margin: 48px 0 0; } .we-video-contenido h2 { margin: 0 0 16px; } .we-video--contenido figcaption { display: none; } .we-video--contenido .we-video__titulo-poster { display: none; } /* Colabora */ .we-ico-search { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Ccircle cx='11' cy='11' r='8' /%3E %3Cpath d='m21 21-4.3-4.3' /%3E %3C/svg%3E"); } .we-ico-graduation { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z' /%3E %3Cpath d='M22 10v6' /%3E %3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5' /%3E %3C/svg%3E"); } .we-ico-pencil { --we-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M12 20h9' /%3E %3Cpath d='M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z' /%3E %3Cpath d='m15 5 3 3' /%3E %3C/svg%3E"); } .we-col-cab { padding-top: 64px !important; padding-bottom: 72px !important; align-items: center; } .we-col-cab .wp-block-buttons { margin-top: 8px; } .we-col-cab .is-style-outline .wp-block-button__link { color: #fff; border-color: #fff; } .we-col-seccion { padding: 72px 0 0; } .we-col-seccion > * { margin: 0 0 24px !important; } .we-col-seccion > h2 { font-size: 34px; line-height: 1.15; max-width: 860px; } .we-col-seccion > .we-entradilla { max-width: 820px; } .we-caminos { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; } .we-caminos > * { margin: 0 !important; } .we-camino { border-radius: 22px; padding: 30px; display: flex; flex-direction: column; gap: 14px; } .we-camino > * { margin: 0 !important; } .we-camino h3 { font-size: 21px; gap: 14px; } .we-camino .we-titulo-icono::before { width: 32px; height: 32px; } .we-camino ul { padding-left: 20px; font-size: 16px; line-height: 1.8; } .we-camino--puntual { border: 2px solid #E5D9E2; } .we-camino--puntual ul { color: var(--wp--preset--color--texto-secundario); } .we-camino--proyecto { background: var(--wp--preset--color--magenta); color: #fff; } .we-camino--proyecto h3 { color: #fff; } .we-camino--proyecto .we-titulo-icono::before { background: #fff; } .we-fases .we-org { background: #fff !important; } .we-fases .we-org p { font-size: 15px; } .we-col-proyectos { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; } .we-col-proyecto { border: 2px solid var(--wp--preset--color--tinta); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; color: var(--wp--preset--color--tinta); background: #fff; } .we-col-proyecto__foto { display: block; aspect-ratio: 16 / 10; background: var(--wp--preset--color--rosa-claro); overflow: hidden; } .we-col-proyecto__foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; } .we-col-proyecto:hover .we-col-proyecto__foto img { transform: scale(1.04); } .we-col-proyecto__cuerpo { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex-grow: 1; } .we-col-proyecto__logo { height: 44px; display: flex; align-items: center; margin-bottom: 4px; } .we-col-proyecto__logo img { max-height: 44px; max-width: 100%; width: auto; height: auto; object-fit: contain; } .we-col-proyecto__socia { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-col-proyecto__titulo { font-size: 20px; line-height: 1.25; color: var(--wp--preset--color--tinta); } .we-col-proyecto:is(:hover, :focus-visible) .we-col-proyecto__titulo { color: var(--wp--preset--color--magenta); text-decoration: underline; text-underline-offset: 3px; } .we-sectores { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; } .we-sector { background: var(--wp--preset--color--rosa-claro); border-radius: 16px; padding: 18px; display: flex; flex-direction: column; gap: 6px; } .we-sector b { font-size: 34px; font-weight: 900; line-height: 1; color: var(--wp--preset--color--magenta); margin-top: 6px; } .we-sector span { font-weight: 700; font-size: 15px; line-height: 1.3; } .we-aliadas { margin-top: 12px; } .we-empezar { background: var(--wp--preset--color--tinta); color: #fff; display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 56px; padding: 72px max(5vw, 16px) !important; margin-top: 80px !important; margin-bottom: 0 !important; border-radius: 0 !important; } .we-empezar > * { margin: 0 !important; } .we-empezar h2 { color: #fff; font-size: 34px; margin: 0 0 24px; } .we-colpasos { display: flex; flex-direction: column; gap: 22px; } .we-colpasos > * { margin: 0 !important; } .we-colpaso { display: flex; gap: 16px; } .we-colpaso > * { margin: 0 !important; } .we-colpaso .we-colpaso__num { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; background: var(--wp--preset--color--magenta); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 900; } .we-colpaso__texto > * { margin: 0 !important; } .we-colpaso h3 { color: #fff; font-size: 18px; } .we-colpaso p { font-size: 15px; color: #E6DCEA; line-height: 1.55; margin-top: 4px !important; } .we-empezar__lado { display: flex; flex-direction: column; gap: 18px; justify-content: center; } .we-empezar__lado > * { margin: 0 !important; } .we-presupuesto { background: #3A2A40; border-radius: 20px; padding: 26px; } .we-presupuesto > * { margin: 0 0 10px !important; } .we-presupuesto h3 { color: #fff; font-size: 19px; } .we-presupuesto p { font-size: 15px; line-height: 1.65; color: #E6DCEA; } .we-empezar .wp-block-button, .we-empezar .wp-block-button__link { width: 100%; text-align: center; } /* Alianzas: «Cómo empezamos» en claro, para que no se junte con el pie oscuro */ .we-empezar--claro { background: var(--wp--preset--color--morado-claro); color: var(--wp--preset--color--tinta); margin-bottom: 0 !important; } .we-empezar--claro h2, .we-empezar--claro .we-colpaso h3, .we-empezar--claro .we-presupuesto h3 { color: var(--wp--preset--color--tinta); } .we-empezar--claro .we-colpaso p, .we-empezar--claro .we-presupuesto p { color: var(--wp--preset--color--texto-secundario); } .we-empezar--claro .we-presupuesto { background: #fff; } .we-empezar--claro .we-presupuesto a { color: var(--wp--preset--color--magenta); } .we-empezar--claro .we-colpaso .we-colpaso__num { color: #fff; } .we-empezar--faq { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; } .we-empezar--faq .we-empezar__lado { justify-content: flex-start; gap: 22px; } .we-empezar--faq .we-empezar__lado h2 { margin: 0 0 4px !important; } .we-empezar--faq .we-cierre-col__faq > * { margin: 0 !important; } .we-empezar--faq .we-cierre-col__faq h2 { margin: 0 0 18px !important; } .we-empezar--faq .we-faqs { max-width: none; border-top-color: #D9CCE6; } .we-empezar--faq .we-faq { border-bottom-color: #D9CCE6; } .we-empezar--faq .we-faq summary { font-size: 17px; } .we-empezar--faq .we-faq p { color: var(--wp--preset--color--texto-secundario); } @media (max-width: 900px) { .we-empezar--faq { grid-template-columns: 1fr; } } .we-presupuesto--icono { display: flex; gap: 18px; align-items: flex-start; } .we-presupuesto--icono > * { margin: 0 !important; } .we-presupuesto__icono { flex: 0 0 56px; height: 56px; border-radius: 16px; background: var(--wp--preset--color--magenta-suave); display: flex; align-items: center; justify-content: center; } .we-presupuesto__texto > * { margin: 0 0 8px !important; } .we-presupuesto__texto > :last-child { margin-bottom: 0 !important; } /* Colabora: muro de logos de organizaciones aliadas (clase propia: .we-logos es el de la portada) */ .we-muro { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; } .we-muro li { min-width: 0; height: 112px; border-radius: 16px; background: #FAF6F9; display: flex; align-items: center; justify-content: center; padding: 18px 24px; overflow: hidden; } .we-muro img { display: block; max-width: 100% !important; max-height: 64px !important; width: auto !important; height: auto !important; object-fit: contain; } .we-muro li.is-claro { background: var(--wp--preset--color--tinta); } .we-muro-mas { margin-top: 16px; } .we-muro-mas summary { cursor: pointer; font-weight: 700; color: var(--wp--preset--color--magenta); margin-bottom: 16px; } @media (max-width: 600px) { .we-muro { grid-template-columns: repeat(2, minmax(0, 1fr)); } .we-muro li { height: 92px; padding: 14px; } .we-muro img { max-height: 52px !important; } } /* Qué hacemos */ .we-fases-grandes { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; padding-bottom: 8px; } .we-fases-grandes > * { margin: 0 !important; } .we-fase { position: relative; border-radius: 24px; padding: 32px; display: flex; flex-direction: column; gap: 14px; overflow: hidden; --we-c: var(--wp--preset--color--magenta); } .we-fase > * { margin: 0 !important; position: relative; } .we-fase--morado { background: var(--wp--preset--color--morado-claro); --we-c: var(--wp--preset--color--morado); } .we-fase--azul { background: var(--wp--preset--color--azul-claro); --we-c: var(--wp--preset--color--azul-texto); } .we-fase--magenta { background: var(--wp--preset--color--rosa-claro); --we-c: var(--wp--preset--color--magenta-oscuro); } .we-fase__num { position: absolute !important; right: 24px; top: 8px; font-weight: 900; font-size: 120px; line-height: 1; color: var(--we-c); opacity: .15; } .we-fase :is(h2, h3) { flex-direction: column; align-items: flex-start; gap: 16px; font-size: 28px; font-weight: 900; color: var(--we-c); } .we-fase .we-titulo-icono::before { width: 44px; height: 44px; background: var(--we-c); } .we-fase p:not(.we-fase__num) { font-size: 17px; line-height: 1.65; } .we-lineas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } @media (max-width: 900px) { .we-lineas { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .we-lineas { grid-template-columns: 1fr; } } .we-linea { text-decoration: none; color: var(--wp--preset--color--tinta); display: flex; flex-direction: column; gap: 10px; } .we-linea img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 20px; display: block; filter: grayscale(1); transition: filter .3s; } .we-linea:hover img { filter: grayscale(0); } .we-linea b { font-size: 26px; font-weight: 900; margin-top: 6px; } .we-linea span { font-size: 16px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); } .we-linea .we-linea__ir { font-weight: 800; font-size: 15px; color: var(--wp--preset--color--magenta); } .we-tipos-banda { display: block !important; } .we-tipos-banda > h2 { margin-bottom: 10px !important; } .we-tipos-banda > p { color: #E6DCEA; margin: 0 0 36px !important; } .we-tipos-act { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; } .we-tipo-act { border-top: 3px solid var(--wp--preset--color--rosa-acento); padding-top: 18px; display: flex; flex-direction: column; gap: 8px; } .we-tipo-act > * { margin: 0; } .we-tipo-act__num { font-weight: 900; font-size: 40px; line-height: 1; color: var(--wp--preset--color--rosa-acento); margin-top: 8px !important; } .we-tipo-act__num span { font-size: 15px; font-weight: 600; color: #E6DCEA; } .we-tipo-act h3 { color: #fff; font-size: 20px; } .we-tipo-act p:not(.we-tipo-act__num) { font-size: 15px; line-height: 1.6; color: #E6DCEA; } .we-tipo-act a { color: var(--wp--preset--color--rosa-acento); font-weight: 700; font-size: 15px; margin-top: auto; } .we-proyectos-lineas { display: flex; flex-direction: column; gap: 40px; } .we-linea-proys__titulo { margin: 0 0 16px; font-size: 14px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .we-linea-proys__titulo a { color: var(--wp--preset--color--magenta); text-decoration: none; } .we-proys-mini { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 20px; } .we-proy-mini { text-decoration: none; color: var(--wp--preset--color--tinta); display: flex; flex-direction: column; gap: 6px; } .we-proy-mini__foto { display: block; aspect-ratio: 16 / 10; border-radius: 16px; overflow: hidden; background: var(--wp--preset--color--rosa-claro); margin-bottom: 6px; } .we-proy-mini__foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; } .we-proy-mini__foto .we-tarjeta-proyecto { height: 100%; } .we-proy-mini:hover .we-proy-mini__foto img { transform: scale(1.04); } .we-proy-mini__cuando { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-proy-mini b { font-size: 18px; line-height: 1.3; } .we-proy-mini:hover b { text-decoration: underline; } .we-proy-mini__socia { font-size: 14px; color: var(--wp--preset--color--gris); } /* Investigación */ .we-inv-cab { display: grid; grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr); gap: 48px; align-items: end; padding-top: 56px !important; padding-bottom: 56px !important; margin-top: 0 !important; } .we-inv-cab > * { margin: 0 !important; max-width: none !important; } @media (max-width: 900px) { .we-inv-cab { grid-template-columns: 1fr; gap: 28px; } } .we-inv-cifras { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .we-inv-cifra { background: #fff; border-radius: 18px; padding: 18px; text-decoration: none; color: var(--wp--preset--color--tinta); display: flex; flex-direction: column; gap: 6px; } .we-inv-cifra b { font-size: 44px; font-weight: 900; line-height: 1; color: var(--wp--preset--color--morado); } .we-inv-cifra span { font-size: 14px; font-weight: 600; } .we-inv-cifra:hover { outline: 2px solid var(--wp--preset--color--morado); } .we-inv-seccion > h2 .we-titulo-icono::before, .we-inv-seccion .we-titulo-icono::before, .we-inv-banda .we-titulo-icono::before { background: var(--wp--preset--color--morado); } .we-pubs { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; } .we-pub { border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 10px; background: #fff; border: 2px solid var(--wp--preset--color--tinta); border-top-width: 10px; } .we-pub--articulo { border-top-color: var(--wp--preset--color--morado); } .we-pub--capitulo { border-top-color: var(--wp--preset--color--magenta); } .we-pub > * { margin: 0; } .we-pub__cab { display: flex; justify-content: space-between; align-items: center; } .we-pub__tipo { background: var(--wp--preset--color--morado-claro); color: var(--wp--preset--color--morado); padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .we-pub__cab b { font-size: 22px; font-weight: 900; color: var(--wp--preset--color--morado); } .we-pub h3 { font-size: 19px; line-height: 1.3; } .we-pub__autoria { font-size: 15px; font-weight: 700; color: var(--wp--preset--color--morado); } .we-pub__donde { font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); flex-grow: 1; } .we-pub__pie { font-size: 14px; border-top: 1px solid #E6DFEE; padding-top: 12px; color: var(--wp--preset--color--gris); } .we-pub__pie a { font-weight: 700; } .we-inv-banda { padding-top: 56px !important; padding-bottom: 56px !important; margin-top: 64px !important; } .we-pons { list-style: none; margin: 0; padding: 0; } .we-pon { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 8px 32px; padding: 18px 0; border-top: 1px solid #E5D9E2; } .we-pon:last-child { border-bottom: 1px solid #E5D9E2; } .we-pon > div > * { margin: 0; } .we-pon__cuando { font-size: 16px; } .we-pon__tipo { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--morado); } .we-pon h3 { font-size: 18px; margin: 4px 0 !important; } .we-pon p:last-child { font-size: 15px; color: var(--wp--preset--color--texto-secundario); } @media (max-width: 700px) { .we-pon { grid-template-columns: 1fr; } } /* Análisis desde la comunidad: un listado por tema (mismo formato de filas que charlas y medios), uno debajo de otro */ .we-analisis { display: flex; flex-direction: column; gap: 8px; } .we-analisis__grupo .we-inv-subtitulo { margin-top: 20px !important; } .we-analisis__intro { margin: 0 0 10px !important; font-size: 14px; color: var(--wp--preset--color--gris); } .we-pub { flex-direction: row; gap: 20px; padding: 20px; } .we-pub__portada { flex: 0 0 104px; } .we-pub__portada img { width: 104px; height: auto; display: block; border-radius: 6px; box-shadow: 0 4px 14px rgba(29,18,32,.18); } .we-pub__sin-portada { display: block; width: 104px; aspect-ratio: 3 / 4; border-radius: 6px; background: repeating-linear-gradient(135deg, var(--wp--preset--color--morado-claro) 0 10px, #fff 10px 20px); } .we-pub__cuerpo { display: flex; flex-direction: column; gap: 10px; min-width: 0; flex: 1; } .we-pub__cuerpo > * { margin: 0; } .we-pon--poster { grid-template-columns: 130px 120px minmax(0, 1fr); } .we-pon__poster img { width: 120px; height: auto; display: block; border-radius: 6px; box-shadow: 0 4px 14px rgba(29,18,32,.18); } @media (max-width: 700px) { .we-pon--poster { grid-template-columns: 1fr; } .we-pub { flex-direction: column; } } .we-pon--video { grid-template-columns: 130px 260px minmax(0, 1fr); } .we-pon__video .we-video { width: 260px; } .we-pon__video .we-video__play::before { width: 48px; height: 48px; margin: -24px 0 0 -24px; } .we-pon__video .we-video__play::after { border-width: 9px 0 9px 15px; } @media (max-width: 700px) { .we-pon--video { grid-template-columns: 1fr; } .we-pon__video .we-video { width: 100%; } } .we-pub h3 { font-style: italic; } /* Entradas: nota de origen (artículos publicados antes en otro sitio) */ .we-nota-origen { font-size: 15px; color: var(--wp--preset--color--texto-secundario); border-left: 4px solid var(--wp--preset--color--rosa-claro); padding: 4px 0 4px 14px; } /* Entradas del blog: citas con fondo (antes iban en columnas, en cursiva y alineadas a la derecha) */ .single-post .wp-block-post-content .wp-block-quote { background: var(--wp--preset--color--rosa-claro); border-left: 4px solid var(--wp--preset--color--magenta); border-radius: 0 14px 14px 0; padding: 18px 22px; margin: 24px 0; font-style: normal; } .single-post .wp-block-post-content .wp-block-quote p { font-size: 17px; line-height: 1.6; margin: 0; } .single-post .wp-block-post-content .wp-block-quote p + p { margin-top: 10px; } .single-post .wp-block-post-content .wp-block-quote cite { display: block; margin-top: 8px; font-size: 14px; color: var(--wp--preset--color--gris); font-style: normal; } .single-post .wp-block-post-content img { max-width: 100%; height: auto; } .single-post .wp-block-post-content .wp-block-image figcaption { font-size: 13px; color: var(--wp--preset--color--gris); } /* Entradas: audio (SoundCloud) que se carga al pulsar, comparación en dos cajas y citas de tuits */ .we-video--audio .we-video__marco { aspect-ratio: auto; height: 166px; background: linear-gradient(135deg, var(--wp--preset--color--tinta), var(--wp--preset--color--morado)); } .we-video--audio .we-video__marco.is-activo { height: 400px; } .we-video__pie-bloque { font-size: 13px; color: var(--wp--preset--color--gris); margin-top: 8px !important; } .wp-block-post-content .we-video { margin: 24px 0; } .we-comparacion { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0 !important; } .we-comparacion > p { margin: 0 !important; background: var(--wp--preset--color--rosa-claro); border-radius: 14px; padding: 18px 20px; font-size: 16px; line-height: 1.6; } @media (max-width: 700px) { .we-comparacion { grid-template-columns: 1fr; } } .single-post .wp-block-post-content .we-cita-tuit { background: #F4F7FA; border-left-color: var(--wp--preset--color--azul-texto); } /* Frases literales de Wikipedia: fichas con el aspecto de la enciclopedia (letra sin remates, como Wikipedia, y sin cursiva) */ .single-post .wp-block-post-content .we-cita-wikipedia { background: #fff; border: 1px solid #a2a9b1; border-left: 4px solid #a2a9b1; border-radius: 4px; padding: 14px 18px 16px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #202122; } .single-post .wp-block-post-content .we-cita-wikipedia::before { content: "Wikipedia" / ""; display: block; margin-bottom: 6px; font-family: "Linux Libertine", "Georgia", "Times", serif; font-size: 15px; letter-spacing: .02em; color: #54595d; } .single-post .wp-block-post-content .we-cita-wikipedia p { font-size: 16px; line-height: 1.6; } .single-post .wp-block-post-content .we-cita-wikipedia em { font-style: normal; } .single-post .wp-block-post-content .we-cita-wikipedia + .we-cita-wikipedia { margin-top: -10px; } /* Imágenes dentro del texto: siempre centradas (también las verticales y las que venían flotando a un lado) */ .wp-block-post-content .wp-block-image, .wp-block-post-content .wp-block-image.alignleft, .wp-block-post-content .wp-block-image.alignright { float: none !important; margin-left: auto !important; margin-right: auto !important; text-align: center; display: table; max-width: 100%; } .wp-block-post-content .wp-block-image img { display: block; margin: 0 auto; } .wp-block-post-content .wp-block-image figcaption { display: table-caption; caption-side: bottom; text-align: center; } /* Noticias */ .we-noticias-seccion { padding-bottom: 72px; } .we-noticia-grande { display: grid; grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr); gap: 36px; align-items: center; background: var(--wp--preset--color--rosa-claro); border-radius: 24px; padding: 28px; margin-bottom: 32px; } @media (max-width: 900px) { .we-noticia-grande { grid-template-columns: 1fr; gap: 20px; padding: 18px; } } .we-noticia-grande__img, .we-noticia__img { display: block; border-radius: 18px; overflow: hidden; aspect-ratio: 16 / 9; background: #F1E6EE; } .we-noticia__img { aspect-ratio: 16 / 10; border-radius: 14px; } .we-noticia-grande__img img, .we-noticia__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; } .we-noticia-grande:hover img, .we-noticia:hover img { transform: scale(1.03); } .we-noticia-grande__cuerpo, .we-noticia__cuerpo { display: flex; flex-direction: column; gap: 10px; } .we-noticia-grande__cuerpo > *, .we-noticia__cuerpo > * { margin: 0; } .we-noticia-grande__meta, .we-noticia__meta { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-noticia-grande__meta time, .we-noticia__meta time { color: var(--wp--preset--color--gris); font-weight: 600; letter-spacing: 0; text-transform: none; } .we-noticia-grande h3 { font-size: 34px; line-height: 1.1; font-weight: 900; } .we-noticia h3 { font-size: 20px; line-height: 1.25; } .we-noticia-grande h3 a, .we-noticia h3 a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-noticia-grande h3 a:hover, .we-noticia h3 a:hover { color: var(--wp--preset--color--magenta); text-decoration: underline; } .we-noticia-grande__resumen { font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--texto-secundario); } .we-noticia__resumen { font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .we-noticias { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 36px 28px; margin-top: 28px; } .we-noticia { display: flex; flex-direction: column; gap: 12px; } .we-filtros--enlaces { border: 0; padding: 0; } .we-filtros--enlaces .we-chip { text-decoration: none; } .we-filtros--enlaces .we-chip[aria-current="true"] { background: var(--wp--preset--color--tinta); border-color: var(--wp--preset--color--tinta); color: #fff; } .we-paginas { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 40px; } .we-paginas a, .we-paginas span { min-width: 40px; padding: 8px 12px; border-radius: 999px; text-align: center; font-weight: 700; text-decoration: none; border: 1px solid #E5D9E2; color: var(--wp--preset--color--tinta); } .we-paginas span[aria-current] { background: var(--wp--preset--color--magenta); border-color: var(--wp--preset--color--magenta); color: #fff; } .we-sigue-leyendo { background: var(--wp--preset--color--rosa-claro); border-radius: 24px; padding: 32px; margin-top: 48px !important; } .we-sigue-leyendo h2 { margin: 0; font-size: 26px; } .we-sigue-leyendo .we-noticias { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); margin-top: 20px; } .we-sigue-leyendo .we-ver-todo { margin: 24px 0 0; } /* Entradas del blog: más aire y una columna de lectura cómoda (texto a ~760 px, foto de cabecera más ancha) */ .single-post main.wp-block-group > * { max-width: 760px; margin-left: auto !important; margin-right: auto !important; } .single-post main.wp-block-group > .wp-block-post-featured-image { max-width: 1000px; margin-top: 32px !important; margin-bottom: 48px !important; } .single-post main.wp-block-group > .wp-block-post-title { margin-top: 20px !important; margin-bottom: 20px !important; line-height: 1.08; } .single-post main.wp-block-group > .wp-block-post-date { margin-top: 0 !important; /* el título ya deja 20 px */ } .single-post main.wp-block-group > .wp-block-post-content { margin-top: 40px !important; } .single-post main.wp-block-group > .we-sigue-leyendo { max-width: 1000px; } .single-post .wp-block-post-content > * { margin-top: 0; margin-bottom: 0; } .single-post .wp-block-post-content > * + * { margin-top: 1.4em !important; } .single-post .wp-block-post-content p, .single-post .wp-block-post-content li { font-size: 18px; line-height: 1.75; } .single-post .wp-block-post-content > h2 { margin-top: 2.2em !important; font-size: 28px; line-height: 1.2; } .single-post .wp-block-post-content > h3 { margin-top: 1.8em !important; font-size: 22px; } .single-post .wp-block-post-content > :is(h2, h3) + * { margin-top: .8em !important; } .single-post .wp-block-post-content > :is(.wp-block-image, .we-video, figure, .wp-block-quote) { margin-top: 2em !important; margin-bottom: 2em !important; } .single-post .wp-block-post-content li + li { margin-top: .5em; } /* Testimonios (crónicas de Wikimania): en cursiva; la firma, no */ .single-post .wp-block-post-content .we-testimonio p { font-style: italic; } .single-post .wp-block-post-content .we-testimonio p:has(> strong:only-child) { font-style: normal; margin-top: 14px; } /* Cartas a la comunidad: texto en cursiva (los títulos internos, no) */ .we-carta .wp-block-post-content :is(p, li) { font-style: italic; } /* En los medios (proyectos y actividades): destacadas + listado compacto, como en Prensa */ .we-medios .we-destacadas { margin-top: 20px; } .we-medios .we-destacada { border: 1px solid #EFE3EC; } .we-medios .we-destacada:first-child { border-color: transparent; } .we-destacada__img.is-tipo { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: var(--wp--preset--color--rosa-claro); padding: 20px; text-align: center; } .we-destacada__img.is-tipo b { font-size: 18px; color: var(--wp--preset--color--tinta); } .we-medios__mas { margin: 36px 0 12px; font-size: 18px; } .we-medios .we-filas { margin-top: 0; } .we-medios .we-destacada:first-child { background: #fff; color: var(--wp--preset--color--tinta); border-color: #EFE3EC; } .we-medios .we-destacada:first-child .we-destacada__meta { color: var(--wp--preset--color--magenta); } .we-medios .we-destacada:first-child .we-destacada__pie { color: var(--wp--preset--color--gris); } .we-medios .we-destacada:first-child .we-destacada__img { border-color: #EFE3EC; } /* Listas dentro de las entradas: más compactas (sobre todo las de enlaces) */ .single-post .wp-block-post-content :is(ul, ol) li { line-height: 1.5; } .single-post .wp-block-post-content :is(ul, ol) li + li { margin-top: .35em !important; } .single-post .wp-block-post-content :is(ul, ol) { padding-left: 1.3em; } /* Páginas de proyecto: entradilla (la antigua franja de color) y texto como en las entradas */ .wp-block-post-content > .we-entradilla { font-size: 21px; line-height: 1.5; font-weight: 600; color: var(--wp--preset--color--tinta); } .single-proyecto .wp-block-post-content p, .single-proyecto .wp-block-post-content li { font-size: 18px; line-height: 1.7; } .single-proyecto .wp-block-post-content > * + * { margin-top: 1.2em; } .single-proyecto .wp-block-post-content > h2 { margin-top: 2em; } .single-proyecto .wp-block-post-content :is(ul, ol) li + li { margin-top: .35em; } .single-proyecto .wp-block-post-content > p.we-entradilla, .single-post .wp-block-post-content > p.we-entradilla { font-size: 22px; line-height: 1.45; font-weight: 600; } .single-proyecto .wp-block-post-content > .we-galeria-prensa { margin-top: 24px; } .wp-block-post-content .we-galeria-prensa > .wp-block-image { display: block; margin: 0 !important; max-width: none; text-align: left; } .wp-block-post-content .we-galeria-prensa > .wp-block-image img { width: 100%; height: 100%; margin: 0; } .wp-block-post-content .we-galeria-prensa figcaption { display: block; text-align: left; } /* Fichas del equipo: 4 actividades destacadas + lista; charlas y publicaciones */ .we-cronicas--4 { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); } .we-invitada-acts .we-mas, .we-persona-ponencias .we-mas { margin-top: 18px; } .we-mas > summary { cursor: pointer; font-weight: 700; color: var(--wp--preset--color--magenta); margin-bottom: 12px; } .we-persona-ponencias { margin-top: 56px; display: flex; flex-direction: column; gap: 18px; } .we-persona-ponencias > h2 { margin: 24px 0 0; } .we-pubs-mini { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; } .we-pubs-mini li { display: flex; gap: 16px; align-items: flex-start; background: var(--wp--preset--color--morado-claro); border-radius: 16px; padding: 16px; } .we-pubs-mini img, .we-pubs-mini .we-pub__sin-portada { width: 64px; height: auto; flex-shrink: 0; border-radius: 4px; box-shadow: 0 3px 10px rgba(29,18,32,.15); } .we-pubs-mini p { margin: 0; } .we-pubs-mini__meta { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--morado); } .we-pubs-mini__tit { font-weight: 700; font-size: 16px; line-height: 1.35; margin-top: 4px !important; } .we-pubs-mini__tit a { color: var(--wp--preset--color--magenta); text-decoration: none; } .we-pubs-mini__tit a:hover { color: var(--wp--preset--color--magenta-oscuro); text-decoration: underline; } .we-pubs-mini__donde { font-size: 13px; color: var(--wp--preset--color--texto-secundario); margin-top: 4px !important; } .we-pubs-mini__estado { font-size: 12px; font-weight: 700; color: var(--wp--preset--color--gris); } /* Series de entradas (diario del grupo de trabajo de 2015) */ .we-serie-aviso { background: var(--wp--preset--color--rosa-claro, #FCE7F3); border-radius: 10px; padding: 12px 18px; font-size: 15px; } .we-serie-nav { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 40px; padding-top: 20px; border-top: 1px solid #E5E0EA; font-weight: 600; font-size: 15px; } .we-serie-lista li { margin-bottom: 6px; } .we-serie-fecha { color: #6B6375; font-size: 14px; white-space: nowrap; } /* Proyecto: las últimas cuatro actividades en una fila (dos en tableta, una en móvil) */ /* Las 4 más recientes en una fila (proyectos y perfiles del equipo: «Actividades que coordina») */ :is(.we-proyecto-acts, .we-invitada-acts) .we-cronicas--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } @media (max-width: 1000px) { :is(.we-proyecto-acts, .we-invitada-acts) .we-cronicas--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { :is(.we-proyecto-acts, .we-invitada-acts) .we-cronicas--4 { grid-template-columns: 1fr; } } .we-etapa .we-ver-todo { margin-top: 16px; } /* Página de proyectos: foto arriba, logo de la institución bajo la descripción */ .we-proyecto-ficha { display: flex; flex-direction: column; } .we-proyecto-ficha__desc { font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--tinta); margin: 6px 0 14px; } .we-proyecto-ficha__logo { display: flex; align-items: center; min-height: 64px; margin-top: auto; padding: 10px 14px; background: #fff; border: 1px solid #EEE6EC; border-radius: 12px; } .we-proyecto-ficha__logo img { max-height: 48px; max-width: 100%; width: auto; height: auto; object-fit: contain; } .we-proyecto-ficha__con { font-size: 14px; margin-top: auto; } .we-proyecto-ficha__num { font-size: 14px; margin: 10px 0 0; } /* Cifras de la crónica: cajas con sitio para «participantes» sin partir la palabra */ .we-resultados { grid-template-columns: repeat(auto-fit, minmax(122px, 1fr)); } .we-resultado { padding: 14px; } .we-resultado span { overflow-wrap: normal; word-break: normal; hyphens: none; line-height: 1.3; } /* Con cinco cifras: arriba participantes y publicados; debajo creados, traducidos y mejorados */ .we-resultados:has(> .we-resultado:nth-child(5)) { grid-template-columns: repeat(6, minmax(0, 1fr)); } .we-resultados:has(> .we-resultado:nth-child(5)) > .we-resultado { grid-column: span 2; } .we-resultados:has(> .we-resultado:nth-child(5)) > .we-resultado:nth-child(-n+2) { grid-column: span 3; } /* Entre párrafos de texto corrido, menos aire (antes 22-25 px); los títulos, listas y bloques conservan su separación */ .wp-block-post-content p + p, .single-post .wp-block-post-content > p + p { margin-top: 0.8em !important; } /* Caja de donación dentro de una franja oscura (portada): conserva sus colores de caja blanca */ .we-oscuro .we-donar, .we-oscuro .we-donar h2 { color: var(--wp--preset--color--tinta); } .we-oscuro .we-donar p, .we-oscuro .we-donar .we-donar__seguro { color: var(--wp--preset--color--texto-secundario); } .we-donar__opcion b { white-space: nowrap; } @media (max-width: 1100px) { .we-donar__opcion b { font-size: 19px; } } /* Ficha de la actividad: logos de las instituciones y el proyecto como dato complementario */ .we-ficha__logos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; } .we-ficha__logo-caja { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 6px 10px; border: 1px solid #EEE6EC; border-radius: 10px; background: #fff; } .we-ficha__logo { max-height: 32px; max-width: 120px; width: auto; height: auto; object-fit: contain; } .we-ficha__logo-caja:has(.is-claro) { background: var(--wp--preset--color--tinta); } .we-ficha__inst { display: block; font-weight: 700; } .we-ficha__proyecto { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 14px; background: var(--wp--preset--color--rosa-claro, #FCE7F3); text-decoration: none; color: var(--wp--preset--color--tinta); } .we-ficha__proyecto svg { flex-shrink: 0; } .we-ficha__proyecto-eti { display: block; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-ficha__proyecto b { display: block; font-size: 16px; line-height: 1.3; text-decoration: underline; text-underline-offset: 3px; } .we-ficha__proyecto:hover { background: #F8D4EC; } /* Invitadas en blanco y negro en la ficha y en la tarjeta corta (el equipo va en duotono); en color, solo en su ficha propia */ .we-avatar-bn { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 999px; overflow: hidden; background: #E9E4EC; display: inline-flex; align-items: center; justify-content: center; } .we-avatar-bn img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); } .we-avatar-bn .we-duotono__ini { color: var(--wp--preset--color--tinta); } .we-invitada-corta .we-avatar { filter: grayscale(1) contrast(1.05); } /* Mosaico de cada etapa del proyecto: miniaturas en una sola fila, para distinguirlo de las tarjetas de «Últimas actividades» */ .we-etapa .we-mosaico { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 6px; margin-top: 14px; } .we-etapa .we-mosaico a { border-radius: 8px; aspect-ratio: 1; } @media (max-width: 900px) { .we-etapa .we-mosaico { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .we-proyecto-acts__proximas { margin-bottom: 40px; } /* Ficha: sesiones de un ciclo */ .we-ficha__sesiones { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .we-ficha__sesiones li { font-size: 15px; line-height: 1.35; } .we-ficha__sesiones b { display: block; } .we-ficha__sesiones span { display: block; font-weight: 400; font-size: 14px; color: var(--wp--preset--color--texto-secundario); } .we-ficha__sesiones .is-pasada { opacity: .5; } .we-ficha__sesiones .is-pasada b { text-decoration: line-through; } /* En escritorio, todas las cifras en una sola fila; con muchas, tarjetas más compactas */ @media (min-width: 901px) { .we-numeros__grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } .we-numeros__grid:has(> :nth-child(5)) { gap: 12px; } .we-numeros__grid:has(> :nth-child(5)) .we-numero { padding: 20px 10px; } .we-numeros__grid:has(> :nth-child(5)) .we-numero__icono { width: 48px; height: 48px; margin-bottom: 10px; } .we-numeros__grid:has(> :nth-child(5)) .we-numero__icono svg { height: 26px; } .we-numeros__grid:has(> :nth-child(5)) .we-numero__cifra { font-size: clamp(26px, 2.6vw, 36px); } .we-numeros__grid:has(> :nth-child(5)) .we-numero__etiqueta { font-size: 11.5px; letter-spacing: .06em; } .we-numeros__grid:has(> :nth-child(5)) .we-numero__detalle { font-size: 11.5px; } .we-numeros__grid:has(> :nth-child(7)) .we-numero__cifra { font-size: clamp(24px, 2.2vw, 30px); } } @media (max-width: 900px) { .we-numeros__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .we-numero { padding: 22px 12px; } } /* Resultados de la crónica: las mismas tarjetas, sin título */ .we-numeros--cronica { gap: 14px; } .we-numeros--cronica .we-resultados__panel { margin: 0; } /* Lista de fechas sin enlace (actividades de un proyecto que no tienen ficha propia) */ .we-fechas { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--wp--preset--color--borde); } .we-fechas li { display: grid; grid-template-columns: 13.5em 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--wp--preset--color--borde); font-weight: 700; } .we-fechas__dia { font-weight: 600; color: var(--wp--preset--color--magenta); } .we-fechas__coordina { font-size: 15px; color: var(--wp--preset--color--texto-secundario); } @media (max-width: 600px) { .we-fechas li { grid-template-columns: 1fr; gap: 2px; } } /* Invitadas sin foto: comillas sobre lavanda */ .we-avatar--silueta { display: inline-flex; overflow: hidden; background: #E6DCF0; } .we-avatar-bn:has(> svg) { background: #E6DCF0; } .we-avatar-bn svg { width: 100%; height: 100%; } /* «En los medios»: el resto de apariciones, plegado */ details.we-medios__mas { margin: 32px 0 0; font-size: inherit; } details.we-medios__mas > summary { font-size: 17px; } /* Ediciones de un proyecto (Mujeres de Zarzuela): ficha con su vídeo de presentación al lado */ .we-edicion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 320px); gap: 28px; align-items: center; padding: 24px 26px; margin-top: 16px !important; border-radius: 16px; background: #F7F4F6; border: 1px solid rgba(181,23,158,.1); } .we-edicion > * { margin: 0 !important; } .we-edicion__texto > * { margin: 0 0 8px !important; } .we-edicion__texto .we-antetitulo { margin-bottom: 2px !important; } .we-edicion__texto h3 { font-size: 22px; } .we-edicion__datos { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 14px !important; } .we-edicion__datos li { margin: 0 !important; padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid rgba(181,23,158,.15); font-size: 14px; } .we-edicion__datos b { color: var(--wp--preset--color--magenta); font-weight: 800; } .we-edicion__enlace { font-weight: 700; margin: 0 !important; } .we-edicion__video .we-videos-charlas { display: block; } .we-edicion__video .we-video figcaption b { font-size: 13px; font-weight: 600; color: var(--wp--preset--color--gris); } .we-edicion__video .we-video__play::before { width: 48px; height: 48px; margin: -24px 0 0 -24px; } .we-edicion__video .we-video__play::after { border-width: 9px 0 9px 15px; } @media (max-width: 760px) { .we-edicion { grid-template-columns: 1fr; padding: 20px; } } /* Proyecto: franja con la entradilla y, al lado, quién lo coordina */ .we-responsables { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: center; margin-top: 24px !important; padding: 26px 30px; border-radius: 16px; background: var(--wp--preset--color--morado-claro); } .we-responsables.con-entradilla { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } .we-responsables__entradilla { margin: 0; font-size: 21px; line-height: 1.5; color: var(--wp--preset--color--tinta); } .we-responsables__entradilla strong { color: var(--wp--preset--color--morado); } .we-responsables__quien .we-antetitulo { margin: 0 0 10px; color: var(--wp--preset--color--morado); } .we-responsables__lista { display: flex; flex-wrap: wrap; gap: 10px; } .we-responsable { display: inline-flex; gap: 12px; align-items: center; padding: 8px 18px 8px 8px; border-radius: 999px !important; font-size: 16px; border-radius: 12px; background: #fff; border: 1px solid rgba(91,42,134,.12); text-decoration: none; color: var(--wp--preset--color--tinta); transition: border-color .2s, box-shadow .2s; } .we-responsable:hover { border-color: rgba(91,42,134,.35); box-shadow: 0 6px 20px rgba(29,18,32,.06); } .we-responsable .we-duotono { flex: 0 0 48px; width: 48px; height: 48px; } .we-responsable__texto { display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--wp--preset--color--texto-secundario); line-height: 1.35; } .we-responsable__texto b { font-size: 16px; color: var(--wp--preset--color--tinta); } .we-responsable__enlace { margin-top: 4px; font-weight: 700; color: var(--wp--preset--color--morado); } .we-responsable b { font-weight: 700; } .we-responsable:hover b { text-decoration: underline; text-decoration-color: var(--wp--preset--color--morado); text-underline-offset: 3px; } @media (max-width: 860px) { .we-responsables, .we-responsables.con-entradilla { grid-template-columns: 1fr; gap: 18px; padding: 22px 20px; } .we-responsables__entradilla { font-size: 19px; } } /* Proyecto: ciclos con su programa (Ilustradoras) */ .we-ciclo { padding: 24px 26px; margin-top: 16px !important; border-radius: 16px; background: #F7F4F6; border: 1px solid rgba(181,23,158,.1); } .we-ciclo > * { margin: 0 0 8px !important; } .we-ciclo h3 { font-size: 22px; margin-bottom: 14px !important; } .we-ciclo__bloque { margin-top: 14px !important; font-size: 15px; color: var(--wp--preset--color--texto-secundario); } .we-ciclo__bloque strong { color: var(--wp--preset--color--tinta); } .we-ciclo .we-fechas li { padding: 8px 0; font-weight: 400; font-size: 15px; grid-template-columns: 15em 1fr; } .we-ciclo .we-fechas__dia { font-weight: 700; } .we-ciclo .we-edicion__enlace { margin-top: 14px !important; } .we-portada-libro img { border-radius: 6px; box-shadow: 0 8px 24px rgba(29,18,32,.15); } .we-portada-libro figcaption { font-size: 13px; color: var(--wp--preset--color--gris); } /* Portada de libro: a la derecha del texto, que la rodea; en móvil, centrada entre párrafos */ .we-texto-con-portada { display: flow-root; } .we-texto-con-portada > p { margin: 0 0 24px !important; } .we-texto-con-portada > p:last-child { margin-bottom: 0 !important; } body .wp-block-post-content .wp-block-image.we-portada-libro { float: right !important; width: 190px !important; max-width: 190px; margin: 6px 0 16px 36px !important; } @media (max-width: 600px) { body .wp-block-post-content .wp-block-image.we-portada-libro { float: none !important; margin: 8px auto 24px !important; } } body .wp-block-post-content .wp-block-image.we-portada-libro figcaption { max-width: 260px; margin: 8px auto 0; text-align: center; } /* Reproductor de un canal entero de iVoox (con su lista de episodios): más alto, para que la lista no quede cortada */ .we-media--audio iframe[src*="player_es_podcast"] { height: 400px; } /* Dos logos que van juntos (Ministerio + Archivos Estatales) */ body .we-logos .we-logos__pareja { display: flex; align-items: center; gap: 6px; margin: 0 !important; } body .we-logos .we-logos__pareja > figure { margin: 0 !important; } .we-logos .we-logos__pareja img { max-width: 320px !important; } /* Aparición destacada que es un vídeo: el vídeo arriba (se reproduce ahí mismo) y los datos debajo */ .we-destacada--video .we-video { gap: 0; } .we-destacada--video .we-video__marco { border-radius: 0; } .we-destacada--video .we-video figcaption { padding: 16px 20px 20px; gap: 6px; } .we-destacada--video .we-video__meta { font-size: 12px; } .we-destacada--video .we-video figcaption b { font-size: 17px; } .we-destacada--video .we-video__pie { font-size: 14px; color: var(--wp--preset--color--gris); } .we-destacada--video .we-video__play::before { width: 52px; height: 52px; margin: -26px 0 0 -26px; } /* ---------- Colabora (rediseño nov. 2026) ---------- */ .we-col-cab.we-charlas-cab { align-items: center; } @media (min-width: 901px) { .we-col-cab.we-charlas-cab { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } } .we-col-cab__foto { margin: 0 !important; } .we-col-cab__foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; display: block; } .we-col-cab .we-col-cab__pdf { margin-top: 10px !important; font-size: 14px; color: #D9CCDD; } .we-col-cab .we-col-cab__pdf a { color: #fff; } .we-confianza { text-align: center; } .we-confianza__titulo { margin: 0 0 22px; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--gris); } .we-confianza ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 28px 44px; } .we-confianza img { display: block; max-height: 48px; max-width: 150px; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: .7; transition: filter .2s, opacity .2s; } .we-confianza li:hover img { filter: none; opacity: 1; } .we-col-confianza .we-numeros__grid { margin-top: 56px !important; } .we-col-banda { margin-top: 80px !important; padding-top: 64px !important; padding-bottom: 72px !important; } .we-col-banda > h2 { font-size: 34px; line-height: 1.15; } .we-formatos .we-org a { color: var(--wp--preset--color--magenta); font-weight: 700; } @media (min-width: 900px) { .we-formatos { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .we-caso { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); background: var(--wp--preset--color--tinta); color: #fff; border-radius: 24px; overflow: hidden; } .we-caso__media { background: #000; display: flex; align-items: center; } .we-caso__media > * { width: 100%; margin: 0; } .we-caso__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .we-caso__texto { padding: 40px; display: flex; flex-direction: column; gap: 14px; justify-content: center; } .we-caso__texto > * { margin: 0; } .we-caso__antetitulo { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #EE7BDD; } .we-caso h3 { color: #fff; font-size: 30px; line-height: 1.15; } .we-caso__texto > p { color: #E6DCEA; font-size: 16px; line-height: 1.6; } .we-caso__texto strong { color: #fff; } .we-caso__cifras { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 24px; } .we-caso__cifras li { display: flex; align-items: center; gap: 8px; } .we-caso__cifras b { font-size: 26px; font-weight: 800; color: #EE7BDD; } .we-caso__cifras span { font-size: 14px; color: #E6DCEA; } .we-caso .we-caso__ir a { color: #fff; font-weight: 700; } @media (max-width: 900px) { .we-caso { grid-template-columns: 1fr; } .we-caso__texto { padding: 28px 22px; } } .we-faqs { border-top: 1px solid var(--wp--preset--color--borde); max-width: 860px; } .we-faqs > * { margin: 0 !important; } .we-faq { border-bottom: 1px solid var(--wp--preset--color--borde); padding: 0; } .we-faq summary { list-style: none; cursor: pointer; padding: 20px 40px 20px 0; font-size: 18px; font-weight: 700; position: relative; } .we-faq summary::-webkit-details-marker { display: none; } .we-faq summary::after { content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font-size: 26px; font-weight: 400; color: var(--wp--preset--color--magenta); } .we-faq[open] summary::after { content: "−"; } .we-faq p { margin: 0 0 22px; color: var(--wp--preset--color--texto-secundario); font-size: 16px; line-height: 1.65; max-width: 760px; } .we-presupuesto a { color: #fff; font-weight: 700; } .we-formatos .we-org { background: #fff !important; } .we-confianza ul { gap: 24px 36px; } .we-confianza img { max-height: 44px; max-width: 128px; } /* Caso destacado: el vídeo con aire alrededor y centrado en su columna, sin pie */ .we-caso__media { background: transparent; padding: 32px 0 32px 32px; } .we-caso__media .we-video { margin: 0; border-radius: 16px; overflow: hidden; } .we-caso__media .we-video figcaption { display: none; } @media (max-width: 900px) { .we-caso__media { padding: 20px 20px 0; } } /* «Confían en nosotras»: una sola línea en escritorio */ @media (min-width: 1100px) { .we-confianza ul { flex-wrap: nowrap; justify-content: space-between; gap: 28px; } } /* Formatos de Colabora: foto real arriba de cada ficha */ .we-formatos .we-formato { padding: 0 !important; overflow: hidden; gap: 0; } .we-formato__foto { margin: 0 !important; } .we-formato__foto img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; } .we-formato__foto--arriba img { object-position: center top; } .we-formato__texto { padding: 22px 26px 26px; display: flex; flex-direction: column; gap: 12px; } .we-formato__texto > * { margin: 0 !important; } /* Investigación: cifras bajo la entradilla de la cabecera y bloque del estudio de caso */ .we-qs-intro .we-inv-cifras { margin-top: 8px !important; } .we-qs-intro .we-inv-cifra { background: var(--wp--preset--color--morado-claro); } .we-inv-caso { display: grid; grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); gap: 56px; align-items: center; padding-top: 64px !important; padding-bottom: 64px !important; } .we-inv-caso > * { margin: 0 !important; } .we-inv-caso__portada img { width: 100%; height: auto; display: block; border-radius: 6px; box-shadow: 0 18px 40px rgba(29, 18, 32, .22); } .we-inv-caso__texto { display: flex; flex-direction: column; gap: 16px; max-width: 760px; } .we-inv-caso__texto > * { margin: 0 !important; } .we-inv-caso__texto h2 { font-size: 34px; line-height: 1.15; } .we-inv-caso__enlaces { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; font-weight: 700; } .we-inv-caso__boton { background: var(--wp--preset--color--morado); color: #fff !important; padding: 12px 22px; border-radius: 999px; text-decoration: none; } .we-inv-caso__boton:hover { background: var(--wp--preset--color--tinta); } @media (max-width: 760px) { .we-inv-caso { grid-template-columns: 1fr; gap: 28px; } .we-inv-caso__media { max-width: 200px; } } /* Textos legales y códigos: nota final y destacado (antes, bloques de CoBlocks) */ .we-legal-texto .wp-block-post-content p.we-legal-nota { margin-top: 18px; padding: 12px 18px; border-left: 3px solid var(--wp--preset--color--magenta); background: var(--wp--preset--color--rosa-claro); border-radius: 0 12px 12px 0; font-size: 15px; } .we-legal-texto .wp-block-post-content p.we-legal-destacado { margin-top: 18px; text-align: center; font-size: 20px; color: var(--wp--preset--color--magenta); } .we-otros-legales + .we-otros-legales { margin-top: 22px; } /* Qué hacemos: las cuatro líneas en parrilla de 2 × 2 (Género | Cultura / Memoria | Equidad) */ .we-parrilla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } @media (max-width: 860px) { .we-parrilla { grid-template-columns: 1fr; } } .we-parrilla__linea { background: #fff; border: 1px solid #EFE3EC; border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; } .we-parrilla__foto img { display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; filter: grayscale(1); transition: filter .3s; } .we-parrilla__linea:hover .we-parrilla__foto img { filter: none; } .we-parrilla__cuerpo { padding: 26px 28px 28px; display: flex; flex-direction: column; gap: 14px; flex: 1; } .we-parrilla__cuerpo > * { margin: 0; } .we-parrilla__cuerpo h3 { font-size: 30px; font-weight: 900; } .we-parrilla__cuerpo > p { font-size: 17px; line-height: 1.55; color: var(--wp--preset--color--texto-secundario); } .we-parrilla__cuerpo .we-parrilla__titulillo { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--magenta); margin-top: 4px; } .we-parrilla__proys { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } @media (max-width: 520px) { .we-parrilla__proys { grid-template-columns: 1fr; } } .we-parrilla__proy { display: flex; gap: 12px; align-items: flex-start; text-decoration: none; color: var(--wp--preset--color--tinta); background: #F7F4F6; border-radius: 14px; padding: 10px; min-width: 0; } .we-parrilla__proy:hover b, .we-parrilla__proy:focus b { color: var(--wp--preset--color--magenta); } .we-parrilla__proy-foto { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 10px; overflow: hidden; } .we-parrilla__proy-foto > * { width: 100% !important; height: 100% !important; object-fit: cover; display: block; } .we-parrilla__proy b { display: block; font-size: 15px; line-height: 1.3; } .we-parrilla__proy small { display: block; font-size: 13px; color: var(--wp--preset--color--texto-secundario); margin-top: 3px; } .we-parrilla__enlaces { margin-top: auto; padding-top: 6px; display: flex; flex-wrap: wrap; gap: 8px 22px; } .we-parrilla__enlaces a { font-weight: 800; font-size: 15px; color: var(--wp--preset--color--magenta); text-decoration: none; } .we-parrilla__enlaces a:hover { text-decoration: underline; } /* Cabeceras de página: 20 px entre el antetítulo o la ruta, el título (h1) y el subtítulo, en todas las páginas. En contenedores flex/grid lo pone el hueco (gap); en los de flujo normal, el margen del título. */ main :is(.is-layout-flex, .is-layout-grid, .we-qs-intro__texto, .we-proyecto-cab__texto, .we-persona-cab__texto, .we-invitada-cab > div):has(> h1) { row-gap: 20px !important; } main :is(.is-layout-flex, .is-layout-grid, .we-qs-intro__texto, .we-proyecto-cab__texto, .we-persona-cab__texto, .we-invitada-cab > div) > h1 { margin-block: 0 !important; } main :is(.is-layout-flex, .is-layout-grid, .we-qs-intro__texto, .we-proyecto-cab__texto, .we-persona-cab__texto, .we-invitada-cab > div) > h1 + * { margin-top: 0 !important; } main :is(.is-layout-flex, .is-layout-grid, .we-qs-intro__texto, .we-proyecto-cab__texto, .we-persona-cab__texto, .we-invitada-cab > div) > :has(+ h1) { margin-bottom: 0 !important; } :is(main, main :not(.is-layout-flex, .is-layout-grid, .we-qs-intro__texto, .we-proyecto-cab__texto, .we-persona-cab__texto, .we-invitada-cab > div)) > h1 { margin-block: 20px !important; } :is(main, main :not(.is-layout-flex, .is-layout-grid, .we-qs-intro__texto, .we-proyecto-cab__texto, .we-persona-cab__texto, .we-invitada-cab > div)) > h1:first-child { margin-top: 0 !important; } :is(main, main :not(.is-layout-flex, .is-layout-grid, .we-qs-intro__texto, .we-proyecto-cab__texto, .we-persona-cab__texto, .we-invitada-cab > div)) > h1 + * { margin-top: 0 !important; } :is(main, main :not(.is-layout-flex, .is-layout-grid, .we-qs-intro__texto, .we-proyecto-cab__texto, .we-persona-cab__texto, .we-invitada-cab > div)) > :has(+ h1) { margin-bottom: 0 !important; } /* Cabecera con poco texto (Agenda): el título arriba, alineado con el borde superior de la foto */ .we-qs-intro--arriba { align-items: flex-start; } /* Agenda: la próxima actividad, en la cabecera junto a la foto */ .we-proxima { background: var(--wp--preset--color--rosa-claro); border-radius: 18px; padding: 22px 24px; display: flex; flex-direction: column; gap: 8px; margin-top: 8px; } .we-proxima > * { margin: 0; } .we-proxima__etiqueta { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-proxima__fecha { font-size: 17px; font-weight: 800; } .we-proxima__fecha span { font-weight: 600; color: var(--wp--preset--color--texto-secundario); } .we-proxima__tipo, .we-proxima__lugar { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--wp--preset--color--texto-secundario); } .we-proxima__tipo svg, .we-proxima__lugar svg { width: 18px; height: 18px; flex-shrink: 0; } .we-proxima__titulo { font-size: 22px; line-height: 1.25; } .we-proxima__titulo a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-proxima__titulo a:hover, .we-proxima__titulo a:focus { color: var(--wp--preset--color--magenta); } .we-proxima__acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-top: 6px; } .we-proxima__mas { font-weight: 800; font-size: 15px; color: var(--wp--preset--color--magenta); text-decoration: none; } /* Todas las cabeceras con texto y foto: el texto arriba, alineado con el borde superior de la foto */ .we-qs-intro, .we-cabecera-archivo, .we-col-cab, .we-charlas-cab, .we-inv-cab, .we-col-cab.we-charlas-cab, .we-proyecto-cab, .we-invitada-cab, .we-persona-cab, .we-apoyo-intro, .we-prensa-intro { align-items: flex-start !important; } /* Proyecto: recorrido de sesiones (Documenta Asturies) — lo hecho en tarjetas con foto, lo que viene en lista */ .we-recorrido { display: flex; flex-direction: column; gap: 18px; } .we-recorrido__titulo { font-size: 13px !important; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--magenta); margin: 8px 0 0 !important; } .we-recorrido__hechas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } @media (max-width: 860px) { .we-recorrido__hechas { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .we-recorrido__hechas { grid-template-columns: 1fr; } } .we-recorrido__hecha { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .we-recorrido__hecha > * { margin: 0; } .we-recorrido__foto img, .we-recorrido__sinfoto { display: flex; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; } .we-recorrido__sinfoto { background: var(--wp--preset--color--rosa-claro); align-items: center; justify-content: center; } .we-recorrido__foto { margin-bottom: 6px !important; } .we-recorrido__fecha { font-size: 13px; font-weight: 700; color: var(--wp--preset--color--texto-secundario); } .we-recorrido__hecha h3 { font-size: 19px; line-height: 1.25; } .we-recorrido__tipo, .we-recorrido__que { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--wp--preset--color--texto-secundario); } .we-recorrido svg { width: 16px; height: 16px; flex-shrink: 0; } .we-recorrido__sinfoto svg { width: 40px; height: 40px; } .we-recorrido__enlace { font-weight: 800; font-size: 14px; color: var(--wp--preset--color--magenta); text-decoration: none; } .we-recorrido__enlace:hover { text-decoration: underline; } .we-recorrido__proximas { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--wp--preset--color--borde); } .we-recorrido__proximas li { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 6px 18px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--wp--preset--color--borde); } .we-recorrido__proximas .we-recorrido__fecha { font-size: 15px; color: var(--wp--preset--color--tinta); } .we-recorrido__proximas .we-recorrido__que { font-size: 16px; color: var(--wp--preset--color--tinta); } @media (max-width: 600px) { .we-recorrido__proximas li { grid-template-columns: 1fr; } } /* Mapa de Asturias del recorrido (Documenta Asturies) */ .we-mapa-asturias { margin: 0; display: flex; flex-direction: column; gap: 10px; } .we-mapa-asturias svg { width: 100%; height: auto; display: block; border-radius: 18px; } .we-mapa-asturias .mar { fill: #EEF3F8; } .we-mapa-asturias .vecina { fill: #F4F1F3; stroke: #DDD3DA; stroke-width: 3; } .we-mapa-asturias .asturias { fill: var(--wp--preset--color--rosa-claro); } .we-mapa-asturias .limite { fill: none; stroke: #E7C6DD; stroke-width: 2; } .we-mapa-asturias .contorno { fill: none; stroke: #C9A3BE; stroke-width: 4; } .we-mapa-asturias__punto circle { fill: #fff; stroke: var(--wp--preset--color--magenta); stroke-width: 12; transition: r .2s; } .we-mapa-asturias__punto.es-hecho circle { fill: var(--wp--preset--color--magenta); stroke: #fff; stroke-width: 10; } .we-mapa-asturias__punto text { font-family: inherit; font-size: 64px; font-weight: 800; fill: var(--wp--preset--color--tinta); paint-order: stroke; stroke: #fff; stroke-width: 14px; stroke-linejoin: round; } .we-mapa-asturias__punto:hover circle, .we-mapa-asturias__punto:focus circle { r: 46; } .we-mapa-asturias__punto:hover text, .we-mapa-asturias__punto:focus text { fill: var(--wp--preset--color--magenta); } .we-mapa-asturias__punto:focus { outline: none; } .we-mapa-asturias__punto:focus-visible circle { stroke: var(--wp--preset--color--tinta); } .we-mapa-asturias figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 14px; color: var(--wp--preset--color--texto-secundario); } .we-mapa-asturias__clave { width: 14px; height: 14px; border-radius: 50%; border: 3px solid var(--wp--preset--color--magenta); background: #fff; display: inline-block; margin-left: 8px; } .we-mapa-asturias__clave:first-child { margin-left: 0; } .we-mapa-asturias__clave.es-hecho { background: var(--wp--preset--color--magenta); } .we-mapa-asturias__creditos { margin-left: auto; font-size: 12px; } .we-recorrido__hecha, .we-recorrido__proximas li { scroll-margin-top: 90px; } @media (max-width: 600px) { .we-mapa-asturias__punto text { font-size: 92px; stroke-width: 18px; } .we-mapa-asturias__punto circle { r: 46; } } /* Vídeo servido como archivo (Medialab Matadero): mismo marco que los iframes */ .we-media--video > video { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 16px; background: var(--wp--preset--color--tinta); display: block; } /* Noticias: la última en la cabecera, en el sitio y con la proporción (4:3) de la foto de las demás secciones */ .we-noticia-portada { display: flex; flex-direction: column; gap: 10px; } .we-noticia-portada > * { margin: 0; } .we-noticia-portada__img { display: block; aspect-ratio: 4 / 3; border-radius: 22px; overflow: hidden; background: #F1E6EE; } .we-noticia-portada__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; } .we-noticia-portada:hover img { transform: scale(1.03); } .we-noticia-portada__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px !important; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-noticia-portada__meta time { color: var(--wp--preset--color--gris); font-weight: 600; letter-spacing: 0; text-transform: none; } .we-noticia-portada__tema { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; } .we-noticia-portada__etiqueta { background: var(--wp--preset--color--magenta); color: #fff; border-radius: 999px; padding: 3px 10px; letter-spacing: .14em; } .we-noticia-portada h2 { font-size: 24px; line-height: 1.2; font-weight: 900; } .we-noticia-portada h2 a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-noticia-portada h2 a:hover { color: var(--wp--preset--color--magenta); text-decoration: underline; } /* Noticias: lo último de cada tema, en el hueco bajo la entradilla. Compacta (un renglón por título) para no pasar de la altura de la noticia de la derecha */ .we-noticias-temas { margin-top: 4px !important; } .we-noticias-temas__titulo { margin: 0 0 2px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--gris); } .we-noticias-temas ul { list-style: none; margin: 0; padding: 0; } .we-noticias-temas li { display: flex; flex-direction: column; gap: 2px; padding: 7px 0; border-bottom: 1px solid #EFE3EC; min-width: 0; } .we-noticias-temas li:last-child { border-bottom: 0; padding-bottom: 0; } .we-noticias-temas__tema { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; line-height: 1.3; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-noticias-temas__tema svg { width: 13px; height: 13px; } .we-noticias-temas a { display: block; font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--wp--preset--color--magenta); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .we-noticias-temas a:hover { color: var(--wp--preset--color--magenta-oscuro); text-decoration: underline; } /* En una sola columna (texto y foto ya no van lado a lado: menos de 2 × 440 px + 48 de hueco) no hay hueco que llenar: la lista sobra, el listado de debajo lo tiene todo. Se mide la cabecera, no la pantalla (los márgenes cambian con el ancho). */ .we-qs-intro:has(.we-noticia-portada) { container-type: inline-size; } @container (max-width: 927px) { .we-noticias-temas { display: none; } } /* Etiquetas informativas (Proyecto, Línea, años; Crónica, formato… en actividades): no son enlaces, sin cursor de mano */ span.we-chip { cursor: default; } #listado { scroll-margin-top: 24px; } .we-noticia-portada__img--cartel img { object-fit: contain; } /* Cabecera estrecha a dos columnas (portátiles pequeños): la foto encoge y la lista se compacta para no pasarla */ @container (min-width: 928px) and (max-width: 1100px) { .we-noticias-temas__titulo { display: none; } .we-noticias-temas li { padding: 5px 0; } .we-noticias-temas li:first-child { padding-top: 0; } } /* La lista llega hasta el final del título de la noticia destacada: la columna de texto se estira a la altura de la derecha y las filas se reparten ese alto (en pantallas anchas la foto crece y deja más sitio) */ .we-qs-intro:has(.we-noticia-portada) { align-items: stretch !important; } @container (min-width: 928px) { .we-noticias-temas { flex: 1; display: flex; flex-direction: column; } .we-noticias-temas ul { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } } /* ---------- Prensa: acentos en azul (paleta: azul, azul-texto, azul-claro) para distinguirla del resto ---------- */ .we-numero--azul { background: var(--wp--preset--color--azul-claro); border-color: rgba(63,127,188,.18); } .we-numero--azul:hover { border-color: rgba(63,127,188,.45); } .we-numero--azul .we-numero__icono { background: rgba(63,127,188,.14); } .we-numero--azul .we-numero__cifra { color: var(--wp--preset--color--azul-texto); } .we-prensa-numeros { padding: 8px 0 24px; } /* Cabecera: la ficha de contacto, bajo la entradilla; la foto, recortada por la izquierda (el cartel de la puerta) */ .we-prensa .we-prensa-contacto { background: var(--wp--preset--color--azul-claro); color: var(--wp--preset--color--tinta); border-radius: 18px; padding: 20px 24px; gap: 6px; } .we-prensa .we-prensa-contacto p { color: var(--wp--preset--color--texto-secundario); } .we-prensa .we-prensa-contacto__ante { color: var(--wp--preset--color--azul-texto) !important; font-size: 12px; } .we-prensa .we-prensa-contacto__correo a { color: var(--wp--preset--color--azul-texto); font-size: 22px; } .we-prensa-foto img { object-position: left center; } .we-prensa .we-antetitulo { color: var(--wp--preset--color--azul-texto); } /* Ficha para citarnos: dos columnas de pares dato / valor */ .we-prensa-datos__intro { margin-top: -6px !important; color: var(--wp--preset--color--texto-secundario); } .we-prensa-datos .we-datos-clave { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; } @media (max-width: 760px) { .we-prensa-datos .we-datos-clave { grid-template-columns: 1fr; } } .we-prensa-datos .we-datos-clave div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 16px; align-items: baseline; padding: 12px 0; } .we-prensa-datos .we-datos-clave dt { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--azul-texto); } .we-prensa-datos .we-datos-clave dd { margin: 0; font-weight: 600; font-size: 15px; } .we-prensa-datos .we-datos-clave a { color: var(--wp--preset--color--azul-texto); } @media (max-width: 560px) { .we-prensa-datos .we-datos-clave div { grid-template-columns: 1fr; gap: 4px; } } /* Charlas: cifras en 2 × 2 junto al título; Medios: franja de destacadas en azul claro */ .we-charlas-intro .we-numeros__grid--dos { flex: 1 1 380px; min-width: 0; } .we-numeros__grid--dos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; gap: 14px; } .we-numeros__grid--dos .we-numero { padding: 20px 14px; } .we-numeros__grid--dos .we-numero__cifra { font-size: clamp(30px, 3vw, 40px); } .we-banda--azul { background: var(--wp--preset--color--azul-claro); } /* Agenda: reuniones de grupo, en fila sencilla y en azul claro (abiertas, sin inscripción ni ficha) */ .we-agenda__item--reunion { grid-template-columns: 96px minmax(0, 1fr); background: var(--wp--preset--color--azul-claro); border-bottom: 0; border-radius: 14px; padding: 12px 0; margin: 8px 0; align-items: center; } .we-agenda__item--reunion .we-agenda__dia b { font-size: 24px; } .we-agenda__item--reunion .we-agenda__dia span, .we-agenda__item--reunion .we-agenda__tipo { color: var(--wp--preset--color--azul-texto); } .we-agenda__item--reunion .we-agenda__texto { gap: 2px; } .we-agenda__item--reunion .we-agenda__tipo { font-size: 11px; } .we-agenda__item--reunion h3 { font-size: 17px; } .we-agenda__item--reunion .we-agenda__lugar { font-size: 14px; } @media (max-width: 760px) { .we-agenda__item--reunion { grid-template-columns: 64px minmax(0, 1fr); } } /* Investigación: la publicación a la que se llega desde la portada (#slug), con un resalte suave */ .we-pub { scroll-margin-top: 24px; } .we-pub:target { outline: 2px solid var(--wp--preset--color--magenta); outline-offset: 10px; border-radius: 12px; } /* Agenda: fechas de varios días (campañas) en una línea, más pequeñas */ .we-agenda__dia--rango b { font-size: 22px; white-space: nowrap; letter-spacing: -0.02em; } @media (max-width: 760px) { .we-agenda__dia--rango b { font-size: 17px; } } /* Portada: las 4 últimas crónicas en una fila (2 × 2 en pantallas medianas, una columna en el móvil) */ @media (min-width: 1000px) { .home .we-cronicas { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } } @media (min-width: 640px) and (max-width: 999px) { .home .we-cronicas { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Investigación: ponencias (lista) y pósters (galería) por separado */ .we-inv-subtitulo { font-size: 20px; margin: 28px 0 8px !important; } .we-posters { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; } .we-poster { background: #fff; border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 6px; border: 1px solid #EFE3EC; } .we-poster > * { margin: 0; } .we-poster__img { display: block; aspect-ratio: 3 / 4; border-radius: 10px; overflow: hidden; background: var(--wp--preset--color--morado-claro); margin-bottom: 8px; } .we-poster__img img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; } .we-poster h3 { font-size: 17px; line-height: 1.3; } .we-poster__quien { font-size: 14px; color: var(--wp--preset--color--texto-secundario); } .we-poster__enlaces { font-size: 14px; } .we-poster__enlaces a { font-weight: 700; } /* Próximas actividades (portada y Participa): 4 en una fila, como las crónicas; tarjeta más compacta, con la etiqueta bajo la fecha para que no se apriete */ @media (min-width: 1000px) { .we-tarjetas:has(> :nth-child(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .we-tarjetas:has(> :nth-child(4)) .we-tarjeta { padding: 22px; gap: 12px; } .we-tarjetas:has(> :nth-child(4)) .we-tarjeta__fecha { flex-direction: column; align-items: flex-start; gap: 10px; } .we-tarjetas:has(> :nth-child(4)) .we-tarjeta__dia { text-align: left; } .we-tarjetas:has(> :nth-child(4)) .we-tarjeta__dia b { font-size: 38px; } .we-tarjetas:has(> :nth-child(4)) .we-tarjeta__dia--rango b { font-size: 30px; } .we-tarjetas:has(> :nth-child(4)) .we-etiqueta { font-size: 12px; padding: 5px 10px; } .we-tarjetas:has(> :nth-child(4)) h3 { font-size: 19px; } .we-tarjetas:has(> :nth-child(4)) p { font-size: 15px; } } @media (min-width: 640px) and (max-width: 999px) { .we-tarjetas:has(> :nth-child(4)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .we-tarjeta__dia--rango b { white-space: nowrap; } /* Noticias: nota final que lleva a la sección de su tema (mismo estilo que las notas de los textos legales) */ .we-ver-seccion { display: flex; gap: 12px; align-items: flex-start; margin-top: 32px !important; padding: 14px 18px; border-left: 3px solid var(--wp--preset--color--magenta); background: var(--wp--preset--color--rosa-claro); border-radius: 0 12px 12px 0; font-size: 16px; } .we-ver-seccion svg { flex-shrink: 0; margin-top: 2px; } .we-ver-seccion a { font-weight: 700; } /* Rejillas de tarjetas que dependen del contenido (destacadas en medios, vídeos, charlas, proyectos, publicaciones, invitadas): auto-fill en vez de auto-fit, para que una sola tarjeta conserve su tamaño en lugar de ocupar todo el ancho */ /* Enlaces: el contorno fucsia solo al navegar con teclado; al pinchar con el ratón, nada (queda el subrayado) */ a:focus:not(:focus-visible) { outline: none; } /* Medios destacados: titular de 4 líneas como máximo, con puntos suspensivos (el texto completo sigue para lectores de pantalla y al pasar el ratón, en el atributo title), para que las tarjetas de una fila tengan alturas parecidas */ .we-destacada b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden; } /* Listados de charlas: pastilla fucsia «Vídeo» con icono de cámara */ .we-pastilla-video { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--wp--preset--color--magenta); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .we-pastilla-video svg { width: 14px; height: 14px; flex-shrink: 0; } .we-fila__extra:has(.we-pastilla-video) { display: flex; justify-content: flex-end; align-items: center; } @media (max-width: 800px) { .we-fila__extra:has(.we-pastilla-video) { justify-content: flex-start; } } /* Perfiles del equipo: métricas en la cabecera, con las tarjetas de cifras del resto de la web (.we-numero) en pequeño y todas en una fila */ .we-persona-cifras { list-style: none; margin: 6px 0 0 !important; padding: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; } .we-persona-cifras .we-numero { padding: 12px 6px; border-radius: 12px; background: #fff; } .we-persona-cifras .we-numero__icono { width: 34px; height: 34px; border-radius: 10px; margin-bottom: 8px; } .we-persona-cifras .we-numero__icono svg { height: 18px; max-width: 22px; } .we-persona-cifras .we-numero__cifra { font-size: 22px; margin-bottom: 4px; } .we-persona-cifras .we-numero__etiqueta { font-size: 10px; letter-spacing: .06em; line-height: 1.3; } @media (max-width: 700px) { .we-persona-cifras { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* ---------- Investigación, más compacta (nov. 2026) ---------- */ /* Títulos de publicaciones: enlace como en las listas (fucsia, subrayado al pasar), en cursiva */ .we-pub h3 a { color: var(--wp--preset--color--magenta); text-decoration: none; } .we-pub h3 a:hover { color: var(--wp--preset--color--magenta-oscuro); text-decoration: underline; } /* Títulos de los análisis en cursiva, como los de las publicaciones */ .we-analisis .we-fila__cuerpo > a, .we-analisis .we-fila__cuerpo > b { font-style: italic; } /* Estudio de caso: menos alto */ .we-inv-caso { grid-template-columns: 150px minmax(0, 1fr); gap: 40px; padding-top: 40px !important; padding-bottom: 40px !important; } .we-inv-caso__texto { gap: 12px; max-width: 860px; } .we-inv-caso__texto h2 { font-size: 28px; } .we-inv-caso__texto p { font-size: 16px; line-height: 1.55; } /* Fichas de publicaciones: más bajas e iguales (portada pequeña, menos relleno, el «dónde» en 3 líneas como mucho) */ .we-pubs { align-items: stretch; gap: 16px; } .we-pub { padding: 16px 18px; gap: 16px; border-top-width: 6px; } .we-pub__portada { flex: 0 0 72px; } .we-pub__portada img, .we-pub__sin-portada { width: 72px; } .we-pub__cuerpo { gap: 6px; } .we-pub__cab b { font-size: 18px; } .we-pub__tipo { padding: 3px 10px; font-size: 11px; } .we-pub h3 { font-size: 17px; line-height: 1.3; } .we-pub__autoria { font-size: 14px; } .we-pub__donde { font-size: 14px; line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; flex-grow: 0; } .we-pub__pie { font-size: 13px; padding-top: 8px; margin-top: auto !important; } /* Análisis: separado de Publicaciones con una línea (las dos van sobre blanco) */ #analisis { border-top: 1px solid var(--wp--preset--color--borde); padding-top: 48px; margin-top: 8px !important; } /* ---------- Criterio único de enlaces en títulos, listas y tarjetas (nov. 2026, Patricia) ---------- En negro; al pasar el ratón (o con el foco del teclado), fucsia y subrayado. Los enlaces dentro de un párrafo de texto siguen en fucsia y subrayados: si no, no se distinguirían del texto. */ :is(.we-fila__cuerpo, .we-pubs-mini__tit, .we-lista-lineas, .we-noticias-temas, .we-proxima__titulo) a, :is(.we-pub, .we-cronica, .we-agenda__texto, .we-inv-carta, .we-persona__cab, .we-noticia, .we-noticia-grande) h3 a, .we-noticia-portada h2 a, .we-tarjeta:not(.we-tarjeta--destacada) h3 a { color: var(--wp--preset--color--tinta); text-decoration: none; } :is(.we-fila__cuerpo, .we-pubs-mini__tit, .we-lista-lineas, .we-noticias-temas, .we-proxima__titulo) a:is(:hover, :focus-visible), :is(.we-pub, .we-cronica, .we-agenda__texto, .we-inv-carta, .we-persona__cab, .we-noticia, .we-noticia-grande) h3 a:is(:hover, :focus-visible), .we-noticia-portada h2 a:is(:hover, :focus-visible), .we-tarjeta:not(.we-tarjeta--destacada) h3 a:is(:hover, :focus-visible), :is(.we-destacada, .we-proy-mini, .we-parrilla__proy, .we-responsable):is(:hover, :focus-visible) b, .we-inv-az__nombre:is(:hover, :focus-visible), .we-franja-proyecto__nombre:is(:hover, :focus-visible) { color: var(--wp--preset--color--magenta); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: currentColor; } /* Sobre fondo oscuro o fucsia: subrayado, sin cambiar a fucsia (no se leería) */ .we-destacada:first-child:is(:hover, :focus-visible) b { color: var(--wp--preset--color--rosa-acento); } .we-tarjeta--destacada h3 a:is(:hover, :focus-visible) { text-decoration: underline; text-underline-offset: 3px; } /* Tarjetas de noticias (listado y «Sigue leyendo»): titular de 4 líneas como máximo, como los medios destacados */ .we-noticia h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden; } /* Títulos con palabras muy largas (hashtags como #JuntasSomosMásVisibles): se parten si no caben, en vez de salirse en el móvil */ :is(h1, h2, h3, h4) { overflow-wrap: break-word; } /* Titulares en móvil (nov. 2026): el tamaño se ajusta al ancho de la pantalla para que las palabras largas quepan, y si aun así no caben (móvil muy estrecho o letra aumentada) se parten por sílabas con guion, no por cualquier letra */ @media (max-width: 600px) { :is(h1, h2, h3, h4) { hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 14 6 5; } .has-gigante-font-size { font-size: clamp(28px, 9.6vw, 38px) !important; } .has-huge-font-size, h1:not([class*="-font-size"]) { font-size: clamp(26px, 8.4vw, 36px) !important; } .has-xx-large-font-size { font-size: clamp(22px, 7.2vw, 28px) !important; } } /* «Wikiesfera como estudio de caso» (/investigacion/): una sola columna en móvil (la regla de la línea ~2050 la pisaba) */ @media (max-width: 760px) { .we-inv-caso { grid-template-columns: 1fr; gap: 24px; } .we-inv-caso > :first-child { max-width: 180px; } } /* Participa: «Qué es una editatona», texto y vídeo */ .we-que-editatona__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 48px; align-items: center; max-width: var(--wp--style--global--wide-size, 1200px); margin-inline: auto; } .we-que-editatona__grid > * { margin: 0 !important; } .we-que-editatona__texto { display: flex; flex-direction: column; gap: 14px; } .we-que-editatona__texto > * { margin: 0 !important; } @media (max-width: 800px) { .we-que-editatona__grid { grid-template-columns: 1fr; gap: 24px; } } /* Quiénes somos, «Más de diez años juntas» (nov. 2026): línea en serpentina de tres filas de cuatro, cada fila enlaza con la siguiente. La primera foto da inicio a la línea y tras 2026 sigue con una flecha. En móvil, vertical. El HTML va siempre en orden cronológico. */ .we-historia .we-historia__hito > p { margin: 0 !important; } @media (max-width: 700px) { .we-historia::after { content: ""; position: absolute; left: 22px; bottom: 0; width: 12px; height: 12px; border-right: 3px solid var(--wp--preset--color--magenta); border-bottom: 3px solid var(--wp--preset--color--magenta); transform: rotate(45deg); } .we-historia { padding-bottom: 8px; } } @media (min-width: 701px) { .we-historia { --we-foto: 104px; --we-fila: 36px; --we-curva: 30px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--we-fila) 0; max-width: none; padding: 0 var(--we-curva); } .we-historia::before { content: none; } .we-historia .we-historia__hito { display: block; padding: 0 20px 0 0; } .we-historia__hito::before { content: ""; position: absolute; top: calc(var(--we-foto) / 2 - 1.5px); left: calc(var(--we-foto) / 2); width: 100%; height: 3px; background: var(--wp--preset--color--magenta); } .wp-block-post-content .we-historia .wp-block-image.we-historia__foto { display: block; position: relative; justify-self: start; z-index: 1; width: var(--we-foto); max-width: var(--we-foto); margin: 0 0 12px !important; text-align: left; } .we-historia__foto img { width: var(--we-foto); height: var(--we-foto); } .we-historia .we-historia__hito > p { text-align: left; padding: 0; max-width: none; } .we-historia .we-historia__anio { font-size: 28px; line-height: 1.1; } .we-historia .we-historia__texto { font-size: 15px; line-height: 1.45; padding-top: 4px; } .we-historia__hito:nth-child(5) { grid-area: 2 / 4; } .we-historia__hito:nth-child(6) { grid-area: 2 / 3; } .we-historia__hito:nth-child(7) { grid-area: 2 / 2; } .we-historia__hito:nth-child(8) { grid-area: 2 / 1; } .we-historia__hito:nth-child(9) { grid-area: 3 / 1; } .we-historia__hito:nth-child(10) { grid-area: 3 / 2; } .we-historia__hito:nth-child(11) { grid-area: 3 / 3; } .we-historia__hito:nth-child(12) { grid-area: 3 / 4; } .we-historia__hito:nth-child(5)::before { content: none; } .we-historia__hito:nth-child(4)::before { box-sizing: border-box; width: auto; right: calc(var(--we-curva) * -.7); height: calc(100% + var(--we-fila) + 3px); background: none; border: 3px solid var(--wp--preset--color--magenta); border-left: 0; border-radius: 0 28px 28px 0; } .we-historia__hito:nth-child(8)::before { box-sizing: border-box; left: calc(var(--we-curva) * -.7); width: calc(var(--we-foto) / 2 + var(--we-curva) * .7); height: calc(100% + var(--we-fila) + 3px); background: none; border: 3px solid var(--wp--preset--color--magenta); border-right: 0; border-radius: 28px 0 0 28px; } /* 2022 usa ::before para la curva: su tramo hacia 2021 va en ::after */ .we-historia__hito:nth-child(8)::after { content: ""; position: absolute; top: calc(var(--we-foto) / 2 - 1.5px); left: calc(var(--we-foto) / 2); width: 100%; height: 3px; background: var(--wp--preset--color--magenta); } /* Tras 2026 la línea sigue y acaba en flecha */ .we-historia__hito:nth-child(12)::before { width: auto; right: -14px; } .we-historia__hito:nth-child(12)::after { content: ""; position: absolute; top: calc(var(--we-foto) / 2 - 7px); right: -16px; width: 12px; height: 12px; border-top: 3px solid var(--wp--preset--color--magenta); border-right: 3px solid var(--wp--preset--color--magenta); transform: rotate(45deg); } } @media (min-width: 701px) and (max-width: 900px) { .we-historia { --we-foto: 84px; } .we-historia .we-historia__texto { font-size: 14px; } } /* Tarjeta de la carta abierta: pequeña, con su foto; toda la tarjeta es el enlace */ .we-qs-carta { position: relative; display: flex; align-items: center; gap: 18px; max-width: 580px; margin-top: 36px !important; padding: 12px; border: 2px solid var(--wp--preset--color--tinta); border-radius: 16px; background: #fff; } .we-qs-carta > * { margin: 0 !important; } .we-qs-carta .we-qs-carta__foto { flex: 0 0 136px; } .we-qs-carta__foto img { width: 136px; height: 90px; object-fit: cover; border-radius: 10px; display: block; } .we-qs-carta__texto { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .we-qs-carta__texto > * { margin: 0 !important; } .we-qs-carta__tipo { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--magenta); } .we-qs-carta h3 { font-size: 18px; line-height: 1.25; font-weight: 800; } .we-qs-carta h3 a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-qs-carta h3 a::after { content: ""; position: absolute; inset: 0; border-radius: 14px; } .we-qs-carta:hover h3 a, .we-qs-carta h3 a:focus-visible { color: var(--wp--preset--color--magenta); text-decoration: underline; text-underline-offset: 3px; } .we-qs-carta__texto p:last-child { font-size: 14px; color: var(--wp--preset--color--texto-secundario); } @media (max-width: 480px) { .we-qs-carta { gap: 12px; } .we-qs-carta .we-qs-carta__foto { flex-basis: 92px; } .we-qs-carta__foto img { width: 92px; height: 72px; } .we-qs-carta h3 { font-size: 16px; } } /* Criterio común de rejillas de tarjetas (nov. 2026): con tres o más tarjetas, la fila ocupa todo el ancho y no queda una columna vacía a la derecha. Con una o dos, cada tarjeta conserva su tamaño (auto-fill), para que no se estire de lado a lado. Cada regla repite el ancho mínimo de su rejilla. En móvil no cambia nada. Excepción: los medios destacados (.we-destacadas) conservan su tamaño aunque sobre sitio (Patricia, nov. 2026). */ @media (min-width: 701px) { .we-noticias:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .we-sigue-leyendo .we-noticias:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .we-videos-charlas:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .we-posters:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .we-charlas-prox:has(> :nth-child(3)), .we-pubs:has(> :nth-child(3)), .we-pubs-mini:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } .we-col-proyectos:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } .we-proys-mini:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } .we-medios__grid:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .single-actividad .we-medios__grid:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .we-cronicas:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); } .we-proyecto-acts .we-cronicas:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .we-cronicas--4:has(> :nth-child(3)), .we-proyecto-acts .we-cronicas--4:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } .we-invitada-acts .we-cronicas:has(> :nth-child(3)) { grid-template-columns: repeat(auto-fill, minmax(260px, 320px)); } /* aquí el ancho máximo es intencionado */ } /* Fichas del equipo (nov. 2026): foto a la izquierda; nombre, cargo, función y contacto a la derecha; debajo, el resumen. Fondo blanco. */ .we-persona { background: #fff; gap: 12px; padding: 20px; } .we-persona__cab { align-items: flex-start; gap: 16px; } .we-persona .we-retrato { flex: 0 0 116px; width: 116px; height: 136px; } .we-persona__datos { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .we-persona__datos > * { margin: 0 !important; } .we-persona__cab h3 { font-size: 19px; } .we-persona__cargo { font-size: 13px; line-height: 1.3; } .we-persona__funcion { font-size: 14px; line-height: 1.35; margin-top: 2px !important; } .we-persona__datos .we-persona__enlaces { border: 0; padding: 0; margin-top: 4px !important; gap: 6px 12px; } .we-persona__datos .we-persona__icono svg { width: 22px; height: 22px; } .we-persona__bio { font-size: 14px; line-height: 1.5; } /* Dos bandas de color seguidas se tocan, sin franja blanca entre ellas */ .we-banda.alignfull + .we-banda.alignfull { margin-top: 0 !important; } /* Más títulos con el criterio único de enlaces: en negro; al pasar el ratón, fucsia y subrayado */ .we-ficha__proyecto b, .we-invitada-corta__texto h3 a { color: var(--wp--preset--color--tinta); text-decoration: none; } .we-ficha__proyecto:is(:hover, :focus-visible) b, .we-invitada-corta__texto h3 a:is(:hover, :focus-visible) { color: var(--wp--preset--color--magenta); text-decoration: underline; text-underline-offset: 3px; } /* Próximas actividades de la portada: etiqueta corta en la píldora y el lugar aparte, en texto */ .we-tarjeta .we-tarjeta__lugar { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: 14px; font-weight: 600; line-height: 1.35; } .we-tarjeta__lugar svg { flex-shrink: 0; margin-top: 1px; } /* Alianzas, «Cómo lo hacemos juntas»: las fases de Qué hacemos, con el texto algo menor porque es más largo */ .we-col-metodo .we-fase p:not(.we-fase__num) { font-size: 16px; line-height: 1.55; } /* Quiénes somos, «¿Con quién hablar?»: icono y etiqueta en una línea y los correos siempre a la misma altura */ .we-contacto { display: flex; flex-direction: column; gap: 8px; } .we-contacto .we-contacto__que { margin: 0 !important; gap: 8px; line-height: 1.3; } .we-qs-contacto .we-contacto__que.we-titulo-icono::before { width: 20px; height: 20px; } .we-contacto .we-contacto__correo { margin-top: auto !important; } /* «Cómo nos organizamos»: títulos con la misma altura y enlaces alineados abajo en todas las tarjetas */ @media (min-width: 701px) { .we-org-grid--igualadas .we-org h3 { min-height: 2.5em; } } body .wp-block-post-content .we-org-grid--igualadas .we-org .we-org__enlace { margin-top: auto !important; padding-top: 6px; } /* «¿Con quién hablar?»: columnas al ancho de su contenido, con la misma separación entre todas (cuando caben las cuatro) */ @media (min-width: 1200px) { .we-contacto-grid { display: flex; justify-content: space-between; gap: 24px; } .we-contacto-grid > .we-contacto { flex: 0 0 auto; } } /* «Cómo nos organizamos» va sobre blanco: las tarjetas llevan el fondo rosa */ .we-org-grid--igualadas .we-org { background: var(--wp--preset--color--rosa-claro); } /* La tarjeta de la carta abierta, alineada a la izquierda con la línea temporal */ .we-qs-historia > .we-qs-carta { margin-left: 30px !important; margin-right: auto !important; } @media (max-width: 700px) { .we-qs-historia > .we-qs-carta { margin-left: 0 !important; } } /* Página en inglés: cabecera sencilla (logo, Español y Get in touch); el pie sencillo usa .we-pie__legal */ .we-cabecera--simple .wp-block-navigation-item.is-espanol > a { font-weight: 700; } #contact { scroll-margin-top: 24px; } @media (max-width: 480px) { .we-cabecera--simple .we-logo img { width: 126px !important; } .we-cabecera--simple .wp-block-navigation { gap: 12px !important; font-size: 14px; } .we-cabecera--simple .wp-block-navigation-item.is-cta > a { padding: 9px 14px; } } .we-cabecera--simple .wp-block-navigation-item > a { white-space: nowrap; } @media (max-width: 400px) { .we-cabecera--simple .we-logo img { width: 104px !important; } .we-cabecera--simple .wp-block-navigation { gap: 8px !important; font-size: 13px; } .we-cabecera--simple .wp-block-navigation-item.is-cta > a { padding: 8px 12px; } } /* Línea temporal: la línea y las curvas son decoración y no deben tapar los enlaces de los hitos */ .we-historia__hito::before, .we-historia__hito::after { pointer-events: none; } /* Títulos dentro del texto corrido, en toda la web (nov. 2026): la misma distancia en proyectos, actividades, noticias y textos legales. Solo afecta a los títulos directos del contenido; los de bandas y tarjetas tienen la suya. */ body:not(.we-x) .wp-block-post-content > h2:not(:first-child) { margin-top: 48px !important; margin-bottom: 0 !important; } body.page:not(.we-x) .we-legal-texto .wp-block-post-content > h2:not(:first-child) { margin-top: 18px !important; } body:not(.we-x) .wp-block-post-content > :is(h2, h3) + * { margin-top: 18px !important; } /* En proyectos, actividades y textos legales el contenido ya lleva separación propia entre bloques (18, 22 y 14 px): se descuenta */ body.single-proyecto:not(.we-x) .wp-block-post-content > h2:not(:first-child) { margin-top: 30px !important; } body.single-actividad:not(.we-x) .wp-block-post-content > h2:not(:first-child) { margin-top: 26px !important; } body.single-proyecto:not(.we-x) .wp-block-post-content > :is(h2, h3) + * { margin-top: 0 !important; } body.single-actividad:not(.we-x) .wp-block-post-content > :is(h2, h3) + * { margin-top: -4px !important; } body.page:not(.we-x) .we-legal-texto .wp-block-post-content > :is(h2, h3) + * { margin-top: 4px !important; } /* Cabecera del perfil (nov. 2026): a la izquierda foto y contacto; a la derecha nombre, cargo y métricas. Las dos columnas, a la misma altura */ .we-persona-cab.we-persona-cab { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 48px; align-items: stretch !important; } .we-persona-cab__lado { display: flex; flex-direction: column; gap: 12px; min-width: 0; } .we-persona-cab__lado .we-retrato { flex: 1 1 auto; width: 100%; height: auto; min-height: 200px; } .we-persona-cab__lado .we-retrato img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; } .we-persona-cab__lado .we-persona__enlaces { justify-content: center; gap: 14px; } .we-persona-cab__cargo { font-weight: 400; font-size: 18px; line-height: 1.4; color: var(--wp--preset--color--tinta); } .we-persona-cab__cargo b { font-weight: 700; color: var(--wp--preset--color--magenta); } .we-persona-cab__texto .we-persona-cifras { margin-top: auto !important; max-width: 620px; } @media (max-width: 700px) { .we-persona-cab.we-persona-cab { grid-template-columns: minmax(0, 1fr); gap: 24px; } .we-persona-cab__lado .we-retrato { flex: none; height: 300px; } } /* Años dentro de un desplegable «Ver N más» de los perfiles: título en negro, sin el fucsia del enlace principal */ .we-mas .we-anio > summary { color: var(--wp--preset--color--tinta); margin-bottom: 0; } /* Galería de retratos ilustrados (proyecto Investigadoras en los Archivos Estatales) */ .we-ilustraciones { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; } .we-ilustraciones > * { margin: 0 !important; } body .wp-block-post-content .we-ilustraciones .wp-block-image { display: block; width: 100%; margin: 0 !important; } body .wp-block-post-content .we-ilustraciones img { width: 100%; height: auto; border-radius: 10px; } body .wp-block-post-content .we-ilustraciones figcaption { display: block; margin-top: 8px; font-size: 13px; line-height: 1.3; text-align: left; } @media (max-width: 700px) { .we-ilustraciones { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Logos de quien financia un proyecto: más grandes que los de quienes colaboran */ .we-logos--financia img { max-height: 110px !important; max-width: 320px !important; } /* Desplegables con línea: la línea de cierre, a la misma distancia del texto que la de arriba */ .we-faq[open] { padding-bottom: 20px; } .we-articulos[open] > :last-child:not(summary) { margin-bottom: 18px !important; } /* El contorno de foco solo para quien navega con teclado, no al hacer clic */ summary:focus:not(:focus-visible) { outline: none; } /* Muro de logos: los que traen fondo blanco se funden con la tarjeta, como los transparentes */ .we-muro li:not(.is-claro) img { mix-blend-mode: multiply; } /* Organizaciones sin logo a la vista: lista de nombres en columnas */ .we-muro-nombres { list-style: none; margin: 0; padding: 0; columns: 3; column-gap: 40px; font-size: 15px; line-height: 1.4; color: var(--wp--preset--color--texto-secundario); } .we-muro-nombres li { break-inside: avoid; margin: 0 0 8px; } @media (max-width: 900px) { .we-muro-nombres { columns: 2; column-gap: 24px; } } @media (max-width: 520px) { .we-muro-nombres { columns: 1; } } /* Tipos de actividad: sin cifra, el hueco solo hace falta cuando van en columnas */ .we-tipo-act__num.is-vacia { visibility: hidden; } @media (max-width: 600px) { .we-tipo-act__num.is-vacia { display: none; } } /* Participa, Cómo convivimos: la caja de textos completos, centrada en vertical en la sección */ .we-convivencia__normas { align-self: center; margin-top: 0 !important; } /* Sala de prensa: más compacta y alineada */ .we-prensa-sala.we-qs-intro { padding-bottom: 8px; } .we-prensa-sala .we-qs-intro__texto > :last-child { margin-bottom: 0 !important; } .wp-block-post-content > .we-prensa-kit, .wp-block-post-content > .we-prensa-dos, .wp-block-post-content > .we-prensa-datos { margin-top: 0 !important; padding-top: 48px; } .we-prensa-kit > :last-child, .we-prensa-datos > :last-child { margin-bottom: 0 !important; } .we-prensa-kit .we-galeria-prensa { grid-auto-rows: 150px; } @media (max-width: 800px) { .we-prensa-kit .we-galeria-prensa { grid-auto-rows: 120px; } } .we-prensa-kit .we-kit { gap: 16px; } .we-prensa-kit .we-kit__item { padding: 18px; gap: 6px; } .we-prensa-datos { padding-bottom: 56px; } .we-prensa-datos .we-datos-clave div { padding: 9px 0; } /* Pie: llamada a apoyar, en el hueco bajo las secciones y alineada abajo con las redes */ .we-pie__navegacion { display: flex; flex-direction: column; gap: 32px; } .we-pie__apoyo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-top: auto; padding: 20px 24px; border: 1px solid #3A2A40; border-radius: 16px; font-weight: 400; } .we-pie__apoyo p { margin: 0; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.35; } .we-pie__apoyo .we-pie__apoyo-boton { display: inline-block; padding: 12px 26px; border-radius: 999px; background: var(--wp--preset--color--magenta); color: #fff; font-weight: 800; font-size: 16px; text-decoration: none; white-space: nowrap; } .we-pie__apoyo .we-pie__apoyo-boton:hover, .we-pie__apoyo .we-pie__apoyo-boton:focus-visible { background: var(--wp--preset--color--magenta-oscuro); color: #fff; } /* Sala de prensa, cabecera como la de Noticias: cifras bajo el texto; foto 4:3 con el contacto debajo */ .we-prensa-media { flex: 1 1 440px; min-width: 0; } .we-prensa-media > * { margin-left: 0 !important; margin-right: 0 !important; } .we-prensa-media .we-prensa-foto { margin: 0 !important; } .we-prensa-sala .we-prensa-media .we-prensa-contacto { background: none; border-radius: 0; padding: 0; gap: 2px; margin: 14px 0 0 !important; } .we-prensa-sala .we-prensa-media .we-prensa-contacto__correo a { font-size: 26px; line-height: 1.25; } .we-prensa-sala .we-numeros__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; grid-auto-columns: auto; gap: 12px; } .we-prensa-sala .we-numero { padding: 14px; } .we-prensa-sala .we-numero__icono { width: 44px; height: 44px; margin-bottom: 6px; } .we-prensa-sala .we-numero__cifra { font-size: clamp(26px, 2.4vw, 32px); } @media (min-width: 901px) { .we-prensa-sala.we-qs-intro { align-items: stretch !important; } .we-prensa-sala .we-qs-intro__texto { display: flex; flex-direction: column; } .we-prensa-sala .we-qs-intro__texto > :last-child { margin-top: auto !important; } .we-prensa-sala .we-numero { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; align-items: center; justify-items: start; text-align: left; } .we-prensa-sala .we-numero__icono { grid-row: 1 / span 3; margin-bottom: 0; } .we-prensa-sala .we-numero__cifra { margin-bottom: 0; } } .we-prensa-sala .we-prensa-media { margin-top: 0 !important; } /* Un solo ritmo vertical en todas las páginas de secciones: la misma distancia entre un bloque y el siguiente */ :root { --we-sep: clamp(44px, 6vw, 64px); } .page-template-pagina-ancha .wp-block-post-content > * { margin-top: var(--we-sep) !important; margin-bottom: 0 !important; } .page-template-pagina-ancha .wp-block-post-content > :first-child { margin-top: 0 !important; } .page-template-pagina-ancha .wp-block-post-content > .alignwide:not(.we-oscuro):not(.we-cierre):not(.we-encuentro) { padding-bottom: 0 !important; } .page-template-pagina-ancha .wp-block-post-content > .alignwide:not(.we-oscuro):not(.we-cierre):not(.we-encuentro):not(:first-child) { padding-top: 0 !important; } .page-template-pagina-ancha .wp-block-post-content > .alignwide:not(.we-oscuro):not(.we-cierre):not(.we-encuentro) > :last-child { margin-bottom: 0 !important; } .page-template-pagina-ancha .wp-block-post-content > .alignfull { padding-top: var(--we-sep) !important; padding-bottom: var(--we-sep) !important; } .page-template-pagina-ancha .wp-block-post-content > .alignfull + .alignfull { margin-top: 0 !important; } .page-template-pagina-ancha .wp-block-post-content > .alignwide:last-child { margin-bottom: var(--we-sep) !important; } /* Ficha para citarnos: banda azul, con el icono del título en azul */ .we-banda.we-prensa-datos > * { margin-left: auto !important; margin-right: auto !important; width: 100%; } .we-banda--azul .we-titulo-icono::before { background: var(--wp--preset--color--azul-texto); } .we-banda--azul .we-datos-clave div { border-top-color: #C9D9EA; } /* Franja de logos de Alianzas: en una línea solo si caben; si no, en dos */ @media (min-width: 1100px) { .we-confianza ul { gap: 16px; } } @media (min-width: 1100px) and (max-width: 1279px) { .we-confianza ul { flex-wrap: wrap; justify-content: center; gap: 24px 36px; } } /* Participa: las fotos de las reuniones son cuadradas y se ven enteras */ .we-reunion:has(.we-reunion__foto) { grid-template-columns: 280px 1fr; } .we-reunion__foto img { aspect-ratio: 1; height: auto; min-height: 0; } .we-reunion__cuerpo { min-height: 0; } @media (max-width: 1100px) { .we-reunion:has(.we-reunion__foto) { grid-template-columns: 220px 1fr; } } @media (max-width: 560px) { .we-reunion:has(.we-reunion__foto) { grid-template-columns: 1fr; } } .we-reunion__foto { align-self: center; } /* Agenda: un botón por calendario */ .we-suscribir__botones { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .we-suscribir__botones .we-boton-ancho { padding: 10px 6px; font-size: 14px; white-space: nowrap; }