/* JAE 3.2 — shared visual system for internal pages and WooCommerce. */
body.jae3-global-enabled {
--jae-content: min(1320px,calc(100% - 56px));
color: var(--jae-ink);
background: var(--jae-paper);
font-family: var(--jae-font-body);
}
body.jae3-global-enabled :where(h1,h2,h3,h4,.elementor-heading-title,.entry-title,.page-title) {
font-family: var(--jae-font-display) !important;
font-weight: 760;
font-variation-settings: "wght" 760;
text-wrap: balance;
}
body.jae3-global-enabled :where(a,button,input,select,textarea) { font-family: inherit; }
body.jae3-global-enabled :where(.entry-title a,.page-title a,.elementor-heading-title a,.woocommerce-loop-product__title a) { transition: color .25s; }
body.jae3-global-enabled :where(.entry-title a,.page-title a,.elementor-heading-title a,.woocommerce-loop-product__title a):hover { color: var(--jae-accent) !important; }
/* Internal page intro is additive: Elementor and every dynamic loop remain native. */
.jae3-internal-hero {
position: relative;
min-height: 430px;
display: grid;
align-items: end;
isolation: isolate;
overflow: hidden;
color: #fff;
background: var(--jae-navy);
}
.jae3-internal-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg,rgba(1,31,45,.96) 0%,rgba(2,48,71,.82) 48%,rgba(2,48,71,.2) 100%),linear-gradient(0deg,rgba(1,31,45,.55),transparent 55%);
}
.jae3-internal-hero__media { position: absolute; inset: 0; z-index: -2; }
.jae3-internal-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 47%; filter: saturate(.88) contrast(1.04); animation: jae3-internal-drift 16s ease-in-out infinite alternate; }
.jae3-internal-hero__content { position: relative; padding-block: 95px 72px; }
.jae3-internal-hero h1 { max-width: 980px; margin: 20px 0 18px; color: #fff; font-size: clamp(54px,7vw,96px); font-weight: 820 !important; font-variation-settings: "wght" 820; line-height: .92; letter-spacing: -.07em; }
.jae3-internal-hero p { max-width: 630px; margin: 0; color: rgba(255,255,255,.75); font-size: clamp(17px,1.5vw,21px); line-height: 1.55; }
.jae3-internal-hero__mark { position: absolute; right: 0; bottom: -42px; z-index: -1; color: transparent; font-size: clamp(120px,18vw,260px); font-weight: 850; letter-spacing: -.1em; -webkit-text-stroke: 1px rgba(255,255,255,.14); }
@keyframes jae3-internal-drift { to { transform: scale(1.035) translateX(-.8%); } }
body.jae3-internal-page .jae3-source-title { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; }
body.jae3-internal-page .site-content,
body.jae3-internal-page #content { background: var(--jae-paper); }
/* Editorial pages and custom post archives. */
body.jae3-global-enabled:not(.jae-v3-enabled) :where(.site-main > .page-header,.site-main > .entry-header,.woocommerce-products-header) {
width: var(--jae-content);
margin: 64px auto 30px;
}
body.jae3-global-enabled:not(.jae-v3-enabled) :where(.entry-content,.page-content,.archive-content) {
--e-global-color-primary: var(--jae-navy);
color: var(--jae-ink);
}
body.jae3-global-enabled:not(.jae-v3-enabled) :where(.entry-content,.page-content) :where(p,li) { line-height: 1.72; }
body.jae3-global-enabled:not(.jae-v3-enabled) :where(.elementor-widget-container,.e-con,.elementor-section) { --jae-motion-ease: var(--jae-ease); }
body.jae3-global-enabled :where(.post,.type-recurso,.type-proyectos,.type-etn,.type-equipo,.ecomus-post-grid__item,.elementor-post) {
border-radius: 22px;
}
body.jae3-global-enabled :where(.post-thumbnail,.entry-thumbnail,.ecomus-post-grid__thumbnail) { overflow: hidden; border-radius: 20px; }
body.jae3-global-enabled :where(.post-thumbnail,.entry-thumbnail,.ecomus-post-grid__thumbnail) img { transition: transform .8s var(--jae-ease),filter .5s; }
body.jae3-global-enabled :where(.post,.type-recurso,.type-proyectos,.type-etn,.type-equipo,.ecomus-post-grid__item):hover :where(.post-thumbnail,.entry-thumbnail,.ecomus-post-grid__thumbnail) img { transform: scale(1.035); }
/* Forms share the same accessible interaction language. */
body.jae3-global-enabled :where(input[type="text"],input[type="email"],input[type="search"],input[type="tel"],input[type="password"],input[type="number"],select,textarea) {
min-height: 52px;
color: var(--jae-ink);
background: #fff;
border: 1px solid var(--jae-line);
border-radius: 14px;
transition: border .25s,box-shadow .25s,background .25s;
}
body.jae3-global-enabled :where(input,select,textarea):focus { border-color: rgba(47,134,199,.6) !important; outline: 0; box-shadow: 0 0 0 5px rgba(47,134,199,.1); }
body.jae3-global-enabled :where(button,.button,input[type="submit"],.wp-element-button):not(.header-search__button) {
border-radius: 999px;
font-weight: 720;
transition: color .25s,background .25s,border .25s,box-shadow .3s,transform .3s var(--jae-ease);
}
body.jae3-global-enabled :where(button,.button,input[type="submit"],.wp-element-button):not(.header-search__button):hover { transform: translateY(-2px); }
/* WooCommerce stays fully native; only its presentation is upgraded. */
body.jae3-global-enabled.woocommerce :where(.site-main,.content-area),
body.jae3-global-enabled.woocommerce-page :where(.site-main,.content-area) { color: var(--jae-ink); }
body.jae3-global-enabled :where(.woocommerce .products,.wc-block-grid__products) { gap: 18px 0; }
body.jae3-global-enabled :where(.woocommerce ul.products li.product,.wc-block-grid__product) {
padding: 10px 10px 22px !important;
overflow: hidden;
background: #fff;
border: 1px solid rgba(2,48,71,.08);
border-radius: 22px;
box-shadow: 0 12px 36px rgba(2,48,71,.07);
transition: transform .42s var(--jae-ease),box-shadow .42s;
}
body.jae3-global-enabled :where(.woocommerce ul.products li.product,.wc-block-grid__product):hover { box-shadow: 0 28px 64px rgba(2,48,71,.13); transform: translateY(-7px); }
body.jae3-global-enabled .woocommerce ul.products li.product :where(.woocommerce-loop-product__link,.product-thumbnail) { overflow: hidden; border-radius: 16px; }
body.jae3-global-enabled .woocommerce ul.products li.product img { background: #f3f1eb; transition: transform .65s var(--jae-ease); }
body.jae3-global-enabled .woocommerce ul.products li.product:hover img { transform: scale(1.035); }
body.jae3-global-enabled .woocommerce ul.products li.product .woocommerce-loop-product__title { padding-inline: 8px; color: var(--jae-navy); font-size: 16px; font-weight: 750; line-height: 1.35; }
body.jae3-global-enabled .woocommerce ul.products li.product .price { padding-inline: 8px; color: var(--jae-navy); font-weight: 750; }
body.jae3-global-enabled .woocommerce :where(.button,.single_add_to_cart_button,.checkout-button) { color: #fff !important; background: var(--jae-accent) !important; border-color: var(--jae-accent) !important; box-shadow: 0 12px 28px rgba(246,125,13,.2); }
body.jae3-global-enabled .woocommerce :where(.button,.single_add_to_cart_button,.checkout-button):hover { color: #fff !important; background: var(--jae-navy) !important; border-color: var(--jae-navy) !important; }
body.jae3-global-enabled :where(.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-form-login,.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content,.product .summary) {
padding: clamp(22px,3vw,38px);
background: #fff;
border: 1px solid var(--jae-line);
border-radius: 24px;
box-shadow: 0 18px 50px rgba(2,48,71,.08);
}
body.jae3-global-enabled .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
body.jae3-global-enabled .woocommerce-MyAccount-navigation a { display: block; padding: 12px 14px; color: var(--jae-navy); border-radius: 11px; font-weight: 680; }
body.jae3-global-enabled .woocommerce-MyAccount-navigation li.is-active a,
body.jae3-global-enabled .woocommerce-MyAccount-navigation a:hover { color: #fff; background: var(--jae-navy); }
body.jae3-global-enabled :where(.woocommerce-message,.woocommerce-info,.woocommerce-error) { background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(2,48,71,.07); }
/* Shared footer treatment on pages that use the theme footer template. */
body.jae3-global-enabled .jae3-live-footer { color: rgba(255,255,255,.68) !important; background: var(--jae-navy-deep) !important; }
body.jae3-global-enabled .jae3-live-footer :where(h2,h3,h4,.widget-title) { color: #fff !important; }
body.jae3-global-enabled .jae3-live-footer a { transition: color .22s,transform .25s; }
body.jae3-global-enabled .jae3-live-footer a:hover { color: var(--jae-accent) !important; }
@media (max-width: 900px) {
body.jae3-global-enabled { --jae-content: min(100% - 36px,1320px); }
.jae3-internal-hero { min-height: 390px; }
.jae3-internal-hero__content { padding-block: 80px 60px; }
}
@media (max-width: 767px) {
body.jae3-global-enabled { --jae-content: calc(100% - 30px); }
.jae3-internal-hero { min-height: 360px; }
.jae3-internal-hero::after { background: linear-gradient(90deg,rgba(1,31,45,.95),rgba(2,48,71,.64)),linear-gradient(0deg,rgba(1,31,45,.62),transparent); }
.jae3-internal-hero__content { padding-block: 72px 50px; }
.jae3-internal-hero h1 { font-size: clamp(46px,14vw,65px); }
.jae3-internal-hero p { max-width: 92%; font-size: 16px; }
.jae3-internal-hero__mark { right: -10px; bottom: -28px; font-size: 120px; }
body.jae3-global-enabled :where(.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-form-login,.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content,.product .summary) { padding: 18px; border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
.jae3-internal-hero__media img { animation: none; }
}
/* ============================================================
JAE 3.6 — Hotfix & Refinement Pack (auditoría julio 2026)
============================================================ */
/* 1) Paleta de ministerios: tonos alineados con la marca JAE. */
:root {
--dept-youth: #2f86c7;
--dept-explorers: #d64533;
--dept-pioneers: #e8a20c;
--dept-guides: #2f9e63;
}
/* 2) Megamenú: anclado al ítem, nunca se sale de pantalla. */
html body.jae3-active .primary-menu > li.jae3-has-native-mega > .sub-menu.jae3-native-mega {
left: -18px !important;
right: auto !important;
transform: translateY(12px) !important;
}
html body.jae3-active .primary-menu > li.jae3-has-native-mega:hover > .sub-menu.jae3-native-mega,
html body.jae3-active .primary-menu > li.jae3-has-native-mega:focus-within > .sub-menu.jae3-native-mega {
transform: translateY(0) !important;
}
html body.jae3-active .primary-menu > li.jae3-has-native-mega.jae3-about-mega > .sub-menu.jae3-native-mega {
left: auto !important;
right: -130px !important;
}
/* 2b) Submenú anidado (Exploradores) integrado con el mismo lenguaje visual. */
html body.jae3-active .jae3-native-mega > li > .sub-menu {
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 0 4px 30px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
}
html body.jae3-active .jae3-native-mega > li > .sub-menu a {
min-height: 0 !important;
display: flex !important;
align-items: center;
padding: 6px 10px !important;
color: var(--jae-muted) !important;
border-radius: 9px;
font-size: 12px;
font-weight: 600;
}
html body.jae3-active .jae3-native-mega > li > .sub-menu a:hover {
color: var(--jae-accent) !important;
background: var(--jae-paper) !important;
}
/* 3) Logo: crossfade sin desplazamiento en hover. */
html body.jae3-active .site-branding,
html body.jae3-active .header-logo { position: relative !important; }
html body.jae3-active .jae3-native-logo-color {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: contain;
transform: none !important;
}
html body.jae3-active .site-branding:hover img.logo-dark,
html body.jae3-active .header-logo:hover img.logo-dark { transform: none !important; }
html body.jae3-active .site-branding:hover .jae3-native-logo-color,
html body.jae3-active .header-logo:hover .jae3-native-logo-color { transform: none !important; }
/* 4) Newsletter: un solo marco, como el buscador del header. */
body.jae3-global-enabled .jae3-newsletter__form input,
body.jae3-global-enabled .jae3-newsletter__form input:focus {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 999px !important;
}
@media (max-width: 767px) {
body.jae3-global-enabled .jae3-newsletter__form input { background: #fff !important; }
}
/* 5) Footer: eliminar franja clara entre bloques. */
body .elementor-element-2119b27 { display: none !important; }
/* 6) Modal Entrar: fila de envío ordenada. */
body.jae3-global-enabled .woocommerce-form-login .form-row.woocommerce-form-row--submit,
body.jae3-global-enabled .woocommerce-form-login .woocommerce-form-row--submit {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 14px !important;
}
body.jae3-global-enabled .woocommerce-form-login .woocommerce-form-row--submit button { width: 100% !important; }
body.jae3-global-enabled .woocommerce-form-login .woocommerce-form-row--submit a { text-align: center; font-weight: 700; }
/* 7) Sugerencias de búsqueda: primera letra sin recortar. */
.header-search__products .woocommerce-loop-product__title a { padding-left: 3px !important; }
/* 8) Tienda: más aire entre tarjetas de producto. */
body.jae3-global-enabled :where(.woocommerce .products, .wc-block-grid__products) { gap: 30px 24px !important; }
/* 9) Menú móvil: botón Tienda JAE en una sola línea. */
.header-mobile-menu__custom-text a {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
white-space: nowrap !important;
width: fit-content !important;
}
.header-mobile-menu__custom-text a > * { flex: 0 0 auto; }
/* 10) Beneficios de tienda centrados en móvil. */
@media (max-width: 767px) {
body.jae3-active .jae3-live-shop-trust { grid-template-columns: 1fr !important; gap: 18px; }
body.jae3-active .jae3-live-shop-trust > span {
width: fit-content;
margin-inline: auto;
padding: 0 !important;
border-right: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
body.jae3-active .jae3-live-shop-trust > span { padding: 0 16px; }
}
/* 11) Banner interior: contenido con márgenes y esquinas suaves. */
body.jae3-global-enabled .jae3-internal-hero {
width: var(--jae-content);
margin: 26px auto 10px;
border-radius: 30px;
min-height: 400px;
}
body.jae3-global-enabled .jae3-internal-hero__content { padding-inline: clamp(26px, 5vw, 70px); }
@media (max-width: 767px) {
body.jae3-global-enabled .jae3-internal-hero { min-height: 340px; border-radius: 22px; }
}
/* 12) Recursos: chips de ministerio y boton de acceso (como en la home). */
body.jae3-global-enabled .type-recurso .elementor-widget-post-info .elementor-widget-container {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
justify-content: center;
font-size: 0;
}
body.jae3-global-enabled .type-recurso .elementor-widget-post-info :where(ul, li, .elementor-icon-list-items, .elementor-icon-list-item, .elementor-post-info__item--type-terms, span.elementor-post-info__terms-list) { display: contents !important; }
.jae3-chip {
display: inline-flex !important;
align-items: center;
padding: 6px 13px;
border-radius: 999px;
font-size: 10.5px !important;
font-weight: 700;
letter-spacing: .02em;
color: #fff !important;
background: var(--dept, var(--jae-blue)) !important;
transition: filter .2s, transform .25s;
}
.jae3-chip:hover { filter: brightness(.92); transform: translateY(-1px); }
.jae3-res-btn {
width: 34px;
height: 34px;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-left: 4px;
color: var(--jae-navy);
background: #fff;
border: 1px solid var(--jae-line);
border-radius: 50%;
transition: color .25s, background .25s, border .25s, transform .25s;
}
.jae3-res-btn:hover { color: #fff; background: var(--jae-accent); border-color: var(--jae-accent); transform: translateY(-2px); }
/* 13) Fallback: ocultar hero antiguo duplicado sin esperar al JS. */
body.jae3-internal-page .elementor-element-39ef4a1c { display: none !important; }
/* 14) Fix real del megamenu: el UL del tema es .nav-menu (no .primary-menu). */
html body.jae3-active :is(.primary-menu, .nav-menu) > li.jae3-has-native-mega { position: relative !important; }
html body.jae3-active :is(.primary-menu, .nav-menu) > li.jae3-has-native-mega > .sub-menu.jae3-native-mega {
left: -18px !important;
right: auto !important;
top: 100% !important;
transform: translateY(12px) !important;
border-radius: 0 0 24px 24px !important;
padding: 14px !important;
border: 1px solid var(--jae-line) !important;
box-shadow: 0 32px 80px rgba(2,48,71,.2) !important;
}
html body.jae3-active :is(.primary-menu, .nav-menu) > li.jae3-has-native-mega:hover > .sub-menu.jae3-native-mega,
html body.jae3-active :is(.primary-menu, .nav-menu) > li.jae3-has-native-mega:focus-within > .sub-menu.jae3-native-mega {
transform: translateY(0) !important;
}
html body.jae3-active :is(.primary-menu, .nav-menu) > li.jae3-has-native-mega.jae3-about-mega > .sub-menu.jae3-native-mega {
left: auto !important;
right: -130px !important;
}
/* Si el panel queda mas ancho que el hueco disponible, limitarlo. */
html body.jae3-active :is(.primary-menu, .nav-menu) > li.jae3-has-native-mega > .sub-menu.jae3-native-mega { max-width: min(960px, calc(100vw - 80px)) !important; }
/* 15) Megamenu: punto de color coherente en todos los items (incl. Exploradores) y sin caret del tema. */
html body.jae3-active .jae3-native-mega > li:not(.jae3-native-mega-media) > a::before {
content: "" !important;
width: 8px !important;
height: 8px !important;
flex: 0 0 auto !important;
margin-right: 10px !important;
background: var(--dept-color, var(--jae-blue)) !important;
border-radius: 50% !important;
border: 0 !important;
box-shadow: 0 0 0 5px color-mix(in srgb, var(--dept-color, var(--jae-blue)) 12%, transparent) !important;
position: static !important;
transform: none !important;
}
html body.jae3-active .jae3-native-mega > li > a::after { display: none !important; content: none !important; }
/* 16) El tema enmascara el ::before como caret: anular mascara para que sea un punto. */
html body.jae3-active .jae3-native-mega > li:not(.jae3-native-mega-media) > a::before {
-webkit-mask: none !important;
mask: none !important;
-webkit-mask-image: none !important;
mask-image: none !important;
}
html body.jae3-active .jae3-native-mega .sub-menu a::before { display: none !important; }
/* 17) Pagina Ministerios: logotipos de departamento a escala editorial. */
body.page-id-427 .elementor-widget-image img {
max-height: 300px;
width: auto;
margin-inline: auto;
}
@media (max-width: 767px) {
body.page-id-427 .elementor-widget-image img { max-height: 210px; }
}
/* ============================================================
JAE 3.7 — Pack de mejoras (julio 2026, ronda 2)
============================================================ */
/* 18) Aire entre banner y contenido en todas las paginas. */
body.jae3-global-enabled .jae3-internal-hero { margin: 26px auto clamp(44px, 5vw, 72px); }
/* 19) Movil: sin crossfade de logo (desaparecia) y hover del boton Tienda JAE. */
@media (max-width: 1024px) {
html body.jae3-active .jae3-native-logo-color { display: none !important; }
html body.jae3-active .header-logo:hover img.logo-dark,
html body.jae3-active .site-branding:hover img.logo-dark { opacity: 1 !important; transform: none !important; }
}
.header-mobile-menu__custom-text a { transition: background .25s, transform .25s, box-shadow .3s; }
.header-mobile-menu__custom-text a:hover,
.header-mobile-menu__custom-text a:active {
background: var(--jae-accent) !important;
color: #fff !important;
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(246,125,13,.28);
}
/* 20) Tienda: grid nativo con gutters correctos (columnas exactas). */
body.jae3-global-enabled :where(.woocommerce .products, .wc-block-grid__products) { gap: 0 !important; }
@media (min-width: 1025px) {
body.jae3-global-enabled ul.products { column-gap: 24px !important; }
body.jae3-global-enabled ul.products.columns-2 > li.product { width: calc(50% - 12px) !important; }
body.jae3-global-enabled ul.products.columns-3 > li.product { width: calc(33.3333% - 16px) !important; }
body.jae3-global-enabled ul.products.columns-4 > li.product { width: calc(25% - 18px) !important; }
body.jae3-global-enabled ul.products.columns-5 > li.product { width: calc(20% - 19.2px) !important; }
body.jae3-global-enabled ul.products.columns-6 > li.product { width: calc(16.6666% - 20px) !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
body.jae3-global-enabled ul.products { column-gap: 18px !important; }
body.jae3-global-enabled ul.products > li.product { width: calc(33.3333% - 12px) !important; }
}
@media (max-width: 767px) {
body.jae3-global-enabled ul.products { column-gap: 14px !important; }
body.jae3-global-enabled ul.products > li.product { width: calc(50% - 7px) !important; }
}
/* 21) Cartas de ministerios de la home con la paleta nueva. */
html body.jae3-active .jae3-ministry.dept-youth { background: linear-gradient(145deg, color-mix(in srgb, var(--dept-youth) 90%, #fff), color-mix(in srgb, var(--dept-youth) 66%, #000)) !important; }
html body.jae3-active .jae3-ministry.dept-explorers { background: linear-gradient(145deg, color-mix(in srgb, var(--dept-explorers) 90%, #fff), color-mix(in srgb, var(--dept-explorers) 66%, #000)) !important; }
html body.jae3-active .jae3-ministry.dept-pioneers { background: linear-gradient(145deg, color-mix(in srgb, var(--dept-pioneers) 92%, #fff), color-mix(in srgb, var(--dept-pioneers) 62%, #000)) !important; }
html body.jae3-active .jae3-ministry.dept-guides { background: linear-gradient(145deg, color-mix(in srgb, var(--dept-guides) 90%, #fff), color-mix(in srgb, var(--dept-guides) 66%, #000)) !important; }
/* 22) Etiquetas multi-departamento divididas en chips consistentes. */
.jae3-dept-tag.jae3-split {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
display: flex !important;
gap: 6px;
flex-wrap: wrap;
backdrop-filter: none !important;
box-shadow: none !important;
}
/* 23) Boton de descarga de recursos: estilo descarga, protagonista. */
.jae3-res-btn {
width: 38px;
height: 38px;
color: #fff;
background: var(--jae-accent);
border-color: var(--jae-accent);
box-shadow: 0 10px 22px rgba(246,125,13,.28);
}
.jae3-res-btn:hover { color: #fff; background: var(--jae-navy); border-color: var(--jae-navy); transform: translateY(-2px); }
/* 24) Archivo de categoria de recursos: grid de tarjetas uniforme. */
body[class*="recurso-categoria"] .site-main.em-row {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 26px;
width: var(--jae-content);
margin: 0 auto 80px;
}
body[class*="recurso-categoria"] .site-main.em-row > * { width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; }
body[class*="recurso-categoria"] .site-main.em-row > nav,
body[class*="recurso-categoria"] .site-main.em-row > .woocommerce-pagination,
body[class*="recurso-categoria"] .site-main.em-row > .page-header { grid-column: 1 / -1; }
body[class*="recurso-categoria"] article.type-recurso {
overflow: hidden;
background: #fff;
border: 1px solid var(--jae-line);
border-radius: 20px;
padding: 14px 14px 20px;
box-shadow: 0 12px 34px rgba(2,48,71,.07);
transition: transform .35s var(--jae-ease), box-shadow .35s;
}
body[class*="recurso-categoria"] article.type-recurso:hover { transform: translateY(-5px); box-shadow: 0 24px 52px rgba(2,48,71,.13); }
body[class*="recurso-categoria"] article.type-recurso img { width: 100%; height: 230px; object-fit: cover; border-radius: 14px; }
body[class*="recurso-categoria"] article.type-recurso :where(.entry-title, h2, h3) { margin: 14px 4px 6px; font-size: 17px; }
/* 25) Modal de video (Servicio y mision). */
.jae3-video-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: grid;
place-items: center;
padding: 4vmin;
background: rgba(1, 20, 30, .88);
backdrop-filter: blur(6px);
animation: jae37-fade .25s ease;
}
@keyframes jae37-fade { from { opacity: 0; } }
.jae3-video-modal__inner {
position: relative;
width: min(1100px, 96vw);
aspect-ratio: 16 / 9;
background: #000;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 40px 120px rgba(0,0,0,.5);
}
.jae3-video-modal__inner iframe,
.jae3-video-modal__inner video { width: 100%; height: 100%; display: block; border: 0; background: #000; object-fit: contain; }
.jae3-video-modal__close {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 40px;
height: 40px;
display: grid;
place-items: center;
color: #fff;
background: rgba(0,0,0,.55);
border: 1px solid rgba(255,255,255,.35);
border-radius: 50%;
font-size: 22px;
line-height: 1;
cursor: pointer;
transition: background .2s, transform .25s;
}
.jae3-video-modal__close:hover { background: var(--jae-accent); transform: rotate(90deg); }
/* 26) Animaciones de entrada en paginas interiores (premium). */
.jae3-rv { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--jae-ease), transform .7s var(--jae-ease); }
.jae3-rv.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .jae3-rv { opacity: 1 !important; transform: none !important; transition: none !important; } }
/* 27) Toques premium de contenido interior. */
body.jae3-internal-page .entry-content img,
body.jae3-internal-page .elementor-widget-image img { border-radius: 18px; }
body.jae3-internal-page .elementor-button { border-radius: 999px !important; }
body.jae3-internal-page .e-con.e-parent { scroll-margin-top: 160px; }
/* ============================================================
JAE 3.8 — Ronda 3 (julio 2026)
============================================================ */
/* 28) Modal iglesia: fondo rectangular a pantalla completa. */
.jae3-church-modal__backdrop { border-radius: 0 !important; backdrop-filter: blur(4px); }
/* 29) Movil: crossfade del logo (seguro, el clon lo garantiza el JS). */
@media (max-width: 1024px) {
html body.jae3-active .jae3-native-logo-color {
display: block !important;
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: contain;
opacity: 0;
transform: none !important;
transition: opacity .35s;
pointer-events: none;
}
html body.jae3-active .header-logo:hover .jae3-native-logo-color,
html body.jae3-active .header-logo:active .jae3-native-logo-color { opacity: 1; }
html body.jae3-active .header-logo:hover img.logo-dark,
html body.jae3-active .header-logo:active img.logo-dark { opacity: 0 !important; }
}
/* 30) Menu movil: toggles +/- correctos (la regla de subrayado los pisaba). */
html body.jae3-active .hambuger-navigation ul.menu li.menu-item-has-children > a::before { background: var(--jae-navy) !important; }
html body.jae3-active .hambuger-navigation ul.menu li.menu-item-has-children > a::after {
background: var(--jae-navy) !important;
transform: translateY(-50%) rotate(-90deg) !important;
transition: transform .3s !important;
}
html body.jae3-active .hambuger-navigation ul.menu li.menu-item-has-children.active > a::after { transform: translateY(-50%) rotate(0deg) !important; }
/* 31) Beneficios de tienda centrados de verdad en movil. */
@media (max-width: 767px) {
body.jae3-active .jae3-live-shop-trust { display: flex !important; flex-direction: column; align-items: center; gap: 24px; }
body.jae3-active .jae3-live-shop-trust > span {
display: flex !important;
flex-direction: column;
align-items: center;
text-align: center;
gap: 3px;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.jae3-active .jae3-live-shop-trust i { margin-bottom: 7px; }
}
/* 32) Seccion Cerca de ti: sin franjas blancas. */
body.jae3-active .jae3-locator { background: var(--jae-paper) !important; }
body.jae3-active .elementor-element-57c48b41 { display: none !important; }
/* 33) Toolbar de recursos (orden, tipo, cantidad). */
.jae3-res-toolbar {
display: flex;
flex-wrap: wrap;
gap: 10px 18px;
align-items: center;
width: var(--jae-content);
margin: 4px auto 30px;
}
.jae3-res-toolbar label { display: flex; align-items: center; gap: 9px; color: var(--jae-muted); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.jae3-res-toolbar select {
min-height: 44px;
padding: 0 34px 0 16px;
color: var(--jae-navy);
background: #fff;
border: 1px solid var(--jae-line);
border-radius: 999px;
font-weight: 600;
cursor: pointer;
}
.jae3-res-toolbar select:hover { border-color: rgba(2,48,71,.35); }
.jae3-res-count { margin-left: auto; color: var(--jae-muted); font-size: 12.5px; font-weight: 600; }
@media (max-width: 767px) { .jae3-res-count { margin-left: 0; width: 100%; } }
/* 34) Pagina Ministerios: tarjetas premium por departamento. */
body.page-id-427 .elementor-element-38e03d08 { --dept: var(--dept-youth); }
body.page-id-427 .elementor-element-29d4ef14 { --dept: var(--dept-explorers); }
body.page-id-427 .elementor-element-e8f56fc { --dept: var(--dept-pioneers); }
body.page-id-427 .elementor-element-4c45590 { --dept: var(--dept-guides); }
body.page-id-427 :is(.elementor-element-38e03d08, .elementor-element-29d4ef14, .elementor-element-e8f56fc, .elementor-element-4c45590) {
width: var(--jae-content) !important;
max-width: var(--jae-content) !important;
margin: 0 auto 38px !important;
padding: clamp(26px, 4vw, 54px) !important;
position: relative;
overflow: hidden;
isolation: isolate;
background: color-mix(in srgb, var(--dept) 7%, #fff);
border: 1px solid color-mix(in srgb, var(--dept) 22%, transparent);
border-radius: 30px;
box-shadow: 0 18px 48px color-mix(in srgb, var(--dept) 10%, transparent);
}
body.page-id-427 :is(.elementor-element-38e03d08, .elementor-element-29d4ef14, .elementor-element-e8f56fc, .elementor-element-4c45590)::before {
content: "";
position: absolute;
top: -140px;
right: -140px;
z-index: -1;
width: 360px;
height: 360px;
border: 64px solid color-mix(in srgb, var(--dept) 11%, transparent);
border-radius: 50%;
}
body.page-id-427 .elementor-widget-image img { filter: drop-shadow(0 16px 30px rgba(2,48,71,.14)); transition: transform .5s var(--jae-ease); }
body.page-id-427 :is(.elementor-element-38e03d08, .elementor-element-29d4ef14, .elementor-element-e8f56fc, .elementor-element-4c45590):hover .elementor-widget-image img { transform: scale(1.04) rotate(-1deg); }
/* 35) Botones Area de X con color de departamento. */
.jae3-area-btn {
display: inline-flex !important;
align-items: center;
gap: 10px;
min-height: 50px;
padding: 12px 27px !important;
color: #fff !important;
background: var(--dept, var(--jae-navy)) !important;
border: 0 !important;
border-radius: 999px !important;
font-weight: 700;
box-shadow: 0 12px 28px color-mix(in srgb, var(--dept, var(--jae-navy)) 30%, transparent);
transition: transform .3s var(--jae-ease), box-shadow .3s, filter .25s;
}
.jae3-area-btn:hover { color: #fff !important; transform: translateY(-3px); filter: brightness(.94); }
.jae3-area-btn.dept-youth { --dept: var(--dept-youth); }
.jae3-area-btn.dept-explorers { --dept: var(--dept-explorers); }
.jae3-area-btn.dept-pioneers { --dept: var(--dept-pioneers); }
.jae3-area-btn.dept-guides { --dept: var(--dept-guides); }
/* 36) Menu movil: geometria completa del toggle +/- (la regla de subrayado lo desplazaba). */
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children > a::before,
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children > a::after {
content: " " !important;
position: absolute !important;
top: 50% !important;
right: 0 !important;
left: auto !important;
bottom: auto !important;
margin-top: -1px !important;
width: 10px !important;
height: 2px !important;
display: inline-block !important;
background: var(--jae-navy) !important;
}
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children > a::before { transform: translateY(-50%) !important; }
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children > a::after { transform: translateY(-50%) rotate(-90deg) !important; transition: transform .3s !important; }
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children.active > a::after { transform: translateY(-50%) rotate(0deg) !important; }
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children > a::before,
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children > a::after { transform-origin: 50% 50% !important; }
/* ============================================================
JAE 3.9 — Ronda 4 (julio 2026)
============================================================ */
/* 37) Hero movil: botones en horizontal. */
@media (max-width: 767px) {
.jae3-hero__actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 14px !important; }
.jae3-hero__actions .jae3-button { min-height: 50px; padding: 0 18px; white-space: nowrap; }
}
/* 38) Beneficios tienda movil: hibrido compacto (icono + textos en fila). */
@media (max-width: 767px) {
body.jae3-active .jae3-live-shop-trust { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 14px !important; }
body.jae3-active .jae3-live-shop-trust > span {
display: grid !important;
grid-template-columns: 44px 1fr !important;
gap: 1px 14px !important;
align-items: center !important;
text-align: left !important;
width: 100% !important;
max-width: 320px;
margin: 0 auto !important;
padding: 0 !important;
border: 0 !important;
}
body.jae3-active .jae3-live-shop-trust i { grid-row: 1 / 3; width: 40px; height: 40px; margin: 0 !important; }
body.jae3-active .jae3-live-shop-trust strong, body.jae3-active .jae3-live-shop-trust small { grid-column: 2; }
}
/* 39) Menu movil: hover naranja tambien en items con submenu. */
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children > a {
background-image: linear-gradient(var(--jae-accent), var(--jae-accent));
background-repeat: no-repeat;
background-size: 0 2px;
background-position: 0 calc(100% - 10px);
transition: background-size .35s var(--jae-ease), color .25s;
}
html body.jae3-active .hambuger-navigation ul.menu > li.menu-item-has-children:hover > a { background-size: calc(100% - 26px) 2px; }
/* 40) Recursos: barra de filtros unificada (la de Elementor se oculta). */
body.jae3-global-enabled .e-filter { display: none !important; }
.jae3-res-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; width: var(--jae-content); margin: 0 auto 22px; }
.jae3-res-filters .jae3-chip { font-size: 12px !important; padding: 9px 17px; cursor: pointer; transition: transform .25s var(--jae-ease), box-shadow .25s, filter .2s; }
.jae3-res-filters .jae3-chip:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(2,48,71,.14); }
.jae3-res-filters .jae3-chip.jae3-filter-active {
background: transparent !important;
color: var(--jae-navy) !important;
font-weight: 800;
text-decoration: underline 2.5px var(--jae-accent);
text-underline-offset: 7px;
box-shadow: none !important;
}
.jae3-res-filters .jae3-chip.jae3-filter-active:hover { transform: none; }
/* 41) Tarjetas de recurso en archivos de categoria: pie con chips y descarga. */
.jae3-res-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 10px 4px 2px; }
/* 42) Switcher de departamentos (estilo eudyouth). */
.jae3-dept-switch { display: flex; flex-wrap: wrap; gap: 10px; width: var(--jae-content); margin: -14px auto 46px; }
.jae3-dept-switch a {
display: inline-flex;
align-items: center;
gap: 9px;
min-height: 46px;
padding: 0 19px;
border-radius: 999px;
font-size: 13.5px;
font-weight: 700;
color: color-mix(in srgb, var(--dept) 72%, #000);
background: color-mix(in srgb, var(--dept) 10%, #fff);
border: 1px solid color-mix(in srgb, var(--dept) 30%, transparent);
transition: transform .3s var(--jae-ease), box-shadow .3s, background .25s, color .25s;
}
.jae3-dept-switch a i { width: 9px; height: 9px; border-radius: 50%; background: var(--dept); box-shadow: 0 0 0 4px color-mix(in srgb, var(--dept) 16%, transparent); }
.jae3-dept-switch a:hover { transform: translateY(-2px); box-shadow: 0 12px 26px color-mix(in srgb, var(--dept) 24%, transparent); }
.jae3-dept-switch a.is-current { color: #fff; background: var(--dept); border-color: var(--dept); box-shadow: 0 14px 30px color-mix(in srgb, var(--dept) 36%, transparent); }
.jae3-dept-switch a.is-current i { background: #fff; box-shadow: none; }
.jae3-dept-switch .dept-youth { --dept: var(--dept-youth); }
.jae3-dept-switch .dept-explorers { --dept: var(--dept-explorers); }
.jae3-dept-switch .dept-pioneers { --dept: var(--dept-pioneers); }
.jae3-dept-switch .dept-guides { --dept: var(--dept-guides); }
/* 43) Paginas de departamento: tarjetas premium genericas. */
body.jae3-deptpage.dept-youth { --dept: var(--dept-youth); }
body.jae3-deptpage.dept-explorers { --dept: var(--dept-explorers); }
body.jae3-deptpage.dept-pioneers { --dept: var(--dept-pioneers); }
body.jae3-deptpage.dept-guides { --dept: var(--dept-guides); }
.jae3-dept-card {
width: var(--jae-content) !important;
max-width: var(--jae-content) !important;
margin: 0 auto 34px !important;
padding: clamp(26px, 4vw, 52px) !important;
position: relative;
overflow: hidden;
isolation: isolate;
background: #fff;
border: 1px solid color-mix(in srgb, var(--dept, var(--jae-navy)) 20%, transparent);
border-radius: 28px;
box-shadow: 0 16px 44px rgba(2,48,71,.06);
}
.jae3-dept-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--dept, var(--jae-accent)), color-mix(in srgb, var(--dept, var(--jae-accent)) 35%, #fff)); }
.jae3-dept-head { position: relative; padding-bottom: 14px; }
.jae3-dept-head::after { content: ""; position: absolute; left: 0; bottom: 0; width: 62px; height: 4px; border-radius: 4px; background: var(--dept, var(--jae-accent)); }
body.jae3-deptpage .elementor-button { background: var(--dept, var(--jae-accent)) !important; border-color: var(--dept, var(--jae-accent)) !important; color: #fff !important; }
body.jae3-deptpage .elementor-button:hover { filter: brightness(.93); }
/* ============================================================
JAE 4.0 — Ronda 5 (julio 2026)
============================================================ */
/* 44) Tarjetas de departamento con más presencia: tinte + anillo decorativo. */
.jae3-dept-card { background: color-mix(in srgb, var(--dept, var(--jae-navy)) 6%, #fff) !important; }
.jae3-dept-card::after {
content: "";
position: absolute;
top: -150px;
right: -150px;
z-index: -1;
width: 380px;
height: 380px;
border: 64px solid color-mix(in srgb, var(--dept, var(--jae-navy)) 10%, transparent);
border-radius: 50%;
}
/* 45) Switcher: variante de vuelta (← Exploradores). */
.jae3-dept-switch a.is-back { background: transparent; border-style: dashed; }
/* 46) Recursos: fila de subcategorías. */
.jae3-res-subrow { margin: -12px auto 26px; }
.jae3-sub-label { display: inline-flex; align-items: center; margin-right: 6px; color: var(--jae-muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.jae3-res-filters .jae3-chip.is-sub {
background: #fff !important;
color: color-mix(in srgb, var(--dept, var(--jae-navy)) 72%, #000) !important;
border: 1.5px solid color-mix(in srgb, var(--dept, var(--jae-navy)) 42%, transparent) !important;
font-weight: 650;
}
.jae3-res-filters .jae3-chip.is-sub:hover { background: color-mix(in srgb, var(--dept, var(--jae-navy)) 8%, #fff) !important; }
.jae3-res-filters .jae3-chip.is-sub.jae3-filter-active { background: transparent !important; border-color: transparent !important; color: var(--jae-navy) !important; }
.jae3-res-filters .jae3-chip.is-sub.dept-youth { --dept: var(--dept-youth); }
.jae3-res-filters .jae3-chip.is-sub.dept-explorers { --dept: var(--dept-explorers); }
.jae3-res-filters .jae3-chip.is-sub.dept-pioneers { --dept: var(--dept-pioneers); }
.jae3-res-filters .jae3-chip.is-sub.dept-guides { --dept: var(--dept-guides); }
/* ============================================================
JAE 4.1 — Significado del logo + tarjetas globales (jul 2026)
============================================================ */
.jae3-logo-meaning {
width: var(--jae-content);
margin: 0 auto 40px;
padding: clamp(30px, 4.5vw, 62px);
position: relative;
overflow: hidden;
isolation: isolate;
text-align: center;
background: #fff;
border: 1px solid color-mix(in srgb, var(--dept, var(--jae-navy)) 20%, transparent);
border-radius: 30px;
box-shadow: 0 18px 48px rgba(2,48,71,.07);
}
.jae3-logo-meaning::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--dept, var(--jae-accent)), color-mix(in srgb, var(--dept, var(--jae-accent)) 35%, #fff)); }
.jae3-logo-meaning h2 { margin: 4px 0 14px; font-size: clamp(30px, 3.4vw, 44px); letter-spacing: -.04em; }
.jae3-logo-meaning > p { max-width: 780px; margin: 0 auto 34px; color: var(--jae-muted); line-height: 1.7; }
.jae3-logo-meaning__logo { width: min(280px, 58%); margin: 0 auto; }
.jae3-logo-meaning__logo img { width: 100%; height: auto; filter: drop-shadow(0 18px 34px rgba(2,48,71,.16)); transition: transform .5s var(--jae-ease); }
.jae3-logo-meaning__logo:hover img { transform: scale(1.04) rotate(-1deg); }
.jae3-logo-meaning__bracket { width: min(72%, 760px); height: 30px; margin: 18px auto 8px; border: 1px solid var(--jae-line); border-top: 0; border-radius: 0 0 16px 16px; opacity: .8; }
.jae3-logo-meaning__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 28px 16px; margin: 22px auto 4px; max-width: 1080px; }
.jae3-logo-el { display: flex; flex-direction: column; align-items: center; gap: 9px; }
.jae3-logo-el i { width: 56px; height: 56px; display: grid; place-items: center; color: var(--jae-navy); font-style: normal; }
.jae3-logo-el i svg { width: 46px; height: 46px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.jae3-logo-el i svg.f { fill: currentColor; stroke: none; }
.jae3-logo-el .swatch { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(0,0,0,.1); box-shadow: inset 0 -6px 14px rgba(0,0,0,.08); }
.jae3-logo-el strong { font-size: 12.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--jae-navy); }
.jae3-logo-el span { max-width: 240px; color: var(--jae-muted); font-size: 13.5px; line-height: 1.55; }
.jae3-logo-dl {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 48px;
padding: 0 27px;
margin-top: 30px;
border-radius: 999px;
color: #fff !important;
background: var(--dept, var(--jae-accent));
font-size: 12px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
box-shadow: 0 12px 28px color-mix(in srgb, var(--dept, var(--jae-accent)) 32%, transparent);
transition: transform .3s var(--jae-ease), filter .25s;
}
.jae3-logo-dl:hover { transform: translateY(-3px); filter: brightness(.94); }
@media (max-width: 767px) { .jae3-logo-meaning__grid { grid-template-columns: repeat(2, 1fr); } }
/* ============================================================
JAE 4.2 — Tarjetas mas visibles + ajustes logo (jul 2026)
============================================================ */
/* 47) Tarjetas de seccion: presencia clara e inconfundible. */
.jae3-dept-card {
background: color-mix(in srgb, var(--dept, var(--jae-navy)) 11%, #fff) !important;
border-left: 6px solid var(--dept, var(--jae-accent)) !important;
box-shadow: 0 20px 52px color-mix(in srgb, var(--dept, var(--jae-navy)) 16%, transparent) !important;
}
.jae3-dept-card::after { border-width: 70px; border-color: color-mix(in srgb, var(--dept, var(--jae-navy)) 14%, transparent); }
.jae3-dept-card .jae3-dept-head { color: color-mix(in srgb, var(--dept, var(--jae-navy)) 60%, var(--jae-ink)) !important; }
.jae3-dept-card :is(h4, strong) { color: color-mix(in srgb, var(--dept, var(--jae-navy)) 45%, var(--jae-ink)); }
/* ============================================================
JAE 4.4 — Movimiento ministerios + Mision & Sobre Nosotros
============================================================ */
/* 48) Movimiento en tarjetas de departamento. */
.jae3-dept-card { transition: transform .45s var(--jae-ease), box-shadow .45s; }
.jae3-dept-card:hover { transform: translateY(-5px); }
.jae3-dept-card::before { transform: scaleX(0); transform-origin: left; transition: transform 1s var(--jae-ease) .15s; }
.jae3-dept-card.is-in::before { transform: scaleX(1); }
.jae3-dept-card .jae3-dept-head::after { width: 0; transition: width .8s var(--jae-ease) .35s; }
.jae3-dept-card.is-in .jae3-dept-head::after { width: 62px; }
@keyframes jae-ring-float { 0%,100% { transform: translate(0,0) rotate(0deg); } 50% { transform: translate(-14px,12px) rotate(8deg); } }
.jae3-dept-card::after { animation: jae-ring-float 13s ease-in-out infinite; }
.jae3-dept-card ul li::marker { color: var(--dept, var(--jae-accent)); }
.jae3-dept-card ul li { margin-bottom: 6px; }
@keyframes jae-chip-in { to { opacity: 1; transform: none; } }
.jae3-dept-switch a { opacity: 0; transform: translateY(10px); animation: jae-chip-in .55s var(--jae-ease) forwards; }
.jae3-dept-switch a:nth-child(2) { animation-delay: .08s; }
.jae3-dept-switch a:nth-child(3) { animation-delay: .16s; }
.jae3-dept-switch a:nth-child(4) { animation-delay: .24s; }
.jae3-dept-switch a:nth-child(5) { animation-delay: .32s; }
.jae3-logo-meaning .jae3-logo-el { opacity: 0; transform: translateY(16px); transition: opacity .6s var(--jae-ease), transform .6s var(--jae-ease); }
.jae3-logo-meaning.is-in .jae3-logo-el { opacity: 1; transform: none; }
.jae3-logo-meaning .jae3-logo-el:nth-child(2) { transition-delay: .08s; }
.jae3-logo-meaning .jae3-logo-el:nth-child(3) { transition-delay: .16s; }
.jae3-logo-meaning .jae3-logo-el:nth-child(4) { transition-delay: .24s; }
.jae3-logo-meaning .jae3-logo-el:nth-child(5) { transition-delay: .32s; }
.jae3-logo-meaning .jae3-logo-el:nth-child(6) { transition-delay: .4s; }
@media (prefers-reduced-motion: reduce) { .jae3-dept-card::after, .jae3-dept-switch a { animation: none !important; opacity: 1 !important; transform: none !important; } }
/* 49) Lead compartido (Mision / Sobre Nosotros). */
body.jae3-page-mision [data-id="536d22d6"] p,
body.jae3-page-sobre [data-id="536d22d6"] p { font-size: clamp(18px, 1.6vw, 22px); line-height: 1.75; color: var(--jae-ink); }
body.jae3-page-mision [data-id="536d22d6"]::after,
body.jae3-page-sobre [data-id="536d22d6"]::after { content: ""; display: block; width: 74px; height: 4px; margin: 30px auto 0; border-radius: 4px; background: var(--jae-accent); }
/* 50) Mision: video, areas de voluntariado, testimonios y CTA. */
body.jae3-page-mision [data-id="9594720"] { width: var(--jae-content) !important; max-width: var(--jae-content) !important; margin: 0 auto 40px !important; padding: clamp(26px,4vw,52px) !important; background: color-mix(in srgb, var(--jae-navy) 5%, #fff); border: 1px solid var(--jae-line); border-radius: 30px; }
body.jae3-page-mision [data-id="9594720"] video { border-radius: 18px; box-shadow: 0 26px 60px rgba(2,48,71,.28); }
body.jae3-page-mision [data-id="14d3bc8"] .elementor-widget-image img { border-radius: 18px; box-shadow: 0 14px 34px rgba(2,48,71,.12); transition: transform .5s var(--jae-ease), box-shadow .5s; }
body.jae3-page-mision [data-id="14d3bc8"] .elementor-widget-image:hover img { transform: translateY(-7px) scale(1.02); box-shadow: 0 30px 60px rgba(2,48,71,.22); }
body.jae3-page-mision [data-id="3cee4a10"] { width: var(--jae-content) !important; max-width: var(--jae-content) !important; margin: 0 auto 40px !important; padding: clamp(26px,4vw,52px) !important; background: color-mix(in srgb, var(--jae-accent) 7%, #fff); border: 1px solid color-mix(in srgb, var(--jae-accent) 25%, transparent); border-radius: 30px; }
body.jae3-page-mision [data-id="3cee4a10"] p { font-size: 17.5px; line-height: 1.75; }
body.jae3-page-mision [data-id="3cee4a10"] img { border-radius: 22px; box-shadow: 0 18px 44px rgba(2,48,71,.16); }
body.jae3-page-mision [data-id="37f74b93"] img { border-radius: 16px; transition: transform .45s var(--jae-ease); }
body.jae3-page-mision [data-id="37f74b93"] img:hover { transform: scale(1.04); }
body.jae3-page-mision [data-id="810eb23"] { width: var(--jae-content) !important; max-width: var(--jae-content) !important; margin: 0 auto 56px !important; padding: clamp(28px,4vw,56px) !important; background: linear-gradient(120deg, var(--jae-navy), #0b4e6b); border-radius: 30px; }
body.jae3-page-mision [data-id="810eb23"] :is(h1,h2,h3,h4,p,.elementor-heading-title) { color: #fff !important; }
body.jae3-page-mision [data-id="810eb23"] img { border-radius: 18px; }
/* 51) Sobre Nosotros: historia, valores, mision, equipo y CTA curso. */
body.jae3-page-sobre [data-id="9594720"] img { border: 12px solid #fff; border-radius: 6px; box-shadow: 0 24px 55px rgba(2,48,71,.22); transform: rotate(-1.6deg); transition: transform .6s var(--jae-ease); }
body.jae3-page-sobre [data-id="9594720"] img:hover { transform: rotate(0deg) scale(1.015); }
body.jae3-page-sobre [data-id="5eee6379"] { background: var(--jae-paper-deep) !important; border-radius: 34px; width: var(--jae-content) !important; max-width: var(--jae-content) !important; margin: 0 auto 44px !important; padding: clamp(26px,4vw,54px) !important; }
.jae3-value-card { background: #fff; border: 1px solid var(--jae-line); border-radius: 22px; padding: 24px !important; box-shadow: 0 12px 30px rgba(2,48,71,.07); transition: transform .4s var(--jae-ease), box-shadow .4s; }
.jae3-value-card:hover { transform: translateY(-5px); box-shadow: 0 24px 50px rgba(2,48,71,.14); }
.jae3-value-card img { border-radius: 14px; }
body.jae3-page-sobre [data-id="3cee4a10"] { width: var(--jae-content) !important; max-width: var(--jae-content) !important; margin: 0 auto 40px !important; padding: clamp(26px,4vw,52px) !important; background: color-mix(in srgb, var(--jae-accent) 7%, #fff); border: 1px solid color-mix(in srgb, var(--jae-accent) 25%, transparent); border-radius: 30px; }
body.jae3-page-sobre [data-id="3cee4a10"] img { border-radius: 22px; }
body.jae3-page-sobre [data-id="f312ed1"] img { border-radius: 20px; filter: saturate(.85); transition: transform .5s var(--jae-ease), filter .5s; }
body.jae3-page-sobre [data-id="f312ed1"] img:hover { transform: translateY(-6px) scale(1.02); filter: saturate(1); }
body.jae3-page-sobre [data-id="82a8b64"] { width: var(--jae-content) !important; max-width: var(--jae-content) !important; margin: 0 auto 56px !important; padding: clamp(28px,4vw,56px) !important; background: linear-gradient(120deg, var(--jae-navy), #0b4e6b); border-radius: 30px; }
body.jae3-page-sobre [data-id="82a8b64"] :is(h1,h2,h3,h4,p,.elementor-heading-title) { color: #fff !important; }
body.jae3-page-sobre [data-id="82a8b64"] img { border-radius: 18px; box-shadow: 0 22px 55px rgba(0,0,0,.35); }
/* === JAE 4.5 CSS === */
/* CTA limpios: fuera recuadro navy */
body.jae3-page-mision .e-con.e-parent[data-id="810eb23"],
body.jae3-page-sobre .e-con.e-parent[data-id="82a8b64"]{background:transparent !important;background-image:none !important;border-radius:0 !important;box-shadow:none !important;}
body.jae3-page-mision [data-id="810eb23"] .ecomus-banner,
body.jae3-page-sobre [data-id="82a8b64"] .ecomus-banner{border-radius:22px;overflow:hidden;}
/* Sobre Nosotros: revelado suave */
body.jae3-page-sobre .jae3-fx{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
body.jae3-page-sobre .jae3-fx.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){body.jae3-page-sobre .jae3-fx{opacity:1;transform:none;}}
/* Foto histórica: B/N a color en hover */
body.jae3-page-sobre [data-id="9594720"] img{filter:grayscale(1) contrast(1.02);transition:filter .6s ease,transform .6s ease;}
body.jae3-page-sobre [data-id="9594720"] .elementor-widget-image:hover img{filter:none;transform:scale(1.015) rotate(.3deg);}
/* Intro: más jerarquía */
body.jae3-page-sobre [data-id="536d22d6"] .elementor-widget-text-editor,
body.jae3-page-sobre [data-id="9594720"] .elementor-widget-text-editor{font-size:1.2rem;line-height:1.8;color:#39424e;}
body.jae3-page-sobre [data-id="9594720"] .elementor-widget-ecomus-heading :is(h1,h2,h3){position:relative;padding-bottom:16px;}
body.jae3-page-sobre [data-id="9594720"] .elementor-widget-ecomus-heading :is(h1,h2,h3)::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:99px;background:linear-gradient(90deg,#f18f01,#f4b23f);}
/* Valores: iconos con vida */
body.jae3-page-sobre .ecomus-icon-box{--vc:#2f86c7;padding:26px 18px;border-radius:18px;transition:transform .35s ease,box-shadow .35s ease,background .35s ease;}
body.jae3-page-sobre .ecomus-icon-box:nth-child(4n+2){--vc:#d64533;}
body.jae3-page-sobre .ecomus-icon-box:nth-child(4n+3){--vc:#e8a20c;}
body.jae3-page-sobre .ecomus-icon-box:nth-child(4n){--vc:#2f9e63;}
body.jae3-page-sobre .ecomus-icon-box__icon{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:color-mix(in srgb,var(--vc) 12%,#fff);transition:background .35s ease,transform .35s ease;}
body.jae3-page-sobre .ecomus-icon-box__icon svg{width:32px;height:32px;fill:var(--vc);color:var(--vc);transition:fill .3s,color .3s,transform .3s;}
body.jae3-page-sobre .ecomus-icon-box:hover{transform:translateY(-6px);background:#fff;box-shadow:0 18px 40px rgba(16,42,67,.12);}
body.jae3-page-sobre .ecomus-icon-box:hover .ecomus-icon-box__icon{background:var(--vc);transform:scale(1.08) rotate(-4deg);}
body.jae3-page-sobre .ecomus-icon-box:hover .ecomus-icon-box__icon svg{fill:#fff;color:#fff;}
body.jae3-page-sobre .ecomus-icon-box__title{font-size:1.06rem;transition:color .3s;}
body.jae3-page-sobre .ecomus-icon-box:hover .ecomus-icon-box__title{color:var(--vc);}
/* Línea de tiempo */
body.jae3-page-sobre .jae3-tl .ecomus-timeline__line{width:3px !important;background:#e7e1d6 !important;border-radius:99px;overflow:visible;}
body.jae3-page-sobre .jae3-tl .ecomus-timeline__line::before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--jae-tlp,0%);background:linear-gradient(180deg,#f18f01,#12406b);border-radius:99px;transition:height .15s linear;}
body.jae3-page-sobre .jae3-tl .ecomus-timeline__line::after{content:"";position:absolute;left:50%;top:var(--jae-tlp,0%);transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#f18f01;box-shadow:0 0 0 6px rgba(241,143,1,.18);transition:top .15s linear;}
body.jae3-page-sobre .ecomus-timeline__year{background:#12406b !important;color:#fff !important;border-radius:999px;padding:8px 22px;font-weight:700;letter-spacing:.04em;transition:background .4s,box-shadow .4s,transform .4s;}
body.jae3-page-sobre .ecomus-timeline__item.is-on .ecomus-timeline__year{background:linear-gradient(120deg,#f18f01,#f6a72c) !important;box-shadow:0 10px 24px rgba(241,143,1,.35);transform:scale(1.06);}
body.jae3-page-sobre .ecomus-timeline__content{background:transparent !important;box-shadow:none !important;}
body.jae3-page-sobre .ecomus-timeline__subtitle{color:#f18f01 !important;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;}
body.jae3-page-sobre .ecomus-timeline__title{font-size:1.5rem;color:#102a43;font-weight:800;margin:6px 0 10px;}
body.jae3-page-sobre .ecomus-timeline__description{color:#4a5563;line-height:1.7;font-size:1.02rem;}
body.jae3-page-sobre .ecomus-timeline__item{opacity:.35;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
body.jae3-page-sobre .ecomus-timeline__item.is-on{opacity:1;transform:none;}
body.jae3-page-sobre .ecomus-timeline__image img{border-radius:16px;filter:grayscale(.65);transition:filter .5s ease,transform .5s ease;box-shadow:0 14px 34px rgba(16,42,67,.14);}
body.jae3-page-sobre .ecomus-timeline__item:hover .ecomus-timeline__image img{filter:none;transform:scale(1.03);}
body.jae3-page-sobre .jae3-tl-end .ecomus-timeline__image img{filter:none;}
body.jae3-page-sobre .jae3-tl-end .ecomus-timeline__year{background:linear-gradient(120deg,#f18f01,#e8542f) !important;animation:jae-pulse 2.4s ease-in-out infinite;}
@keyframes jae-pulse{0%,100%{box-shadow:0 0 0 0 rgba(241,143,1,.45);}50%{box-shadow:0 0 0 14px rgba(241,143,1,0);}}
body.jae3-page-sobre .jae3-tl-end .ecomus-timeline__inner{background:linear-gradient(135deg,rgba(241,143,1,.08),rgba(18,64,107,.06));border:1px solid rgba(241,143,1,.25);border-radius:22px;padding:26px;}
/* Nuestra Misión: énfasis */
body.jae3-page-sobre [data-id="3cee4a10"] .elementor-widget-text-editor{font-size:1.2rem;line-height:1.85;color:#374151;}
body.jae3-page-sobre [data-id="3cee4a10"] .elementor-widget-text-editor p:first-of-type::first-letter{font-size:2.6em;font-weight:800;color:#f18f01;float:left;line-height:1;padding-right:10px;}
/* Equipo: tarjetas */
body.jae3-page-sobre .ecomus-image-box-grid__item{background:#fff;border-radius:18px;padding:16px 14px 22px;box-shadow:0 10px 30px rgba(16,42,67,.08);transition:transform .35s ease,box-shadow .35s ease;}
body.jae3-page-sobre .ecomus-image-box-grid__item:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(16,42,67,.14);}
body.jae3-page-sobre .ecomus-image-box-grid__image,body.jae3-page-sobre .ecomus-image-box-grid__link,body.jae3-page-sobre .ecomus-image-box-grid__image img{border-radius:12px !important;}
body.jae3-page-sobre .ecomus-image-box-grid__title{font-weight:800;color:#102a43;margin-top:14px;}
body.jae3-page-sobre .ecomus-image-box-grid__description{color:#f18f01;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;font-weight:700;}
/* Recurso individual */
body.single-recurso .jae3-res-sub{font-size:1.32rem;line-height:1.5;color:#12406b;padding-left:18px;border-left:4px solid #f18f01;}
body.single-recurso .jae3-res-sub strong{font-weight:800;}
body.single-recurso .jae3-res-dlbtn{display:inline-flex;align-items:center;background:linear-gradient(120deg,#f18f01,#f6a72c) !important;color:#fff !important;border-radius:999px !important;padding:16px 38px !important;font-weight:700;box-shadow:0 12px 28px rgba(241,143,1,.35);transition:transform .3s,box-shadow .3s;}
body.single-recurso .jae3-res-dlbtn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(241,143,1,.45);}
.jae3-res-ficha{margin:34px 0 8px;background:#fff;border:1px solid #eee7da;border-radius:18px;padding:26px 26px 16px;box-shadow:0 14px 36px rgba(16,42,67,.08);max-width:560px;}
.jae3-res-ficha h4{margin:0 0 18px;font-size:1.05rem;color:#102a43;}
.jae3-res-ficha ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;}
.jae3-res-ficha li{display:flex;gap:12px;align-items:center;margin:0;}
.jae3-rf-ic{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:rgba(241,143,1,.12);display:flex;align-items:center;justify-content:center;color:#f18f01;}
.jae3-rf-ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.jae3-res-ficha em{display:block;font-style:normal;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8a93a3;font-weight:700;}
.jae3-res-ficha li strong{color:#102a43;font-size:.98rem;}
@media (max-width:640px){.jae3-res-ficha ul{grid-template-columns:1fr;}}
/* Noticia individual */
body.single-post .jae3-main-title{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;padding:0 !important;margin:0 !important;}
body.single-post .jae3-main-info ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:6px 0 14px;align-items:center;}
body.single-post .jae3-main-info li{background:rgba(18,64,107,.07);border-radius:999px;padding:6px 16px;font-size:.82rem;color:#12406b;font-weight:600;margin:0;}
body.single-post .jae3-main-info li a{color:inherit;}
.jae3-rt{display:inline-flex;align-items:center;background:rgba(241,143,1,.12);color:#b26a00;border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:700;}
body.single-post .elementor-widget-theme-post-content{font-size:1.08rem;line-height:1.85;color:#3b4453;}
body.single-post .elementor-widget-theme-post-content>.elementor-widget-container>p:first-of-type{font-size:1.26rem;line-height:1.65;color:#12406b;font-weight:600;border-left:4px solid #f18f01;padding-left:18px;}
body.single-post .elementor-widget-theme-post-content h2{font-size:1.7rem;color:#102a43;margin:2.1em 0 .7em;position:relative;padding-bottom:12px;}
body.single-post .elementor-widget-theme-post-content h2::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;border-radius:99px;background:#f18f01;}
body.single-post .elementor-widget-theme-post-content h3{font-size:1.32rem;color:#12406b;margin:1.8em 0 .6em;}
body.single-post .elementor-widget-theme-post-content img{border-radius:16px;box-shadow:0 14px 34px rgba(16,42,67,.12);}
body.single-post .elementor-widget-theme-post-content blockquote{border-left:4px solid #f18f01;background:#faf6ef;padding:22px 26px;border-radius:0 16px 16px 0;font-size:1.14rem;color:#12406b;font-style:italic;}
body.single-post .elementor-widget-theme-post-content a{color:#d97c00;text-decoration-color:rgba(241,143,1,.4);}
/* === JAE 4.6 CSS === */
/* animaciones generalizadas */
body.jae3-anim .jae3-fx{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
body.jae3-anim .jae3-fx.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){body.jae3-anim .jae3-fx{opacity:1;transform:none;}}
.jae3-progress{position:fixed;top:0;left:0;height:3px;z-index:999999;width:var(--jae-sp,0%);background:linear-gradient(90deg,var(--dc,#f18f01),#12406b);border-radius:0 99px 99px 0;pointer-events:none;}
/* Ministerios: jerarquía y movimiento */
body.jae3-page-dept .elementor-widget-text-editor{font-size:1.12rem;line-height:1.78;color:#3b4453;}
body.jae3-page-dept .elementor-widget-ecomus-heading :is(h1,h2){letter-spacing:-.015em;color:#102a43;}
body.jae3-page-dept .jae3-hu{position:relative;padding-bottom:14px;}
body.jae3-page-dept .jae3-hu::after{content:"";position:absolute;left:0;right:0;margin:auto;bottom:0;width:64px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--dc,#f18f01),rgba(241,143,1,.5));}
body.jae3-page-dept .ecomus-icon-box{--vc:var(--dc,#f18f01);padding:26px 18px;border-radius:18px;transition:transform .35s ease,box-shadow .35s ease,background .35s ease;}
body.jae3-page-dept .ecomus-icon-box__icon{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:color-mix(in srgb,var(--vc) 12%,#fff);transition:background .35s ease,transform .35s ease;}
body.jae3-page-dept .ecomus-icon-box__icon svg{width:32px;height:32px;fill:var(--vc);color:var(--vc);transition:fill .3s,color .3s;}
body.jae3-page-dept .ecomus-icon-box:hover{transform:translateY(-6px);background:#fff;box-shadow:0 18px 40px rgba(16,42,67,.12);}
body.jae3-page-dept .ecomus-icon-box:hover .ecomus-icon-box__icon{background:var(--vc);transform:scale(1.08) rotate(-4deg);}
body.jae3-page-dept .ecomus-icon-box:hover .ecomus-icon-box__icon svg{fill:#fff;color:#fff;}
body.jae3-page-dept .ecomus-icon-box__title{font-size:1.05rem;transition:color .3s;}
body.jae3-page-dept .ecomus-icon-box:hover .ecomus-icon-box__title{color:var(--vc);}
body.jae3-page-dept .jae3-philo .elementor-widget-text-editor{border-left:4px solid var(--dc,#f18f01);padding-left:24px;font-size:1.18rem;line-height:1.8;color:#374151;}
body.jae3-page-dept .jae3-gal .elementor-widget-image img{border-radius:16px;box-shadow:0 12px 30px rgba(16,42,67,.14);transition:transform .5s ease,box-shadow .5s ease;}
body.jae3-page-dept .jae3-gal .elementor-widget-image:hover img{transform:scale(1.045) rotate(.6deg);box-shadow:0 22px 44px rgba(16,42,67,.2);}
/* Noticias: botones con contraste */
body.single-post .elementor-widget-theme-post-content .wp-block-button__link,
body.single-post .elementor-widget-theme-post-content a.wp-element-button{background:linear-gradient(120deg,#f18f01,#f6a72c) !important;color:#fff !important;border:none !important;border-radius:999px !important;padding:14px 34px !important;font-weight:700 !important;text-decoration:none !important;box-shadow:0 12px 26px rgba(241,143,1,.32);transition:transform .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;}
body.single-post .elementor-widget-theme-post-content .wp-block-button__link:hover,
body.single-post .elementor-widget-theme-post-content a.wp-element-button:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(241,143,1,.42);color:#fff !important;}
body.single-post .elementor-widget-theme-post-content .wp-block-button{background:transparent !important;}
/* Recursos: sugerencias */
.jae3-sugg{margin:56px auto 28px;max-width:1200px;padding:0 24px;}
.jae3-sugg-in{background:#fff;border:1px solid #eee7da;border-radius:22px;padding:30px 32px;box-shadow:0 14px 36px rgba(16,42,67,.06);}
.jae3-sugg h4{margin:0 0 16px;font-size:1.2rem;color:#102a43;}
.jae3-sugg h4 span{color:#8a93a3;font-weight:600;}
.jae3-sugg-tags{display:flex;flex-wrap:wrap;gap:10px;}
.jae3-sugg-chip{display:inline-flex;align-items:center;background:#f4f1ea;color:#3b4453;border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .25s,color .25s,transform .25s;}
.jae3-sugg-chip::before{content:"#";color:#f18f01;margin-right:6px;font-weight:800;}
.jae3-sugg-chip:hover{background:#f18f01;color:#fff;transform:translateY(-2px);}
.jae3-sugg-chip:hover::before{color:#fff;}
/* Equipo individual */
body.single-equipo .jae3-eq-intro h2{font-size:clamp(2.2rem,4vw,3.1rem);letter-spacing:-.02em;color:#102a43;}
body.single-equipo .jae3-eq-intro img{border-radius:22px;box-shadow:0 20px 46px rgba(16,42,67,.18);}
body.single-equipo .jae3-eq-intro [class*=social] a{transition:transform .3s ease,background .3s ease,color .3s ease;}
body.single-equipo .jae3-eq-intro [class*=social] a:hover{background:#f18f01 !important;border-color:#f18f01 !important;color:#fff !important;transform:translateY(-3px);}
body.single-equipo .jae3-eq-sec h4{font-size:clamp(1.7rem,3vw,2.2rem);color:#102a43;position:relative;padding-bottom:16px;letter-spacing:-.01em;}
body.single-equipo .jae3-eq-sec h4::after{content:"";position:absolute;left:0;right:0;margin:auto;bottom:0;width:56px;height:4px;border-radius:99px;background:linear-gradient(90deg,#f18f01,#f4b23f);}
body.single-equipo .jae3-eq-sec .elementor-widget-text-editor{font-size:1.1rem;line-height:1.85;color:#3b4453;}
body.single-equipo .jae3-eq-sec .elementor-widget-image img{border-radius:18px;border:6px solid #fff;box-shadow:0 18px 40px rgba(16,42,67,.16);transition:transform .45s ease,box-shadow .45s ease;}
body.single-equipo .jae3-eq-sec.jae3-odd .elementor-widget-image img{transform:rotate(-1.4deg);}
body.single-equipo .jae3-eq-sec.jae3-even .elementor-widget-image img{transform:rotate(1.4deg);}
body.single-equipo .jae3-eq-sec .elementor-widget-image:hover img{transform:rotate(0) scale(1.02);box-shadow:0 26px 54px rgba(16,42,67,.22);}
body.single-equipo .jae3-eq-cita{background:linear-gradient(135deg,rgba(241,143,1,.07),rgba(18,64,107,.05));border-radius:26px;}
body.single-equipo .jae3-eq-cita h2{color:#102a43;}
body.single-equipo .jae3-eq-cita .elementor-widget-text-editor{position:relative;font-size:1.32rem;line-height:1.65;color:#12406b;font-style:italic;}
body.single-equipo .jae3-eq-cita .elementor-widget-text-editor::before{content:"\201C";position:absolute;top:-38px;left:-4px;font-size:5rem;line-height:1;color:rgba(241,143,1,.4);font-family:Georgia,serif;}
/* === JAE 4.7 CSS Proyectos === */
body.jae3-proj .jae3-proj-wrap{max-width:1200px;margin:64px auto;padding:0 24px;display:flex;flex-direction:column;gap:72px;}
.jae3-p-fx{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.jae3-p-fx.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){.jae3-p-fx{opacity:1;transform:none;}}
.jae3-p-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:#f18f01;margin-bottom:14px;}
.jae3-p-intro{text-align:center;max-width:840px;margin:0 auto;}
.jae3-p-intro h2{font-size:clamp(2.4rem,5vw,3.6rem);color:#102a43;letter-spacing:-.02em;margin:0 0 18px;}
.jae3-p-intro h2 em{font-style:normal;color:#f18f01;}
.jae3-p-lead{font-size:1.25rem;line-height:1.7;color:#3b4453;margin:0;}
.jae3-p-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.jae3-p-step{background:#fff;border:1px solid #eee7da;border-radius:22px;padding:34px 28px;box-shadow:0 14px 36px rgba(16,42,67,.07);transition:transform .35s ease,box-shadow .35s ease;position:relative;overflow:hidden;}
.jae3-p-step::before{content:attr(data-n);position:absolute;top:-18px;right:6px;font-size:6rem;font-weight:800;color:rgba(241,143,1,.1);line-height:1;}
.jae3-p-step:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(16,42,67,.13);}
.jae3-p-step h4{font-size:1.25rem;color:#102a43;margin:0 0 10px;}
.jae3-p-step p{color:#4a5563;line-height:1.7;margin:0;}
.jae3-p-cond{background:linear-gradient(135deg,rgba(241,143,1,.06),rgba(18,64,107,.05));border:1px solid rgba(241,143,1,.2);border-radius:26px;padding:44px 46px;}
.jae3-p-cond h3{font-size:clamp(1.6rem,3vw,2.1rem);color:#102a43;margin:0 0 22px;position:relative;padding-bottom:14px;}
.jae3-p-cond h3::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:99px;background:#f18f01;}
.jae3-p-cond ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.jae3-p-cond li{position:relative;padding-left:32px;font-size:1.06rem;line-height:1.7;color:#3b4453;}
.jae3-p-cond li::before{content:"✓";position:absolute;left:0;top:0;color:#f18f01;font-weight:800;font-size:1.1rem;}
.jae3-p-cond p{font-size:1.12rem;line-height:1.8;color:#3b4453;margin:0;}
.jae3-p-plats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;}
.jae3-p-plat{display:block;background:#fff;border-radius:18px;padding:22px;text-decoration:none;border:1px solid #eee7da;transition:transform .3s ease,box-shadow .3s ease;}
.jae3-p-plat:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,42,67,.12);}
.jae3-p-plat em{display:block;font-style:normal;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f18f01;font-weight:800;margin-bottom:6px;}
.jae3-p-plat strong{color:#102a43;font-size:1.04rem;}
.jae3-p-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(120deg,#0e2f4f,#12406b);border-radius:26px;padding:46px 50px;flex-wrap:wrap;}
.jae3-p-cta h3{color:#fff;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 8px;}
.jae3-p-cta p{color:rgba(255,255,255,.85);margin:0;font-size:1.05rem;}
.jae3-p-btn{display:inline-flex;align-items:center;background:linear-gradient(120deg,#f18f01,#f6a72c);color:#fff !important;border-radius:999px;padding:16px 38px;font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgba(241,143,1,.35);transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap;}
.jae3-p-btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(241,143,1,.45);}
@media (max-width:900px){.jae3-p-steps{grid-template-columns:1fr;}.jae3-p-plats{grid-template-columns:1fr;}.jae3-p-cta{padding:36px 28px;}.jae3-p-cond{padding:34px 26px;}}
/* === JAE 4.8 CSS === */
/* Contenido de evento */
.jae3-ev{max-width:860px;}
.jae3-ev-badges{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;}
.jae3-ev-cat{display:inline-flex;align-items:center;border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:700;color:#fff;background:#12406b;}
.jae3-ev-cat.dept-youth{background:#2f86c7;}
.jae3-ev-cat.dept-explorers{background:#d64533;}
.jae3-ev-cat.dept-pioneers{background:#e8a20c;}
.jae3-ev-cat.dept-guides{background:#2f9e63;}
.jae3-ev-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:700;}
.jae3-ev-status.is-open{background:rgba(47,158,99,.14);color:#1e7a4a;}
.jae3-ev-status.is-open::before{content:"";width:8px;height:8px;border-radius:50%;background:#2f9e63;margin-right:8px;animation:jae-pulse 2s ease-in-out infinite;}
.jae3-ev-status.is-closed{background:rgba(16,42,67,.08);color:#5a6572;}
.jae3-ev-lead{font-size:1.24rem;line-height:1.65;color:#12406b;font-weight:600;border-left:4px solid #f18f01;padding-left:18px;margin:0 0 26px;}
.jae3-ev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 30px;}
.jae3-ev-fact{background:#fff;border:1px solid #eee7da;border-radius:16px;padding:16px 18px;box-shadow:0 8px 22px rgba(16,42,67,.06);}
.jae3-ev-fact em{display:block;font-style:normal;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#f18f01;font-weight:800;margin-bottom:4px;}
.jae3-ev-fact strong{color:#102a43;font-size:.98rem;line-height:1.35;display:block;}
.jae3-ev-h{font-size:1.5rem;color:#102a43;margin:1.8em 0 .6em;position:relative;padding-bottom:12px;}
.jae3-ev-h::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;border-radius:99px;background:#f18f01;}
.jae3-ev p{font-size:1.06rem;line-height:1.8;color:#3b4453;}
.jae3-ev-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:10px;}
.jae3-ev-list li{position:relative;padding-left:30px;font-size:1.04rem;line-height:1.65;color:#3b4453;}
.jae3-ev-list li::before{content:"✓";position:absolute;left:0;top:0;color:#f18f01;font-weight:800;}
.jae3-ev-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,#0e2f4f,#12406b);border-radius:22px;padding:32px 36px;margin-top:34px;}
.jae3-ev-cta h3{color:#fff;margin:0 0 6px;font-size:1.4rem;}
.jae3-ev-cta p{color:rgba(255,255,255,.85);margin:0;font-size:.98rem;}
.jae3-ev-closed{background:rgba(16,42,67,.06);border:1px dashed rgba(16,42,67,.25);border-radius:18px;padding:22px 26px;color:#4a5563;font-size:1.02rem;margin-top:30px;}
/* Chips en tarjetas de eventos */
.etn-event-category.jae3-evchip{color:#fff !important;border-radius:999px;font-weight:700;}
.etn-event-category.jae3-evchip.dept-youth{background:#2f86c7 !important;}
.etn-event-category.jae3-evchip.dept-explorers{background:#d64533 !important;}
.etn-event-category.jae3-evchip.dept-pioneers{background:#e8a20c !important;}
.etn-event-category.jae3-evchip.dept-guides{background:#2f9e63 !important;}
/* Barra de filtros de eventos */
.jae3-ev-filters{margin:8px auto 34px;max-width:1200px;padding:0 24px;display:flex;gap:22px;flex-wrap:wrap;}
.jae3-ev-filters a{position:relative;color:#5a6572;font-weight:700;text-decoration:none;padding:6px 2px 10px;transition:color .25s;}
.jae3-ev-filters a:hover{color:#102a43;}
.jae3-ev-filters a.jae3-filter-active{color:#102a43;}
.jae3-ev-filters a.jae3-filter-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:99px;background:#f18f01;}
/* Equipo: kickers y remates */
.jae3-eq-kicker{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:#f18f01;margin-bottom:6px;}
body.single-equipo .jae3-eq-sec{border-radius:24px;}
body.single-equipo .jae3-eq-sec.jae3-odd{background:linear-gradient(135deg,rgba(241,143,1,.045),rgba(18,64,107,.03));}
/* === JAE 4.8d chips genericos === */
.jae3-evchip{color:#fff !important;border-radius:999px !important;font-weight:700;}
a.jae3-evchip{padding:4px 12px;}
.jae3-evchip.dept-youth{background:#2f86c7 !important;}
.jae3-evchip.dept-explorers{background:#d64533 !important;}
.jae3-evchip.dept-pioneers{background:#e8a20c !important;}
.jae3-evchip.dept-guides{background:#2f9e63 !important;}
/* === JAE 4.9 CSS === */
body.page-id-10082 .etn-tab-wrapper > ul.etn-nav{display:none !important;visibility:hidden;}
.jae3-ev-filters a.dept-youth{color:#2f86c7;}
.jae3-ev-filters a.dept-explorers{color:#d64533;}
.jae3-ev-filters a.dept-pioneers{color:#b57e05;}
.jae3-ev-filters a.dept-guides{color:#2f9e63;}
.jae3-ev-filters a.dept-youth.jae3-filter-active::after{background:#2f86c7;}
.jae3-ev-filters a.dept-explorers.jae3-filter-active::after{background:#d64533;}
.jae3-ev-filters a.dept-pioneers.jae3-filter-active::after{background:#e8a20c;}
.jae3-ev-filters a.dept-guides.jae3-filter-active::after{background:#2f9e63;}
.jae3-ev-filters a.jae3-filter-active{color:#102a43;}
/* === JAE 4.10 CSS acceso directores === */
.jae3-lock-btn{background:#12406b !important;color:#fff !important;border:none !important;position:relative;padding-left:34px !important;}
.jae3-lock-btn::before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;}
.jae3-lock-note{margin:16px 0;padding:18px 22px;border-radius:16px;background:rgba(18,64,107,.06);border:1px dashed rgba(18,64,107,.3);color:#374151;line-height:1.6;}
.jae3-lock-note .jae3-lock-btn{display:inline-block;margin-top:10px;border-radius:999px !important;padding:10px 22px 10px 40px !important;text-decoration:none;}
.jae3-lockmodal{position:fixed;inset:0;z-index:100000;background:rgba(10,24,40,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px;}
.jae3-lockmodal.is-open{display:flex;animation:jae-fade .25s ease;}
@keyframes jae-fade{from{opacity:0}to{opacity:1}}
.jae3-lockmodal__card{position:relative;max-width:460px;width:100%;background:#fff;border-radius:24px;padding:44px 40px 36px;text-align:center;box-shadow:0 30px 80px rgba(10,24,40,.4);animation:jae-pop .3s cubic-bezier(.2,.8,.3,1.2);}
@keyframes jae-pop{from{transform:translateY(20px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.jae3-lockmodal__x{position:absolute;top:14px;right:16px;border:none;background:transparent;font-size:1.8rem;line-height:1;color:#9aa3af;cursor:pointer;}
.jae3-lockmodal__x:hover{color:#102a43;}
.jae3-lockmodal__ico{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,rgba(241,143,1,.16),rgba(18,64,107,.12));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#f18f01;}
.jae3-lockmodal__ico svg{width:34px;height:34px;}
.jae3-lockmodal__card h3{font-size:1.5rem;color:#102a43;margin:0 0 12px;}
.jae3-lockmodal__card p{color:#4a5563;line-height:1.7;margin:0 0 12px;font-size:1.02rem;}
.jae3-lockmodal__hint{font-size:.92rem !important;color:#8a93a3 !important;}
.jae3-lockmodal__btns{display:flex;flex-direction:column;gap:12px;margin-top:22px;}
.jae3-lockmodal__btns .jae3-p-btn{justify-content:center;}
.jae3-lockmodal__login{color:#12406b;font-weight:600;text-decoration:none;font-size:.95rem;}
.jae3-lockmodal__login:hover{text-decoration:underline;}
/* === JAE 4.11 CSS === */
/* Carrusel de productos material destacado */
.jae3-shopcar{position:relative;padding:0 8px;}
.jae3-shopcar__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;scrollbar-width:none;-ms-overflow-style:none;}
.jae3-shopcar__track::-webkit-scrollbar{display:none;}
.jae3-shopcar__card{flex:0 0 auto;width:230px;scroll-snap-align:start;background:#fff;border:1px solid #eee7da;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 10px 26px rgba(16,42,67,.07);transition:transform .35s ease,box-shadow .35s ease;display:flex;flex-direction:column;}
.jae3-shopcar__card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(16,42,67,.14);}
.jae3-shopcar__imgwrap{aspect-ratio:1/1;background:#f6f3 ee;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.jae3-shopcar__imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.jae3-shopcar__card:hover .jae3-shopcar__imgwrap img{transform:scale(1.05);}
.jae3-shopcar__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.jae3-shopcar__body h5{margin:0;font-size:1rem;line-height:1.35;color:#102a43;font-weight:700;}
.jae3-shopcar__price{color:#f18f01;font-weight:800;font-size:1.05rem;margin-top:auto;}
.jae3-shopcar__nav{position:absolute;top:calc(50% - 24px);transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:none;background:#12406b;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:3;box-shadow:0 8px 20px rgba(16,42,67,.25);display:flex;align-items:center;justify-content:center;transition:background .25s,transform .25s;}
.jae3-shopcar__nav:hover{background:#f18f01;transform:translateY(-50%) scale(1.06);}
.jae3-shopcar__prev{left:-6px;}
.jae3-shopcar__next{right:-6px;}
@media (max-width:600px){.jae3-shopcar__card{width:180px;}.jae3-shopcar__nav{width:38px;height:38px;font-size:1.2rem;}}
/* Recurso individual: separación entre columnas */
body.single-recurso .wp-block-columns{gap:48px;align-items:center;}
body.single-recurso .wp-block-column:first-child{flex-basis:44% !important;}
body.single-recurso .wp-block-column:last-child{flex-basis:56% !important;}
@media (max-width:781px){body.single-recurso .wp-block-columns{gap:24px;}}
/* Proyectos: descripción bajo cada tarjeta */
.jae3-proj-desc{margin:10px 0 0;color:#5a6572;font-size:.98rem;line-height:1.55;}
.jae3-projcard-in{padding:6px 4px 0;}
/* === JAE 4.11b matsec === */
.jae3-matsec{max-width:min(1440px,96vw);margin:56px auto;padding:0 24px;opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.jae3-matsec.is-in{opacity:1;transform:none;}
.jae3-matsec__h{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);color:#102a43;position:relative;padding-bottom:14px;margin:0 0 28px;}
.jae3-matsec__h::after{content:"";position:absolute;left:0;right:0;margin:auto;bottom:0;width:64px;height:4px;border-radius:99px;background:linear-gradient(90deg,#2f86c7,#f18f01);}
.jae3-matsec__foot{text-align:center;margin-top:26px;}
/* === JAE 4.12 CSS === */
/* Popup newsletter: que no se entrecorte */
.ecomus-popup-4719 .ecomus-popup__content{max-height:94vh;}
.ecomus-popup-4719 .ecomus-popup__wrapper,.ecomus-popup-4719 .modal__content{max-height:94vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.ecomus-popup-4719 .elementor-widget-image img{max-height:30vh;width:100%;object-fit:cover;object-position:center 35%;}
.ecomus-popup-4719 .elementor-4719{padding-bottom:8px;}
@media (max-height:720px){.ecomus-popup-4719 .elementor-widget-image img{max-height:22vh;}}
/* Equipo: margen superior de los kickers */
body.single-equipo .jae3-eq-kicker{margin:26px 0 6px !important;}
body.single-equipo .jae3-eq-sec .elementor-widget-ecomus-heading > .elementor-widget-container{padding-top:6px;}
/* === JAE 4.13 CSS Fotografias === */
.jae3-photowrap{max-width:1200px;margin:48px auto;padding:0 24px;}
.jae3-gal-intro{font-size:1.18rem;line-height:1.7;color:#3b4453;text-align:center;max-width:760px;margin:0 auto 34px;}
.jae3-photogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.jae3-photocard{display:block;border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:0 14px 36px rgba(16,42,67,.1);transition:transform .4s ease,box-shadow .4s ease;background:#fff;}
.jae3-photocard:hover{transform:translateY(-8px);box-shadow:0 28px 56px rgba(16,42,67,.18);}
.jae3-photocard__img{height:220px;background-size:cover;background-position:center;transition:transform .5s ease;}
.jae3-photocard:hover .jae3-photocard__img{transform:scale(1.06);}
.jae3-photocard__body{padding:20px 22px;position:relative;}
.jae3-photocard__body h3{margin:0 0 4px;font-size:1.2rem;color:#102a43;}
.jae3-photocard__body span{color:#f18f01;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;}
.jae3-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1100px;margin:30px auto;padding:0 24px;}
.jae3-gallery figure{margin:0;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(16,42,67,.12);}
.jae3-gallery img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .5s ease;}
.jae3-gallery figure:hover img{transform:scale(1.05);}
.jae3-fotos-btn{display:inline-flex;align-items:center;gap:8px;background:#12406b;color:#fff !important;border-radius:999px;padding:12px 26px;font-weight:700;text-decoration:none;transition:background .3s,transform .3s;}
.jae3-fotos-btn:hover{background:#f18f01;transform:translateY(-2px);}
.jae3-fotos-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.jae3-fotos-bar{max-width:1200px;margin:0 auto 8px;padding:8px 24px 0;display:flex;justify-content:flex-end;}
/* === JAE 4.15 CSS === */
/* Acceso director: solo el formulario CF7 como tarjeta */
body.page-id-8724 .wpcf7-form{background:#fff;border:1px solid #eee7da;border-radius:22px;padding:32px 30px 34px;box-shadow:0 18px 44px rgba(16,42,67,.09);}
body.page-id-8724 .wpcf7-form input[type=text],body.page-id-8724 .wpcf7-form input[type=email],body.page-id-8724 .wpcf7-form textarea{border-radius:14px;}
/* Material destacado: centrado + flechas profesionales */
.jae3-matsec,.jae3-shopcar{position:relative;}
.jae3-shopcar{padding:0 56px;}
.jae3-shopcar__track{justify-content:flex-start;}
.jae3-shopcar.jae3-fits .jae3-shopcar__track{justify-content:center;}
.jae3-shopcar__nav{position:absolute;top:calc(50% - 20px);transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid #e3ddd1;background:#fff;color:#12406b;font-size:1.7rem;line-height:1;cursor:pointer;z-index:4;box-shadow:0 10px 26px rgba(16,42,67,.14);display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s,transform .25s,box-shadow .25s;}
.jae3-shopcar__nav:hover{background:#12406b;color:#fff;transform:translateY(-50%) scale(1.05);box-shadow:0 14px 32px rgba(16,42,67,.24);}
.jae3-shopcar__prev{left:0;}
.jae3-shopcar__next{right:0;}
@media (max-width:600px){.jae3-shopcar{padding:0 44px;}.jae3-shopcar__nav{width:42px;height:42px;font-size:1.3rem;}}
/* Tarjetas de actividades e iconos en ministerios: más grandes y con aire */
body.jae3-page-dept .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon img,body.jae3-page-dept .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon svg{width:96px !important;height:96px !important;}
body.jae3-page-dept .ecomus-icon-box{padding:30px 22px !important;min-height:230px;border-radius:20px;}
body.jae3-page-dept .ecomus-icon-box__title{font-size:1.12rem !important;margin-top:14px;}
body.jae3-page-dept .ecomus-icon-box__content,body.jae3-page-dept .ecomus-icon-box__description{font-size:.98rem;line-height:1.55;}
body.jae3-page-dept .ecomus-icon-box-carousel__wrapper,body.jae3-page-dept .ecomus-icon-box-carousel__container{padding:6px 4px;}
/* === JAE 4.15b tarjetas icon-box === */
body.jae3-page-dept .ecomus-icon-box{background:#fff;border:1px solid #eee7da;box-shadow:0 10px 28px rgba(16,42,67,.07);margin:0;}
body.jae3-page-dept .ecomus-icon-box__icon{width:104px !important;height:104px !important;display:flex;align-items:center;justify-content:center;}
body.jae3-page-dept .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon img{width:104px !important;height:104px !important;object-fit:contain;border-radius:16px;}
body.jae3-page-dept .ecomus-icon-box .ecomus-svg-icon svg,body.jae3-page-dept .ecomus-icon-box .ecomus-svg-icon{width:56px !important;height:56px !important;}
body.jae3-page-dept .ecomus-icon-box__title{font-size:1.18rem !important;}
/* === JAE 4.17 fotos categorías === */
.jae3-photocat{margin:0 0 48px;}
.jae3-photocat__h{font-size:clamp(1.5rem,3vw,2rem);color:#102a43;margin:0 0 22px;position:relative;padding-left:18px;}
.jae3-photocat__h::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:99px;background:linear-gradient(180deg,#f18f01,#12406b);}
.jae3-gal-soon{text-align:center;font-size:1.15rem;color:#5a6572;background:rgba(18,64,107,.05);border:1px dashed rgba(18,64,107,.2);border-radius:18px;padding:40px 24px;max-width:640px;margin:24px auto;}
/* === JAE 4.18 CSS === */
/* Carrusel material: centrado */
.jae3-shopcar{max-width:min(1360px,94vw);margin-left:auto;margin-right:auto;}
/* Botón naranja unificado (nativo convertido) */
.jae3-shop-btn,a.jae3-shop-btn{background:linear-gradient(120deg,#f18f01,#f6a72c) !important;color:#fff !important;border:none !important;border-radius:999px !important;box-shadow:0 12px 28px rgba(241,143,1,.35) !important;transition:transform .3s ease,box-shadow .3s ease;}
.jae3-shop-btn:hover{transform:translateY(-3px);color:#fff !important;box-shadow:0 18px 36px rgba(241,143,1,.45) !important;}
.jae3-shop-btn svg,.jae3-shop-btn .ecomus-button__icon{display:none !important;}
/* Flechas del carrusel: acabado profesional */
.jae3-shopcar__nav{width:50px;height:50px;border:none;background:#fff;color:#102a43;box-shadow:0 12px 30px rgba(16,42,67,.16);}
.jae3-shopcar__nav:hover{background:#12406b;color:#fff;box-shadow:0 16px 36px rgba(16,42,67,.28);}
.jae3-shopcar__prev{left:-4px;}
.jae3-shopcar__next{right:-4px;}
/* Imágenes de tarjetas icon-box: redondeadas, iguales y más grandes */
body.jae3-page-dept .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon{width:150px !important;height:150px !important;border-radius:0 !important;overflow:visible;background:transparent !important;padding:0 !important;}
body.jae3-page-dept .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon img{width:150px !important;height:150px !important;object-fit:contain !important;border-radius:0 !important;}
body.jae3-page-dept .ecomus-icon-box{min-height:auto;display:flex;flex-direction:column;align-items:center;}
/* === JAE 4.19 centrar carrusel === */
.e-con-inner:has(> .jae3-shopcar),.e-con:has(> .e-con-inner > .jae3-shopcar),.elementor-widget-container:has(> .jae3-shopcar),.e-child:has(.jae3-shopcar){width:100% !important;max-width:100% !important;flex-basis:100% !important;flex-grow:1 !important;}
.jae3-shopcar{width:100%;}
/* === JAE 4.19b centrar grid === */
.e-con-inner:has(> .jae3-shopcar),.e-con-inner:has(> .elementor-widget:only-child > .elementor-widget-container > .jae3-shopcar){justify-items:center !important;justify-content:center !important;}
.elementor-widget-container:has(> .jae3-shopcar){display:flex;justify-content:center;}
/* === JAE 4.19c grid una columna === */
.e-con-inner:has(> .jae3-shopcar){grid-template-columns:minmax(0,1fr) !important;}
.jae3-shopcar{justify-self:center !important;margin-left:auto !important;margin-right:auto !important;}
/* === JAE 4.20 boton wrap === */
.jae3-shopbtn-wrap{text-align:center;margin:26px auto 8px;width:100%;}
.e-con-inner:has(> .jae3-shopbtn-wrap){grid-template-columns:minmax(0,1fr) !important;}
/* === JAE 4.21 fotografias filtro === */
.jae3-photofilter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 38px;max-width:1120px;}
.jae3-photofilter__chip{border:1.5px solid #e6ddcf;background:#fff;color:#1f3b57;font-weight:600;font-size:15px;line-height:1;padding:11px 22px;border-radius:999px;cursor:pointer;transition:all .2s ease;}
.jae3-photofilter__chip:hover{border-color:#f5931e;color:#f5931e;transform:translateY(-1px);}
.jae3-photofilter__chip.is-active{background:linear-gradient(135deg,#ffa63a,#f27d08);color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(242,125,8,.28);}
.jae3-photogrid{justify-content:center;}
/* botón fotografias en eventos: pulso sutil */
@keyframes jae3fotospulse{0%,100%{box-shadow:0 6px 16px rgba(242,125,8,.18);}50%{box-shadow:0 8px 26px rgba(242,125,8,.55);}}
.jae3-fotos-btn{animation:jae3fotospulse 2.6s ease-in-out infinite;}
.jae3-fotos-btn::after{content:"";}
@media(prefers-reduced-motion:reduce){.jae3-fotos-btn{animation:none;}}
/* === JAE 4.22 acceso director === */
.jae3-ad-kicker{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f27d08;margin-bottom:14px;}
.jae3-ad-kicker::before{content:"";width:24px;height:2px;background:#f27d08;display:inline-block;}
.jae3-ad-feat{position:relative;padding-left:40px !important;margin:0 0 15px !important;color:#42556a;line-height:1.6;}
.jae3-ad-feat::before{content:"\2713";position:absolute;left:0;top:1px;width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#ffa63a,#f27d08);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(242,125,8,.30);}
.jae3-ad-callout{display:flex;gap:14px;align-items:center;background:#fff6ec;border:1px solid #ffd9ad;border-left:4px solid #f27d08;border-radius:14px;padding:16px 20px;margin:24px 0;}
.jae3-ad-callout__i{font-size:24px;line-height:1;}
.jae3-ad-callout__t{font-size:14.5px;color:#7a4a12;line-height:1.5;}
.jae3-ad-callout__t b{color:#c25e00;}
body.page-id-8724 a.ecomus-button-link{background:linear-gradient(135deg,#ffa63a,#f27d08) !important;color:#fff !important;border-radius:999px !important;box-shadow:0 8px 20px rgba(242,125,8,.30) !important;border:none !important;transition:transform .2s,box-shadow .2s;}
body.page-id-8724 a.ecomus-button-link:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(242,125,8,.42) !important;}
body.page-id-8724 .wpcf7-form input:focus,body.page-id-8724 .wpcf7-form textarea:focus{border-color:#f27d08 !important;box-shadow:0 0 0 3px rgba(242,125,8,.15) !important;outline:none !important;}
body.page-id-8724 .wpcf7-form input[type=submit]{background:linear-gradient(135deg,#ffa63a,#f27d08) !important;border:none !important;border-radius:999px !important;box-shadow:0 10px 24px rgba(242,125,8,.32) !important;transition:transform .2s,box-shadow .2s;font-weight:700;}
body.page-id-8724 .wpcf7-form input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(242,125,8,.45) !important;}
body.page-id-8724 .elementor-element-6481 > .e-con-inner{padding-top:42px !important;}
/* === JAE 4.23 contacto + faq === */
.jae3-cwrap{max-width:1160px;margin:54px auto 10px;padding:0 24px;}
.jae3-cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;}
.jae3-ccard{background:#fff;border:1px solid #eee7da;border-radius:20px;padding:26px 24px;box-shadow:0 12px 30px rgba(16,42,67,.07);transition:transform .3s ease,box-shadow .3s ease;}
.jae3-ccard:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,42,67,.12);}
.jae3-ccard i{display:flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;background:rgba(241,143,1,.12);color:#f18f01;margin-bottom:14px;}
.jae3-ccard i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.jae3-ccard h3{margin:0 0 6px;font-size:1.05rem;color:#102a43;}
.jae3-ccard p{margin:0 0 10px;color:#5a6572;font-size:.95rem;line-height:1.55;}
.jae3-ccard a{color:#12406b;font-weight:700;text-decoration:none;}
.jae3-ccard a:hover{color:#f18f01;}
.jae3-ccard ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;}
.jae3-faqwrap{max-width:900px;margin:50px auto;padding:0 24px;}
.jae3-faqcat{margin:0 0 34px;}
.jae3-faqcat h2{font-size:clamp(1.3rem,2.4vw,1.7rem);color:#102a43;margin:0 0 16px;position:relative;padding-left:16px;}
.jae3-faqcat h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:99px;background:linear-gradient(180deg,#f18f01,#12406b);}
.jae3-faq details{background:#fff;border:1px solid #eee7da;border-radius:16px;margin-bottom:12px;box-shadow:0 8px 22px rgba(16,42,67,.05);overflow:hidden;}
.jae3-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;font-weight:700;color:#12406b;font-size:1rem;}
.jae3-faq summary::-webkit-details-marker{display:none;}
.jae3-faq summary::after{content:"+";font-size:1.4rem;color:#f18f01;line-height:1;transition:transform .25s;flex:0 0 auto;}
.jae3-faq details[open] summary::after{transform:rotate(45deg);}
.jae3-faq details > div{padding:0 20px 18px;color:#42556a;line-height:1.65;font-size:.97rem;}
.jae3-faq details > div a{color:#f18f01;font-weight:600;}
/* === JAE 4.27 pulido final === */
/* Botón "Ver toda la tienda": dimensiones reales de botón */
.jae3-shop-btn,a.jae3-shop-btn{display:inline-flex !important;align-items:center;justify-content:center;padding:15px 36px !important;font-size:15px;font-weight:800;letter-spacing:.02em;line-height:1;text-decoration:none !important;}
/* Tarjetas icon-box con imagen: redondeadas (excepto carrusel de grados) */
body.jae3-page-dept .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon{border-radius:18px !important;overflow:hidden;}
body.jae3-page-dept .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon img{border-radius:18px !important;object-fit:cover !important;}
body.jae3-page-dept .ecomus-icon-box-carousel--elementor .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon{border-radius:0 !important;overflow:visible;}
body.jae3-page-dept .ecomus-icon-box-carousel--elementor .ecomus-icon-box.icon-type-image .ecomus-icon-box__icon img{border-radius:0 !important;object-fit:contain !important;}
/* Margen profesional antes de "Qué significa nuestro logo" */
.jae3-logo-meaning{margin-top:clamp(48px,6vw,84px) !important;}
/* Eventos: filtros sin subrayado de texto (solo la línea ::after) */
.jae3-ev-filters a,.jae3-ev-filters a:hover{text-decoration:none !important;}
/* Eventos: tarjetas de tamaño uniforme */
.etn-event-item .etn-event-thumb{aspect-ratio:4/5;overflow:hidden;}
.etn-event-item .etn-event-thumb a{display:block;width:100%;height:100%;}
.etn-event-item .etn-event-thumb img{width:100% !important;height:100% !important;object-fit:cover;object-position:center;}
/* Fotografías: grid uniforme centrado + badge */
.jae3-photogrid{grid-template-columns:repeat(auto-fill,270px) !important;justify-content:center !important;}
.jae3-photocard{position:relative;}
.jae3-photocard__soon{position:absolute;top:12px;right:12px;z-index:2;background:rgba(16,42,67,.8);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:7px 12px;border-radius:999px;}
/* Imágenes redondeadas en secciones TODO SOBRE (clase puesta por JS) */
img.jae3-round-img{border-radius:18px !important;}
/* === JAE 4.29 submenu Sobre Nosotros en columna vertical === */
.sub-menu.jae3-native-mega:has(> li.jae3-menu-extra) > li:not(.jae3-native-mega-media){grid-column:1;}
.sub-menu.jae3-native-mega:has(> li.jae3-menu-extra) > li.jae3-native-mega-media{grid-column:2;grid-row:1 / span 8;}
/* === JAE 4.32: tarjetas de eventos y equipo con la paleta JAE === */
/* Eventos: titulos y enlaces con el azul JAE, hover naranja de marca */
.etn-event-item .etn-title,
.etn-event-item .etn-title a,
.etn-event-item h3,
.etn-event-item h3 a { color: #102631 !important; }
.etn-event-item .etn-title a:hover,
.etn-event-item h3 a:hover { color: #f18f01 !important; }
.etn-event-item a:not(.etn-btn):not([class*=location]) { color: #102631; }
.etn-event-item .etn-btn,
.etn-event-item a.etn-btn {
color: #102631 !important;
border-color: #102631 !important;
background: transparent !important;
transition: color .25s, background .25s, border-color .25s;
}
.etn-event-item .etn-btn:hover,
.etn-event-item a.etn-btn:hover {
color: #fff !important;
background: #f18f01 !important;
border-color: #f18f01 !important;
}
/* Equipo: nombres y cargos con mas presencia (solo tarjetas que enlazan a equipo) */
.ecomus-image-box-grid__item:has(a[href*="/equipo/"]) .ecomus-image-box-grid__title,
.ecomus-image-box-grid__item:has(a[href*="/equipo/"]) .ecomus-image-box-grid__title a {
font-size: 1.05rem !important;
font-weight: 750 !important;
line-height: 1.3;
color: #023047 !important;
text-align: center;
}
.ecomus-image-box-grid__item:has(a[href*="/equipo/"]) .ecomus-image-box-grid__description,
.ecomus-image-box-grid__item:has(a[href*="/equipo/"]) .ecomus-image-box-grid__content p {
font-size: .92rem !important;
font-weight: 500;
color: #66777f !important;
text-align: center;
margin-top: 4px;
}
/* === JAE 4.33: pulido tarjetas de evento === */
/* Aire entre la imagen y la fecha */
.etn-event-item .etn-event-content { padding-top: 16px; }
.etn-event-item .etn-event-date { margin-bottom: 6px; }
/* Hover naranja en el titulo, como en la home */
.etn-event-item .etn-title a,
.etn-event-item h3 a { transition: color .25s ease; }
.etn-event-item:hover .etn-title a,
.etn-event-item:hover h3 a,
.etn-event-item .etn-title a:hover,
.etn-event-item h3 a:hover { color: #f18f01 !important; }
/* Home: una sola linea de ubicacion, en naranja */
.jae3-event__place strong { display: none; }
.jae3-event__place span { color: #f18f01; font-weight: 600; }
/* === JAE 4.34: recursos (vista, meta, boton) === */
/* Selector visual de columnas, estilo tienda */
.jae3-res-cols { display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; }
.jae3-res-cols button {
display: inline-flex; align-items: center; justify-content: center; gap: 2px;
min-height: 0; padding: 8px 9px; cursor: pointer;
background: #fff; border: 1px solid #e6ddcf; border-radius: 10px;
transition: border-color .2s, background .2s, transform .2s;
}
.jae3-res-cols button i { width: 3px; height: 13px; border-radius: 2px; background: #9aa7b0; display: block; transition: background .2s; }
.jae3-res-cols button:hover { border-color: #f18f01; transform: translateY(-1px); }
.jae3-res-cols button:hover i { background: #f18f01; }
.jae3-res-cols button.is-on { border-color: #12406b; background: #12406b; }
.jae3-res-cols button.is-on i { background: #fff; }
/* Rejilla de recursos segun la vista elegida */
[data-jae-cols="2"] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
[data-jae-cols="3"] { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
[data-jae-cols="4"] { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
@media (max-width: 1024px) { [data-jae-cols="4"], [data-jae-cols="3"] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (max-width: 600px) { [data-jae-cols="2"], [data-jae-cols="3"], [data-jae-cols="4"] { grid-template-columns: minmax(0,1fr) !important; } }
/* Meta sutil (tipo + paginas) en las tarjetas del listado */
.jae3-res-meta {
display: flex; align-items: center; gap: 7px; justify-content: center;
margin: 0 0 6px; color: #8a97a0; font-size: 10.5px; font-weight: 600;
letter-spacing: .07em; text-transform: uppercase;
}
.jae3-res-meta b { color: #f18f01; font-weight: 800; }
.jae3-res-meta i { width: 3px; height: 3px; border-radius: 50%; background: #f18f01; display: inline-block; }
/* Boton Descargar siempre centrado en el recurso individual */
body.single-recurso .jae3-res-dl,
body.single-recurso .elementor-widget-button .elementor-widget-container,
body.single-recurso .ecomus-button-wrapper { text-align: center !important; }
body.single-recurso .elementor-widget-button .elementor-button-wrapper { display: flex; justify-content: center; }
/* === JAE 4.34b: boton Descargar uniforme en todos los recursos === */
body.single-recurso .entry-content .wp-block-buttons,
body.single-recurso .elementor-widget-theme-post-content .wp-block-buttons {
display: flex !important;
justify-content: center !important;
width: 100%;
margin-block: 22px 6px;
}
body.single-recurso .wp-block-button { margin: 0 !important; }
body.single-recurso .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; }
/* === JAE 4.36b: subtitulos de metodologia (Cachorros) === */
.jae3-met-h {
margin: 22px 0 8px;
color: #023047;
font-size: 1.06rem;
font-weight: 750;
letter-spacing: -.01em;
}
.jae3-met-h::before {
content: "";
display: inline-block;
width: 18px; height: 3px;
margin-right: 9px;
vertical-align: middle;
border-radius: 99px;
background: linear-gradient(90deg,#f18f01,#f6a72c);
}
/* === JAE 4.37: inVerso, botones de plataforma con hover claro === */
.jae3-p-plat {
display: block;
position: relative;
cursor: pointer;
border: 1px solid #eee7da;
border-radius: 16px;
transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.jae3-p-plat::after {
content: "\2197";
position: absolute; top: 14px; right: 16px;
font-size: 15px; font-weight: 700; line-height: 1;
color: #c3ccd2;
transition: color .25s ease, transform .25s ease;
}
.jae3-p-plat:hover {
transform: translateY(-4px);
box-shadow: 0 18px 40px rgba(16,42,67,.14);
background: #fff;
}
.jae3-p-plat:hover::after { transform: translate(2px,-2px); }
/* YouTube */
.jae3-p-plat[href*="youtube"]:hover { border-color: #ff0000; }
.jae3-p-plat[href*="youtube"]:hover::after { color: #ff0000; }
/* HopeMedia */
.jae3-p-plat[href*="hopemedia"]:hover { border-color: #1f6fb2; }
.jae3-p-plat[href*="hopemedia"]:hover::after { color: #1f6fb2; }
/* Pódcast */
.jae3-p-plat[href*="podcast"]:hover { border-color: #8b5cf6; }
.jae3-p-plat[href*="podcast"]:hover::after { color: #8b5cf6; }
.jae3-p-plat:focus-visible { outline: 3px solid rgba(241,143,1,.45); outline-offset: 3px; }
/* === JAE 4.38b: nextMEET, tarjetas y boton de web === */
.jae3-nm-card { display: flex; flex-direction: column; }
.jae3-nm-cta {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
margin: 16px auto 2px; padding: 11px 26px;
color: #12406b; font-size: 14px; font-weight: 750; text-decoration: none;
background: #fff; border: 1.5px solid #12406b; border-radius: 999px;
transition: color .25s, background .25s, border-color .25s, transform .25s;
}
.jae3-nm-cta::after { content: "\2192"; transition: transform .25s; }
.jae3-nm-cta:hover {
color: #fff !important; background: #f18f01; border-color: #f18f01;
transform: translateY(-2px);
}
.jae3-nm-cta:hover::after { transform: translateX(3px); }
.jae3-nm-web { width: 100%; margin-top: 34px; text-align: center; }
/* ===== JAE 4.40 · formularios nativos (Contact Form 7) ===== */
.jae-gmpage{max-width:840px;margin:0 auto 34px;padding:0 4px}
.jae-gmpage__kicker{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#f18f01;font-weight:800;margin:0 0 12px}
.jae-gmpage__title{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.1;color:#023047;font-weight:800;margin:0 0 18px;letter-spacing:-.01em}
.jae-gmpage__lead{font-size:1.05rem;line-height:1.66;color:#3d4b55;margin:0 0 12px}
.jae-gmpage__req{font-size:.95rem;color:#66727b;margin:0}
.jae-gmpage__req a{color:#f18f01;font-weight:600}
.jae-form{max-width:840px;margin:0 auto;background:#fff;border:1px solid #ece6dd;border-radius:22px;padding:clamp(22px,3.2vw,40px);box-shadow:0 14px 44px rgba(2,48,71,.07)}
.jae-form__intro{font-size:.95rem;color:#66727b;margin:0 0 22px;line-height:1.6}
.jae-form__sec{position:relative;font-size:.95rem!important;letter-spacing:.1em;text-transform:uppercase;color:#023047;font-weight:800;margin:clamp(30px,4vw,46px) 0 20px;padding:0 0 13px 16px;border-bottom:1px solid #ece3d4}
.jae-form__sec::before{content:"";position:absolute;left:0;top:2px;bottom:15px;width:5px;border-radius:4px;background:linear-gradient(#f7a72a,#f18f01)}
.jae-form .jae-form__sec:first-of-type{margin-top:8px}
.jae-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.jae-form__f{margin:0!important;display:flex;flex-direction:column;gap:7px}
.jae-form__f--full{grid-column:1/-1}
.jae-form__f>label{font-size:.82rem;font-weight:700;color:#023047;line-height:1.35}
.jae-form__f>label span{font-weight:500;color:#8a949c}
.jae-form .wpcf7-form-control-wrap{display:block}
.jae-form input[type=text],.jae-form input[type=email],.jae-form input[type=tel],.jae-form input[type=date],.jae-form input[type=number],.jae-form textarea,.jae-form select{width:100%;border:1px solid #ded7cc;border-radius:13px;padding:12px 15px;font-size:.98rem;line-height:1.4;color:#102631;background:#fdfcfa;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:none}
.jae-form input::placeholder,.jae-form textarea::placeholder{color:#a9b1b7}
.jae-form input:focus,.jae-form textarea:focus,.jae-form select:focus{border-color:#f18f01;background:#fff;box-shadow:0 0 0 3px rgba(241,143,1,.16);outline:none}
.jae-form textarea{resize:vertical;min-height:96px}
.jae-form input[type=file]{width:100%;border:1px dashed #ded7cc;border-radius:13px;padding:14px 15px;font-size:.9rem;background:#fdfcfa;color:#5b6770}
.jae-form .wpcf7-radio{display:flex;flex-wrap:wrap;gap:10px}
.jae-form .wpcf7-list-item{margin:0!important}
.jae-form .wpcf7-list-item label{display:inline-flex;align-items:center;gap:8px;border:1px solid #ded7cc;border-radius:999px;padding:9px 18px;font-size:.92rem;color:#102631;cursor:pointer;background:#fdfcfa;transition:border-color .18s,background .18s}
.jae-form .wpcf7-list-item label:hover{border-color:#f18f01}
.jae-form .wpcf7-list-item input{accent-color:#f18f01}
.jae-form__legal{margin-top:26px;padding:20px 22px;background:#f8f5f0;border-radius:16px}
.jae-form__legal .wpcf7-acceptance .wpcf7-list-item label{border:0;background:none;padding:0;font-weight:700;color:#023047;font-size:.92rem}
.jae-form__legal p{font-size:.78rem;line-height:1.6;color:#78838b;margin:12px 0 0}
.jae-form__submit{margin:26px 0 0!important;text-align:center}
.jae-form input[type=submit].wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;background:#f18f01;color:#fff;border:0;border-radius:999px;padding:15px 44px;font-size:1rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 8px 22px rgba(241,143,1,.28);width:auto}
.jae-form input[type=submit].wpcf7-submit:hover{background:#d97f00;transform:translateY(-2px);box-shadow:0 12px 28px rgba(241,143,1,.34)}
.jae-form .wpcf7-not-valid-tip{color:#c0392b;font-size:.8rem;margin-top:4px}
.jae-form .wpcf7-not-valid{border-color:#e0a49c!important}
.wpcf7 form .wpcf7-response-output{max-width:840px;margin:22px auto 0;border-radius:14px;border-width:1px;padding:14px 18px;font-size:.95rem}
.wpcf7 form.sent .wpcf7-response-output{border-color:#2e9e5b;background:#f0faf4;color:#1d6b3d}
.wpcf7-spinner{margin:0 0 0 12px}
@media (max-width:781px){
.jae-form__grid{grid-template-columns:1fr}
.jae-form{border-radius:18px;padding:20px}
}
/* JAE 4.40b · lista de condiciones en páginas de formulario */
.jae-gmpage__cond{list-style:none;margin:18px 0 14px;padding:0;display:grid;gap:10px}
.jae-gmpage__cond li{position:relative;padding-left:26px;font-size:.97rem;line-height:1.6;color:#4a565f}
.jae-gmpage__cond li:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:#f18f01;box-shadow:0 0 0 3px rgba(241,143,1,.16)}
/* ===== JAE 4.43 · repositorio de donaciones (GiveWP form grid) ===== */
body.page .give-grid{display:grid!important;gap:22px;margin:26px auto 34px;max-width:960px}
body.page .give-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page .give-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.give-card{display:flex!important;flex-direction:column;background:#fff;border:1px solid #ece6dd!important;border-radius:20px!important;overflow:hidden;box-shadow:0 10px 34px rgba(2,48,71,.06);transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none!important}
.give-card:hover{transform:translateY(-3px);border-color:#f18f01!important;box-shadow:0 16px 40px rgba(2,48,71,.11)}
.give-card img{width:100%;height:200px;object-fit:cover;display:block}
.give-form-grid-content{padding:22px 24px 24px!important;display:flex;flex-direction:column;gap:10px;flex:1}
.give-form-grid-content__title{font-size:1.15rem!important;font-weight:750!important;color:#023047!important;line-height:1.28;margin:0!important}
.give-card:hover .give-form-grid-content__title{color:#f18f01!important}
.give-form-grid-content__text{font-size:.94rem!important;line-height:1.6;color:#5b6770!important;margin:0!important}
.give-card__button{display:inline-flex!important;align-items:center;justify-content:center;align-self:flex-start;margin-top:8px;background:#f18f01;color:#fff!important;border-radius:999px;padding:11px 28px;font-size:.94rem;font-weight:700;text-decoration:none!important;border:0;transition:background .18s,transform .18s}
.give-card:hover .give-card__button{background:#d97f00;transform:translateY(-1px)}
.give-form-grid-container .give-goal-progress,.give-card .give-progress-bar{margin-top:6px}
.give-card .give-progress-bar,.give-card .give-progress-bar>span{border-radius:999px}
.give-card .give-progress-bar>span{background:#f18f01!important}
@media (max-width:900px){ body.page .give-grid--2,body.page .give-grid--3{grid-template-columns:1fr} }
/* JAE 4.43b · botón Donar (GiveWP pisa el fondo) */
body .give-card .give-card__button,
body .give-card span.give-card__button{background:#f18f01!important;background-color:#f18f01!important;color:#fff!important;border-radius:999px!important;padding:11px 28px!important;font-weight:700!important;text-decoration:none!important;width:auto!important;display:inline-flex!important;align-items:center;justify-content:center;align-self:flex-start!important;margin-top:auto!important;border:0!important}
body .give-card:hover .give-card__button{background:#d97f00!important;background-color:#d97f00!important}
/* ===== JAE 4.44b · banners personalizados: foto mas visible ===== */
.jae3-internal-hero--custom::after{
background:linear-gradient(90deg, rgba(2,48,71,.94) 0%, rgba(2,48,71,.72) 34%, rgba(2,48,71,.30) 64%, rgba(2,48,71,.10) 100%)!important;
}
.jae3-internal-hero--custom .jae3-internal-hero__media img{
filter:saturate(1) contrast(1.02) brightness(1.06)!important;
object-position:50% 42%!important;
}
/* ===== JAE 4.45 · tarjetas de proyectos (estilo GoFundMe) ===== */
.jae-proj{max-width:1040px;margin:26px auto 30px}
.jae-proj__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.jae-proj--carousel .jae-proj__grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;-webkit-overflow-scrolling:touch}
.jae-proj--carousel .jae-proj__card{flex:0 0 clamp(260px,80vw,340px);scroll-snap-align:start}
.jae-proj--carousel .jae-proj__grid::-webkit-scrollbar{height:8px}
.jae-proj--carousel .jae-proj__grid::-webkit-scrollbar-thumb{background:#e2dccf;border-radius:999px}
.jae-proj__card{display:flex;flex-direction:column;background:#fff;border:1px solid #ece6dd;border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 10px 30px rgba(2,48,71,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.jae-proj__card:hover{transform:translateY(-3px);border-color:#f18f01;box-shadow:0 16px 40px rgba(2,48,71,.12)}
.jae-proj__media{display:block;width:100%;aspect-ratio:1/1;background:#eef1f3;overflow:hidden}
.jae-proj__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.jae-proj__card:hover .jae-proj__media img{transform:scale(1.04)}
.jae-proj__body{display:flex;flex-direction:column;gap:9px;padding:20px 22px 22px;flex:1}
.jae-proj__title{font-size:1.12rem;font-weight:750;line-height:1.3;color:#023047}
.jae-proj__card:hover .jae-proj__title{color:#f18f01}
.jae-proj__excerpt{font-size:.92rem;line-height:1.55;color:#5b6770}
.jae-proj__bar{position:relative;height:8px;border-radius:999px;background:#eee7dc;overflow:hidden;margin-top:4px}
.jae-proj__bar>span{position:absolute;left:0;top:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#f7a72a,#f18f01)}
.jae-proj__stats{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.9rem;color:#66727b}
.jae-proj__raised b{color:#023047;font-size:1.02rem;font-weight:800}
.jae-proj__donors{font-size:.82rem;color:#8a949c}
.jae-proj__btn{align-self:flex-start;margin-top:6px;background:#f18f01;color:#fff;border-radius:999px;padding:10px 26px;font-size:.92rem;font-weight:700;transition:background .18s}
.jae-proj__card:hover .jae-proj__btn{background:#d97f00}
.jae-proj__more{text-align:center;margin-top:26px}
.jae-proj__all{display:inline-flex;align-items:center;gap:8px;background:#023047;color:#fff;border-radius:999px;padding:13px 34px;font-size:.98rem;font-weight:700;text-decoration:none;transition:background .18s,transform .18s}
.jae-proj__all:hover{background:#034a6b;transform:translateY(-2px)}
.jae-proj__all::after{content:"\2192"}
.jae-proj__empty{text-align:center;color:#8a949c;padding:30px}
@media (max-width:820px){ .jae-proj__grid{grid-template-columns:1fr} }
/* ===== JAE 4.46 · seccion de proyectos en JAE Innova ===== */
.jae-innova-projects{padding:clamp(40px,6vw,72px) 0}
.jae-innova-projects__head{max-width:720px;margin:0 auto 8px;text-align:center}
.jae-innova-projects__head .jae3-kicker{justify-content:center}
.jae-innova-projects__head h2{font-size:clamp(1.7rem,3.4vw,2.4rem);color:#023047;font-weight:800;margin:12px 0 10px;letter-spacing:-.01em}
.jae-innova-projects__head p{font-size:1.02rem;line-height:1.62;color:#5b6770;margin:0 auto}
.jae-innova-projects .jae-proj{margin-top:24px}
/* ===== JAE 4.47 · Cachorros: alinear arriba columnas Metodologia/Objetivos ===== */
.elementor-element-408f348.e-con{align-items:flex-start!important;justify-content:flex-start!important}
.elementor-element-408f348.e-con > .e-con-inner{align-items:flex-start!important;justify-content:flex-start!important}
/* ===== JAE 4.50 · TODO SOBRE tarjetas enlazables ===== */
.jae-todo-clickable{position:relative}
.jae-todo-link{position:absolute;inset:0;z-index:4;border-radius:inherit}
.jae-todo-clickable{transition:transform .2s}
.jae-todo-clickable:hover{transform:translateY(-4px)}
.jae-todo-clickable img{transition:box-shadow .2s}
.jae-todo-clickable:hover img{box-shadow:0 14px 34px rgba(2,48,71,.16)}
/* ===== JAE 4.54 · Fotografias Pixieset ===== */
.jae3-pixieset{margin:20px auto 8px}
.jae3-pixieset__h{font-size:clamp(1.3rem,2.6vw,1.8rem);color:#023047;font-weight:800;margin:0 0 6px}
.jae3-pixieset__intro{font-size:.95rem;color:#5b6770;margin:0 0 18px;max-width:640px}
.jae3-photocard--pix{position:relative}
.jae3-photocard__pin{position:absolute;top:12px;right:12px;z-index:3;background:rgba(2,48,71,.86);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.03em;padding:5px 11px;border-radius:999px;backdrop-filter:blur(3px)}
/* ===== JAE 4.55 · inVerso ultimos episodios ===== */
.jae-inverso{padding:clamp(36px,5vw,64px) 0}
.jae-inverso__head{text-align:center;max-width:640px;margin:0 auto 24px}
.jae-inverso__head .jae3-kicker{justify-content:center}
.jae-inverso__head h2{font-size:clamp(1.6rem,3.2vw,2.2rem);color:#023047;font-weight:800;margin:12px 0 8px}
.jae-inverso__head p{color:#5b6770;font-size:1rem;line-height:1.6;margin:0}
.jae-inverso__grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;-webkit-overflow-scrolling:touch}
.jae-inverso__grid::-webkit-scrollbar{height:8px}
.jae-inverso__grid::-webkit-scrollbar-thumb{background:#e2dccf;border-radius:999px}
.jae-inverso__card{flex:0 0 clamp(230px,72vw,270px);scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid #ece6dd;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 10px 28px rgba(2,48,71,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.jae-inverso__card:hover{transform:translateY(-3px);border-color:#8b5cf6;box-shadow:0 16px 36px rgba(2,48,71,.12)}
.jae-inverso__media{position:relative;width:100%;aspect-ratio:1/1;background:#eef1f3;overflow:hidden}
.jae-inverso__media img{width:100%;height:100%;object-fit:cover;display:block}
.jae-inverso__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(139,92,246,.92);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding-left:3px;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s,background .2s}
.jae-inverso__card:hover .jae-inverso__play{transform:translate(-50%,-50%) scale(1.08);background:#8b5cf6}
.jae-inverso__body{padding:15px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.jae-inverso__title{font-size:.98rem;font-weight:700;line-height:1.32;color:#023047;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jae-inverso__date{font-size:.82rem;color:#8a949c;margin-top:auto}