/* Ekonatura editorial system. Shared by all local templates. */
:root{--ek-font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ek-font-heading:Questrial,system-ui,sans-serif}
body.ek-unified .prose,body.ek-unified .prose p,body.ek-unified .prose li,body.ek-unified .ek-introduction,body.ek-unified .ek-introduction p,body.ek-unified .related-text>span,body.ek-unified .card-desc{font-family:var(--ek-font-body)!important;font-style:normal}body.ek-unified .related-text strong,body.ek-unified .card-body strong,body.ek-unified .featured-text strong{font-family:var(--ek-font-heading)!important;font-weight:400!important}
.ek-dialog{position:fixed;inset:0;margin:auto!important}#ek-search{width:min(600px,calc(100% - 32px));max-height:75dvh}#ek-search h2{font-size:1.65rem}#ek-search label{font-size:.8rem}#ek-search .ek-search-input{margin-top:10px;font-size:1.05rem;min-height:56px}.ek-search-results:empty{display:none}.ek-result-type{display:block;font:600 .65rem/1.5 system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--ek-accent);margin-bottom:5px}
.ek-editorial-nav{display:none}
.ek-long-article .ek-nav{display:none}
.ek-long-article .ek-menu{display:block;font-size:0}
.ek-long-article .ek-menu:after{content:'··· Más';font-size:.8rem}
/* Navegación editorial dentro del header (solo artículos). */
.ek-editorial-nav{display:none;gap:23px;align-items:center}
.ek-editorial-nav a{font-size:.8rem;text-decoration:none;color:var(--ek-ink);transition:color .18s ease}
.ek-editorial-nav a:hover,.ek-editorial-nav a:focus-visible{color:var(--ek-coral)}.ek-editorial-nav a:focus-visible{outline:2px solid var(--ek-coral);outline-offset:3px;border-radius:6px}
.ek-long-article .ek-nav{display:none}
.ek-long-article .ek-editorial-nav{display:flex}
.ek-long-article .ek-menu{display:block;font-size:0}
.ek-long-article .ek-menu:after{content:'··· Más';font-size:.8rem}
/* El header completo se transforma en una única cápsula flotante al compactarse. */
.ek-header.is-pill .ek-header-inner{width:max-content;max-width:calc(100vw - 24px);height:52px;padding:0 8px 0 14px;gap:8px;border-radius:999px;background:rgba(251,253,254,.86);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(27,73,101,.08);box-shadow:0 6px 22px rgba(27,73,101,.08)}
.ek-header.is-pill .ek-nav a,.ek-header.is-pill .ek-editorial-nav a{padding:7px 11px;color:var(--ek-ink)}
.ek-header.is-pill .ek-nav a:hover,.ek-header.is-pill .ek-editorial-nav a:hover{color:var(--ek-coral)}
.ek-header.is-pill .ek-nav a[aria-current],.ek-header.is-pill .ek-editorial-nav a[aria-current]{color:var(--ek-coral);text-decoration:underline;text-underline-offset:4px}
.ek-header.is-pill .ek-logo{width:126px;margin-right:2px}
.ek-header.is-pill .ek-logo img{height:40px}
.ek-header.is-pill .ek-nav,.ek-header.is-pill .ek-editorial-nav{gap:14px}
.ek-header.is-pill .ek-nav a,.ek-header.is-pill .ek-editorial-nav a{font-size:.82rem}
.ek-header.is-pill .ek-header-inner>.button{padding:9px 16px;font-size:.78rem}
.ek-header.is-pill .ek-icon{min-height:38px}
@media(max-width:600px){.ek-header.is-pill .ek-header-inner{padding:0 4px 0 12px;gap:6px}.ek-header.is-pill .ek-logo{width:96px}.ek-header.is-pill .ek-logo img{height:32px}.ek-header.is-pill .ek-icon{min-height:36px;padding:7px 8px;font-size:.68rem}.ek-header.is-pill .ek-search-open{width:38px;padding:0}.ek-header.is-pill .ek-header-inner>.button{padding:8px 12px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.ek-header-inner,.ek-logo,.ek-logo img,.ek-nav a,.ek-editorial-nav a,.ek-header-inner>.button{transition:none!important}}
.ek-metadata-actions .share-control{margin:0}.share-control{--line:var(--ek-line);--ink:var(--ek-ink);--sea:var(--ek-accent);--sans:system-ui,sans-serif;--paper:var(--ek-paper);--cream:var(--ek-cream);--muted:var(--ek-muted)}
@media(max-width:1000px){.ek-long-article .ek-editorial-nav{display:none}}@media(max-width:600px){.ek-long-article .ek-menu:after{content:'···'}}
/* Ekonatura tokens — FUENTE ÚNICA. Primitivos -> semánticos -> alias. */
:root{
  /* Primitivos (paleta Ocean Pearl Delight) */
  --ek-teal:#006d77;--ek-aqua:#83c5be;--ek-alice:#edf6f9;--ek-almond:#ffddd2;--ek-coral:#e29578;--ek-deep:#1b4965;
  /* Texto y base */
  --ek-ink:#1b4965;--ek-header-h:78px;--ek-muted:#496874;--ek-paper:#fbfdfe;
  /* Superficies */
  --ek-surface:var(--ek-paper);--ek-surface-alt:var(--ek-alice);--ek-surface-cool:#e3f2f1;--ek-surface-warm:#fdf0ea;--ek-surface-card:var(--ek-paper);
  /* Texto semántico */
  --ek-text:var(--ek-ink);--ek-text-muted:var(--ek-muted);--ek-text-inverse:var(--ek-alice);
  /* Acción */
  --ek-action:var(--ek-teal);--ek-action-hover:var(--ek-coral);--ek-on-action:var(--ek-paper);--ek-on-accent:#12303f;--ek-on-coral:var(--ek-on-accent);
  /* Separadores (fuente única) */
  --ek-line:rgba(27,73,101,.18);--ek-line-soft:rgba(27,73,101,.14);--ek-line-width:1px;
  /* Enlaces (fuente única) */
  --ek-link-decoration:var(--ek-coral);--ek-link-thickness:3px;--ek-link-thickness-hover:5px;--ek-link-offset:5px;--ek-link-hover-bg:rgba(226,149,120,.16);
  /* Radios */
  --ek-radius-sm:14px;--ek-radius:22px;--ek-radius-lg:28px;--ek-radius-pill:99px;
  /* Layout */
  --ek-width:1240px;--ek-player:0px;--ek-measure-px:660px;
  /* Compat (alias) — no usar en código nuevo */
  --ek-cream:var(--ek-alice);--ek-green:var(--ek-action);--ek-accent:var(--ek-action);--ek-blue-deep:var(--ek-teal);--ek-blue-soft:var(--ek-aqua);--ek-blue-pale:var(--ek-alice);--ek-warm-soft:var(--ek-almond);--ek-warm-accent:var(--ek-coral);--ek-surface-1:var(--ek-surface-alt);--ek-surface-2:var(--ek-surface-cool);--ek-surface-3:var(--ek-surface-warm);--ek-fs-h2-home:clamp(2.05rem,4vw,3.4rem);
}
body.ek-unified>.ek-final-cta .cta-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(35px,7vw,110px)}body.ek-unified>.ek-final-cta .cta-copy{max-width:40ch}body.ek-unified>.ek-final-cta h2{max-width:13ch}.ek-footer .ek-footer-brand{margin:0 0 clamp(16px,1.8vw,24px);padding:0 0 clamp(16px,1.8vw,22px);border:0;border-bottom:1px solid #ffffff14;justify-content:flex-start;flex-wrap:wrap}.ek-footer-brand>p:not(.ek-footer-contact){display:none}.ek-footer .ek-footer-contact{margin-left:auto;font-size:.95rem;line-height:1.6}.ek-footer .ek-footer-contact a{display:inline;font-size:inherit;padding:0}.ek-footer-explore{border-top:0;border-bottom:1px solid #ffffff14}.ek-footer-explore summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;cursor:pointer;list-style:none;font-size:1.05rem;font-weight:500}.ek-footer-explore summary span{font-size:1.35rem;line-height:1;color:#b4dcd8}.ek-footer-explore summary::-webkit-details-marker{display:none}.ek-footer-explore[open] summary span{transform:rotate(45deg)}.ek-footer-explore .ek-footer-grid{padding:clamp(18px,2vw,28px) 0 clamp(22px,2.6vw,34px)}.ek-footer .ek-footer-bottom{border:0;margin-top:0;padding-top:clamp(18px,2.4vw,26px)}.ek-footer{padding-top:clamp(48px,5.5vw,76px)!important;padding-bottom:var(--ek-player)!important}
@media(max-width:650px){body.ek-unified>.ek-final-cta .cta-inner{grid-template-columns:1fr;gap:20px}.ek-footer .ek-footer-brand{display:block}.ek-footer .ek-footer-contact{margin:20px 0 0}.ek-footer .ek-footer-bottom>span:last-child{color:#b4dcd8}}
.ek-footer .ek-footer-grid{grid-template-columns:1fr 1fr 1fr}.ek-footer-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:clamp(26px,3vw,40px);padding-bottom:clamp(22px,3vw,32px);border-bottom:1px solid #ffffff1f}.ek-footer .ek-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ek-footer-bottom nav{display:flex;flex-wrap:wrap;gap:10px 28px}.ek-footer .ek-footer-bottom a{font-size:.82rem;margin:0}.ek-footer-bottom>span:last-child{color:#b4dcd8}
body.ek-short-reading .page-intro,body.ek-knowledge-hub .page-intro{display:block;max-width:900px;margin:20px auto 45px}body.ek-short-reading .page-header h1{font-size:clamp(2.6rem,5vw,4.4rem);max-width:24ch}body.ek-short-reading .page-intro>.page-visual{min-height:0;max-height:300px;aspect-ratio:3/1;margin-top:25px}body.ek-short-reading .page>.prose{max-width:var(--ek-measure);margin:auto}body.ek-short-reading .ek-section{display:block}body.ek-short-reading .ek-section>h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:20px}body.ek-short-reading .ek-introduction{margin-bottom:35px}body.ek-short-reading .ek-section-copy{max-width:none}
@media(max-width:650px){.ek-footer{background:radial-gradient(120% 90% at 85% -15%,rgba(131,197,190,.14),transparent 62%),linear-gradient(165deg,#1b4965 0%,#173c54 60%,#12303f 100%)}.ek-footer .ek-footer-bottom a{color:#c3d0c8}.ek-footer .ek-footer-grid{grid-template-columns:1fr 1fr;gap:6px 24px}.ek-footer-band{display:block;padding:0;border-top:0}.ek-footer-band-links{display:block}.ek-footer .ek-footer-grid a{padding:9px 0}.ek-footer-band:last-child{grid-column:1/-1;margin-top:18px;padding-top:26px;border-top:1px solid #ffffff14}.ek-footer-band:last-child .ek-footer-band-links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-content:start}.ek-footer-brand{display:block;margin-bottom:30px}.ek-footer .ek-footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}body.ek-short-reading .page-intro>.page-visual{aspect-ratio:16/9}}
@media(max-width:359px){.ek-footer .ek-footer-grid{grid-template-columns:1fr}.ek-footer-band:last-child{grid-column:auto}}
@media(min-width:651px){.ek-footer .ek-footer-grid{grid-template-columns:1fr;gap:0}.ek-footer-band{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:24px;align-items:baseline;padding:clamp(15px,1.8vw,24px) 0;border-top:1px solid #ffffff14}.ek-footer-band:first-child{border-top:0;padding-top:clamp(2px,0.6vw,8px)}.ek-footer-band>h2{margin:0}.ek-footer-band-body{min-width:0}.ek-footer-band-links{display:flex;flex-wrap:wrap;gap:12px 36px}.ek-footer-band-links a{padding:0}.ek-footer-band-body>p{margin:0 0 12px}}
[hidden]{display:none!important}.pagefind-meta,.search-aliases{display:none!important}
body.ek-unified>.ek-final-cta{width:100%;max-width:none;margin:70px 0 0;border-radius:0;padding:70px max(24px,calc((100vw - 1240px)/2));background:var(--ek-ink);color:white;text-align:left}body.ek-unified>.ek-final-cta h2{margin:12px 0 28px;max-width:20ch;font-size:clamp(2.5rem,5vw,5rem)}body.ek-unified>.ek-final-cta .cta-inner{padding:0;min-height:0}body.ek-unified>.ek-final-cta .cta-banner__label{color:#c6d0c9}body.ek-unified>.ek-final-cta .cta-banner__button{margin-top:15px}.ek-footer-grid>div:last-child{min-width:0}
body.ek-unified .page-intro{padding:0;border:0;margin:40px 0 70px}body.ek-unified .page-intro>.page-visual{grid-column:auto;grid-row:auto;aspect-ratio:auto;min-height:480px}body.ek-unified .page-intro>.page-header{padding:25px 0;border:0}body.ek-unified .eyebrow{color:var(--ek-muted)}body.ek-unified .hero-copy .intro p{font-family:system-ui;font-style:normal;font-size:1rem;font-weight:400}body.ek-unified .hero-visual figcaption{font-family:system-ui;font-style:normal}
@media(max-width:1000px){body.ek-unified .page-intro>.page-visual{aspect-ratio:16/10;min-height:0}body.ek-unified .page-intro{margin:25px 0 45px}}
body .full-cta .cta-inner{width:100%;max-width:1240px;min-height:0;padding:0;margin:auto}body .hub-grid>*{min-width:0;max-width:100%}body .card{border:0;background:transparent;box-shadow:none;border-radius:0;overflow:hidden;min-width:0}body .card-image{display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden}body .card-image img{width:100%;height:100%;object-fit:cover}body .card-body{padding:20px 0}body .card strong{font:400 1.8rem/1.1 Questrial}body .breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:.75rem;color:var(--ek-muted)}body .section:has(>.page){padding-top:35px}
@media(max-width:600px){body .hub-grid{grid-template-columns:minmax(0,1fr)}body .full-cta{padding:45px 24px}body .full-cta h2{font-size:2.8rem}}
body .hero-grid>*{min-width:0}body .hero-visual{width:100%;max-width:100%}body .hero-visual img{max-width:100%}body .ek-unified{min-width:0}
html{scroll-padding-top:100px}body{background:var(--ek-paper)!important;color:var(--ek-ink)!important;font-family:Inter,system-ui,sans-serif!important;font-size:17px;line-height:var(--ek-lh-copy);padding-bottom:0}
/* Player mini/hidden = flotante: no reserva espacio en el flujo (garantía CSS, sin depender del timing de JS). */
body:has(.ek-player.is-mini),body:has(.ek-player[hidden]){padding-bottom:0}
body h1,body h2,body h3{font-family:Questrial,system-ui,sans-serif!important;font-weight:400!important;letter-spacing:-.04em;line-height:var(--ek-lh-heading);text-wrap:balance}body h1{font-size:var(--ek-fs-h1)}body h2{font-size:var(--ek-fs-h2-page)}body h3{font-size:var(--ek-fs-h3)}
body .container{width:min(var(--ek-width),calc(100% - 48px));max-width:var(--ek-width)}body .reading{max-width:var(--ek-measure)}body p{line-height:var(--ek-lh-copy)}body .eyebrow,body .section-label{font-family:system-ui,sans-serif;font-size:.7rem;letter-spacing:.13em;font-weight:750;text-transform:uppercase}body .eyebrow:before{background:var(--ek-accent)}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible,body summary:focus-visible{outline:2px solid var(--ek-accent);outline-offset:5px}body .button,body .cta-banner__button{background:var(--ek-blue-deep);border:1px solid var(--ek-blue-deep);border-radius:99px;color:var(--ek-blue-pale);min-height:44px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;font:600 .82rem/1.2 system-ui;text-decoration:none}
.ek-header .button{background:transparent;color:var(--ek-ink);border:1px solid var(--ek-ink);transition:padding .28s ease,font-size .28s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.ek-header .button:hover{background:var(--ek-ink);color:white}
.ek-home .hero .actions .button:not(.button--secondary){min-height:52px;padding:14px 27px;font-size:.92rem}body .button--secondary{background:transparent;color:var(--ek-blue-deep)}body .button:hover{background:#004146;color:var(--ek-blue-pale);transform:none}
 .ek-header{position:sticky;top:0;z-index:60;height:78px;display:flex;align-items:center;background:transparent;border-bottom:1px solid transparent;transition:transform .25s ease}.ek-header.is-hidden{transform:translateY(-102%)}.ek-header-inner{max-width:var(--ek-width);width:calc(100% - 48px);height:78px;margin:auto;display:flex;align-items:center;gap:26px;transition:width .28s ease,height .28s ease,padding .28s ease,gap .28s ease,background-color .28s ease,border-color .28s ease,border-radius .28s ease,box-shadow .28s ease}.ek-logo{display:flex;margin-right:auto;width:170px;flex-shrink:0;transition:width .28s ease}.ek-logo img{width:100%;height:54px;object-fit:contain;transition:height .28s ease}.ek-nav{display:flex;gap:23px;align-items:center}.ek-explore{position:relative}
/* Header integrado en el full hero: solo en páginas con EditorialPhotoHero y solo mientras
   el header está completo arriba del todo. is-pill / is-hidden quedan intactos. */
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-backdrop-filter:var(--ph-header-band,blur(var(--ph-header-blur,22px)) brightness(var(--ph-header-dim,.7)));backdrop-filter:var(--ph-header-band,blur(var(--ph-header-blur,22px)) brightness(var(--ph-header-dim,.7)));-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-logo img{filter:brightness(0) invert(1)}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-nav>a,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-explore>summary,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-editorial-nav a{color:rgba(255,255,255,.78)}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-explore>summary:after{color:rgba(255,255,255,.6)}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-nav>a:hover,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-nav>a:focus-visible,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-explore>summary:hover,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-explore>summary:focus-visible,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-editorial-nav a:hover,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-editorial-nav a:focus-visible{color:#fff}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-nav>a[aria-current],body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-editorial-nav a[aria-current]{color:#fff;text-decoration:underline;text-underline-offset:7px}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-icon{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-icon:hover,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .ek-icon:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.75);color:#fff}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .button{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .button:hover,body:has(.ek-photo-hero) .ek-header:not(.is-pill):not(.is-hidden) .button:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.75);color:#fff}
.ek-explore summary{cursor:pointer;list-style:none;font-size:.8rem;display:flex;align-items:center;gap:7px;min-height:44px;transition:color .18s ease}
.ek-explore summary::-webkit-details-marker{display:none}
.ek-explore summary:after{content:"▾";font-size:.68rem;color:var(--ek-muted)}
.ek-explore[open] summary:after{content:"▴"}
.ek-explore summary:hover{color:var(--ek-coral)}
 .ek-explore nav{position:absolute;top:calc(100% + 10px);left:0;z-index:25;min-width:240px;padding:10px;background:var(--ek-paper);border:1px solid var(--ek-line);border-radius:16px;box-shadow:0 18px 50px rgba(27,73,101,.14)}
.ek-explore nav a{display:block;padding:11px 12px;border-radius:9px;text-decoration:none;font-size:.83rem}
.ek-explore nav a:hover,.ek-explore nav a:focus-visible{background:var(--ek-cream);outline:0}
.ek-nav a{transition:color .18s ease,font-size .28s ease}
.ek-nav a:hover{color:var(--ek-accent)}
.ek-logo{transition:opacity .18s ease}
.ek-logo:hover{opacity:.82}
.ek-icon{transition:border-color .18s ease,background-color .18s ease,min-height .28s ease,padding .28s ease,font-size .28s ease}
.ek-icon:hover{border-color:var(--ek-accent);color:var(--ek-accent)}
.ek-nav a{font-size:.8rem;text-decoration:none;color:var(--ek-ink);transition:color .18s ease}.ek-nav a:hover,.ek-nav a:focus-visible{color:var(--ek-coral)}.ek-nav a:focus-visible{outline:2px solid var(--ek-coral);outline-offset:3px;border-radius:6px}.ek-nav a[aria-current]{color:var(--ek-coral);text-decoration:underline;text-underline-offset:7px}.ek-icon{border:1px solid var(--ek-line);background:transparent;border-radius:99px;min-height:44px;padding:10px 15px;color:var(--ek-ink);font:600 .8rem system-ui;cursor:pointer}.ek-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px}.ek-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.ek-menu{display:none}.ek-dialog{border:1px solid var(--ek-line);border-radius:22px;background:var(--ek-paper);color:var(--ek-ink);max-width:650px;width:calc(100% - 32px);max-height:85dvh;padding:28px;overflow:auto}.ek-dialog:not([open]){display:none}.ek-dialog::backdrop{background:rgba(18,48,63,.44);backdrop-filter:blur(4px)}.ek-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.ek-dialog h2{font-size:2rem;margin:0}.ek-dialog nav{display:grid}.ek-dialog nav a{padding:13px 0;border-bottom:1px solid rgba(27,73,101,.1);text-decoration:none;transition:color .18s ease,transform .18s ease}.ek-search-input{width:100%;border:1px solid var(--ek-line);border-radius:10px;background:transparent;min-height:48px;padding:12px;font:inherit}.ek-search-results{display:grid;gap:0}.ek-search-results a{padding:16px 0;border-bottom:1px solid var(--ek-line);text-decoration:none}.ek-search-results small{display:block;color:var(--ek-muted)}
body .page-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,80px);align-items:stretch;margin:40px 0 80px}body .page-header{max-width:none;margin:0;padding:30px 0;align-self:center}body .page-header h1{max-width:13ch;margin:20px 0}body .page-visual{margin:0;border-radius:22px;overflow:hidden;min-height:450px;aspect-ratio:auto;height:100%;background:linear-gradient(145deg,#edf6f9 0%,#fbfdfe 72%,#ffddd2 100%)}body .page-visual img{height:100%;width:100%;object-fit:cover}body .page-visual:after{display:none}.ek-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#edf6f9 0%,#fbfdfe 72%,#ffddd2 100%);min-height:350px;border-radius:22px;color:#55635b;font-size:.75rem;aspect-ratio:4/3}.ek-placeholder span{padding:8px 14px;border-radius:99px;background:#ffffff80}
body .page>.prose{max-width:none;width:100%;margin:0}body .ek-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,7vw,110px);padding:var(--ek-space-section) 0;border-top:1px solid var(--ek-line);margin:0}body .ek-section>h2{margin:0;padding:0;border:0;font-size:var(--ek-fs-h2)}.ek-section-copy{min-width:0;max-width:var(--ek-measure)}.ek-section-copy p{margin:0 0 16px}.ek-section-copy ul{padding-left:22px}.ek-introduction{max-width:var(--ek-measure);margin:0 auto 60px;font-size:var(--ek-fs-copy)}.ek-section .ek-placeholder{margin-top:35px;min-height:220px}
body .home-copy>.reading{max-width:var(--ek-width);width:calc(100% - 48px)}body .hero.section{padding:65px 0;background:var(--ek-cream);border:0}body .hero .hero-grid:has(.hero-copy){display:grid;grid-template-columns:1.1fr 1fr;gap:45px 70px;align-items:stretch}body .hero-copy{align-self:center}body .hero-copy h1{max-width:10ch;margin:18px 0 30px}body .hero-copy .intro{font-size:1.05rem;margin:0;max-width:50ch}body .hero-copy .actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}body .hero-visual{border-radius:22px;overflow:hidden;margin:0;min-height:580px;position:relative}body .hero-visual img{height:100%;width:100%;object-fit:cover}body .hero-visual figcaption{position:absolute;bottom:0;padding:15px;background:rgba(18,48,63,.69);color:white;font-size:.7rem;width:100%}body .focus-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:30px 0 0;border-top:1px solid var(--ek-line);background:transparent;box-shadow:none;position:static}body .focus{display:flex;align-items:center;gap:18px;background:none;border:0;border-radius:0;text-decoration:none;font-family:Questrial;font-size:1.3rem;padding:0}body .focus-image{width:82px;height:82px;flex:0 0 82px;border-radius:12px;overflow:hidden}body .focus-image img{width:100%;height:100%;object-fit:cover}body .focus-grain,body .related-grain{display:none}body .editorial-figure{display:none}body .search-wrap{margin:65px auto}body .symptom-search{border-radius:20px;background:var(--ek-cream);box-shadow:none;border:1px solid var(--ek-line);padding:30px}body .search-chips button{min-height:44px;border-radius:99px}
body .related{margin-top:70px;border-top:1px solid var(--ek-line);padding-top:30px}body .related ul,body .hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;list-style:none;padding:0}body .related li,body .hub-card{background:transparent;border:0;box-shadow:none;padding:0}body .related li a{display:block;text-decoration:none;background:transparent;border:0;padding:0}body .related-image{display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;margin:0 0 20px;height:auto}body .related-image img{width:100%;height:100%;object-fit:cover}.ek-card-placeholder{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(145deg,#edf6f9 0%,#fbfdfe 72%,#ffddd2 100%);border-radius:18px;margin-bottom:20px;color:var(--ek-muted);font-size:.7rem}
.related-image>.ek-card-placeholder{margin-bottom:0} /* el placeholder llena la caja 4/3: su margen no debe recortarse dentro */body .related-text strong{display:block;font:400 1.7rem/1.12 Questrial;margin-bottom:12px}body .related-text>span{font-size:.88rem;color:var(--ek-muted)}
body .cta-banner,body .full-cta{background:var(--ek-ink);color:white;border:0;border-radius:0;box-shadow:none;max-width:none;width:100%;margin:90px 0 0;padding:clamp(40px,7vw,90px);text-align:left;min-height:0}body .cta-banner__bg{display:none}body .cta-banner__title{font-size:clamp(2.4rem,5vw,5rem);max-width:19ch;margin:15px 0 22px;color:white}body .cta-banner__text{max-width:50ch;color:#d2dbd5}body .cta-banner__button,body .full-cta .button{background:var(--ek-paper);color:var(--ek-ink)}body .cta-banner:before,body .cta-banner:after{display:none}
.ek-footer{background:radial-gradient(125% 95% at 88% -22%,rgba(131,197,190,.22),transparent 60%),radial-gradient(95% 85% at -12% 0%,rgba(0,109,119,.34),transparent 56%),linear-gradient(162deg,#1d4c6a 0%,#18435e 58%,#143a52 100%);color:#d2dbd5;width:calc(100% - 32px);margin:80px auto 0;border-radius:48px 48px 0 0;box-shadow:0 -2px 30px rgba(27,73,101,.07);padding:64px max(24px,calc((100vw - 1240px)/2 - 16px)) 40px;border-top:1px solid #ffffff1f}.ek-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(32px,4vw,56px)}.ek-footer img{width:210px}.ek-footer h2{font:450 .84rem/1.35 var(--ek-font-body)!important;text-transform:uppercase;letter-spacing:.06em;color:#a6bbb3;margin:0 0 24px}.ek-footer a{display:block;text-decoration:none;color:inherit;font-weight:400;font-size:1.02rem;line-height:1.6;padding:9px 0;margin:0}.ek-footer p{font-size:1rem;line-height:1.7}.ek-footer-bottom{border-top:1px solid #ffffff14;padding-top:24px;margin-top:45px;font-size:.8rem}
.ek-player{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:70;width:min(760px,calc(100% - 24px));border:1px solid var(--ek-line);border-radius:16px;background:var(--ek-paper);box-shadow:0 5px 35px rgba(18,48,63,.15);padding:10px 14px;display:flex;align-items:center;gap:14px}.ek-player[hidden]{display:none}.ek-player-title{font-size:.8rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ek-player progress{position:absolute;bottom:0;left:12px;width:calc(100% - 24px);height:3px;accent-color:var(--ek-accent)}.ek-player button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--ek-ink);cursor:pointer}.ek-player a{font-size:.75rem}.ek-audio-list{display:grid;gap:0}.ek-audio-list>div{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--ek-line)}.ek-audio-list small{color:var(--ek-muted)}.ek-review-page{max-width:1000px;margin:auto;padding:70px 24px}.ek-review-page .review{width:100%;margin:50px 0;transform:none}.ek-review-page>h1{max-width:13ch}.ek-review-page .review blockquote{max-width:27ch}.ek-review-page .review-expanded{line-height:1.7}
body .reveal{opacity:1!important;transform:none!important}body .top-button{display:none}body .mobile-index-trigger{bottom:calc(var(--ek-player) + 18px)}body .legal-page h1{font-size:clamp(2.4rem,4vw,4rem)}body .legal-page .prose{max-width:760px;margin:auto;font-size:.95rem}body .legal-page .ek-section{display:block;padding:30px 0}body .legal-page .ek-section h2{font-size:1.6rem;margin-bottom:20px}body .legal-page .page-intro{display:block;max-width:760px;margin:30px auto}.ek-article-nav{display:flex;gap:10px;justify-content:flex-end;width:min(1240px,calc(100% - 40px));margin:18px auto}.ek-article-nav details{position:relative}.ek-article-nav summary{cursor:pointer;list-style:none;font-size:.8rem}.ek-article-nav nav{position:absolute;right:0;z-index:25;min-width:170px;padding:15px;background:var(--ek-paper);border:1px solid var(--ek-line);border-radius:14px}.ek-article-nav nav a{display:block;padding:8px;text-decoration:none}.ek-spy{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:8px}.ek-spy a{display:block;width:26px;height:var(--ek-spy-mark,16px);position:relative}.ek-spy i{display:block;width:10px;height:2px;background:#9caaa0;position:absolute;top:calc(50% - 1px)}.ek-spy a[aria-current] i{width:24px;background:var(--ek-accent)}.ek-spy a>span{display:none;position:absolute;left:30px;top:-10px;width:240px;min-width:0;background:var(--ek-almond);padding:8px 12px;border:0;border-radius:8px;box-shadow:0 4px 16px rgba(27,73,101,.08);font-size:.72rem;color:var(--ek-text)}.ek-spy a:hover>span,.ek-spy a:focus-visible>span{display:flex;flex-direction:column}.ek-spy a[aria-current]>span{background:#F5C6B0}.ek-index-button{display:none;position:fixed;right:16px;bottom:calc(var(--ek-player) + 16px);z-index:40;background:var(--ek-paper)}
@media(max-width:1000px){.ek-nav{display:none}.ek-menu{display:block}.ek-header-inner{gap:10px}.ek-logo{width:145px}body .page-intro{grid-template-columns:1fr;gap:30px;margin-bottom:50px}body .page-header h1{max-width:18ch}body .page-visual{aspect-ratio:16/10;min-height:0;height:auto}body .hero .hero-grid:has(.hero-copy){grid-template-columns:1fr}body .hero-visual{min-height:0;aspect-ratio:16/10}body .ek-section{grid-template-columns:1fr;gap:24px}.ek-section-copy{max-width:720px}.ek-footer-grid{grid-template-columns:1fr 1fr}body .related ul,body .hub-grid{grid-template-columns:1fr 1fr}.ek-spy{display:none}.ek-index-button{display:block}}
@media(max-width:600px){:root{--ek-header-h:68px}body{font-size:16px}body .container,.ek-header-inner{width:calc(100% - 32px)}.ek-header-inner{height:68px;gap:7px}.ek-header{height:68px}.ek-logo{width:110px}.ek-header .button{padding:10px 12px;font-size:.7rem}.ek-icon{padding:9px 10px;font-size:.72rem}.ek-header .ek-search-open{width:44px;padding:0}.ek-nav{display:none}body .hero.section{padding:38px 0}body .hero-copy h1{font-size:3.6rem}body .focus-panel{grid-template-columns:1fr;gap:15px}body .focus-image{width:58px;height:58px;flex-basis:58px}body .focus{font-size:1.2rem}body .page-header h1{font-size:clamp(2.8rem,11vw,4.5rem);overflow-wrap:anywhere}body .page-intro{margin-top:20px}body .page-visual{aspect-ratio:4/3}.ek-placeholder{min-height:250px}body .ek-section{padding:36px 0}body .related ul{grid-template-columns:1fr}body .cta-banner{padding:40px 24px;margin-top:55px}.ek-footer-grid{gap:10px 24px}.ek-footer{width:calc(100% - 28px);margin:40px auto 0;border-radius:32px 32px 0 0;padding-left:20px;padding-right:20px}.ek-dialog{padding:20px}.ek-player{gap:5px}.ek-player a{font-size:.68rem}.ek-review-page{padding-top:40px}body .symptom-search{padding:22px}.ek-article-nav{margin:12px auto}.ek-footer h2{font-size:.8rem!important}}
/* Function-specific families within the shared editorial system. */
body.ek-problem-hub .page-intro{grid-template-columns:1.1fr 1fr;gap:60px}body.ek-problem-hub .page-intro .ek-introduction{margin:24px 0 0;max-width:52ch}body.ek-problem-hub .page-intro .ek-introduction p{margin:0 0 12px}body.ek-problem-hub .page-intro .page-visual{height:100%;min-height:480px;aspect-ratio:auto}body.ek-problem-hub .page-intro .hub-close{padding:0;border:0;background:none}
.ek-problem-discovery{padding:48px 0;border-top:1px solid var(--ek-line)}.ek-problem-discovery>h2,.ek-problem-context>h2{margin:16px 0 32px;max-width:23ch}
body.ek-problem-hub .ek-discovery-grid{margin:0;gap:0 36px}body.ek-problem-hub .ek-discovery-grid .card,body.ek-problem-hub .ek-discovery-grid .featured{display:block;padding:28px 0;margin:0;background:none;border:0;border-top:1px solid var(--ek-line);border-radius:0;text-decoration:none}body.ek-problem-hub .ek-discovery-grid .card-image,body.ek-problem-hub .ek-discovery-grid .card-type-title,body.ek-problem-hub .ek-discovery-grid .featured-image{display:none}body.ek-problem-hub .ek-discovery-grid .card-body,body.ek-problem-hub .ek-discovery-grid .featured-text{display:block;padding:0}body.ek-problem-hub .ek-discovery-grid strong{display:block;font:400 1.7rem/1.15 Questrial,sans-serif;margin:12px 0 18px}body.ek-problem-hub .ek-discovery-grid .card-desc,body.ek-problem-hub .ek-discovery-grid .featured-desc{display:block;font-size:.92rem;line-height:1.65;margin-bottom:18px}body.ek-problem-hub .ek-discovery-grid .featured-label,body.ek-problem-hub .ek-discovery-grid .card-type{font:750 .67rem/1.4 system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--ek-muted)}body.ek-problem-hub .ek-discovery-grid .featured-cta,body.ek-problem-hub .ek-discovery-grid .card-cta{font-size:.8rem;color:var(--ek-accent)}
.ek-problem-context{padding:48px 0 24px}.ek-problem-disclosure{border-top:1px solid var(--ek-line);padding:8px 0}.ek-problem-disclosure summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;list-style:none;font:400 clamp(1.2rem,2vw,1.6rem)/1.2 Questrial,sans-serif}.ek-problem-disclosure summary:after{content:'+';color:var(--ek-accent)}.ek-problem-disclosure[open] summary:after{content:'−'}.ek-problem-disclosure summary::-webkit-details-marker{display:none}.ek-problem-disclosure .ek-section-copy{max-width:var(--ek-measure);margin:12px 0 30px auto;font-size:1rem}.ek-problem-disclosure li{margin-bottom:8px}
@media(max-width:1000px){body.ek-problem-hub .page-intro{grid-template-columns:1fr;gap:28px}body.ek-problem-hub .page-intro .page-visual{min-height:0;aspect-ratio:16/10;height:auto}}@media(max-width:600px){.ek-problem-discovery,.ek-problem-context{padding-block:32px}body.ek-problem-hub .page-intro .page-visual{aspect-ratio:4/3}.ek-problem-disclosure summary{min-height:64px}}
body.ek-problem-hub .page-intro>*{min-width:0}@media(min-width:801px) and (max-width:1000px){body.ek-problem-hub .page-intro{grid-template-columns:1fr!important}}
body.ek-personal .page,body.ek-consultation .page{max-width:var(--ek-width)!important;width:calc(100% - 48px)!important}body.ek-personal .page>.reading.prose,body.ek-consultation .page>.reading.prose{max-width:none!important;width:100%!important;margin:0!important}
body.ek-knowledge-hub .page,body.ek-problem-hub .page,body.ek-service-hub .page{display:block!important}body.ek-knowledge-hub .page>.reading.prose,body.ek-problem-hub .page>.reading.prose,body.ek-service-hub .page>.reading.prose{display:block!important;max-width:none!important;width:100%!important}body.ek-knowledge-hub .page-intro,body.ek-problem-hub .page-intro,body.ek-service-hub .page-intro{order:0!important}
.ek-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:0 0 50px}.ek-contact-actions>a{text-decoration:none}.ek-consultation .ek-introduction{margin:0 0 48px;max-width:780px}.ek-consultation .ek-section-copy{font-size:1.03rem}
@media(max-width:600px){body.ek-personal .page,body.ek-consultation .page{width:calc(100% - 32px)!important}}
body.ek-problem-hub .page-intro{grid-template-columns:1.25fr .75fr}body.ek-problem-hub .page-intro .page-visual{min-height:280px;aspect-ratio:4/3}body.ek-problem-hub .page-header h1,body.ek-service-hub .page-header h1,body.ek-knowledge-hub .page-header h1{font-size:var(--ek-fs-h1)}body.ek-problem-hub .ek-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0 60px;gap:36px}body.ek-problem-hub .card--type .card-type-title{display:flex;align-items:center;min-height:160px;padding:24px;border-radius:18px;background:var(--ek-cream);font:400 1.8rem/1.15 Questrial,sans-serif}body.ek-problem-hub .card-image{aspect-ratio:2/1}body.ek-problem-hub .card-grain{display:none}body.ek-problem-hub .hub-search{margin:32px 0 48px}body.ek-problem-hub .ek-introduction{max-width:780px;margin:40px 0}
.ek-problem-toc{padding:8px 0;border-block:1px solid var(--ek-line);margin-bottom:38px}.ek-problem-toc summary{cursor:pointer;font-size:.85rem;min-height:44px;align-content:center}.ek-problem-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;padding:20px 0}.ek-problem-toc a{font-size:.9rem;text-decoration:none}body.ek-problem-detail .ek-problem-opening{margin:0 0 48px;max-width:780px;font-size:1.15rem}body.ek-problem-detail .ek-section-copy{font-size:1.03rem}body.ek-problem-detail .page-header h1{font-size:clamp(3rem,4.8vw,5rem);max-width:19ch}
@media(max-width:800px){body.ek-problem-hub .page-intro{grid-template-columns:1fr}body.ek-problem-hub .ek-discovery-grid{grid-template-columns:1fr 1fr;gap:24px}.ek-problem-toc nav{grid-template-columns:1fr}}@media(max-width:550px){body.ek-problem-hub .ek-discovery-grid{grid-template-columns:1fr}}
.ek-metadata-actions{margin-top:18px}body.ek-personal .page>.prose{width:100%;max-width:none}body.ek-personal .page-header .ek-introduction{max-width:52ch;margin:24px 0 0}body.ek-personal .page-header h1{font-size:clamp(3rem,5vw,5.4rem)}
body.ek-personal .ek-narrative-section{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px 80px;padding:55px 0 55px 60px}body.ek-personal .ek-narrative-section:before{content:attr(data-chapter);position:absolute;left:0;top:62px;color:var(--ek-accent);font-size:.7rem;letter-spacing:.1em}body.ek-personal .ek-narrative-section h2{max-width:17ch;font-size:var(--ek-fs-h2)}body.ek-personal .ek-narrative-image{grid-column:1/-1;aspect-ratio:2.6;min-height:0;margin:20px 0 0}body.ek-personal .ek-section-copy{max-width:var(--ek-measure);font-size:1.03rem}
.ek-service-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 60px}.ek-service-directory a{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--ek-line);padding:28px 0;text-decoration:none;font:400 1.8rem/1.15 Questrial,sans-serif}.ek-service-directory span{color:var(--ek-accent);font-size:1.2rem}body.ek-service-hub .ek-introduction{margin:0 0 50px;max-width:760px}body.ek-service-hub .page-header h1{max-width:none}
body.ek-knowledge-hub .page-intro{max-width:none;margin:40px 0}body.ek-knowledge-hub .page-header h1{max-width:15ch}body.ek-knowledge-hub .page>.prose{max-width:none}body.ek-knowledge-hub .ek-introduction{max-width:none;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;margin-bottom:48px}body.ek-knowledge-hub .hub-close{padding:28px;background:var(--ek-cream);border-radius:18px;align-self:start}body.ek-knowledge-hub .hub-close h2{font-size:1.8rem}body.ek-knowledge-hub .featured{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0;margin:40px 0 60px;background:none;border:0;border-radius:0;text-decoration:none}body.ek-knowledge-hub .featured-image{height:auto;aspect-ratio:4/3;border-radius:22px;overflow:hidden}body.ek-knowledge-hub .featured-image img{width:100%;height:100%;object-fit:cover}body.ek-knowledge-hub .featured-text{align-self:center;padding:20px 0}body.ek-knowledge-hub .featured-text strong{display:block;font:400 clamp(2rem,3.5vw,3.4rem)/1.1 Questrial,sans-serif;margin:20px 0}body.ek-knowledge-hub .featured-desc{font-size:1rem;line-height:1.7}body.ek-knowledge-hub .featured-grain{display:none}body.ek-knowledge-hub .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 32px}
body .catalog-contact{display:grid;grid-template-columns:1fr auto;gap:16px 40px;align-items:center;margin:72px 0 48px;padding:40px;border-top:1px solid var(--ek-line);border-radius:20px;background:var(--ek-cream);color:var(--ek-ink)}body .catalog-contact .section-label{grid-column:1/-1;margin:0;color:var(--ek-accent)}body .catalog-contact h2{font-size:clamp(2rem,3.5vw,3.4rem);margin:0;max-width:22ch}body .catalog-contact .button{justify-self:end}
@media(max-width:800px){body.ek-personal .ek-narrative-section{grid-template-columns:1fr;padding:36px 0 36px 36px;gap:24px}body.ek-personal .ek-narrative-section:before{top:42px}body.ek-personal .ek-narrative-image{aspect-ratio:4/3}.ek-service-directory{grid-template-columns:1fr;gap:0}.ek-service-directory a{border-bottom:0;font-size:1.6rem;padding:22px 0}body.ek-knowledge-hub .ek-introduction,body.ek-knowledge-hub .featured{grid-template-columns:1fr;gap:24px}body.ek-knowledge-hub .hub-grid{grid-template-columns:1fr}body .catalog-contact{grid-template-columns:1fr;padding:28px 24px;gap:22px}body .catalog-contact .button{justify-self:start}}
/* Short readings use the editorial shell, with a lighter reading rhythm. */
body.ek-short-reading .page-intro{display:grid;grid-template-columns:1.1fr 1fr;max-width:none;gap:clamp(32px,5vw,72px);margin:36px 0 64px;align-items:stretch}
body.ek-short-reading .page-header h1{font-size:clamp(2.8rem,4.8vw,5rem);max-width:18ch;margin:24px 0 32px;text-wrap:balance}
body.ek-short-reading .page-intro>.page-visual{height:100%;max-height:none;min-height:400px;aspect-ratio:auto;margin:0;border-radius:22px}
body.ek-short-reading .author{display:block;margin:28px 0 0;padding:20px 0 0;border:0;border-top:1px solid var(--ek-line);background:none;max-width:480px}
body.ek-short-reading .author p{font:450 .74rem/1.5 var(--ek-font-body)!important;letter-spacing:.012em;margin:0;color:var(--ek-muted)!important}body.ek-short-reading .author .author__name{font-weight:450!important;color:var(--ek-muted)!important}body.ek-short-reading .author__link{display:inline-block;font:450 .72rem/1.5 var(--ek-font-body)!important;margin-top:10px;color:var(--ek-muted)}
.ek-reading-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.7fr);gap:clamp(40px,7vw,100px);align-items:start;border-top:1px solid var(--ek-line);padding-top:48px}
.ek-reading-rail{min-width:0}.ek-reading-rail .tldr{padding:24px;border:0;border-radius:18px;background:var(--ek-cream);margin:0 0 28px;font-size:.86rem}.ek-reading-rail .tldr__label{font:750 .68rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--ek-accent);margin:0 0 18px}.ek-reading-rail .tldr ul{padding-left:16px;margin:0}.ek-reading-rail .tldr li{margin-bottom:12px;line-height:1.65}
.ek-reading-toc{border-block:1px solid var(--ek-line);padding:14px 0}.ek-reading-toc summary{cursor:pointer;font-size:.8rem;min-height:36px;align-content:center}.ek-reading-toc nav{display:grid;padding:12px 0}.ek-reading-toc a{font-size:.8rem;line-height:1.5;padding:10px 0;text-decoration:none}.ek-reading-toc a:hover{color:var(--ek-accent)}
body.ek-short-reading .ek-reading-layout>.prose{max-width:var(--ek-measure);width:100%;margin:0;font-size:1.04rem;min-width:0}body.ek-short-reading .ek-introduction{font:400 var(--ek-fs-copy)/1.75 system-ui,sans-serif;margin:0 0 40px;padding:0}body.ek-short-reading .ek-introduction p{margin:0 0 14px}body.ek-short-reading .ek-section{padding:36px 0;gap:0}body.ek-short-reading .ek-section>h2{font-size:clamp(1.8rem,2.6vw,2.55rem);margin:0 0 24px;text-wrap:pretty}body.ek-short-reading .ek-section-copy p{margin-bottom:18px}body.ek-short-reading .ek-section-copy li{margin-bottom:8px}
body.ek-short-reading .references{padding:28px 0;border-top:1px solid var(--ek-line);margin:24px 0;font-size:.8rem;background:transparent}body.ek-short-reading .references h2{font-size:1.6rem}body.ek-short-reading .references li{margin:16px 0;line-height:1.7}body.ek-short-reading .references .pmid{display:block;font-size:.7rem;color:var(--ek-muted)}
body.ek-short-reading .post-nav{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--ek-line);margin-top:48px;padding:32px 0}body.ek-short-reading .post-nav a{padding:0;background:none;border:0;text-decoration:none}body.ek-short-reading .post-nav strong{display:block;font:400 1.5rem/1.2 Questrial,sans-serif;margin-top:12px}body.ek-short-reading .post-nav__label{font:600 .7rem/1.5 system-ui,sans-serif;letter-spacing:.06em;color:var(--ek-muted)}
@media(max-width:900px){body.ek-short-reading .page-intro{grid-template-columns:1fr;gap:24px}body.ek-short-reading .page-intro>.page-visual{height:auto;min-height:0;aspect-ratio:16/9}body.ek-short-reading .page-header h1{max-width:22ch}.ek-reading-layout{grid-template-columns:1fr;gap:32px;padding-top:32px}.ek-reading-rail{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.ek-reading-rail .tldr{margin:0}body.ek-short-reading .ek-reading-layout>.prose{max-width:var(--ek-measure);margin:auto}}
@media(max-width:600px){body.ek-short-reading .page-intro{margin:20px 0 36px}body.ek-short-reading .page-header h1{font-size:clamp(2.65rem,10vw,3.6rem)}body.ek-short-reading .page-intro>.page-visual{aspect-ratio:4/3}.ek-reading-rail{display:block}.ek-reading-rail .tldr{margin-bottom:22px}body.ek-short-reading .post-nav{grid-template-columns:1fr;gap:28px}body.ek-short-reading .post-nav__next{text-align:left}}
body.ek-problem-hub .page-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}body.ek-problem-hub .page-intro .page-visual{width:100%;max-width:100%;aspect-ratio:auto;min-width:0}body.ek-problem-hub .ek-discovery-grid{gap:0 36px;margin:0}@media(max-width:1000px){body.ek-problem-hub .page-intro{grid-template-columns:1fr}body.ek-problem-hub .page-intro .page-visual{aspect-ratio:4/3;min-height:0;height:auto}}
/* Problem detail: restrained consultation reading, not a full-width directory. */
body.ek-problem-detail .page{display:block!important}body.ek-problem-detail .page>.reading.prose{display:block!important}body.ek-problem-detail .page>.page-intro{order:0!important}
body.ek-problem-detail .page-intro{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}body.ek-problem-detail .page-intro>.page-visual{display:grid!important;width:100%;max-width:100%;min-width:0;min-height:400px;height:100%;aspect-ratio:auto;visibility:visible;opacity:1}body.ek-problem-detail .page-intro>.page-header{min-width:0}@media(max-width:900px){body.ek-problem-detail .page-intro{grid-template-columns:1fr;gap:24px}body.ek-problem-detail .page-intro>.page-visual{min-height:0;height:auto;aspect-ratio:4/3}}
body.ek-problem-detail .page>.reading.prose{width:100%;max-width:980px;margin:0 auto}body.ek-problem-detail .ek-problem-toc{max-width:980px;margin:0 auto 36px}body.ek-problem-detail .ek-problem-opening{max-width:760px;margin:0 auto 48px;padding:28px 0 16px}body.ek-problem-detail .ek-problem-opening>p:first-child{font:400 clamp(1.5rem,2.6vw,2.1rem)/1.3 Questrial,sans-serif;letter-spacing:-.025em;margin-bottom:20px}body.ek-problem-detail .ek-problem-opening p{font-size:1.04rem;line-height:1.75;margin-bottom:18px}body.ek-problem-detail .ek-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;padding:40px 0}body.ek-problem-detail .ek-section>h2{font-size:clamp(1.8rem,2.7vw,2.6rem)}.ek-sensation-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;list-style:none;padding:4px 0;margin:26px 0}.ek-sensation-list li{padding:12px 0;border-bottom:1px solid var(--ek-line);font-size:1rem}.ek-sensation-list li:before{content:'—';color:var(--ek-accent);margin-right:10px}
body.ek-short-reading .ek-metadata-actions{display:flex;justify-content:flex-start;text-align:left;margin-top:14px}body.ek-short-reading .ek-metadata-actions .share-control{flex:none;margin:0;text-align:left}body.ek-short-reading .ek-metadata-actions .share-popover{left:0;right:auto}body.ek-short-reading .ek-metadata-actions .share-trigger{margin:0}
@media(max-width:800px){body.ek-problem-detail .ek-section{grid-template-columns:1fr;gap:20px}body.ek-problem-detail .ek-problem-opening{padding-top:8px}}@media(max-width:500px){.ek-sensation-list{grid-template-columns:1fr}}
body.ek-problem-pilot .page-intro{align-items:start;gap:clamp(32px,5vw,72px)}body.ek-problem-pilot .page-intro .page-header{padding:0;align-self:start}body.ek-problem-pilot .page-header h1{font-size:clamp(2.8rem,4.6vw,4.8rem);margin:0 0 28px}body.ek-problem-pilot .page-header .ek-problem-opening{max-width:none;margin:0;padding:0}body.ek-problem-pilot .page-header .ek-problem-opening p,body.ek-problem-pilot .page-header .ek-problem-opening>p:first-child{font:400 1rem/1.7 var(--ek-font-body);letter-spacing:normal;margin:0 0 12px}body.ek-problem-pilot .page-header .ek-problem-toc{width:100%;max-width:none;margin:26px 0 0;padding:10px 0}body.ek-problem-pilot .ek-problem-toc nav{grid-template-columns:1fr;gap:4px;padding:10px 0}body.ek-problem-pilot .ek-problem-toc nav a{padding:8px 0;font-size:.86rem}body.ek-problem-pilot .page-intro>.page-visual{height:auto;min-height:0;aspect-ratio:4/5;align-self:start}
@media(max-width:900px){body.ek-problem-pilot .page-intro>.page-visual{aspect-ratio:4/3}body.ek-problem-pilot .page-header h1{font-size:clamp(2.7rem,7vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}

body .top-button{position:fixed;right:24px;bottom:calc(var(--ek-player) + 76px);z-index:45;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ek-line);border-radius:50%;background:var(--ek-paper);color:var(--ek-ink);font:600 1.1rem/1 Inter,system-ui,sans-serif;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,visibility .2s,transform .2s,background .2s,color .2s}
body .top-button.is-visible{opacity:1;visibility:visible;transform:none}
body .top-button:hover,body .top-button:focus-visible{background:var(--ek-coral);border-color:var(--ek-coral);color:#fff}
body .top-button:focus-visible{outline:2px solid var(--ek-accent);outline-offset:4px}
@media(max-width:1000px){body .top-button{display:grid;left:16px;right:auto;bottom:calc(var(--ek-player) + 16px + env(safe-area-inset-bottom))}body:has(.ek-player.is-mini) .top-button{bottom:calc(env(safe-area-inset-bottom) + 132px)}}

/* Phase 2 color pilot: long-form articles only. */
body.ek-long-article{--ink:#1b4965;--muted:#496874;--sea:#006d77;--cream:#edf6f9;--paper:#fbfdfe;--line:rgba(27,73,101,.18);--ek-ink:#1b4965;--ek-muted:#496874;--ek-paper:#fbfdfe;--ek-cream:#edf6f9;--ek-green:#006d77;--ek-accent:#006d77}
body.ek-long-article .site-header,body.ek-long-article .ek-header{background:transparent;border-bottom-color:transparent}
body.ek-long-article .site-footer,body.ek-long-article .ek-footer{color:#edf6f9;border-top-color:rgba(131,197,190,.28)}
body.ek-long-article .site-footer a,body.ek-long-article .ek-footer a{color:#edf6f9}
body.ek-long-article>.ek-final-cta{background:linear-gradient(125deg,#006d77 0%,#00565e 58%,#1b4965 100%);color:#edf6f9;border-top:0}
body.ek-long-article>.ek-final-cta h2{color:#edf6f9}
body.ek-long-article>.ek-final-cta .cta-banner__text{color:#d8f2f1}
body.ek-long-article .ek-final-cta{background:linear-gradient(120deg,var(--ek-blue-pale) 0%,#fbfaf6 62%,var(--ek-warm-soft) 100%);color:var(--ek-ink);border-top:1px solid rgba(0,109,119,.16)}
body.ek-long-article .ek-final-cta .cta-banner__label{color:var(--ek-blue-deep)}
body.ek-long-article .ek-final-cta h2{color:var(--ek-blue-deep)}
body.ek-long-article .ek-final-cta .cta-banner__text{color:var(--ek-ink)}
body.ek-long-article .ek-final-cta .cta-banner__button{background:var(--ek-blue-deep);border-color:var(--ek-blue-deep);color:var(--ek-blue-pale)}
body.ek-long-article .references{border-top-color:rgba(0,109,119,.24)}
body.ek-long-article .references h2,body.ek-long-article .references .section-label{color:var(--ek-blue-deep)}
body.ek-long-article .references a{color:var(--ek-blue-deep);text-decoration-color:var(--ek-blue-soft)}
body.ek-long-article .references a:hover,body.ek-long-article .references a:focus-visible{color:#004146;text-decoration-color:var(--ek-blue-deep)}
body.ek-long-article .ek-info-trigger,body.ek-long-article .ek-info-open{border-color:rgba(0,109,119,.35);color:var(--ek-blue-deep)}
body.ek-long-article .ek-info-trigger:hover,body.ek-long-article .ek-info-trigger:focus-visible,body.ek-long-article .ek-info-open:hover,body.ek-long-article .ek-info-open:focus-visible{background:var(--ek-blue-pale);border-color:var(--ek-blue-deep)}
body.ek-long-article .reading blockquote,body.ek-long-article .reading .exercise,body.ek-long-article .reading .observation{border-left-color:var(--ek-blue-soft)}
body.ek-long-article .summary{border-color:rgba(0,109,119,.22);background:linear-gradient(145deg,var(--ek-blue-pale),#fbfaf6);}
body.ek-long-article .hero{background:linear-gradient(145deg,var(--ek-blue-pale) 0%,#fbfaf6 58%,rgba(255,221,210,.58) 100%);border-bottom-color:rgba(0,109,119,.16)}
body.ek-long-article .hero h1,body.ek-long-article .hero .hero-title{color:var(--ek-ink)}
body.ek-long-article .hero .hero-subtitle,body.ek-long-article .hero .dek{color:#183d49}
body.ek-long-article .hero-media{background:linear-gradient(145deg,var(--ek-blue-soft),var(--ek-blue-pale))}
body.ek-long-article .ek-reading-rail .tldr{background:linear-gradient(145deg,var(--ek-blue-pale),#fbfaf6);border:1px solid rgba(0,109,119,.16)}
body.ek-long-article .ek-reading-rail .tldr__label{color:var(--ek-blue-deep)}
body.ek-long-article .ek-reading-rail .tldr li::marker{color:var(--ek-blue-soft)}
body.ek-long-article .next-card{border:1px solid rgba(0,109,119,.18);border-radius:20px;background:linear-gradient(145deg,var(--ek-blue-pale),#fbfaf6);padding:22px;}
body.ek-long-article .next-card:hover,body.ek-long-article .next-card:focus-visible{background:linear-gradient(145deg,#dff1f2,var(--ek-blue-pale));border-color:var(--ek-blue-deep)}
body.ek-long-article .next-image{background:linear-gradient(145deg,var(--ek-blue-soft),var(--ek-blue-pale));border-radius:14px;color:var(--ek-blue-deep)}
body.ek-long-article .scrollspy-desktop .spy-line{background:var(--ek-blue-soft)}
body.ek-long-article .scrollspy-desktop .spy-link.is-active .spy-line{background:var(--ek-blue-deep)}
body.ek-long-article .ek-header .button,body.ek-long-article .article-actions .button{border-color:var(--ek-blue-deep);color:var(--ek-blue-deep)}
body.ek-long-article .ek-header .button:hover,body.ek-long-article .article-actions .button:hover{background:var(--ek-blue-deep);color:var(--ek-blue-pale)}
body.ek-long-article .more-trigger{border-color:rgba(0,109,119,.32);color:var(--ek-blue-deep);background:rgba(237,246,249,.72)}
body.ek-long-article .more-trigger:hover,body.ek-long-article .more-trigger:focus-visible{background:var(--ek-blue-pale);border-color:var(--ek-blue-deep)}
body.ek-long-article .more-menu{border-color:rgba(0,109,119,.2);background:#fbfaf6}
body.ek-long-article .more-menu a:hover,body.ek-long-article .more-menu a:focus-visible{background:var(--ek-blue-pale);color:var(--ek-blue-deep)}
body.ek-long-article .ek-index-button{border-color:rgba(0,109,119,.28);background:var(--ek-blue-pale);color:var(--ek-blue-deep)}
body.ek-long-article .ek-player{border-color:var(--ek-line);background:linear-gradient(110deg,var(--ek-blue-pale),#fbfaf6);}
body.ek-long-article .ek-player a{color:var(--ek-blue-deep)}
body.ek-long-article .next-more a{color:var(--ek-blue-deep)}

/* Article template composition: one coherent visual field. */
body.ek-long-article{background:var(--ek-paper)!important}
body.ek-long-article .ek-header{background:transparent;border-bottom-color:transparent}
body.ek-short-reading .hero{background:transparent;border-bottom:0}
body.ek-short-reading .hero .eyebrow{color:var(--ek-blue-deep)}
body.ek-short-reading .hero .eyebrow:before{background:var(--ek-blue-soft)}
body.ek-short-reading .hero .dek{color:#183d49}
body.ek-short-reading .hero-media{border:1px solid rgba(0,109,119,.15)}
body.ek-long-article .hero{background:linear-gradient(145deg,#edf6f9 0%,#fbfaf6 70%);border-bottom:1px solid rgba(0,109,119,.16)}
body.ek-long-article .hero .eyebrow{color:var(--ek-blue-deep)}
body.ek-long-article .hero .eyebrow:before{background:var(--ek-blue-soft)}
body.ek-long-article .hero .hero-title,body.ek-long-article .hero h1{color:var(--ek-ink)}
body.ek-long-article .hero .hero-subtitle,body.ek-long-article .hero .dek{color:#183d49}
body.ek-long-article .hero-media{border:1px solid rgba(0,109,119,.15);background:linear-gradient(145deg,#83c5be,#edf6f9)}
body.ek-long-article .lead-grid{border-top-color:rgba(0,109,119,.18)}
body.ek-long-article .summary{border:0;background:linear-gradient(145deg,var(--ek-blue-pale),#fbfdfe);box-shadow:none;padding:clamp(26px,3.2vw,46px);border-radius:22px}
body.ek-long-article .toc{border-color:rgba(0,109,119,.2)}
body.ek-long-article .toc a:hover,body.ek-long-article .toc a:focus-visible{color:var(--ek-blue-deep)}
body.ek-long-article .reading h2{color:var(--ek-blue-deep)}
body.ek-long-article .reading h2:after{background:var(--ek-blue-soft)}
body.ek-long-article .next{border-top:1px solid rgba(0,109,119,.18);border-bottom:1px solid rgba(0,109,119,.18)}
body.ek-long-article .next-card{background:linear-gradient(145deg,#edf6f9,#fbfaf6);border-color:rgba(0,109,119,.2)}
body.ek-long-article>.ek-final-cta{margin-top:76px;padding-block:clamp(58px,8vw,100px);background:var(--ek-ink);border-top:0;color:#edf6f9}
body.ek-long-article>.ek-final-cta:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:radial-gradient(circle at 82% 20%,#83c5be 0 1px,transparent 1.5px);background-size:24px 24px}
body.ek-long-article>.ek-final-cta .cta-inner{position:relative;z-index:1}
body.ek-long-article>.ek-final-cta .cta-banner__label{color:#bee9e8}
body.ek-long-article>.ek-final-cta .cta-banner__title,body.ek-long-article>.ek-final-cta h2{color:#edf6f9}
body.ek-long-article>.ek-final-cta .cta-banner__text{color:#d8f2f1}
body.ek-long-article>.ek-final-cta .cta-banner__button{background:#ffddd2;border-color:#ffddd2;color:#006d77}
body.ek-long-article>.ek-final-cta .cta-banner__button:hover,body.ek-long-article>.ek-final-cta .cta-banner__button:focus-visible{background:var(--ek-coral);border-color:var(--ek-coral);color:var(--ek-on-accent)}
body.ek-long-article .ek-info-trigger,body.ek-long-article .ek-info-open{color:var(--ek-blue-deep)}

/* Ocean Pearl Delight: global balance. Blue structures; light surfaces; warm accents. */
body.ek-unified .ek-footer{color:#edf6f9}
body.ek-unified .ek-footer a{color:#edf6f9}
body.ek-unified .ek-footer a:hover{color:#83c5be}
body.ek-unified .cta-banner,body.ek-unified .full-cta{background:var(--ek-blue-deep);color:var(--ek-blue-pale)}
body.ek-unified .cta-banner__title,body.ek-unified .full-cta h2{color:var(--ek-blue-pale)}
body.ek-unified .cta-banner__text{color:#d8f2f1}
body.ek-unified .cta-banner__button,body.ek-unified .full-cta .button{background:var(--ek-warm-soft);border-color:var(--ek-warm-soft);color:var(--ek-blue-deep)}
body.ek-unified .cta-banner__button:hover,body.ek-unified .cta-banner__button:focus-visible,body.ek-unified .full-cta .button:hover,body.ek-unified .full-cta .button:focus-visible{background:var(--ek-warm-accent);border-color:var(--ek-warm-accent);color:var(--ek-on-accent)}
body.ek-unified .catalog-contact{background:linear-gradient(120deg,var(--ek-blue-pale),#fbfdfe);border-top-color:var(--ek-blue-deep)}
body.ek-unified .catalog-contact .section-label{color:var(--ek-blue-deep)}
body.ek-unified .catalog-contact .button{background:var(--ek-blue-deep);border-color:var(--ek-blue-deep);color:var(--ek-blue-pale)}
body.ek-unified .ek-knowledge-catalog .featured .story-copy{position:relative}
body.ek-unified .ek-knowledge-catalog .featured .section-label{display:inline-block;padding:3px 8px;border-radius:8px;background:var(--ek-warm-soft);color:#723018}
body.ek-unified .ek-knowledge-catalog .story-image{background:linear-gradient(145deg,var(--ek-blue-pale),#fbfdfe);border:1px solid rgba(0,109,119,.16)}
body.ek-unified .ek-knowledge-catalog .story-link:hover .story-image,body.ek-unified .ek-knowledge-catalog .story-link:focus-visible .story-image{border-color:var(--ek-blue-soft)}
body.ek-unified .ek-dialog::backdrop{background:rgba(27,73,101,.52)}
body.ek-long-article .summary .section-label,body.ek-long-article .toc h2,body.ek-long-article .next .section-label{color:var(--ek-blue-deep)}
body.ek-long-article .summary li::marker,body.ek-long-article .toc li::marker{color:var(--ek-blue-soft)}
body.ek-long-article .reading a,body.ek-long-article .next a{color:var(--ek-blue-deep);text-decoration-color:var(--ek-blue-soft)}
body.ek-long-article .reading a:hover,body.ek-long-article .reading a:focus-visible,body.ek-long-article .next a:hover,body.ek-long-article .next a:focus-visible{color:#004146;text-decoration-color:var(--ek-blue-deep)}
body.ek-long-article .more-trigger:hover,body.ek-long-article .more-trigger:focus-visible{border-color:var(--ek-blue-deep);color:var(--ek-blue-deep)}
body.ek-long-article .ek-dialog#ek-info .ek-dialog-head{border-bottom-color:rgba(0,109,119,.2)}
body.ek-long-article .ek-dialog#ek-info .ek-info-body a{color:var(--ek-blue-deep)}
/* ATO-77 hero intro: composición sobre-mi para todos los page-intro */
body.ek-unified .page-intro .page-header .ek-introduction{font-size:var(--ek-fs-copy);line-height:var(--ek-lh-copy);max-width:52ch;margin:24px 0 0}
body.ek-unified .page-intro .page-header .ek-introduction p{margin:0}
body.ek-knowledge-hub .page-header .ek-introduction{display:block;grid-template-columns:none;gap:0;max-width:52ch}
body.ek-service-hub .page-header .ek-introduction{max-width:52ch;margin:24px 0 0}
/* ATO-77 aire en el catálogo de lecturas */
body .catalog .stories{gap:clamp(56px,7vw,96px) 44px;margin-top:56px}
@media(max-width:800px){body .catalog .stories{gap:48px 20px;margin-top:40px}}
/* ATO-87 detalle de problema: ancho de lectura acotado y apertura editorial en el hero */
body.ek-problem-detail .page>.reading.prose{max-width:900px}
body.ek-problem-detail .ek-problem-toc{max-width:900px}
body.ek-problem-detail .page-header .ek-problem-opening{max-width:52ch;margin:24px 0 0}
body.ek-problem-detail .page-header .ek-problem-opening>p:first-child{font:400 clamp(1.5rem,2.6vw,2.1rem)/1.3 Questrial,sans-serif;letter-spacing:-.025em;margin:0 0 16px}
body.ek-problem-detail .page-header .ek-problem-opening p{margin:0 0 14px}
body.ek-problem-detail .page-header .ek-metadata-actions{margin-top:20px}
/* ATO-88: ritmo vertical unificado (referencia: artículo editorial) */
body .section:has(>.page){padding-top:28px}
body.ek-unified .page-intro,body.ek-short-reading .page-intro,body.ek-knowledge-hub .page-intro,body.ek-service-hub .page-intro,body.ek-problem-hub .page-intro,body.ek-personal .page-intro{margin:32px 0 48px}
@media(max-width:600px){body.ek-unified .page-intro,body.ek-short-reading .page-intro,body.ek-knowledge-hub .page-intro,body.ek-service-hub .page-intro,body.ek-problem-hub .page-intro,body.ek-personal .page-intro{margin:20px 0 36px}}

/* ATO-89: el popover de Compartir se ancla al botón (no a un contenedor a ancho completo) */
.ek-metadata-actions{display:flex;justify-content:flex-start;align-items:center}
.ek-metadata-actions{position:relative;z-index:10}
.ek-metadata-actions .share-control{position:relative;z-index:11;width:max-content;max-width:100%;margin:0}
.ek-metadata-actions .share-popover{left:0!important;right:auto!important;background:var(--ek-paper)!important;color:var(--ek-ink);opacity:1;z-index:40}
body.ek-unified .page-header:has(.share-control),body.ek-unified .catalog-intro:has(.share-control),body.ek-unified .ek-reviews-intro:has(.share-control){position:relative;z-index:50}
@media(max-width:700px){.ek-metadata-actions{flex-wrap:wrap}}
/* ATO-90: portada Entender tu cuerpo sin columna vacía; intro a dos columnas (texto + caja de valoración) */
body.ek-knowledge-hub .page-intro{grid-template-columns:1fr}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);max-width:none;align-items:start}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction .hub-open{max-width:52ch}
body.ek-knowledge-hub .page-header .ek-introduction .hub-close{padding:26px 28px;background:var(--ek-cream);border-radius:18px;margin:0}
body.ek-knowledge-hub .page-header .ek-introduction .hub-close h2{font-size:1.5rem;margin:0 0 12px}
body.ek-knowledge-hub .page-header .ek-introduction .hub-close p{font-size:.95rem}
@media(max-width:900px){body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction{grid-template-columns:1fr;gap:24px}}
/* ATO-92: portada Entender tu cuerpo — composición, tarjetas homogéneas y relacionados compactos */
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);max-width:1080px}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction .hub-open{max-width:56ch}
body.ek-knowledge-hub .featured{margin-top:0}
.ek-knowledge-more{padding-block:65px}
body.ek-knowledge-hub .hub-grid .ek-problem-card-image{aspect-ratio:4/3;margin:0 0 22px}
@media(max-width:900px){body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){body.ek-knowledge-hub .related li a{display:grid;grid-template-columns:110px 1fr;gap:0 18px;align-items:start}body.ek-knowledge-hub .related .related-image{grid-row:1/3;aspect-ratio:1;margin:0}body.ek-knowledge-hub .related .related-text strong{font-size:1.45rem}}

/* ATO-94: hero de Entender tu cuerpo con ritmo y alineación + cierre «Continúa a tu ritmo» */
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,64px);max-width:none;align-items:start}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction .hub-open{max-width:60ch}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction .hub-open p{margin:0 0 14px}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction .hub-open p:last-child{margin-bottom:0}
body.ek-knowledge-hub .ek-metadata-actions{margin-top:26px}
.ek-knowledge-next{margin:64px 0 0;padding-top:26px;border-top:1px solid var(--ek-line)}
.ek-knowledge-next .next-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:end}
.ek-knowledge-next h2{font:400 clamp(2rem,4vw,3.4rem)/1.05 Questrial,system-ui,sans-serif;letter-spacing:-.04em;margin:0;max-width:12ch}
.ek-knowledge-next .next-card{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:18px;border-radius:20px;background:var(--ek-cream);text-decoration:none;color:inherit}
.ek-knowledge-next .next-image{aspect-ratio:4/3;border-radius:14px;background:#d7ddd4;display:grid;place-items:center;color:var(--ek-muted);font-size:.72rem}
.ek-knowledge-next h3{font:400 1.45rem/1.2 Questrial,system-ui,sans-serif;letter-spacing:-.03em;margin:5px 0 10px}
.ek-knowledge-next .next-card p{margin:0;color:var(--ek-muted);font-size:.86rem}
.ek-knowledge-next .next-more{margin:16px 0 0;font-size:.85rem}
/* «Siguiente lectura»: la imagen llena su caja (antes era un placeholder). */
.next-image{overflow:hidden}
.next-image img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.ek-knowledge-next .next-grid{grid-template-columns:1fr;gap:24px}.ek-knowledge-next .next-card{grid-template-columns:110px 1fr}}

/* ATO-98: consistencia del hero (mismo interlineado que el resto) y márgenes del bloque Continúa a tu ritmo */
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction .hub-open p{margin:0}
.ek-knowledge-next{margin:64px auto 96px}

/* ATO-101: hub Osteopatía — foto real en hero + imagen por enfoque y ritmo más contenido */
body.ek-service-hub .page-intro>.page-visual img{display:block;width:100%;height:100%;object-fit:cover}
body.ek-service-hub .ek-approach{padding-bottom:48px}
body.ek-service-hub .ek-approach-visual{grid-column:1/-1;margin:32px 0 0;border-radius:20px;overflow:hidden;aspect-ratio:16/7;min-height:0;background:linear-gradient(145deg,#edf6f9 0%,#fbfdfe 72%,#ffddd2 100%);display:block}
body.ek-service-hub .ek-approach-visual img{display:block;width:100%;height:100%;object-fit:cover}
body.ek-service-hub .ek-approach-visual.ek-placeholder{display:grid;place-items:center}
@media(max-width:800px){body.ek-service-hub .ek-approach-visual{aspect-ratio:16/10;margin-top:22px}}

/* ATO-102: páginas individuales de servicio — índice anclado (ref. Erikk) */
.ek-section-index{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;border-top:1px solid var(--ek-line);border-bottom:1px solid var(--ek-line);margin:0 0 56px;padding:6px 0}
.ek-section-index a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--ek-line);text-decoration:none;font:400 1.05rem/1.3 Questrial,system-ui,sans-serif;letter-spacing:-.02em}
.ek-section-index a:nth-last-child(-n+2){border-bottom:0}
.ek-section-index a:after{content:"↗";color:var(--ek-accent);font-size:.9rem}
.ek-section-index a:hover{color:var(--ek-accent)}
@media(max-width:700px){.ek-section-index{grid-template-columns:1fr;gap:0}.ek-section-index a:nth-last-child(-n+2){border-bottom:1px solid var(--ek-line)}.ek-section-index a:last-child{border-bottom:0}}

/* Alias de compatibilidad — apuntan a los tokens semánticos. */
body.ek-long-article,body.ek-knowledge-catalog{
  --ink:var(--ek-ink);
  --muted:var(--ek-muted);
  --sea:var(--ek-action);
  --cream:var(--ek-alice);
  --paper:var(--ek-paper);
  --line:var(--ek-line);
}
body.ek-long-article .hero-media,
body.ek-knowledge-catalog .story-image,
body.ek-knowledge-catalog .catalog-contact{
  background:linear-gradient(145deg,#edf6f9 0%,#fbfdfe 72%,#ffddd2 100%);
}
body.ek-long-article .hero-media,
body.ek-knowledge-catalog .story-image{
  border-color:rgba(0,109,119,.16);
}
body.ek-long-article .hero-media img,
body.ek-knowledge-catalog .story-image img{
  filter:saturate(.92);
}
body.ek-long-article .hero-media img:hover,
body.ek-knowledge-catalog .story-link:hover .story-image img{
  filter:none;
}
body.ek-long-article .ek-final-cta,
body.ek-long-article .site-footer,
body.ek-long-article .summary{
  background:var(--ek-blue-pale);
}
body.ek-long-article .next-card{
  background:linear-gradient(145deg,#edf6f9,#fbfdfe);
}

/* ATO-103: design tokens tipograficos y de espaciado (escala unica del sistema).
   Consolidado: una sola escala por rol. Cuerpo 16.5/1.55 desktop y 15.5/1.50 movil.
   Pesos funcionales: 400 (cuerpo) / 600 (accion y enlaces) / 750 (etiquetas). */
:root{
  --ek-fs-h1:clamp(3rem,6.7vw,6.8rem);
  --ek-fs-h2:clamp(1.9rem,3.4vw,3rem);
  --ek-fs-h2-page:clamp(2rem,3.8vw,3.5rem);
  --ek-fs-h3:clamp(1.5rem,2.5vw,2.3rem);
  --ek-fs-index:clamp(1.2rem,1.7vw,1.45rem);
  --ek-fs-body:16.5px;
  --ek-fs-body-sm:15.5px;
  --ek-fs-lede:1.125rem;
  --ek-fs-small:.9rem;
  --ek-fs-meta:.7rem;
  --ek-fs-micro:.625rem;
  --ek-fs-copy:var(--ek-fs-lede);
  --ek-ls-meta:.1em;
  --ek-lh-heading:1.08;
  --ek-lh-body:1.55;
  --ek-lh-body-sm:1.5;
  --ek-lh-compact:1.4;
  --ek-lh-copy:var(--ek-lh-body);
  --ek-space-text:1rem;
  --ek-space-text-sm:.55rem;
  --ek-space-section:55px;
  --ek-space-block:48px;
  --ek-radius:22px;
  --ek-measure:66ch;
  --ek-measure-lede:52ch;
  --ek-measure-quote:38ch;
  --ek-fw-body:400;
  --ek-fw-strong:600;
  --ek-fw-label:750;
}
@media(max-width:768px){
  :root{
    --ek-fs-body:15.5px;
    --ek-lh-body:1.5;
    --ek-fs-lede:1.0625rem;
  }
}
.ek-section-index{margin:0 0 var(--ek-space-block)}
.ek-section-index a{font:400 var(--ek-fs-index)/1.25 var(--ek-font-heading);padding:16px 0;letter-spacing:-.02em}

/* ATO-104: contraste entre familias — Problemas (consulta, capitulos numerados a una columna) vs Servicios (metodo, dos columnas + indice) */
body.ek-problem-detail .page>.reading.prose{counter-reset:ek-prob}
body.ek-problem-detail .ek-section{grid-template-columns:1fr;gap:0;padding:36px 0;border-top:1px solid var(--ek-line);counter-increment:ek-prob}
body.ek-problem-detail .ek-section>h2{max-width:34ch;margin:0 0 22px;font-size:var(--ek-fs-h2)}
body.ek-problem-detail .ek-section>h2:before{content:counter(ek-prob,decimal-leading-zero);display:block;margin-bottom:12px;font:750 .68rem/1.4 system-ui,sans-serif;letter-spacing:.12em;color:var(--ek-accent)}
@media(max-width:800px){body.ek-problem-detail .ek-section{padding:32px 0}}

/* ATO-105: igualar el titulo destacado del hub de problemas al tamano del resto de tarjetas (reglas scoped del CSS original) */
body.ek-unified.ek-problem-hub .ek-discovery-grid .card-body strong,
body.ek-unified.ek-problem-hub .ek-discovery-grid .featured strong,
body.ek-unified.ek-problem-hub .ek-discovery-grid .featured-text strong{font:400 1.3rem/1.22 var(--ek-font-heading);margin:12px 0 18px}

/* ATO-107: acabado UI — skip link, selección, micro-interacciones y foco */
::selection{background:var(--ek-green);color:#fff}
body .hub-grid .card-image img,body .related-image img,body .home-reading-card .ek-placeholder{transition:transform .5s ease}
body .hub-grid>.card:hover .card-image img,body .hub-grid>.card:focus-visible .card-image img{transform:scale(1.03)}
body .related li a:hover .related-image img{transform:scale(1.03)}
body .hub-grid>.card:hover strong,body .related li a:hover .related-text strong{color:var(--ek-accent)}
body .hub-grid>.card:focus-visible,body .related li a:focus-visible{outline:2px solid var(--ek-accent);outline-offset:6px;border-radius:8px}
.ek-section-index a:after{transition:transform .2s ease}
.ek-section-index a:hover:after,.ek-section-index a:focus-visible:after{transform:translateX(3px)}
body .home-text-link{transition:color .2s ease}
body .home-text-link:hover{color:var(--ek-accent)}
@media(prefers-reduced-motion:reduce){body .hub-grid .card-image img,body .related-image img,.ek-section-index a:after{transition:none}body .hub-grid>.card:hover .card-image img,body .related li a:hover .related-image img{transform:none}}

/* ATO-109: linea clave de la intro con enfasis tipografico (sin negrita) */
body.ek-problem-detail .ek-problem-opening p.ek-key-line{font-family:var(--ek-font-heading)!important;font-style:normal;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.35;letter-spacing:-.02em;color:var(--ek-ink);margin:16px 0}
@media(max-width:600px){body.ek-problem-detail .ek-problem-opening p.ek-key-line{font-size:1.15rem}}

/* ATO-111: componente unico de Fuentes y referencias (tokens del sistema; el articulo editorial mantiene el suyo) */
body.ek-unified:not(.ek-long-article) .references[aria-labelledby]{margin-top:var(--ek-space-section);padding-top:24px;border-top:1px solid var(--ek-line);color:var(--ek-muted);font-size:.82rem;line-height:1.6;background:transparent}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] h2{font-family:var(--ek-font-heading);font-size:1.4rem;letter-spacing:-.02em;color:var(--ek-ink);margin:0 0 16px}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] ol{padding-left:20px;margin:0}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] li{margin:0 0 12px}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] a{color:var(--ek-muted);text-decoration:underline;text-underline-offset:2px}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] a:hover{color:var(--ek-accent)}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] .pmid{display:block;font-size:.72rem;color:var(--ek-muted)}

/* ATO-114: hub de lecturas breves alineado con la plantilla del indice editorial (/articulos/) */
body.ek-unified.ek-knowledge-hub .page-intro .page-header h1{line-height:.95;max-width:12ch;letter-spacing:-.055em;margin:0}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .eyebrow{margin-bottom:22px}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction{margin-top:28px;align-items:start}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction .hub-open{font-size:1.15rem;line-height:1.7;max-width:48ch}
body.ek-knowledge-hub .featured{margin:56px 0 48px}
@media(max-width:900px){body.ek-unified.ek-knowledge-hub .page-intro .page-header h1{max-width:16ch}}
@media(max-width:900px){body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction{grid-template-columns:1fr;gap:24px}}

/* ATO-115: hub de lecturas breves — destacado en el hero, caja de valoracion en modal */
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(32px,5vw,64px);max-width:none;align-items:start}
body.ek-unified.ek-knowledge-hub .page-intro .page-header .ek-introduction .hub-open{max-width:46ch}
body.ek-knowledge-hub .featured--hero{display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:20px;border:1px solid var(--ek-line);border-radius:22px;background:var(--ek-cream);text-decoration:none;grid-column:2;grid-row:1 / span 2;align-self:start}
body.ek-knowledge-hub .featured--hero .featured-image{display:block;width:100%;aspect-ratio:16/10;border-radius:20px;overflow:hidden;margin-bottom:20px}
body.ek-knowledge-hub .featured--hero .featured-image img{width:100%;height:100%;object-fit:cover}
body.ek-knowledge-hub .featured--hero .featured-text{padding:0}
body.ek-knowledge-hub .featured--hero .featured-text strong{font:400 clamp(1.5rem,2.2vw,1.9rem)/1.15 var(--ek-font-heading);margin:12px 0 14px}
body.ek-knowledge-hub .featured--hero .featured-desc{font-size:.95rem;line-height:1.65}
body.ek-knowledge-hub .ek-info-trigger{margin-top:0}
body.ek-knowledge-hub .page-header .ek-introduction .hub-close .ek-metadata-actions{margin-top:18px}
@media(max-width:900px){body.ek-knowledge-hub .featured--hero{grid-column:1;grid-row:auto;align-self:auto;margin-top:8px}}
@media(min-width:901px){body.ek-knowledge-hub .page-intro .page-header .ek-introduction{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:clamp(32px,5vw,64px);align-items:start}body.ek-knowledge-hub .page-intro .page-header .ek-introduction>.featured--hero{display:block!important;grid-column:2;grid-row:1 / span 2;width:100%;max-width:100%;min-width:0}}
.ek-knowledge-explore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 54px;border-block:1px solid var(--ek-line)}
.ek-knowledge-explore a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;text-decoration:none;border-right:1px solid var(--ek-line);padding-inline:20px}
.ek-knowledge-explore a:first-child{padding-left:0}.ek-knowledge-explore a:last-child{border-right:0;padding-right:0}
.ek-knowledge-explore span{font:400 1.12rem/1.2 var(--ek-font-heading);letter-spacing:-.02em}.ek-knowledge-explore small{color:var(--ek-muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.ek-knowledge-explore a:hover span,.ek-knowledge-explore a:focus-visible span{color:var(--ek-accent)}
@media(max-width:900px){.ek-knowledge-explore{grid-template-columns:1fr;margin-bottom:38px}.ek-knowledge-explore a{border-right:0;border-bottom:1px solid var(--ek-line);padding:14px 0}.ek-knowledge-explore a:last-child{border-bottom:0}}
.ek-knowledge-catalog{width:100%;margin-top:0}
.ek-knowledge-hub .catalog-intro{display:block;max-width:none;margin:0;padding:clamp(50px,8vw,110px) 0 60px}
.ek-knowledge-hub .catalog-intro .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px}
.ek-knowledge-hub .catalog-intro .eyebrow:before{content:"";flex:0 0 26px;width:26px;height:2px;background:var(--ek-accent)}
.ek-knowledge-hub .catalog-intro .ek-introduction{display:block;max-width:none;margin:0}
.ek-knowledge-hub .catalog-intro h1{max-width:12ch;margin:0;line-height:.95;font-size:clamp(3.6rem,9vw,8.5rem)}
/* ATO-122: el hub de Problemas usa la misma cabecera-base que Entender tu cuerpo, Lecturas de fondo y Reseñas. */
body.ek-problem-hub .catalog-intro,body.ek-questions .catalog-intro{display:block;max-width:none;margin:0;padding:clamp(50px,8vw,110px) 0 60px}
body.ek-problem-hub .catalog-intro .eyebrow,body.ek-questions .catalog-intro .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px}
body.ek-problem-hub .catalog-intro .eyebrow:before,body.ek-questions .catalog-intro .eyebrow:before{content:"";flex:0 0 26px;width:26px;height:2px;background:var(--ek-accent)}
body.ek-problem-hub .catalog-intro h1,body.ek-questions .catalog-intro h1{max-width:12ch;margin:0;line-height:.95;font-size:clamp(3.6rem,9vw,8.5rem)}
body.ek-problem-hub .catalog-intro .ek-introduction,body.ek-questions .catalog-intro .ek-introduction{display:block;max-width:none;margin:0}
body.ek-problem-hub .catalog-intro .catalog-intro-copy,body.ek-questions .catalog-intro .catalog-intro-copy{display:block;width:100%;max-width:none;margin:28px 0 0;padding:0;border:0;border-radius:0;background:transparent;font-size:1.15rem;line-height:1.7}
body.ek-problem-hub .catalog-intro .catalog-intro-copy p,body.ek-questions .catalog-intro .catalog-intro-copy p{margin:0 0 12px}
body.ek-problem-hub .catalog-intro .ek-metadata-actions,body.ek-questions .catalog-intro .ek-metadata-actions{margin-top:18px}
body.ek-problem-hub .catalog-intro .catalog-intro-copy--clamp,body.ek-questions .catalog-intro .catalog-intro-copy--clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.ek-problem-hub .catalog-intro:has(.ph-more[open]) .catalog-intro-copy--clamp,body.ek-questions .catalog-intro:has(.ph-more[open]) .catalog-intro-copy--clamp{display:block;-webkit-line-clamp:unset;overflow:visible}
body.ek-problem-hub .catalog-intro .ph-more,body.ek-questions .catalog-intro .ph-more{margin-top:14px}
.ek-knowledge-hub .catalog-intro .catalog-intro-copy{display:block;width:100%;max-width:none;margin:28px 0 0;padding:0;border:0;border-radius:0;background:transparent;font-size:1.15rem;line-height:1.7}
.ek-knowledge-hub .catalog-intro .catalog-intro-copy p{margin:0 0 10px}
.ek-knowledge-hub .catalog-intro .catalog-intro-copy p:last-child{margin-bottom:0;color:var(--ek-muted)}
.ek-knowledge-hub .catalog-intro .ek-metadata-actions{margin-top:18px}
.ek-knowledge-hub .catalog-intro .catalog-intro-copy p{margin:0 0 8px}
.ek-knowledge-hub .catalog-intro .catalog-intro-copy .ek-metadata-actions{margin-top:24px}
.ek-knowledge-catalog .catalog-tools{display:flex;align-items:center;gap:14px;border-block:1px solid var(--ek-line);padding:20px 0;margin:0 0 16px}
.ek-knowledge-catalog .catalog-tools label{font-size:.75rem}
.ek-knowledge-catalog .catalog-tools input,.ek-knowledge-catalog .catalog-tools select{min-height:44px;padding:10px 14px;border:1px solid var(--ek-line);border-radius:10px;background:transparent;font:inherit;color:var(--ek-ink)}
.ek-knowledge-catalog .catalog-tools input{flex:1;min-width:0}
.ek-knowledge-catalog .catalog-tools :focus-visible,.ek-knowledge-catalog .story-link:focus-visible{outline:2px solid var(--ek-accent);outline-offset:5px}
.ek-knowledge-catalog .results{font-size:.75rem;color:var(--ek-muted)}
.ek-knowledge-catalog .stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 40px;margin-top:32px}
.ek-knowledge-catalog .story[hidden]{display:none}
.ek-knowledge-catalog .story-link{display:block;text-decoration:none}
.ek-knowledge-catalog .story-image{aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(145deg,#edf6f9 0%,#fbfdfe 72%,#ffddd2 100%);border-radius:20px;overflow:hidden}
.ek-knowledge-catalog .story-image img,.ek-knowledge-catalog .featured-image img{display:block;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover}
.ek-knowledge-catalog .story-image,.ek-knowledge-catalog .card-image,.ek-knowledge-catalog .featured-image{display:block;width:100%;max-width:100%;height:auto}
.ek-knowledge-catalog .story,.ek-knowledge-catalog .story>*{width:100%;max-width:100%;min-width:0}
body.ek-knowledge-hub .card,body.ek-knowledge-hub .featured,body.ek-knowledge-hub .related-image{max-width:100%;min-width:0}
body.ek-knowledge-hub .ek-knowledge-catalog .story,body.ek-knowledge-hub .ek-knowledge-catalog .story-link,body.ek-knowledge-hub .ek-knowledge-catalog .card-image,body.ek-knowledge-hub .ek-knowledge-catalog .featured-image{width:100%!important;max-width:100%!important;min-width:0!important}
body.ek-knowledge-hub .ek-knowledge-catalog .story,body.ek-knowledge-hub .ek-knowledge-catalog .story-link,body.ek-knowledge-hub .ek-knowledge-catalog .story-image,body.ek-knowledge-hub .ek-knowledge-catalog .card-image,body.ek-knowledge-hub .ek-knowledge-catalog .featured-image{inline-size:100%!important;max-inline-size:100%!important}
body.ek-knowledge-hub .ek-knowledge-catalog .story,body.ek-knowledge-hub .ek-knowledge-catalog .story-link{display:block!important}
body.ek-knowledge-hub{overflow-x:hidden}
.ek-knowledge-catalog .story-copy{padding-top:22px}
.ek-knowledge-catalog .story-copy .section-label{margin-bottom:14px;color:var(--ek-accent)}
.ek-knowledge-catalog .story h2{font:400 clamp(1.9rem,3.2vw,3rem)/1.05 var(--ek-font-heading);letter-spacing:-.03em;margin:0}
.ek-knowledge-catalog .story-copy>p:not(.section-label){max-width:44ch;color:var(--ek-muted);line-height:1.5;font-size:.95rem}
.ek-knowledge-catalog .read-story{display:flex;justify-content:space-between;border-top:1px solid var(--ek-line);padding-top:14px;font-size:.8rem}
.ek-knowledge-catalog .featured{grid-column:auto;display:block;text-decoration:none}
.ek-knowledge-catalog .featured .story-image{aspect-ratio:4/3}
.ek-knowledge-catalog .featured{width:100%;min-width:0;max-width:100%}
.ek-knowledge-catalog .featured-image{width:100%;max-width:100%}
.ek-knowledge-catalog .featured h2{font-size:clamp(1.9rem,3.2vw,3rem)}
body.ek-knowledge-hub .ek-knowledge-catalog .story .featured-text strong{display:block;font:400 1.3rem/1.22 var(--ek-font-heading);letter-spacing:var(--tracking-title);margin:0;text-wrap:balance}
body[data-template="editorial-index"] .catalog-intro h1{color:var(--ek-ink);background:transparent;text-decoration:none;text-shadow:none}
body[data-template="editorial-index"] .catalog-intro .ek-metadata-actions{margin:18px 0 0}
/* Entender tu cuerpo: editorial image state and restrained petroleum-blue hover. */
body.ek-knowledge-hub .card-image,
body.ek-knowledge-hub .featured-image,
body.ek-knowledge-hub .related-image{position:relative;isolation:isolate;overflow:hidden;background:var(--ek-blue-pale);border:1px solid rgba(0,109,119,.14)}
body.ek-knowledge-hub .card-image::after,
body.ek-knowledge-hub .featured-image::after,
body.ek-knowledge-hub .related-image::after{content:"";position:absolute;inset:0;z-index:1;background:var(--ek-blue-soft);opacity:0;pointer-events:none;transition:opacity .42s cubic-bezier(.22,.61,.36,1)}
body.ek-knowledge-hub .card-image img,
body.ek-knowledge-hub .featured-image img,
body.ek-knowledge-hub .related-image img{filter:grayscale(.3) saturate(.82);mix-blend-mode:normal;opacity:1;transition:filter .6s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1),opacity .6s cubic-bezier(.22,.61,.36,1)}
body.ek-knowledge-hub .story:hover .card-image::after,
body.ek-knowledge-hub .story:focus-visible .card-image::after,
body.ek-knowledge-hub .story:hover .featured-image::after,
body.ek-knowledge-hub .story:focus-visible .featured-image::after,
body.ek-knowledge-hub .related li a:hover .related-image::after,
body.ek-knowledge-hub .related li a:focus-visible .related-image::after{opacity:0}
body.ek-knowledge-hub .story:hover .card-image img,
body.ek-knowledge-hub .story:focus-visible .card-image img,
body.ek-knowledge-hub .story:hover .featured-image img,
body.ek-knowledge-hub .story:focus-visible .featured-image img,
body.ek-knowledge-hub .related li a:hover .related-image img,
body.ek-knowledge-hub .related li a:focus-visible .related-image img{filter:grayscale(0) saturate(1);mix-blend-mode:normal;opacity:1;transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){body.ek-knowledge-hub .card-image::after,body.ek-knowledge-hub .featured-image::after,body.ek-knowledge-hub .related-image::after,body.ek-knowledge-hub .card-image img,body.ek-knowledge-hub .featured-image img,body.ek-knowledge-hub .related-image img{transition:none}}
body[data-template="editorial-index"] .catalog-intro,body.ek-knowledge-hub .catalog-intro,body.ek-problem-hub .catalog-intro,body.ek-questions .catalog-intro,body[data-template="reviews"] .catalog-intro{min-height:620px;box-sizing:border-box}
body.ek-knowledge-hub main>.section{padding-top:0!important}
body.ek-personal .ek-personal-contact{margin:70px 0 0;padding:38px 0;border-block:1px solid var(--ek-line)}
body.ek-personal .ek-personal-contact h2{max-width:14ch;margin:12px 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}
body.ek-personal .ek-personal-contact p:not(.eyebrow){max-width:38ch;color:var(--ek-muted)}
body.ek-personal .ek-personal-contact .button{display:inline-block;margin-top:14px}
body.ek-personal .ek-personal-contact{width:100%;max-width:none;box-sizing:border-box;background:var(--ek-cream);border:0;border-radius:22px;padding:42px clamp(24px,5vw,64px);margin-top:70px}
body.ek-personal .ek-personal-contact .eyebrow{color:var(--ek-accent)}
body.ek-personal .ek-personal-contact h2{max-width:17ch}
body.ek-service-detail .references[aria-labelledby]{max-width:900px;margin-inline:auto;margin-top:clamp(70px,9vw,120px);padding:32px 0 0}
body.ek-service-detail .references[aria-labelledby] .section-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
body.ek-service-detail .references[aria-labelledby] h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;max-width:12ch;margin:8px 0 14px}
body.ek-service-detail .references[aria-labelledby] .references-lead{max-width:48ch;margin:0 0 18px}
body.ek-service-detail .references[aria-labelledby] ol{border-top:1px solid var(--ek-line);padding-top:24px}
@media(max-width:700px){body[data-template="contact"] .ek-contact-page{width:calc(100% - 32px);padding-top:48px}body[data-template="contact"] .ek-contact-practical-grid{grid-template-columns:1fr;gap:42px}body[data-template="contact"] .ek-contact-hero h1{font-size:clamp(3.1rem,15vw,5rem)}}
/* Contact reuses the institutional page, contact-copy, related and CTA components. */
body[data-template="contact"] .contact-copy{max-width:760px;margin:0 auto}
body[data-template="contact"] .contact-copy h2{margin-top:clamp(42px,7vw,80px)}
body[data-template="contact"] .contact-copy h2:first-child{margin-top:0}
body[data-template="contact"] .contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:0 0 56px}
body[data-template="contact"] .contact-actions a{text-decoration:none}
body[data-template="contact"] .contact-copy address{font-style:normal}
body[data-template="contact"] .page-intro{display:block;max-width:1120px;margin:40px auto 54px}
body[data-template="contact"] .page-header{width:100%;max-width:760px;box-sizing:border-box;margin:0;padding:25px 0;border:0;background:transparent}
body[data-template="contact"] .page-header h1{max-width:13ch;margin:20px 0 0;font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.055em}
body[data-template="contact"] .contact-hero-lead{max-width:38ch;margin:26px 0 0;font-size:clamp(1.1rem,2vw,1.35rem);color:var(--ek-muted);line-height:1.5}
body[data-template="contact"] .contact-hero-button{margin-top:24px}
body[data-template="contact"] .contact-copy{width:100%!important;max-width:none;margin:0}
body[data-template="contact"] .page>.prose{width:100%;max-width:none}
body[data-template="contact"] .contact-opening{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.75fr);gap:clamp(32px,7vw,100px);align-items:center;padding:clamp(42px,6vw,72px) 0;border-top:1px solid var(--ek-line)}
body[data-template="contact"] .contact-opening-copy{max-width:52ch}
body[data-template="contact"] .contact-opening .eyebrow{margin:0 0 14px;color:var(--ek-accent);letter-spacing:.14em}
body[data-template="contact"] .contact-opening h2,body[data-template="contact"] .contact-practical h2,body[data-template="contact"] .contact-first h2{font-size:clamp(2.1rem,3.8vw,3.8rem);line-height:.98;letter-spacing:-.045em;margin:0 0 22px}
body[data-template="contact"] .contact-opening-copy>p:not(.contact-actions),body[data-template="contact"] .contact-first p{line-height:1.7;color:var(--ek-muted)}
body[data-template="contact"] .contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin:30px 0 0}
body[data-template="contact"] .contact-actions .button{margin:0;flex:none}
body[data-template="contact"] .contact-actions .button,body[data-template="contact"] .contact-actions .button:hover,body[data-template="contact"] .contact-actions .button:focus-visible{background:var(--ek-ink);border-color:var(--ek-ink);color:#fff!important}
body[data-template="contact"] .contact-direct{display:flex;flex-wrap:wrap;gap:14px 20px}
body[data-template="contact"] .contact-direct a{align-self:center;color:var(--ek-ink);font-size:.9rem;text-underline-offset:4px}
body[data-template="contact"] .contact-opening-visual{width:min(100%,440px);justify-self:end;margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:var(--ek-cream)}
body[data-template="contact"] .contact-opening-visual img{display:block;width:100%;height:100%;object-fit:cover}
body[data-template="contact"] .contact-practical{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,8vw,120px);padding:clamp(38px,5vw,64px) 0;border-block:1px solid var(--ek-line)}
body[data-template="contact"] .contact-practical h2{font-size:clamp(1.5rem,2.5vw,2.25rem);margin-bottom:16px}
body[data-template="contact"] .contact-practical p,body[data-template="contact"] .contact-practical address{margin:0;color:var(--ek-muted);line-height:1.7;font-style:normal}
body[data-template="contact"] .contact-practical p+p{margin-top:14px}
body[data-template="contact"] .contact-practical a,body[data-template="contact"] .contact-first a{color:var(--ek-ink);text-underline-offset:4px}
body[data-template="contact"] .contact-first{width:100%;max-width:none;box-sizing:border-box;margin-top:clamp(56px,8vw,100px);padding:42px clamp(24px,5vw,64px);background:var(--ek-cream);border:0;border-radius:22px}
body[data-template="contact"] .contact-first h2{max-width:15ch}
body[data-template="contact"] .contact-first p:last-child{margin-top:24px}
body[data-template="contact"] .contact-first p:last-child a{display:inline-flex;align-items:center;min-height:44px;padding:12px 21px;border:1px solid var(--ek-ink);border-radius:99px;background:var(--ek-ink);color:#fff;text-decoration:none;font:600 .82rem/1.2 system-ui}
body[data-template="contact"] .contact-copy+.related{display:none}
body[data-template="contact"]>.ek-final-cta{margin-top:clamp(64px,9vw,120px)}
body[data-template="contact"]>.ek-final-cta .cta-banner__title{max-width:14ch}
body[data-template="contact"]>.ek-final-cta .cta-banner__text{max-width:42ch}
@media(max-width:700px){body[data-template="contact"] .page-intro{margin:20px 0 42px}body[data-template="contact"] .page-header{padding:20px 0}body[data-template="contact"] .page-header h1{font-size:clamp(2.8rem,12vw,4.5rem)}body[data-template="contact"] .contact-opening{grid-template-columns:1fr;gap:32px;padding:38px 0}body[data-template="contact"] .contact-opening-visual{order:-1;aspect-ratio:4/3}body[data-template="contact"] .contact-practical{grid-template-columns:1fr;gap:34px;padding:38px 0}body[data-template="contact"] .contact-first{margin-top:48px;padding:34px 24px}}
/* Contact: compact editorial pass. Keep the next scroll for the final CTA. */
body[data-template="contact"] .page-intro{width:100%;max-width:none;margin:20px auto 18px}
body[data-template="contact"] .page-header{padding:12px 0 20px}
body[data-template="contact"] .page-header h1{max-width:15ch;margin:10px 0 0;font-size:clamp(2.35rem,3.8vw,4.2rem);line-height:1}
body[data-template="contact"] .contact-hero-lead{margin:16px 0 0;font-size:1.05rem;line-height:1.5}
body[data-template="contact"] .contact-opening{width:100%;padding:28px 0;border-top:1px solid var(--ek-line)}
body[data-template="contact"] .contact-opening-copy{max-width:620px}
body[data-template="contact"] .contact-opening .eyebrow{margin-bottom:9px;font-size:.68rem}
body[data-template="contact"] .contact-opening h2{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1;margin-bottom:10px}
body[data-template="contact"] .contact-opening-copy>p:not(.contact-actions){font-size:.96rem;line-height:1.55}
body[data-template="contact"] .contact-actions{gap:12px 18px;margin-top:18px}
body[data-template="contact"] .contact-practical{gap:26px;padding:24px 0}
body[data-template="contact"] .contact-practical h2{font-size:1.45rem;margin-bottom:8px}
body[data-template="contact"] .contact-practical p,body[data-template="contact"] .contact-practical address{font-size:.9rem;line-height:1.5}
body[data-template="contact"] .contact-first{margin-top:24px;padding:28px 34px;border-radius:18px}
body[data-template="contact"] .contact-first h2{font-size:clamp(1.7rem,2.4vw,2.5rem);margin-bottom:10px}
body[data-template="contact"] .contact-first p{font-size:.95rem;line-height:1.55}
body[data-template="contact"]>.ek-final-cta{margin-top:28px}
body[data-template="contact"]>.ek-final-cta h2{font-size:clamp(2.15rem,3.6vw,3.8rem);line-height:1}
@media(max-width:700px){body[data-template="contact"] .page-intro{margin:14px 0 14px}body[data-template="contact"] .page-header{padding:6px 0 14px}body[data-template="contact"] .page-header h1{font-size:clamp(2.2rem,9vw,3.4rem)}body[data-template="contact"] .contact-opening{padding:22px 0}body[data-template="contact"] .contact-practical{grid-template-columns:1fr 1fr;gap:16px;padding:20px 0}body[data-template="contact"] .contact-practical h2{font-size:1.2rem}body[data-template="contact"] .contact-first{margin-top:18px;padding:22px 20px}body[data-template="contact"]>.ek-final-cta{margin-top:28px}}
/* Contact page: one clear path, no inherited landing components. */
body[data-template="contact"] main>article.section{padding-top:0}
body[data-template="contact"] .contact-layout{width:calc(100% - 48px)!important;max-width:1240px!important;margin:0 auto!important}
body[data-template="contact"] .contact-intro{max-width:760px;padding:clamp(42px,7vw,88px) 0 clamp(34px,5vw,58px);border-bottom:1px solid var(--ek-line)}
body[data-template="contact"] .contact-intro .eyebrow{margin:0 0 18px;color:var(--ek-accent);font-size:.7rem;letter-spacing:.14em}
body[data-template="contact"] .contact-intro h1{max-width:14ch;margin:0;font-size:clamp(2.8rem,5.2vw,5.7rem);line-height:.97;letter-spacing:-.055em}
body[data-template="contact"] .contact-intro>p:last-child{max-width:38ch;margin:22px 0 0;color:var(--ek-muted);font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.5}
body[data-template="contact"] .contact-content{width:100%;max-width:900px}
body[data-template="contact"] .contact-content h2{margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1;letter-spacing:-.04em}
body[data-template="contact"] .contact-opening{padding:clamp(40px,6vw,68px) 0;border-bottom:1px solid var(--ek-line)}
body[data-template="contact"] .contact-opening .eyebrow{margin:0 0 13px;color:var(--ek-accent);font-size:.7rem;letter-spacing:.14em}
body[data-template="contact"] .contact-opening>p:not(.eyebrow){max-width:55ch;margin:0;color:var(--ek-muted);font-size:1rem;line-height:1.65}
body[data-template="contact"] .contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:24px}
body[data-template="contact"] .contact-actions .button{margin:0;color:#fff!important;background:var(--ek-ink);border-color:var(--ek-ink)}
body[data-template="contact"] .contact-actions>a:not(.button){color:var(--ek-ink);font-size:.9rem;text-underline-offset:4px}
body[data-template="contact"] .contact-practical{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,8vw,120px);padding:clamp(34px,5vw,54px) 0;border-bottom:1px solid var(--ek-line)}
body[data-template="contact"] .contact-practical h2{font-size:1.55rem;margin-bottom:12px}
body[data-template="contact"] .contact-practical address,body[data-template="contact"] .contact-practical p{margin:0;color:var(--ek-muted);font-size:.95rem;line-height:1.65;font-style:normal}
body[data-template="contact"] .contact-practical a,body[data-template="contact"] .contact-first>a{display:inline-block;margin-top:12px;color:var(--ek-ink);font-size:.9rem;text-underline-offset:4px}
body[data-template="contact"] .contact-first{width:100%;box-sizing:border-box;margin-top:clamp(34px,5vw,58px);padding:clamp(28px,4vw,44px) clamp(22px,4vw,48px);background:var(--ek-cream);border-radius:22px}
body[data-template="contact"] .contact-first h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:14px}
body[data-template="contact"] .contact-first p{max-width:58ch;margin:0;color:var(--ek-muted);font-size:.98rem;line-height:1.65}
body[data-template="contact"] .contact-first>a{margin-top:20px;font-weight:600}
@media(max-width:700px){body[data-template="contact"] .contact-layout{width:calc(100% - 32px)!important}body[data-template="contact"] .contact-intro{padding:34px 0 30px}body[data-template="contact"] .contact-intro h1{font-size:clamp(2.45rem,10vw,3.7rem)}body[data-template="contact"] .contact-opening{padding:32px 0}body[data-template="contact"] .contact-actions{align-items:flex-start;flex-direction:column;gap:14px}body[data-template="contact"] .contact-practical{gap:20px;padding:28px 0}body[data-template="contact"] .contact-practical h2{font-size:1.3rem}body[data-template="contact"] .contact-first{margin-top:28px;padding:28px 22px;border-radius:18px}}
/* Final contact composition: simple, aligned, and deliberately quiet. */
body[data-template="contact"] .contact-layout{width:calc(100% - 48px)!important;max-width:1100px!important}
body[data-template="contact"] .contact-intro{max-width:900px;padding:54px 0 42px}
body[data-template="contact"] .contact-intro h1{max-width:16ch;font-size:clamp(2.7rem,4.5vw,4.8rem);line-height:1;letter-spacing:-.045em}
body[data-template="contact"] .contact-intro>p:last-child{margin-top:18px;font-size:1.1rem}
body[data-template="contact"] .contact-content{max-width:900px}
body[data-template="contact"] .contact-opening{padding:42px 0;border-top:1px solid var(--ek-line)}
body[data-template="contact"] .contact-opening h2{font-size:clamp(1.9rem,3vw,3rem);margin-bottom:12px}
body[data-template="contact"] .contact-opening>p:not(.eyebrow){max-width:52ch;font-size:1rem}
body[data-template="contact"] .contact-actions{margin-top:22px}
body[data-template="contact"] .contact-practical{padding:30px 0;gap:60px}
body[data-template="contact"] .contact-first{margin-top:36px;padding:32px 36px;border-radius:20px}
body[data-template="contact"] .contact-first h2{font-size:clamp(1.9rem,3vw,3rem)}
body[data-template="contact"] .contact-first p{max-width:56ch}
@media(max-width:700px){body[data-template="contact"] .contact-layout{width:calc(100% - 32px)!important}body[data-template="contact"] .contact-intro{padding:36px 0 28px}body[data-template="contact"] .contact-intro h1{font-size:clamp(2.4rem,9.5vw,3.5rem)}body[data-template="contact"] .contact-opening{padding:30px 0}body[data-template="contact"] .contact-practical{padding:24px 0;gap:20px}body[data-template="contact"] .contact-first{margin-top:28px;padding:28px 22px}}
/* Final single-column contact layout. */
body[data-template="contact"] .contact-layout{width:calc(100% - 48px)!important;max-width:920px!important;margin-left:max(24px,calc((100vw - 1120px)/2))!important;margin-right:auto!important}
body[data-template="contact"] .contact-content{padding-top:clamp(20px,3vw,36px)}
body[data-template="contact"] .contact-intro{max-width:760px;padding:clamp(48px,7vw,84px) 0 42px}
body[data-template="contact"] .contact-intro h1{max-width:12ch;font-size:clamp(3rem,5vw,5.4rem);line-height:.96;letter-spacing:-.055em}
body[data-template="contact"] .contact-intro>p:last-child{margin-top:16px;font-size:1.05rem}
body[data-template="contact"] .contact-content{max-width:900px}
body[data-template="contact"] .contact-opening{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,7vw,90px);min-height:390px;box-sizing:border-box;padding:42px 0;border-top:1px solid var(--ek-line)}
body[data-template="contact"] .contact-opening-left{padding-top:4px}
body[data-template="contact"] .contact-opening-left>p:last-child{max-width:36ch;margin-top:clamp(70px,8vw,125px);font-size:.98rem;line-height:1.6;color:var(--ek-muted)}
body[data-template="contact"] .contact-opening-right{display:flex;flex-direction:column;min-width:0}
body[data-template="contact"] .contact-opening h2{max-width:14ch;font-size:clamp(2rem,3.2vw,3.3rem);line-height:.98;margin:0}
body[data-template="contact"] .contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:auto;padding-top:44px}
body[data-template="contact"] .contact-practical{padding:24px 0;gap:48px}
body[data-template="contact"] .contact-practical h2{font-size:1.35rem;margin-bottom:8px}
body[data-template="contact"] .contact-practical address,body[data-template="contact"] .contact-practical p{font-size:.92rem;line-height:1.55}
body[data-template="contact"] .contact-first{margin-top:34px;padding:28px 32px}
body[data-template="contact"] .contact-first h2{font-size:clamp(1.8rem,2.8vw,2.7rem);margin-bottom:10px}
body[data-template="contact"] .contact-first p{font-size:.94rem;line-height:1.6}
@media(max-width:700px){body[data-template="contact"] .contact-layout{width:calc(100% - 32px)!important;margin-inline:16px!important}body[data-template="contact"] .contact-content{padding-top:22px}body[data-template="contact"] .contact-opening{display:block;min-height:0;padding:30px 0}.contact-actions{align-items:flex-start;flex-direction:column}.contact-practical{padding:22px 0;gap:18px}.contact-first{margin-top:24px;padding:26px 22px}}
@media(min-width:701px){body[data-template="contact"] .contact-opening{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:clamp(40px,7vw,90px)!important;min-height:390px!important}body[data-template="contact"] .contact-opening-left,body[data-template="contact"] .contact-opening-right{width:auto!important}body[data-template="contact"] .contact-opening-right{display:flex!important;flex-direction:column!important;margin-top:0!important}body[data-template="contact"] .contact-actions{margin-top:auto!important;padding-top:44px!important}}
/* Restore the previous linear contact composition. */
body[data-template="contact"] .contact-intro{max-width:760px;padding:42px 0 34px}
body[data-template="contact"] .contact-intro h1{max-width:16ch;margin:0;font-size:clamp(2.5rem,4vw,4.25rem);line-height:1;letter-spacing:-.045em}
body[data-template="contact"] .contact-intro>p:last-child{margin-top:16px;font-size:1.05rem}
body[data-template="contact"] .contact-opening{display:block!important;min-height:0!important;padding:34px 0;border-top:1px solid var(--ek-line)}
body[data-template="contact"] .contact-opening-copy{max-width:620px}
body[data-template="contact"] .contact-opening h2{max-width:16ch;font-size:clamp(1.8rem,2.8vw,2.7rem);margin:0 0 10px}
body[data-template="contact"] .contact-opening-copy>p:not(.eyebrow){max-width:52ch;font-size:.98rem;line-height:1.6}
body[data-template="contact"] .contact-actions{display:flex!important;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:20px!important;padding-top:0!important}
body[data-template="contact"] .contact-direct{display:flex;gap:14px 20px;flex-wrap:wrap}
@media(max-width:700px){body[data-template="contact"] .contact-intro{padding:30px 0 26px}body[data-template="contact"] .contact-intro h1{font-size:clamp(2.25rem,9vw,3.35rem)}body[data-template="contact"] .contact-opening{padding:28px 0}body[data-template="contact"] .contact-actions{align-items:flex-start;flex-direction:column;gap:14px}}
/* Final alignment after the shorter contact copy. */
body[data-template="contact"] .contact-layout{width:calc(100% - 48px)!important;max-width:820px!important;margin-inline:auto!important}
body[data-template="contact"] .contact-content{max-width:760px;margin-inline:auto}
body[data-template="contact"] .contact-opening{padding:34px 0 30px;border-top:0}
body[data-template="contact"] .contact-opening-copy{max-width:620px}
body[data-template="contact"] .contact-opening h2{margin-bottom:12px}
body[data-template="contact"] .contact-actions{margin-top:18px}
body[data-template="contact"] .contact-practical{padding:24px 0;border-block:1px solid var(--ek-line)}
body[data-template="contact"] .contact-first{margin-top:30px}
@media(max-width:700px){body[data-template="contact"] .contact-layout{width:calc(100% - 32px)!important}body[data-template="contact"] .contact-content{max-width:none;padding-top:20px}body[data-template="contact"] .contact-opening{padding:26px 0 24px}body[data-template="contact"] .contact-practical{padding:22px 0}}
/* Final visual pass: Hablemos is a single editorial column, not a grid. */
body[data-template="contact"] .contact-opening{display:block;padding:42px 0 38px}
body[data-template="contact"] .contact-opening>*{max-width:680px}
body[data-template="contact"] .contact-opening .eyebrow{margin-bottom:12px}
body[data-template="contact"] .contact-opening h2{font-size:clamp(1.9rem,3vw,2.9rem);line-height:1.02;margin-bottom:14px}
body[data-template="contact"] .contact-opening>p:not(.eyebrow){font-size:1rem;line-height:1.6}
body[data-template="contact"] .contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:24px}
body[data-template="contact"] .contact-practical{grid-template-columns:1fr 1fr;padding:28px 0}
body[data-template="contact"] .contact-first{margin-top:34px}
@media(max-width:700px){body[data-template="contact"] .contact-opening{padding:32px 0 30px}body[data-template="contact"] .contact-actions{align-items:flex-start;flex-direction:column;gap:14px}body[data-template="contact"] .contact-practical{grid-template-columns:1fr 1fr;padding:24px 0}}
/* Contact: a more generous, still restrained editorial rhythm. */
body[data-template="contact"] .contact-layout{max-width:960px!important}
body[data-template="contact"] .contact-content{max-width:860px}
body[data-template="contact"] .contact-opening{padding:64px 0 56px}
body[data-template="contact"] .contact-practical{padding:44px 0;gap:88px}
body[data-template="contact"] .contact-first{margin-top:58px;padding:44px 52px}
@media(max-width:700px){body[data-template="contact"] .contact-layout{max-width:none!important}body[data-template="contact"] .contact-content{max-width:none}body[data-template="contact"] .contact-opening{padding:36px 0 32px}body[data-template="contact"] .contact-practical{padding:28px 0;gap:20px}body[data-template="contact"] .contact-first{margin-top:32px;padding:30px 22px}}
.ek-knowledge-catalog .empty[hidden]{display:none}
@media(max-width:900px){.ek-knowledge-catalog .catalog-tools{flex-wrap:wrap}.ek-knowledge-catalog .catalog-tools input{flex-basis:100%;order:2}.ek-knowledge-catalog .catalog-tools select{flex:1}.ek-knowledge-catalog .stories{grid-template-columns:1fr;gap:48px 20px}}
body.ek-knowledge-hub .ek-knowledge-lead{max-width:680px;margin:0 0 56px;font-size:1.05rem;line-height:1.7}
body.ek-knowledge-hub .ek-knowledge-lead p{margin:0 0 14px}
.ek-info-body{max-width:60ch;color:var(--ek-ink)}
.ek-info-body h2{display:none}
.ek-info-body p{font-size:.95rem;line-height:1.7;margin:0 0 12px;color:var(--ek-muted)}
.ek-info-body a{color:var(--ek-accent);font-size:.9rem}
.ek-depth-head{display:flex;align-items:baseline;align-items:last baseline;gap:14px;flex-wrap:wrap}
.ek-info-trigger{display:inline;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--ek-muted);font:500 .82rem/1.4 system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;text-decoration:none;text-underline-offset:3px}
.ek-info-trigger:hover,.ek-info-trigger:focus-visible{text-decoration:underline;color:var(--ek-accent)}
.ek-info-trigger:focus-visible{outline:2px solid var(--ek-accent);outline-offset:3px}
body.ek-metadata-actions .ek-info-open{margin-right:6px}

/* ATO-116: ajustes del feedback de Jam sobre Entender tu cuerpo */
.ek-metadata-actions{gap:18px}
body.ek-unified .page-header .eyebrow{display:flex;align-items:center;gap:10px}
body.ek-unified .page-header .eyebrow:before{content:"";flex:0 0 26px;width:26px;height:2px;background:var(--ek-accent)}
body.ek-unified.ek-knowledge-hub .related[aria-labelledby] li{border-top:0}
body.ek-knowledge-hub .related{margin-top:0}
body.ek-knowledge-hub .related-image,body.ek-knowledge-hub .related-image img{width:100%;max-width:100%}

/* ATO-117: componente de reseña en lecturas breves + cabecera de referencias tipo el-ancla */
body.ek-unified:not(.ek-long-article) .references .section-label{color:var(--ek-accent);margin:0 0 8px}
body.ek-unified:not(.ek-long-article) .references .references-lead{color:var(--ek-muted);font-size:.9rem;margin:0 0 22px}
body.ek-unified:not(.ek-long-article) .review{width:100%;max-width:none;margin:56px 0;padding:36px 40px;border-radius:24px;background:var(--ek-green);color:#fff}
body.ek-unified:not(.ek-long-article) .review-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body.ek-unified:not(.ek-long-article) .review .stars{font-size:.8rem;letter-spacing:.15em}
body.ek-unified:not(.ek-long-article) .review blockquote{max-width:30ch;margin:26px 0 30px;font:400 clamp(1.6rem,3vw,2.4rem)/1.18 var(--ek-font-heading);letter-spacing:-.025em}
body.ek-unified:not(.ek-long-article) .review-author{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;color:#d9e0da;font-size:.76rem}
body.ek-unified:not(.ek-long-article) .review-author strong{color:#fff}
body.ek-unified:not(.ek-long-article) .review-more{border-top:1px solid rgba(255,255,255,.25)}
body.ek-unified:not(.ek-long-article) .review-more summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 0;cursor:pointer;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;list-style:none}
body.ek-unified:not(.ek-long-article) .review-more summary::-webkit-details-marker{display:none}
body.ek-unified:not(.ek-long-article) .review-more summary i{font-style:normal;font-size:1.2rem;transition:transform .25s}
body.ek-unified:not(.ek-long-article) .review-more[open] summary i{transform:rotate(45deg)}
body.ek-unified:not(.ek-long-article) .review-more .when-open{display:none}
body.ek-unified:not(.ek-long-article) .review-more[open] .when-open{display:inline}
body.ek-unified:not(.ek-long-article) .review-more[open] .when-closed{display:none}
body.ek-unified:not(.ek-long-article) .review-expanded{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);color:#e8ede9;font-size:.9rem}
body.ek-unified:not(.ek-long-article) .review-expanded p{margin:0;font-size:calc(var(--ek-fs-body) - 1px)!important;line-height:1.65;color:#e8ede9!important}
body.ek-unified:not(.ek-long-article) .review-expanded .owner-response p{font-size:calc(var(--ek-fs-body) - 1.6px)!important}
body.ek-unified:not(.ek-long-article) .review-expanded>a{grid-column:1/-1;width:max-content;color:#fff;font-size:.73rem}
body.ek-unified:not(.ek-long-article) .review-expanded .review-kicker{margin-bottom:8px;color:#b8c9bc!important;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body.ek-unified:not(.ek-long-article) .owner-response{padding-left:24px;border-left:1px solid rgba(255,255,255,.18)}
@media(max-width:640px){body.ek-unified:not(.ek-long-article) .review{padding:28px 22px}body.ek-unified:not(.ek-long-article) .review-expanded{grid-template-columns:1fr}body.ek-unified:not(.ek-long-article) .owner-response{padding:22px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}}

/* Shared review surface: same component everywhere, with a quieter modern finish. */
body.ek-unified .review{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(202,233,255,.34);background:linear-gradient(118deg,#1b4965 0%,#2d7587 48%,#62b6cb 100%);box-shadow:0 18px 48px rgba(27,73,101,.2)}
body.ek-unified .review:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:radial-gradient(circle at 18% 20%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 68%,rgba(202,233,255,.7) 0 1px,transparent 1.5px);background-size:19px 19px,27px 27px;mix-blend-mode:soft-light}
body.ek-unified .review>*{position:relative;z-index:1}
body.ek-unified .review-top{color:#e5f6f6}
body.ek-unified .review .stars{color:#cbeded}
body.ek-unified .review blockquote{max-width:25ch;font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.035em}
body.ek-unified .review-author{border-bottom:0;color:#e0f0f5}
body.ek-unified .review-more{border-top-color:rgba(255,255,255,.2)}
body.ek-unified .review-expanded{border-top-color:rgba(255,255,255,.13)}
body.ek-unified .review-more summary:focus-visible{outline:2px solid #f3d88e;outline-offset:5px;border-radius:6px}
body.ek-unified .review-expanded>a{color:#cae9ff;text-decoration-thickness:1px;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){body.ek-unified .review:before{opacity:.12}}

/* ATO-118: pagina de resenas editorial (entradas + filtros + CTA contextual) */
.ek-reviews-intro{margin-bottom:32px}
.ek-reviews-intro h1{max-width:13ch}
.ek-reviews-intro>p:last-child{max-width:52ch;margin:20px 0 0}
.ek-reviews-filter{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 6px}
.ek-reviews-filter .chip{min-height:34px;padding:6px 14px;border:1px solid var(--ek-line);border-radius:99px;background:transparent;color:var(--ek-ink);font:600 .78rem system-ui;cursor:pointer}
.ek-reviews-filter .chip.is-active{background:var(--ek-ink);border-color:var(--ek-ink);color:#fff}
.ek-reviews-count{margin:10px 0 22px;color:var(--ek-muted);font-size:.82rem}
.ek-reviews-list>.ek-review-entry{margin:0 0 64px}
.ek-reviews-list>.ek-review-entry>h2{font:400 clamp(1.8rem,3vw,2.6rem)/1.1 var(--ek-font-heading);letter-spacing:-.03em;margin:0 0 20px}
.ek-reviews-cta{margin:40px 0 0;padding:32px;border-radius:20px;background:var(--ek-cream)}
.ek-reviews-cta h3{font:400 clamp(1.5rem,2.4vw,2rem)/1.15 var(--ek-font-heading);margin:10px 0 10px}
.ek-reviews-cta p{margin:0 0 18px;color:var(--ek-muted);font-size:.95rem}
@media(max-width:640px){.ek-review-page{padding:40px 16px}.ek-reviews-list>.ek-review-entry{margin-bottom:48px}.ek-reviews-cta{padding:24px 20px}}

/* ATO-119: un pelin menos de aire en el detalle de problema */
body.ek-problem-detail .ek-problem-toc{margin-bottom:32px}

/* ATO-120: resenas — resumen 5,0, etiquetas y avatar */
.ek-reviews-rating{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:.95rem;color:var(--ek-muted)}
.ek-reviews-rating .stars{color:var(--ek-accent);letter-spacing:.12em;font-size:.95rem}
.ek-reviews-rating strong{color:var(--ek-ink);font:400 1.4rem/1 var(--ek-font-heading)}
/* ATO-121: la cabecera de /resenas/ usa el mismo sistema que Entender tu cuerpo y Lecturas de fondo.
   El ancho útil, el antetítulo, el H1, la entradilla y Compartir son los de .catalog-intro;
   rating, stories, filtros y contador pasan al bloque de utilidades bajo el divisor. */
body.ek-unified main.ek-reviews-page{max-width:min(var(--ek-width),calc(100% - 48px));margin-inline:auto;padding:0}
.ek-reviews-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 18px;border-block:1px solid var(--ek-line);padding:20px 0;margin:0 0 16px}
.ek-reviews-tools .ek-reviews-rating{margin:0}
.ek-reviews-tools .ek-metadata-actions{margin:0}
.ek-reviews-tools .ek-stories-open{flex:none}
.ek-reviews-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}
.ek-filter-label{width:100%;font:700 .66rem/1.4 system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--ek-muted);margin-bottom:2px}
.ek-reviews-filter .chip small{opacity:.6;font-size:.7em;margin-left:2px}
.review-author-name{display:inline-flex;align-items:center;gap:12px}
.review-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;background:#ffffff26;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:400 1.1rem/1 var(--ek-font-heading);letter-spacing:0}
@media(max-width:640px){.review-avatar{width:34px;height:34px;flex-basis:34px;font-size:.95rem}}

/* ATO-121: bloque de resenas breves */
.ek-reviews-brief{margin:72px 0 0;padding-top:40px;border-top:1px solid var(--ek-line)}
.ek-reviews-brief>h2{margin:12px 0 32px;max-width:20ch}
.ek-reviews-brief ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.ek-reviews-brief li{padding:22px 0;border-top:1px solid var(--ek-line);min-width:0}
.ek-brief-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.ek-brief-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;object-fit:cover}
.ek-brief-head strong{font:400 1.1rem/1.2 var(--ek-font-heading)}
.ek-brief-head .stars{color:var(--ek-accent);letter-spacing:.1em;font-size:.75rem}
.ek-reviews-brief p{margin:0 0 10px;font-size:.95rem;line-height:1.65;color:var(--ek-ink)}
.ek-reviews-brief a{font-size:.78rem;color:var(--ek-muted)}
@media(max-width:700px){.ek-reviews-brief ul{grid-template-columns:1fr;gap:0}}

/* ATO-122: plantilla legal (sobria, sin hero) + disclaimer */
body.legal-page .ek-legal{max-width:760px;margin:32px auto 90px;padding:0 24px}
body.legal-page .ek-legal h1{font:400 clamp(1.9rem,3vw,2.5rem)/1.1 var(--ek-font-heading);letter-spacing:-.02em;margin:0 0 8px}
body.legal-page .ek-legal-date{color:var(--ek-muted);font-size:.85rem;margin:0 0 28px}
body.legal-page .ek-legal-index{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px;padding:18px 0;margin:0 0 44px;border-block:1px solid var(--ek-line)}
body.legal-page .ek-legal-index a{font-size:.85rem;text-decoration:none;color:var(--ek-ink);line-height:1.5}
body.legal-page .ek-legal-index a:hover{color:var(--ek-accent)}
body.legal-page .ek-legal-section{padding:26px 0;border-top:1px solid var(--ek-line)}
body.legal-page .ek-legal-section h2{font:750 .95rem/1.5 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ek-ink);margin:0 0 16px}
body.legal-page .ek-legal p{margin:0 0 14px;font-size:.95rem;line-height:1.7;color:var(--ek-ink)}
body.legal-page .ek-legal ul{list-style:disc;padding-left:22px;margin:0 0 14px}
body.legal-page .ek-legal li{margin:0 0 8px;font-size:.95rem;line-height:1.6;color:var(--ek-ink)}
body.legal-page .ek-legal table{width:100%;border-collapse:collapse;font-size:.85rem;margin:0 0 16px}
body.legal-page .ek-legal th,body.legal-page .ek-legal td{border:1px solid var(--ek-line);padding:10px 12px;text-align:left;vertical-align:top}
body.legal-page .ek-legal a{color:var(--ek-accent);text-decoration:underline;text-underline-offset:2px}
body.legal-page .ek-legal strong{font-weight:700}
.ek-disclaimer{max-width:760px;margin:28px auto 0;padding-top:18px;border-top:1px solid var(--ek-line);color:var(--ek-muted);font-size:.78rem;line-height:1.6}
.ek-disclaimer a{color:var(--ek-accent)}
.ek-review-page .ek-disclaimer{margin:28px 0 0}
@media(max-width:700px){body.legal-page .ek-legal-index{grid-template-columns:1fr}}
.ek-footer-note{max-width:54ch;padding:clamp(14px,1.8vw,22px) 0 clamp(14px,1.8vw,20px)}
.ek-footer-note .ek-footer-note-eyebrow{margin:0 0 14px;font:500 .84rem/1.4 var(--ek-font-body);text-transform:uppercase;letter-spacing:.07em;color:#a3b8b0}
.ek-footer-note p{margin:0 0 12px;font-size:.95rem;line-height:1.7;color:#a9bab0}
.ek-footer-note-link{margin-top:8px}
.ek-footer-note-link a{display:inline;padding-bottom:2px;border-bottom:1px solid #ffffff2e;font-size:.95rem;text-decoration:none;color:#c3d0c8}
.ek-footer-note-link a:hover{border-color:#d2dbd5;color:#fff}
@media(max-width:650px){.ek-footer-note{padding-top:clamp(28px,5vw,40px)}}

/* Alias de marca — apuntan a los tokens semánticos. */
:root{--brand-deep:var(--ek-ink);--brand-teal:var(--ek-action);--brand-aqua:var(--ek-aqua);--brand-mist:var(--ek-alice);--brand-warm:var(--ek-almond);--brand-coral:var(--ek-coral)}
body.ek-unified{background:var(--ek-paper)!important;color:var(--ek-ink)!important}
body.ek-unified .ek-header{background:transparent;border-color:transparent}
body.ek-unified .ek-header.is-scrolled{background:rgba(237,246,249,.6);border-color:rgba(27,73,101,.14)}
body.ek-unified .ek-header .button,body.ek-unified .button,body.ek-unified .cta-banner__button{background:var(--brand-teal);border-color:var(--brand-teal);color:var(--brand-mist);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
body.ek-unified .ek-header .button:hover,body.ek-unified .ek-header .button:focus-visible,body.ek-unified .button:hover,body.ek-unified .button:focus-visible,body.ek-unified .cta-banner__button:hover,body.ek-unified .cta-banner__button:focus-visible{background:var(--brand-coral);border-color:var(--brand-coral);color:var(--ek-on-coral)}
body.ek-unified .button:hover,body.ek-unified .cta-banner__button:hover{transform:translateY(-2px)}
body.ek-unified .button--secondary{background:transparent;color:var(--brand-teal)}
body.ek-unified .button--secondary:hover,body.ek-unified .button--secondary:focus-visible{background:var(--brand-warm);border-color:var(--brand-coral);color:var(--brand-deep)}
body.ek-unified .ek-footer{color:var(--brand-mist);border-top-color:rgba(131,197,190,.34)}
body.ek-unified .ek-footer a{color:var(--brand-mist)}
body.ek-unified .ek-footer a:hover{color:var(--brand-aqua)}
body.ek-unified .ek-footer-note p,body.ek-unified .ek-footer-bottom>span:last-child{color:#b4dcd8}
body.ek-unified .ek-final-cta{background:linear-gradient(125deg,var(--brand-teal),var(--brand-deep));color:var(--brand-mist);border:0}
body.ek-unified .ek-final-cta h2{color:var(--brand-mist)}
body.ek-unified .ek-final-cta .cta-banner__label{color:var(--brand-aqua)}
body.ek-unified .ek-final-cta .cta-banner__text{color:#d8f2f1}
body.ek-unified .ek-final-cta .cta-banner__button{background:var(--brand-warm);border-color:var(--brand-warm);color:var(--brand-deep)}
body.ek-unified .ek-final-cta .cta-banner__button:hover{background:var(--brand-coral);border-color:var(--brand-coral);color:var(--brand-deep)}
body.ek-unified .ek-knowledge-catalog .story-image,body.ek-unified .ek-knowledge-catalog .featured-image{background:linear-gradient(145deg,var(--brand-mist),#fbfdfe);border-color:rgba(0,109,119,.18)}
body.ek-unified .ek-knowledge-catalog .featured .section-label{background:var(--brand-warm);color:#723018}
body.ek-unified .ek-knowledge-catalog .catalog-contact{background:linear-gradient(120deg,var(--brand-mist),#fbfdfe);border-top-color:var(--brand-teal)}
body.ek-unified .ek-knowledge-catalog .catalog-contact .button{background:var(--brand-teal);border-color:var(--brand-teal);color:var(--brand-mist)}
body.ek-knowledge-hub .card-image,body.ek-knowledge-hub .featured-image,body.ek-knowledge-hub .related-image{background:var(--brand-mist);border-color:rgba(0,109,119,.16)}
body.ek-knowledge-hub .card-image img,body.ek-knowledge-hub .featured-image img,body.ek-knowledge-hub .related-image img{filter:grayscale(.25) saturate(.88);mix-blend-mode:normal;opacity:1}
body.ek-knowledge-hub .card-image::after,body.ek-knowledge-hub .featured-image::after,body.ek-knowledge-hub .related-image::after{background:var(--brand-aqua);opacity:0}
body.ek-knowledge-hub .story:hover .card-image img,body.ek-knowledge-hub .story:focus-visible .card-image img,body.ek-knowledge-hub .story:hover .featured-image img,body.ek-knowledge-hub .story:focus-visible .featured-image img,body.ek-knowledge-hub .related li a:hover .related-image img,body.ek-knowledge-hub .related li a:focus-visible .related-image img{filter:grayscale(0) saturate(1);mix-blend-mode:normal;opacity:1}
body.ek-unified .ek-info-trigger,body.ek-unified .ek-info-open,body.ek-unified .references a,body.ek-unified .home-text-link:hover{color:var(--brand-teal)}
body.ek-unified .ek-info-trigger:hover,body.ek-unified .ek-info-trigger:focus-visible,body.ek-unified .ek-info-open:hover,body.ek-unified .ek-info-open:focus-visible{background:var(--brand-mist);border-color:var(--brand-teal)}
body.ek-unified .review{background:linear-gradient(118deg,var(--brand-deep),var(--brand-teal) 55%,#62b6cb);border-color:rgba(237,246,249,.4)}
body.ek-unified .review .stars{color:var(--brand-coral)}
/* Kicker de la reseña: guion coral, mismo recurso que el eyebrow editorial. */
body.ek-unified .review-top{align-items:center;color:#e5f6f6}
body.ek-unified .review-top>span:first-child{display:inline-flex;align-items:center;gap:9px}
body.ek-unified .review-top>span:first-child:before{content:"";flex:0 0 22px;height:2px;border-radius:2px;background:var(--brand-coral)}
/* La procedencia es metadato: aqua perla, no compite con el nombre. */
body.ek-unified .review-author>span:last-child{color:#a7d5d3}
@media(max-width:600px){body.ek-unified .review-top>span:first-child:before{flex-basis:16px}}
/* Sobre el fondo oscuro de la reseña el enlace no cambia de color al pasar el cursor:
   el salto a azul profundo lo hacía ilegible. Mantiene su tinte almendra. */
body.ek-unified .review a:hover,body.ek-unified .review a:focus-visible{
  color:#ffddd2;
  text-decoration-color:#83c5be;
  background-color:transparent;
}
body.ek-unified .review-expanded>a{color:var(--brand-warm)}
body.ek-unified a:focus-visible,body.ek-unified button:focus-visible,body.ek-unified input:focus-visible,body.ek-unified select:focus-visible,body.ek-unified summary:focus-visible{outline-color:var(--brand-coral)}
body.ek-unified .ek-section-index a:hover:after,body.ek-unified .ek-service-directory a:hover span{color:var(--brand-coral)}
body.ek-unified .ek-reviews-dots button[aria-current=true]{background:var(--brand-coral)}
.ritual-word{display:inline-block;line-height:1;white-space:nowrap;padding-inline:.06em;margin-inline:-.06em;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 100' preserveAspectRatio='none'%3E%3Cpath d='M6 49C50 42 102 50 152 44S214 40 236 38L233 77C198 82 150 75 100 80S26 83 8 81Z' fill='%23DE8055' fill-opacity='.5'/%3E%3C/svg%3E")}
@media(max-width:600px){.ritual-word{padding-inline:.045em;margin-inline:-.045em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 100' preserveAspectRatio='none'%3E%3Cpath d='M5 48C50 41 102 49 152 43S214 39 236 37L233 78C198 83 150 76 100 81S26 84 7 82Z' fill='%23DE8055' fill-opacity='.5'/%3E%3C/svg%3E")}}
.ek-since{margin:0 0 16px;font-size:.76rem;line-height:1.5;letter-spacing:.04em;color:var(--ek-muted)}

/* Enlaces reales dentro del cuerpo editorial: misma tinta que el texto, subrayado salmón.
   Regla separada del rotulador decorativo: el salmón grueso solo significa «esto se puede pulsar». */
body.ek-unified :is(.reading,.prose,.ek-section-copy,.ek-introduction) :is(p a,li:not(.references *) a):not(.button):not(.ek-icon):not(.next-card):not([data-share]):not(.ek-info-open):not(.ek-info-trigger){
  color:inherit;
  text-decoration-line:underline;
  text-decoration-color:var(--ek-link-decoration);
  text-decoration-thickness:var(--ek-link-thickness);
  text-underline-offset:var(--ek-link-offset);
  text-decoration-skip-ink:auto;
  border-bottom:0;
}
body.ek-unified :is(.reading,.prose,.ek-section-copy,.ek-introduction) :is(p a,li:not(.references *) a):not(.button):not(.ek-icon):not(.next-card):not([data-share]):not(.ek-info-open):not(.ek-info-trigger):hover,
body.ek-unified :is(.reading,.prose,.ek-section-copy,.ek-introduction) :is(p a,li:not(.references *) a):not(.button):not(.ek-icon):not(.next-card):not([data-share]):not(.ek-info-open):not(.ek-info-trigger):focus-visible{
  text-decoration-thickness:var(--ek-link-thickness-hover);
  background-color:rgba(226,149,120,.16);
}
@media(max-width:600px){
  body.ek-unified :is(.reading,.prose,.ek-section-copy,.ek-introduction) :is(p a,li:not(.references *) a):not(.button):not(.ek-icon):not(.next-card):not([data-share]):not(.ek-info-open):not(.ek-info-trigger){
    text-decoration-thickness:2.5px;
    text-underline-offset:4px;
  }
}

/* ---------------------------------------------------------------------------
   Placeholders de imagen: una sola receta en todo el microsite.
   Referencia aprobada: /articulos/ (degradado muy claro + borde aqua + etiqueta
   discreta sin píldora). Sustituye el gris verdoso #d2d8d0 y el aqua saturado.
   --------------------------------------------------------------------------- */
:is(.ek-placeholder,.ek-card-placeholder,.page-visual,.related-image,.ek-approach-visual,
    .ek-problem-card-image,.ek-narrative-image,.home-youcome-visual,.home-work-visual,
    .home-consultation-visual,.home-consultation,.next-image,.hero-media,.story-image){
  background:linear-gradient(145deg,#edf6f9 0%,#fbfdfe 72%,#ffddd2 100%)!important;
  border:1px solid rgba(0,109,119,.16)!important;
  color:#496874!important;
}
:is(.ek-placeholder,.ek-card-placeholder,.page-visual,.ek-narrative-image,.home-youcome-visual,
    .home-work-visual,.home-consultation-visual,.home-consultation,.next-image,.hero-media,
    .story-image) span{
  background:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:#496874!important;
  font-size:.7rem!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  text-align:center!important;
  line-height:1.5!important;
}

/* ---------------------------------------------------------------------------
   Jerarquía visual: correcciones puntuales, no rediseño.
   Motivo: el CSS base antiguo todavía aportaba color fuera de paleta
   (#666257, #96553e, #53563f, #26251f) y un uppercase de etiqueta en un H2.
   --------------------------------------------------------------------------- */

/* Alias de tokens heredados — apuntan a los semánticos. */
:root{
  --background:var(--ek-paper);
  --surface:var(--ek-paper);
  --surface-strong:#ffffff;
  --foreground:var(--ek-ink);
  --muted-foreground:var(--ek-muted);
  --accent:var(--ek-action);
  --accent-strong:var(--ek-action);
  --terracota:var(--ek-action);
  --amapola:var(--ek-coral);
  --arena:var(--ek-aqua);
  --border:var(--ek-line);
}

/* Migas de pan: navegación contextual, nunca CTA. */
nav.breadcrumbs{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem!important;
  font-size:10px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:.11em!important;
  color:#496874!important;
  line-height:1.4;
}
nav.breadcrumbs a{color:#496874!important;text-decoration:none!important;font-weight:inherit!important}
nav.breadcrumbs a:hover,nav.breadcrumbs a:focus-visible{color:#006d77!important;text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:3px}
nav.breadcrumbs>span{color:rgba(27,73,101,.28)!important;font-weight:400!important}
nav.breadcrumbs>*:last-child{color:#1b4965!important;font-weight:600!important;letter-spacing:.09em!important}
@media(max-width:600px){nav.breadcrumbs{font-size:10px!important;letter-spacing:.09em!important;gap:.45rem!important}}

/* El H2 de Fuentes es titular, no etiqueta: recupera caja normal. */
.references h2{text-transform:none!important;letter-spacing:-.02em!important}

/* «Ver fuente» es un enlace auxiliar: sin negrita, en todo el sitio. */
.references a{font-weight:400!important}

/* El desplegable Compartir debe quedar por encima del reproductor persistente. */
.share-popover{z-index:90!important}

/* ---------------------------------------------------------------------------
   Reproductor editorial persistente + biblioteca desplegable.
   Barra discreta, no dominante. Salmón solo en progreso y estado activo.
   --------------------------------------------------------------------------- */
.ek-player{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:calc(12px + env(safe-area-inset-bottom));
  z-index:70;
  width:min(820px,calc(100% - 24px));
  border:1px solid var(--ek-line);
  border-radius:18px;
  background:var(--ek-paper);
  box-shadow:0 8px 30px rgba(27,73,101,.10);
  color:var(--ek-ink);
}
body.ek-long-article .ek-player{background:var(--ek-paper);border-color:var(--ek-line)}
.ek-player[hidden]{display:none}
.ek-player-inner{display:flex;align-items:center;gap:14px;padding:10px 16px}
.ek-player-thumb{flex:none;width:44px;height:44px;border-radius:10px;border:0;background:linear-gradient(145deg,var(--ek-alice),var(--ek-paper) 72%,var(--ek-almond));background-size:cover;background-position:center}
.ek-player-meta{flex:1;min-width:0}
.ek-player-title{display:block;font:600 .86rem/1.3 var(--ek-font-body);color:var(--ek-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ek-player-title:hover,.ek-player-title:focus-visible{color:var(--ek-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ek-player-sub{margin:2px 0 0;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ek-text-muted)}
.ek-player-controls{display:flex;align-items:center;gap:2px}
.ek-player-controls button,.ek-player-library,.ek-player-close{
  display:grid;place-items:center;border:0;background:transparent;color:var(--ek-ink);
  cursor:pointer;border-radius:50%;
}
.ek-player-step{width:36px;height:36px;font-size:1.05rem;line-height:1}
.ek-player-step:hover,.ek-player-step:focus-visible{color:var(--ek-ink);background:var(--ek-link-hover-bg)}
.ek-player-toggle{width:42px;height:42px;font-size:.9rem;background:var(--ek-alice);color:var(--ek-ink)}
.ek-player-toggle:hover,.ek-player-toggle:focus-visible{background:var(--ek-coral);color:var(--ek-on-coral)}
.ek-player-timing{display:flex;gap:6px;font-size:.72rem;color:var(--ek-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.ek-player-timing span+span:before{content:"/";margin-right:6px;opacity:.5}
.ek-player-library,.ek-player-close{
  flex:none;width:36px;height:36px;color:var(--ek-text-muted);font-size:.95rem;
}
.ek-player-library:hover,.ek-player-library:focus-visible,.ek-player-close:hover,.ek-player-close:focus-visible{color:var(--ek-ink);background:var(--ek-link-hover-bg)}
.ek-player-library[aria-expanded="true"]{color:var(--ek-ink);background:var(--ek-link-hover-bg)}
.ek-player-progress{
  position:relative;height:3px;margin:0 16px 12px;border-radius:99px;
  background:var(--ek-line);cursor:pointer;touch-action:none;
}
.ek-player-progress:focus-visible{outline:2px solid var(--ek-coral);outline-offset:4px}
.ek-player-progress span{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:var(--ek-coral)}
body .top-button{bottom:calc(var(--ek-player) + 16px)}
@media(max-width:760px){
  .ek-player{bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - 16px);border-radius:16px}
  .ek-player-inner{gap:8px;padding:8px 12px}
  .ek-player-thumb{width:40px;height:40px;border-radius:9px}
  .ek-player-timing{display:none}
  .ek-player-controls{gap:0}
  .ek-player-library,.ek-player-close{width:34px;height:34px}
  .ek-player-progress{margin:0 12px 10px}
  .ek-player-title{font-size:.8rem}
  .ek-player-sub{font-size:.6rem}
}

/* Biblioteca: bottom sheet, extensión natural del reproductor. */
.ek-library{position:fixed;inset:0;z-index:80;display:grid;align-items:end}
.ek-library[hidden]{display:none}
.ek-library-scrim{position:absolute;inset:0;background:rgba(27,73,101,.3);opacity:0;transition:opacity .26s}
.ek-library.is-open .ek-library-scrim{opacity:1}
.ek-library-sheet{
  position:relative;width:min(720px,100%);max-height:min(78dvh,660px);margin:0 auto;
  display:flex;flex-direction:column;
  padding:8px 18px calc(18px + env(safe-area-inset-bottom));
  background:var(--ek-paper);
  border:1px solid var(--ek-line);
  border-radius:20px 20px 0 0;
  box-shadow:0 -10px 40px rgba(27,73,101,.2);
  transform:translateY(101%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
  touch-action:none;
}
.ek-library.is-open .ek-library-sheet{transform:translateY(0)}
.ek-library-grab{display:block;width:44px;height:4px;margin:4px auto 10px;border-radius:99px;background:rgba(27,73,101,.22)}
.ek-library-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.ek-library-head h2{margin:0;font-size:1.3rem;letter-spacing:-.02em}
.ek-library-head button{width:36px;height:36px;border:1px solid var(--ek-line);border-radius:50%;background:transparent;color:var(--ek-ink);cursor:pointer}
.ek-library-head button:hover,.ek-library-head button:focus-visible{background:var(--ek-cream);border-color:var(--ek-ink)}
/* Selector segmentado: mismo patrón de chips del sistema. */
.ek-segmented{
  display:inline-flex;gap:6px;padding:0;width:max-content;
  border:0;background:transparent;
}
.ek-segmented button{
  min-height:34px;padding:6px 16px;border:1px solid var(--ek-line);border-radius:99px;
  background:transparent;color:var(--ek-text);font:650 .78rem/1 var(--ek-font-body);cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.ek-segmented button:hover,.ek-segmented button:focus-visible{background:var(--ek-link-hover-bg);border-color:transparent;color:var(--ek-text)}
.ek-segmented button.is-active{background:rgba(226,149,120,.28);border-color:transparent;color:var(--ek-text)}
.ek-library-chips{margin-bottom:12px}
.ek-library-list{list-style:none;margin:0;padding:0;overflow:auto;overscroll-behavior:contain}
.ek-library-item{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  border-top:1px solid rgba(27,73,101,.14);border-radius:12px;
}
.ek-library-item:first-child{border-top:0}
.ek-library-item:hover{background:var(--ek-alice)}
.ek-library-item.is-active{background:var(--ek-alice)}
.ek-library-row{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;
  width:100%;min-height:52px;padding:7px 10px;
  border:0;border-radius:12px;background:transparent;text-align:left;color:inherit;cursor:pointer;
}
.ek-library-row:focus-visible{background:var(--ek-alice)}
.ek-library-end{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:64px}
.ek-library-icon{
  display:grid;place-items:center;width:34px;height:34px;flex:none;
  border:1px solid var(--ek-line);border-radius:50%;
  background:var(--ek-paper);color:var(--ek-ink);font-size:.8rem;
  opacity:0;transform:scale(.92);transition:opacity .18s,transform .18s;
}
.ek-library-item:hover .ek-library-icon,
.ek-library-item:focus-within .ek-library-icon,
.ek-library-item.is-active .ek-library-icon{opacity:1;transform:none}
.ek-library-thumb{width:44px;height:44px;border-radius:10px;border:1px solid var(--ek-line);background:linear-gradient(145deg,#edf6f9,#fbfdfe 72%,#ffddd2);background-size:cover;background-position:center}
.ek-library-copy{min-width:0}
.ek-library-copy strong{display:block;font:600 .88rem/1.3 system-ui,sans-serif;color:var(--ek-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ek-library-copy small{display:block;margin-top:3px;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#496874}
.ek-library-state{font-size:.72rem;color:#496874;font-variant-numeric:tabular-nums;white-space:nowrap}
.ek-library-state:empty{display:none}
.ek-library-item.is-active{background:var(--ek-alice);border-radius:12px}
.ek-library-state.is-badge{
  display:inline-block;padding:4px 11px;border-radius:99px;
  background:var(--ek-alice);color:var(--ek-ink);font-weight:650;
}
.ek-library-state.is-done{color:var(--ek-ink);font-weight:650}
.ek-library-state.is-error{color:var(--ek-warm-accent);font-weight:650}
.ek-library-state.is-loading{color:var(--ek-muted)}
@media(max-width:380px){.ek-read-long{display:none}.ek-read-short{display:inline}}
.ek-library-empty{padding:18px 4px;color:#496874;font-size:.85rem}
@media(max-width:760px){.ek-library-sheet{width:100%;max-height:86dvh;border-radius:18px 18px 0 0}}
@media(prefers-reduced-motion:reduce){.ek-library-sheet{transition:none}.ek-library-scrim{transition:none}}
/* El contenedor de metadatos crea contexto de apilamiento; mientras el
   desplegable Compartir está abierto, se eleva por encima del reproductor. */
body:has(.share-popover:not([hidden])) .ek-metadata-actions,
body:has(.share-popover:not([hidden])) .page-header:has(.share-control),
body:has(.share-popover:not([hidden])) .catalog-intro:has(.share-control){z-index:80!important}
body:has(.share-popover:not([hidden])) .share-control{z-index:80!important}
/* El reproductor se maqueta desde el bloque final; aquí solo se neutraliza el layout antiguo. */
body .ek-player{display:block;padding:0;gap:0}
/* ---------------------------------------------------------------------------
   La caja de reseña es un único componente en toda la web. El bloque antiguo `:not(.ek-long-article)` pintaba un verde plano y ganaba
   por especificidad; aquí se impone el acabado aprobado en los artículos.
   Solo se unifica lo visual: el artículo conserva su ancho y su breakout.
   --------------------------------------------------------------------------- */
body.ek-unified .review,
body.ek-unified:not(.ek-long-article) .review{
  border-radius:28px;
  border:1px solid rgba(237,246,249,.4);
  background:linear-gradient(118deg,#1b4965 0%,#006d77 55%,#62b6cb 100%);
  color:#fff;
  box-shadow:0 18px 48px rgba(27,73,101,.2);
}
/* Fuera de los artículos, la caja se centra en el ancho de lectura del sitio. */
body.ek-unified:not(.ek-long-article) .review{
  width:min(920px,100%);
  margin:64px auto;
  padding:42px 48px;
  transform:none;
}
body.ek-unified .review-top,
body.ek-unified:not(.ek-long-article) .review-top{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  color:#e5f6f6;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
body.ek-unified .review .stars,
body.ek-unified:not(.ek-long-article) .review .stars{color:var(--brand-coral);font-size:.8rem;letter-spacing:.15em}
body.ek-unified .review blockquote,
body.ek-unified:not(.ek-long-article) .review blockquote{
  max-width:25ch;margin:30px 0 34px;
  font:400 clamp(1.9rem,3.5vw,3rem)/1.12 var(--ek-font-heading);
  letter-spacing:-.035em;
}
body.ek-unified .review-author,
body.ek-unified:not(.ek-long-article) .review-author{color:#e0f0f5;font-size:.76rem;padding-bottom:22px}
body.ek-unified .review-expanded,
body.ek-unified:not(.ek-long-article) .review-expanded{grid-template-columns:1fr 1fr;gap:24px;padding-top:26px;font-size:.9rem;color:#e8ede9}
@media(max-width:760px){
  body.ek-unified:not(.ek-long-article) .review{padding:30px 24px;margin:48px auto;border-radius:22px}
  body.ek-unified .review blockquote,
  body.ek-unified:not(.ek-long-article) .review blockquote{font-size:clamp(1.7rem,7vw,2.2rem);margin:24px 0 26px}
  body.ek-unified .review-expanded,
  body.ek-unified:not(.ek-long-article) .review-expanded{grid-template-columns:1fr;gap:22px}
  body.ek-unified .owner-response,
  body.ek-unified:not(.ek-long-article) .owner-response{padding:22px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
}/* ---------------------------------------------------------------------------
   Compartir reseña. Estructura: una acción principal, dos secundarias y «Más opciones».
   Los botones reutilizan .button y .button--secondary del sistema:
   aquí solo se define layout y ritmo vertical. Escritorio: diálogo centrado
   con fondo desenfocado. Móvil: bottom sheet.
   --------------------------------------------------------------------------- */
.ek-share .ek-library-scrim{background:rgba(27,73,101,.38);backdrop-filter:blur(7px)}
.review-share{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;
  padding:9px 16px;border:1px solid rgba(255,255,255,.34);border-radius:99px;
  background:transparent;color:#e5f6f6;font:600 .74rem/1 system-ui,sans-serif;
  letter-spacing:.04em;cursor:pointer;
}
.review-share span{font-size:.9rem;line-height:1}
.review-share:hover,.review-share:focus-visible{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

.ek-share .ek-library-head{margin-bottom:10px}

/* Selector segmentado Feed / Story: control, no dos CTA. */
.ek-share-formats{margin:0 auto 12px}

/* Preview protagonista, sin aire de sobra */
.ek-share-body{display:flex;justify-content:center;overflow:auto;overscroll-behavior:contain;padding:0 0 10px}
.ek-share-preview{
  width:auto;height:auto;display:block;
  max-width:min(420px,86vw);max-height:44vh;
  border-radius:16px;border:1px solid rgba(27,73,101,.18);
  background:linear-gradient(145deg,#edf6f9,#fbfdfe 72%,#ffddd2);
}
.ek-share-preview[data-card-format="story"]{max-height:48vh}
.ek-share-preview.is-loading{opacity:.45}

.ek-library-read{
  margin:0 14px 0 6px;padding:6px 0;white-space:nowrap;text-decoration:none;
  color:var(--ek-muted);font:600 .74rem/1.2 system-ui,sans-serif;
  border-bottom:1px solid var(--ek-line);
}
.ek-library-read:hover,.ek-library-read:focus-visible{color:var(--ek-ink);border-color:var(--ek-ink)}
.ek-read-short{display:none}
.ek-library-meter{position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:99px;background:rgba(27,73,101,.12)}
.ek-library-meter>span{display:block;height:100%;border-radius:99px;background:var(--ek-coral)}
.ek-library-auto{display:inline-flex;align-items:center;gap:8px;font:600 .75rem/1.2 system-ui,sans-serif;color:var(--ek-muted);cursor:pointer;white-space:nowrap}
.ek-library-auto input{width:16px;height:16px;accent-color:var(--ek-ink)}

/* Enlace real al artículo: es texto, no un botón. */
.ek-share-cta{
  display:block;width:max-content;margin:0 auto 12px;
  color:var(--ek-muted);font:600 .8rem/1.3 system-ui,sans-serif;text-decoration:none;
  border-bottom:1px solid var(--ek-line);padding-bottom:3px;
}
.ek-share-cta:hover,.ek-share-cta:focus-visible{color:var(--ek-blue-deep);border-color:var(--ek-blue-deep)}

/* Solo layout: el aspecto lo aportan .button y .button--secondary. */
.ek-share-primary{width:100%}
.ek-share-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.ek-share-secondary .button{width:100%;padding-inline:12px}
.ek-share-more{margin-top:10px;border-top:1px solid var(--ek-line);padding-top:6px}
.ek-share-more summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;
  min-height:36px;font:600 .78rem/1 system-ui,sans-serif;color:var(--ek-muted);
}
.ek-share-more summary::-webkit-details-marker{display:none}
.ek-share-more summary:after{content:'▾';color:var(--ek-muted);transition:transform .2s}
.ek-share-more[open] summary:after{transform:rotate(180deg)}
.ek-share-more-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 0 2px}
.ek-share-more-actions .button{width:100%;padding-inline:8px;font-size:.76rem}
.ek-share-note{margin:0 0 8px;font-size:.74rem;line-height:1.45;color:var(--ek-muted);text-align:center}
.ek-share-status{margin:6px 0 0;min-height:1.1em;font-size:.74rem;text-align:center;color:var(--ek-blue-deep)}

@media(min-width:761px){
  .ek-library.ek-share{align-items:center;justify-items:center;padding:24px}
  .ek-share .ek-library-sheet{
    width:min(560px,100%);max-height:min(92dvh,900px);
    border-radius:22px;padding:18px 22px 18px;
    transform:translateY(14px) scale(.98);opacity:0;
    transition:transform .22s ease,opacity .22s ease;touch-action:auto;
  }
  .ek-share.is-open .ek-library-sheet{transform:none;opacity:1}
  .ek-share .ek-library-grab{display:none}
}
@media(max-width:760px){
  .ek-share .ek-share-preview{max-width:min(380px,84vw);max-height:40vh}
  .ek-share .ek-share-preview[data-card-format="story"]{max-height:44vh}
}
@media(prefers-reduced-motion:reduce){.ek-share .ek-library-sheet{transition:none}}

/* Solo el listado hace scroll; cabecera, filtros y player quedan estables.
   El degradado inferior separa el listado del reproductor persistente. */
@media(min-width:761px){
  .ek-library:not(.ek-share) .ek-library-sheet{position:relative}
  html.ek-lib-open .ek-player{box-shadow:0 8px 30px rgba(27,73,101,.14)}
}

/* Filtros de la biblioteca: barra estable con el segmentado centrado. */
.ek-library-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
@media(min-width:761px){
  /* Biblioteca en escritorio: overlay casi completo, sin bottom sheet. */
  .ek-library:not(.ek-share){align-items:center;justify-items:center;padding:24px}
  .ek-library:not(.ek-share) .ek-library-scrim{background:rgba(27,73,101,.44);backdrop-filter:blur(9px)}
  .ek-library:not(.ek-share) .ek-library-sheet{
    width:min(860px,calc(100vw - 48px));
    height:min(82dvh,720px);
    max-height:none;margin:0 auto;padding:0;border-radius:20px;overflow:hidden;
    border:1px solid var(--ek-line);box-shadow:0 18px 60px rgba(27,73,101,.16);
    transform:translateY(12px) scale(.99);opacity:0;
    transition:transform .22s ease,opacity .22s ease;touch-action:auto;
    position:relative;
  }
  .ek-library:not(.ek-share).is-open .ek-library-sheet{transform:none;opacity:1}
  .ek-library:not(.ek-share) .ek-library-grab{display:none}
  .ek-library:not(.ek-share) .ek-library-head{
    flex:none;margin:0 auto;width:100%;max-width:980px;padding:24px 36px 16px;
    border-bottom:1px solid var(--ek-line);background:var(--ek-paper);
  }
  .ek-library:not(.ek-share) .ek-library-head h2{font-size:1.7rem}
  .ek-library:not(.ek-share) .ek-library-filters{
    flex:none;margin:0 auto;width:100%;max-width:980px;padding:15px 36px;
    border-bottom:1px solid var(--ek-line);background:var(--ek-paper);
  }
  .ek-library:not(.ek-share) .ek-library-chips{margin-bottom:0}
  .ek-library:not(.ek-share) .ek-library-chips button{min-height:36px;padding:7px 24px;font-size:.8rem}
  .ek-library:not(.ek-share) .ek-library-list{
    flex:1;min-height:0;overflow:auto;width:100%;max-width:980px;margin:0 auto;
    padding:10px 36px calc(var(--ek-player) + 48px);
  }
  .ek-library:not(.ek-share) .ek-library-row{
    grid-template-columns:52px minmax(0,1fr) auto;gap:20px;min-height:64px;padding:9px 14px;border-radius:12px;
  }
  .ek-library:not(.ek-share) .ek-library-thumb{width:52px;height:52px;border-radius:12px}
  .ek-library:not(.ek-share) .ek-library-copy strong{font-size:.96rem}
  .ek-library:not(.ek-share) .ek-library-empty{padding:24px 36px;text-align:center}
  html.ek-lib-open .ek-player{z-index:92;box-shadow:0 8px 30px rgba(27,73,101,.14)}
}
@media(prefers-reduced-motion:reduce){.ek-library:not(.ek-share) .ek-library-sheet{transition:none}}

/* «Leer artículo →»: etiqueta corta en pantallas estrechas.
   Va al final a propósito: la regla base que oculta la versión corta
   aparecería después y ganaría la cascada. */
@media(max-width:380px){.ek-read-long{display:none}.ek-read-short{display:inline}}

/* Compartir reseña: nota de qué se comparte + fila de iconos compactos. */
.ek-share-hint{
  margin:8px 0 0;font-size:.72rem;line-height:1.4;text-align:center;color:var(--ek-muted);
}
.ek-share-icons{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 2px}
.ek-share-icon{
  display:grid;place-items:center;width:42px;height:42px;
  border:1px solid var(--ek-line);border-radius:50%;
  color:var(--ek-ink);background:transparent;
}
.ek-share-icon svg{width:19px;height:19px;fill:currentColor;stroke:none}
.ek-share-icon:hover,.ek-share-icon:focus-visible{background:var(--ek-cream);border-color:var(--ek-blue-deep);color:var(--ek-blue-deep)}

/* ---------------------------------------------------------------------------
   Afinado final de la Biblioteca de audios.
   Consistencia de estados y continuidad; sin controles nuevos de más.
   --------------------------------------------------------------------------- */

/* Interruptor ON/OFF del sistema, en lugar de checkbox nativo. */
.ek-switch{position:relative}
.ek-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ek-switch-track{
  position:relative;flex:none;width:38px;height:22px;border-radius:99px;
  background:var(--ek-alice);transition:background-color .2s ease;
}
.ek-switch-track:before{
  content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;
  background:#fff;box-shadow:0 1px 2px rgba(27,73,101,.3);transition:transform .2s ease;
}
.ek-switch input:checked+.ek-switch-track{background:var(--ek-deep)}
.ek-switch input:checked+.ek-switch-track:before{transform:translateX(16px)}
.ek-switch input:focus-visible+.ek-switch-track{outline:2px solid var(--ek-ink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.ek-switch-track,.ek-switch-track:before{transition:none}}

/* Hover aún más sutil: no debe parecer un botón. */
.ek-library-item:hover{background:var(--ek-alice)}
.ek-library-item.is-active{background:var(--ek-alice)}
/* La pista activa suma un borde suave de sistema, no una caja nueva. */
.ek-library-item.is-active .ek-library-row{box-shadow:inset 0 0 0 1px var(--ek-line);border-radius:12px}
/* La línea de progreso bajo la fila activa es de 2 px. */
.ek-library-item.is-active .ek-library-meter{background:rgba(27,73,101,.14)}
.ek-library-item.is-active .ek-library-meter>span{background:var(--ek-alice)}

/* Continuar escuchando */
.ek-library-continue{border-top:0;margin-bottom:6px;background:rgba(255,221,210,.28)}
.ek-library-continue .ek-library-copy small{text-transform:none;letter-spacing:.01em;color:#496874}
.ek-library-state.is-continue{
  padding:4px 11px;border-radius:99px;background:var(--ek-warm-soft);color:#723018;font-weight:650;
}

/* Metadatos de la fila con menos protagonismo. */
.ek-library-copy small{font-size:.63rem;letter-spacing:.04em;color:#5c7683}
/* Miniaturas alineadas y del mismo alto que la fila. */
.ek-library-thumb{align-self:center}

@media(min-width:761px){
  /* Más aire entre los filtros y el listado. */
  .ek-library:not(.ek-share) .ek-library-filters{padding:16px 36px 18px}
  .ek-library:not(.ek-share) .ek-library-list{padding:22px 36px calc(var(--ek-player) + 48px)}
  /* Filas un 10 % más bajas. */
  .ek-library:not(.ek-share) .ek-library-row{min-height:58px;padding:8px 14px}
  .ek-library:not(.ek-share) .ek-library-thumb{width:48px;height:48px}
  /* Título con el display editorial del sistema. */
  .ek-library:not(.ek-share) .ek-library-head h2{font-family:var(--ek-font-heading);font-size:1.65rem;font-weight:400!important;letter-spacing:-.02em}
  /* El reproductor se separa del listado con un borde muy suave. */
  html.ek-lib-open .ek-player{border-top:1px solid var(--ek-line)}
}
/* Áreas táctiles mínimas de 44 px en móvil. */
@media(max-width:760px){
  .ek-library-icon,.ek-share-icon{width:44px;height:44px}
  .ek-library-row{min-height:56px}
}

/* Microcopy de la caja de reseña: explica por qué compartirla.
   Vive en la tarjeta de reseña, no en la imagen exportada. */
.review-share-lede{
  margin:0 0 14px;max-width:42ch;
  color:rgba(229,246,246,.82);font:400 .86rem/1.5 system-ui,sans-serif;
}
@media(max-width:760px){.review-share-lede{font-size:.84rem;margin-bottom:12px}}

/* ---------------------------------------------------------------------------
   Biblioteca de audios: filas editoriales.
   Fila = [miniatura] [título + metadatos] [estado/play] [leer artículo].
   Sin caja ni sombra: solo línea fina inferior y aire vertical. La pista activa
   tiñe su fondo con un azul muy claro del sistema.
   --------------------------------------------------------------------------- */
.ek-library-item{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  border-bottom:1px solid var(--ek-line);border-radius:0;background:transparent;
}
.ek-library-item:last-child{border-bottom:0}
.ek-library-item:hover,.ek-library-item:focus-within{background:var(--ek-link-hover-bg)}
.ek-library-item.is-active{background:var(--ek-alice)}
.ek-library-continue{background:transparent;margin:0;border-top:0}

.ek-library-row,
.ek-library-row:hover,
.ek-library-row:focus-visible,
.ek-library-item.is-active .ek-library-row{border-radius:0;box-shadow:none;background:transparent}
.ek-library-row:focus-visible{outline:2px solid var(--ek-ink);outline-offset:-2px}

.ek-library-row{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;
  gap:18px;min-height:0;padding:17px 0;
  border:0;border-radius:0;background:transparent;
}
.ek-library-copy strong{
  font:400 1.05rem/1.3 var(--ek-font-heading);letter-spacing:-.02em;color:var(--ek-ink);
}
.ek-library-copy small{font:400 .68rem/1.5 var(--ek-font-body);letter-spacing:.06em;color:var(--ek-text-muted)}
.ek-library-end{min-width:96px;justify-content:flex-end;gap:14px}
.ek-library-item.is-active .ek-library-copy strong{color:var(--ek-ink)}

/* El play no es un botón redondo: es un glifo editorial. */
.ek-library-icon{
  width:auto;height:auto;border:0;border-radius:0;background:none;
  color:var(--ek-ink);font-size:.82rem;line-height:1;
}
.ek-library-state.is-badge,.ek-library-state.is-continue{
  padding:0;border-radius:0;background:none;color:var(--ek-ink);font-weight:650;
}
.ek-library-state.is-done{color:var(--ek-text-muted);font-weight:650}
.ek-library-meter{left:0;right:0;bottom:-1px;height:2px;border-radius:0;background:transparent}
.ek-library-meter>span{border-radius:0;background:var(--ek-coral)}

@media(min-width:761px){
  .ek-library:not(.ek-share) .ek-library-item{grid-template-columns:auto auto;justify-content:start;column-gap:24px}
  .ek-library:not(.ek-share) .ek-library-row{
    grid-template-columns:44px minmax(0,360px) auto;gap:20px;min-height:0;padding:18px 0;
  }
  .ek-library:not(.ek-share) .ek-library-head,
  .ek-library:not(.ek-share) .ek-library-filters,
  .ek-library:not(.ek-share) .ek-library-list{max-width:100%;padding-inline:40px}
  .ek-library:not(.ek-share) .ek-library-list{padding:12px 40px 28px}
  .ek-library:not(.ek-share) .ek-library-read{font-size:.78rem}
}

/* La miniatura no vive dentro de otra caja: sin borde, radio pequeño y coherente. */
.ek-library-thumb,
.ek-library:not(.ek-share) .ek-library-thumb{
  width:44px!important;height:44px!important;
  border:0!important;border-radius:8px!important;
  align-self:center;
}
.ek-library-thumb:not(.has-image){background:var(--ek-alice);background-image:none}

/* Móvil: la fila se ordena en dos niveles (título/metadatos arriba, acciones abajo). */
@media(max-width:760px){
  .ek-library-item{display:block;position:relative}
  .ek-library-row{
    display:grid;grid-template-columns:44px minmax(0,1fr);
    gap:4px 14px;align-items:center;padding:15px 0 17px;
  }
  .ek-library-thumb{grid-row:1/3}
  .ek-library-copy{grid-column:2}
  .ek-library-end{grid-column:2;min-width:0;justify-content:flex-start;gap:12px}
  .ek-library-read{position:absolute;right:0;bottom:15px;margin:0;padding:0;font-size:.78rem}
}

/* ---------------------------------------------------------------------------
   /sobre-mi/ — módulo narrativo capitulado (01–06).
   Menos sangría: el número pasa a ser una columna de rejilla alineada con el
   arranque del titular, en vez de un absoluto descolgado. Bullets menores,
   algo más de aire entre párrafos y listas a dos columnas cuando crecen.
   --------------------------------------------------------------------------- */
body.ek-personal .ek-narrative-section{grid-template-columns:auto minmax(0,1fr) minmax(0,1.2fr);column-gap:0;row-gap:26px;padding:48px 0}
body.ek-personal .ek-narrative-section>h2{margin-top:0;padding-right:clamp(32px,4vw,72px)}
body.ek-personal .ek-narrative-section:before{position:static;align-self:start;line-height:1;padding-top:.85em;padding-right:clamp(16px,2vw,26px);color:var(--ek-accent);font-size:.7rem;letter-spacing:.1em}
body.ek-personal .ek-narrative-section .ek-section-copy p{margin-bottom:18px;line-height:var(--ek-lh-body)}
body.ek-personal .ek-narrative-section .ek-section-copy ul{padding-left:18px;margin:0 0 18px;columns:2;column-gap:36px}
body.ek-personal .ek-narrative-section .ek-section-copy li{margin-bottom:9px;break-inside:avoid}
body.ek-personal .ek-narrative-section .ek-section-copy li::marker{font-size:.72em;color:var(--ek-accent)}
body.ek-personal .ek-narrative-image{grid-column:1/-1}
body.ek-personal .ek-narrative-image:has(img){aspect-ratio:auto;min-height:0;background:none;border-radius:var(--ek-radius);overflow:hidden}
body.ek-personal .ek-narrative-image img{display:block;width:100%;height:auto;object-fit:contain;border-radius:var(--ek-radius)}
@media(max-width:800px){body.ek-personal .ek-narrative-section{grid-template-columns:auto minmax(0,1fr);row-gap:16px;padding:34px 0}body.ek-personal .ek-narrative-section>h2{padding-right:0}body.ek-personal .ek-narrative-section .ek-section-copy{grid-column:1/-1}body.ek-personal .ek-narrative-section .ek-section-copy ul{columns:1}}

/* ===========================================================================
   Normalizacion tipografica global (Fase 1-2).
   El CSS generado por Astro (BaseLayout / index) define su propia escala y
   gana por especificidad (p. ej. .prose[data-astro-cid] h2{margin-top:64px}).
   Esta capa iguala o supera esa especificidad para que gobiernen los tokens
   --ek-*, no el CSS generado.
   =========================================================================== */

/* 1. Cuerpo base: un tamano y un interlineado. */
body.ek-unified{font-size:var(--ek-fs-body);line-height:var(--ek-lh-body)}

/* 2. Parrafos editoriales. */
body.ek-unified :is(.reading,.prose,.ek-section-copy,.ek-narrative-section) p:not(.eyebrow):not(.section-label):not(.card-type){
  font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);margin:0 0 var(--ek-space-text)
}
/* 2b. Texto de apoyo (tarjetas, descripciones, directorios). */
body.ek-unified :is(.card-desc,.directory-item p,.home-topic-intro,.related-text>span,.story-copy>p,.featured-desc,.card-body p,.home-reading-card .home-text-link,.home-topic-link){
  font-size:var(--ek-fs-small)
}
/* 2c. Lede / entrada: variante deliberada, mayor que el cuerpo. */
body.ek-unified :is(.reading,.ek-introduction)>p:first-child:not(.eyebrow):not(.section-label){
  font-size:var(--ek-fs-lede);line-height:1.5;margin-bottom:var(--ek-space-text)
}
body.ek-unified .ek-introduction{font-size:var(--ek-fs-lede);line-height:1.5}
body.ek-unified .ek-section-copy{font-size:var(--ek-fs-body)}

/* 3. Encabezados: Astro no gobierna sus margenes. */
body.ek-unified :is(.reading,.prose) h2{margin-top:var(--ek-space-section)}
body.ek-unified :is(.reading,.prose) h3{margin-top:var(--ek-space-block)}
body.ek-unified .ek-section>h2{margin:0 0 var(--ek-space-text)}
body.ek-unified .ek-section-copy>h3{margin:var(--ek-space-text) 0 var(--ek-space-text-sm)}

/* 4. Listas: interlineado compacto y sangria minima. */
body.ek-unified :is(.reading,.prose,.ek-section-copy) li{
  font-size:var(--ek-fs-body);line-height:var(--ek-lh-compact);margin-bottom:var(--ek-space-text-sm)
}
body.ek-unified :is(.reading,.prose,.ek-section-copy) ul{padding-left:18px}

/* 5. Metadatos y kickers: un solo sistema. */
body.ek-unified :is(.eyebrow,.section-label,.card-type,.ek-result-type){
  font-size:var(--ek-fs-meta);letter-spacing:var(--ek-ls-meta);font-weight:var(--ek-fw-label)
}
body.ek-unified .breadcrumbs{font-size:var(--ek-fs-micro)}

/* 6. Pesos funcionales 400 / 600 / 750 en roles del sistema.
   No se tocan reproductor, biblioteca ni tarjeta de resena (componentes validados). */
body.ek-unified .button,body.ek-unified .cta-banner__button{font-weight:var(--ek-fw-strong)}
body.ek-unified :is(.home-text-link,.home-topic-link,.ek-info-trigger){font-weight:var(--ek-fw-strong)}

/* Sobre mí / Experiencia: contraste por capítulos (bandas) y número con más peso. */
body.ek-personal .ek-narrative-section.ek-band{background:var(--ek-surface-alt);box-shadow:0 0 0 100vmax var(--ek-surface-alt);clip-path:inset(0 -100vmax)}
body.ek-personal .ek-narrative-section:before{font-size:.95rem;font-weight:var(--ek-fw-strong);color:var(--ek-action);letter-spacing:.06em}

/* CTA final claro (pre-footer): el footer oscuro cierra solo, sin dos masas oscuras seguidas. */
body.ek-unified .ek-final-cta{background:linear-gradient(120deg,var(--ek-blue-pale) 0%,var(--ek-paper) 62%,var(--ek-warm-soft) 100%);color:var(--ek-ink);border-top:1px solid var(--ek-line)}
body.ek-unified .ek-final-cta h2,
body.ek-unified .ek-final-cta .cta-banner__title{color:var(--ek-ink)}
body.ek-unified .ek-final-cta .cta-banner__label{color:var(--ek-blue-deep)}
body.ek-unified .ek-final-cta .cta-banner__text{color:var(--ek-ink)}
body.ek-unified .ek-final-cta .cta-banner__button{background:var(--brand-teal);border-color:var(--brand-teal);color:var(--ek-paper)}
body.ek-unified .ek-final-cta .cta-banner__button:hover,
body.ek-unified .ek-final-cta .cta-banner__button:focus-visible{background:var(--brand-coral);border-color:var(--brand-coral);color:var(--ek-on-coral)}

/* CTA de artículos: el subtexto recupera contraste (azul Ekonatura, no gris). */
body.ek-unified .ek-final-cta .cta-copy p,
body.ek-unified .ek-final-cta .cta-banner__text{color:var(--ek-text)}

/* Fuentes / lecturas: una sola presentación en todas las plantillas. */
body.ek-unified .references{max-width:680px;margin:var(--ek-space-section) auto 0;padding:var(--ek-space-text) 0 0;border-top:var(--ek-line-width) solid var(--ek-line);color:var(--ek-text-muted);font-size:var(--ek-fs-small);line-height:var(--ek-lh-body);background:transparent}
body.ek-unified .references .section-label{margin:0 0 var(--ek-space-text-sm);color:var(--ek-action);font-size:var(--ek-fs-meta);font-weight:var(--ek-fw-label);letter-spacing:var(--ek-ls-meta);line-height:1.3;text-transform:uppercase}
body.ek-unified .references h2{margin:0 0 var(--ek-space-text-sm);color:var(--ek-text);font:400 clamp(1.6rem,2.3vw,2.1rem)/1.1 var(--ek-font-heading);letter-spacing:-.03em;text-transform:none}
body.ek-unified .references .references-lead{max-width:48ch;margin:0 0 var(--ek-space-text);color:var(--ek-text-muted);font-size:var(--ek-fs-small);line-height:var(--ek-lh-body)}
body.ek-unified .references ol{margin:0;padding:0 0 0 1.45em;border:0}
body.ek-unified .references li{margin:0 0 var(--ek-space-text-sm);padding:0;line-height:var(--ek-lh-body)}
body.ek-unified .references a{color:var(--ek-text-muted);text-decoration-line:underline;text-decoration-color:var(--ek-link-decoration);text-decoration-thickness:2px;text-underline-offset:3px}
body.ek-unified .references a:hover,body.ek-unified .references a:focus-visible{color:var(--ek-text);text-decoration-thickness:3px;background:var(--ek-link-hover-bg)}
body.ek-unified .references .pmid{display:block;margin-top:3px;color:var(--ek-text-muted);font-size:var(--ek-fs-micro)}
@media(max-width:700px){body.ek-unified .references{margin-top:var(--ek-space-section);padding-top:var(--ek-space-text-sm)}body.ek-unified .references h2{font-size:1.6rem}}

/* Fuentes/lecturas: disponibles pero visualmente subordinadas (9px). */
body.ek-unified .references{font-size:9px;line-height:1.7}
body.ek-unified .references .references-lead{font-size:9px}
body.ek-unified .references li{font-size:9px;line-height:1.7}
body.ek-unified .references .section-label{font-size:9px}
body.ek-unified .references h2{font-size:1.05rem;letter-spacing:-.02em;margin-bottom:6px}
body.ek-unified .references a{text-decoration-thickness:1px}
body.ek-unified .references .pmid{font-size:8px}

/* Listas editoriales: guion largo discreto en lugar de punto. */
body.ek-unified .ek-section-copy ul>li::marker,
body.ek-unified .exercise ol>li::marker{content:"— ";color:var(--ek-action);font-weight:400}
body.ek-unified :is(.reading,.ek-section-copy) ul{padding-left:1.1em}
body.ek-unified :is(.reading,.ek-section-copy) ul>li{margin-bottom:10px}

/* Entender tu cuerpo: caja-resumen pegada al scroll y sin separador duplicado. */body.ek-short-reading .ek-reading-layout{align-items:stretch;border-top:0;padding-top:clamp(22px,3vw,40px)}
body.ek-short-reading .ek-reading-rail .tldr{padding:clamp(24px,2.4vw,32px);border-radius:20px;font-size:.95rem;position:sticky;top:96px}
body.ek-short-reading .ek-reading-rail .tldr__label{font-size:.72rem;margin-bottom:20px}
body.ek-short-reading .ek-reading-rail .tldr ul{padding-left:18px}
body.ek-short-reading .ek-reading-rail .tldr li{margin-bottom:14px;line-height:1.7}
@media(max-width:1000px){body.ek-short-reading .ek-reading-layout{align-items:start}body.ek-short-reading .ek-reading-rail .tldr{position:static}}

/* Fuentes/lecturas: mismo formato en servicio, problema y lectura breve (sin estrechar el título ni duplicar línea). */
body.ek-unified:not(.ek-long-article) .references[aria-labelledby]{max-width:680px;margin:var(--ek-space-section) auto 0;padding:var(--ek-space-text) 0 0;font-size:9px;line-height:1.7}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] .section-label{font-size:9px}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] h2{font-size:1.05rem;max-width:none;letter-spacing:-.02em;margin:0 0 6px}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] ol{border-top:0;padding-top:0}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] li{font-size:9px;line-height:1.7}
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] .pmid{font-size:8px}

/* Sin separador duplicado: el índice ya cierra; el primer bloque no repite línea. */
body.ek-service-detail .ek-section:first-of-type,
body.ek-problem-detail .ek-section:first-of-type,
body.ek-short-reading .ek-section:first-of-type{border-top:0}

/* FUENTES Y LECTURAS — formato único: legible (12/13px), en el ancho editorial del contenido. */
body.ek-unified .references,
body.ek-unified:not(.ek-long-article) .references[aria-labelledby],
body.ek-service-detail .references[aria-labelledby]{max-width:none;margin:var(--ek-space-section) 0 0;padding:var(--ek-space-text) 0 0;border-top:var(--ek-line-width) solid var(--ek-line);font-size:12px;line-height:1.6;color:var(--ek-text-muted);background:transparent}
body.ek-unified .references .section-label,
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] .section-label,
body.ek-service-detail .references[aria-labelledby] .section-label{font-size:11px;text-transform:uppercase;letter-spacing:var(--ek-ls-meta);color:var(--ek-action);font-weight:var(--ek-fw-label);margin:0 0 var(--ek-space-text-sm)}
body.ek-unified .references h2,
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] h2,
body.ek-service-detail .references[aria-labelledby] h2{font:400 1rem/1.2 var(--ek-font-heading);max-width:none;letter-spacing:-.02em;margin:0 0 var(--ek-space-text-sm);color:var(--ek-text)}
body.ek-unified .references .references-lead,
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] .references-lead,
body.ek-service-detail .references[aria-labelledby] .references-lead{font-size:15px;max-width:52ch;margin:0 0 var(--ek-space-text);line-height:1.5;color:var(--ek-text-muted)}
body.ek-unified .references ol,
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] ol,
body.ek-service-detail .references[aria-labelledby] ol{margin:0;padding:0 0 0 1.45em;border:0}
body.ek-unified .references li,
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] li,
body.ek-service-detail .references[aria-labelledby] li{font-size:12px;line-height:1.6;margin:0 0 10px}
body.ek-unified .references .pmid,
body.ek-unified:not(.ek-long-article) .references[aria-labelledby] .pmid,
body.ek-service-detail .references[aria-labelledby] .pmid{font-size:11px}
/* Separadores: solo cuando aportan. «Una lectura lleva a otra» conserva el borde superior; el inferior sobra. */
body.ek-long-article .next{border-bottom:0}
body.ek-long-article .ek-knowledge-next{border-bottom:0}

/* Sangría de bloque (escritorio): el cuerpo entra 1,5ch respecto a los títulos. */@media(min-width:1001px){
  body.ek-long-article .reading>h2~:is(p,ul,ol,blockquote){padding-left:1.5ch}
}

body.ek-unified:not(.ek-long-article).ek-service-detail .references[aria-labelledby],
body.ek-unified:not(.ek-long-article).ek-problem-detail .references[aria-labelledby]{max-width:var(--ek-measure-px);margin-left:0;margin-right:0}
body.ek-unified:not(.ek-long-article).ek-problem-detail .references[aria-labelledby] li{color:var(--ek-muted)}
@media(max-width:700px){
  body.ek-unified .references,
  body.ek-unified .references li,
  body.ek-unified:not(.ek-long-article) .references[aria-labelledby],
  body.ek-unified:not(.ek-long-article) .references[aria-labelledby] li,
  body.ek-service-detail .references[aria-labelledby],
  body.ek-service-detail .references[aria-labelledby] li{font-size:13px}
  body.ek-unified:not(.ek-long-article).ek-service-detail .references[aria-labelledby],
  body.ek-unified:not(.ek-long-article).ek-problem-detail .references[aria-labelledby]{max-width:none;margin-left:0;margin-right:0}
}

/* Lecturas breves: «También puede interesarte» compacto (sin zona vacía hasta la siguiente sección). */body.ek-unified .related{margin-top:clamp(40px,5vw,56px);padding-top:24px;border-top:0}
body.ek-unified .related li{border-top:0!important}
body.ek-unified .related-text strong{color:var(--ek-text)}
body.ek-unified .related h2{margin:0 0 20px!important}
body.ek-unified .related ul{margin:0!important}
body.ek-unified article.section{padding-bottom:0}

/* Índices del sitio (TOC): sin bordes; hover/activo con coral claro y padding constante. */
body.ek-unified :is(.toc,.ek-section-index){border-top:0;border-bottom:0}
body.ek-unified :is(.toc,.ek-section-index) li{border:0}
body.ek-unified :is(.toc,.ek-section-index) a{position:relative;border:0;border-radius:8px;padding:12px 10px;transition:background-color .15s ease,color .15s ease}
body.ek-unified :is(.toc,.ek-section-index) a:hover,body.ek-unified :is(.toc,.ek-section-index) a:focus-visible{background:var(--ek-link-hover-bg);color:var(--ek-text)}
body.ek-unified :is(.toc,.ek-section-index) a[aria-current]{background:var(--ek-link-hover-bg);color:var(--ek-text)}
body.ek-unified :is(.toc,.ek-section-index) a[aria-current]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:1.1em;background:var(--ek-action);border-radius:2px}

/* Desplegable del sistema (sustituye al <select> nativo). */
.ek-select{position:relative;display:inline-block;min-width:180px}
.ek-select-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ek-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--ek-line);border-radius:10px;background:var(--ek-paper);color:var(--ek-text);font:inherit;cursor:pointer}
.ek-select-trigger:focus-visible{outline:2px solid var(--ek-action);outline-offset:2px}
.ek-select-chevron{flex:0 0 auto;width:9px;height:9px;border-right:2px solid var(--ek-action);border-bottom:2px solid var(--ek-action);transform:rotate(45deg);margin-top:-3px;transition:transform .18s ease}
.ek-select-trigger[aria-expanded="true"] .ek-select-chevron{transform:rotate(-135deg);margin-top:3px}
.ek-select-menu{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:100%;margin:0;padding:6px;list-style:none;border:1px solid var(--ek-line);border-radius:12px;background:var(--ek-paper);box-shadow:0 18px 50px rgba(23,36,31,.14)}
.ek-select-menu[hidden]{display:none}
.ek-select-option{padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--ek-text)}
.ek-select-option:hover,.ek-select-option:focus-visible{background:var(--ek-link-hover-bg);outline:0}
.ek-select-option[aria-selected="true"]{background:var(--ek-link-hover-bg);color:var(--ek-text)}
@media(max-width:650px){.ek-select{width:100%}}
body.ek-unified .related h2{font:400 clamp(2.4rem,3.4vw,3rem)/1.05 var(--ek-font-heading)!important;letter-spacing:-.03em;max-width:none!important;margin:0 0 22px}
body.ek-unified .related-text strong{font:400 clamp(1.4rem,1.7vw,1.6rem)/1.15 var(--ek-font-heading)!important;letter-spacing:-.02em;margin:0 0 10px}
body.ek-unified .related-image{aspect-ratio:4/3;border-radius:18px;margin-bottom:18px}
body.ek-unified .related-text>span{font-size:.9rem;line-height:1.5;color:var(--ek-text-muted)}

/* Artículos: un único marcador de lista (guion largo), sin el punto heredado. */
body.ek-long-article .reading ul li{padding-left:1.3em}
body.ek-long-article .reading ul li:before{content:"—";left:0;top:0;width:auto;height:auto;border-radius:0;background:none;color:var(--ek-action);font-weight:400}
/* Sistema de cards editoriales (compartido: /articulos/ y /entender-tu-cuerpo/). */
.stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 40px}
.story[hidden]{display:none}
.story-link{display:block;text-decoration:none}
.story-image{aspect-ratio:4/3;display:grid;place-items:center;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,var(--ek-alice) 0%,var(--ek-paper) 72%,var(--ek-almond) 100%);border:1px solid rgba(0,109,119,.16)}
.story-image img{display:block;width:100%;height:100%;object-fit:cover}
.story-image span{font-size:.7rem;color:var(--ek-text-muted)}
.story-copy{padding-top:22px}
body.ek-unified .story-copy .section-label{margin:0 0 12px;color:var(--ek-action);font-size:12px;font-weight:600;letter-spacing:var(--ek-ls-meta);text-transform:uppercase}
body.ek-unified .story h2{font:400 clamp(1.75rem,2.6vw,2.25rem)/1.1 var(--ek-font-heading);letter-spacing:-.03em;margin:0 0 10px}
body.ek-unified .story-copy>p:not(.section-label){max-width:44ch;color:var(--ek-text-muted);line-height:var(--ek-lh-body);font-size:.95rem;margin:0}
body.ek-unified .read-story{display:flex;justify-content:space-between;align-items:center;border-top:var(--ek-line-width) solid var(--ek-line);padding-top:14px;margin-top:18px;font-size:.8rem}
body.ek-unified .story:hover .read-story,body.ek-unified .story-link:hover .read-story{color:var(--ek-action)}
body.ek-unified .featured h2{font-size:clamp(2.2rem,4.4vw,4rem)}
body.ek-unified .featured{grid-column:1/-1}
body.ek-unified a.featured,body.ek-unified .featured .story-link{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
body.ek-unified .featured .story-image{aspect-ratio:5/4}
@media(max-width:1000px){body.ek-unified a.featured,body.ek-unified .featured .story-link{grid-template-columns:1fr;gap:24px}}
@media(max-width:650px){body.ek-unified .stories{grid-template-columns:1fr;gap:38px 16px}body.ek-unified .story h2{font-size:1.6rem}body.ek-unified .story-copy .section-label{font-size:10px}}

/* /problemas/: menos aire y acordeón con más presencia editorial. */
body.ek-problem-hub .page .hub-search{margin:40px auto 48px}
body.ek-questions .ek-problem-context{padding-top:0}
body.ek-questions .ek-problem-context>h2{margin:0 0 22px}
/* Divisor editorial entre la cabecera-base y el bloque de preguntas. */
body.ek-questions .ek-problem-context{border-top:1px solid var(--ek-line);padding-top:clamp(30px,3.4vw,46px)}
/* Tabs editoriales del bloque de contexto: texto, no pills; activo con linea fina de acento. */
body.ek-questions .ek-context-tabs{display:flex;flex-wrap:wrap;gap:6px 34px;margin:0 0 18px}
body.ek-questions .ek-context-tab{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0 0 12px;cursor:pointer;font:400 clamp(1.05rem,.98rem + .32vw,1.3rem)/1.2 Questrial,system-ui,sans-serif;letter-spacing:-.01em;color:var(--ek-muted);border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
body.ek-questions .ek-context-tab:hover,body.ek-questions .ek-context-tab:focus-visible{color:var(--ek-ink)}
body.ek-questions .ek-context-tab[aria-selected=true]{color:var(--ek-ink);border-bottom-color:var(--ek-accent)}
body.ek-questions .ek-context-panel[hidden]{display:none}
@media(max-width:600px){body.ek-questions .ek-context-tabs{gap:4px 22px}body.ek-questions .ek-context-tab{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){body.ek-questions .ek-context-tab{transition:none}}
body.ek-questions .ek-problem-disclosure{border-top:1px solid var(--ek-line);padding:0}
body.ek-questions .ek-problem-disclosure:last-of-type{border-bottom:1px solid var(--ek-line)}
body.ek-questions .ek-problem-disclosure summary{min-height:86px;padding:26px 4px;font:400 clamp(1.3rem,1.05rem + 1.1vw,1.85rem)/1.15 Questrial,system-ui,sans-serif;letter-spacing:-.02em;color:var(--ek-ink);transition:color .2s ease}
body.ek-questions .ek-problem-disclosure summary:hover,body.ek-questions .ek-problem-disclosure summary:focus-visible{color:var(--ek-accent)}
body.ek-questions .ek-problem-disclosure summary:after{content:'+';flex:none;font:400 1.15rem/1 var(--ek-font-body);color:var(--ek-accent);transition:transform .22s ease}
body.ek-questions .ek-problem-disclosure[open] summary:after{content:'–'}
body.ek-questions .ek-problem-disclosure .ek-section-copy{max-width:66ch;margin:0 4px 36px;font-size:1.02rem;line-height:1.78}
body.ek-questions .ek-problem-disclosure .ek-section-copy p{margin:0 0 16px}
body.ek-questions .ek-problem-disclosure .ek-section-copy ul{margin:0 0 18px;padding-left:20px}
body.ek-questions .ek-problem-disclosure .ek-section-copy li{margin:0 0 8px}
body.ek-questions .ek-problem-disclosure .ek-section-copy a{color:var(--ek-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.ek-questions .ek-problem-disclosure .ek-section-copy a:hover,body.ek-questions .ek-problem-disclosure .ek-section-copy a:focus-visible{color:var(--ek-coral)}
@media(prefers-reduced-motion:reduce){body.ek-questions .ek-problem-disclosure summary,body.ek-questions .ek-problem-disclosure summary:after{transition:none}}
body.ek-questions .ek-problem-disclosure .ek-section-copy .button{margin-top:18px}

/* «Una lectura lleva a otra»: la card arranca alineada con el titular, no con la eyebrow. */
@media(min-width:1001px){body.ek-long-article .next-grid{align-items:start}body.ek-long-article .next-card{margin-top:28px}}

/* Destacada del hub: paridad real con la de /articulos/ (2 columnas, imagen izquierda). */
body.ek-knowledge-hub .ek-knowledge-catalog .story.featured .story-link{display:grid!important;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
body.ek-knowledge-hub .ek-knowledge-catalog .story.featured .story-image{aspect-ratio:5/4}
@media(max-width:1000px){body.ek-knowledge-hub .ek-knowledge-catalog .story.featured .story-link{grid-template-columns:1fr;gap:24px}}

/* Hero de /osteopatia/: fondo muy suave, sin línea inferior. */
body.ek-service-hub .page-intro{position:relative;isolation:isolate;margin:0;padding:44px 0 56px;border-bottom:0}
body.ek-service-hub .page-intro:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--ek-surface-alt);background-image:radial-gradient(120% 120% at 12% -10%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 55%),radial-gradient(90% 90% at 104% 118%,rgba(27,73,101,.06) 0%,rgba(27,73,101,0) 60%)}

/* Hero de /entender-tu-cuerpo/* (lectura breve): escala y contraste como /articulos/*. */
body.ek-short-reading .page-intro{position:relative;isolation:isolate;margin:0;padding:clamp(56px,5vw,76px) 0 44px;border-bottom:0}
body.ek-short-reading .page-intro:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--ek-surface-alt);background-image:radial-gradient(120% 120% at 12% -10%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 55%),radial-gradient(90% 90% at 104% 118%,rgba(27,73,101,.06) 0%,rgba(27,73,101,0) 60%)}
body.ek-short-reading .page-header h1{font-size:clamp(3rem,4vw,4rem)!important;line-height:1;letter-spacing:-.04em;max-width:16ch;margin:18px 0 24px}
body.ek-short-reading .page-intro>.page-visual{min-height:0;max-height:none;aspect-ratio:5/4;border-radius:20px;margin:0}
body.ek-short-reading .page-header .eyebrow{font-size:11px;letter-spacing:var(--ek-ls-meta);color:var(--ek-action)}
body.ek-short-reading .breadcrumbs{font-weight:400;color:var(--ek-text-muted)}

/* Etiqueta/categoría: metadata secundaria, chip más compacto. */
body.ek-unified .story-copy .section-label{font-size:11px}
body.ek-unified .featured .section-label{display:inline-block;padding:3px 8px;border-radius:8px;background:var(--ek-warm-soft);color:#723018;font-size:10.5px;font-weight:600;letter-spacing:var(--ek-ls-meta)}
@media(max-width:650px){body.ek-unified .story-copy .section-label{font-size:10px}body.ek-unified .featured .section-label{font-size:9.5px}}

/* Chips de filtro: hover y activo con coral claro, texto azul. */
body.ek-unified .chip{background:transparent;border-color:var(--ek-line);color:var(--ek-text);transition:background-color .15s ease,border-color .15s ease,color .15s ease}
body.ek-unified .chip:hover,body.ek-unified .chip:focus-visible{background:var(--ek-link-hover-bg);border-color:transparent;color:var(--ek-text)}
body.ek-unified .chip.is-active{background:rgba(226,149,120,.28);border-color:transparent;color:var(--ek-text)}

/* /osteopatia/: aire tras el hero y sin la línea larga inferior de las 3 opciones. */
body.ek-service-hub .ek-service-directory{margin:56px 0 60px}
body.ek-service-hub .ek-service-directory a{border-bottom:0}

/* /problemas/: hero claro con la misma jerarquía que /osteopatia/. */
body.ek-problem-hub .page-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr!important;gap:clamp(32px,5vw,72px);align-items:stretch;margin:0;padding:44px 0 56px;border-bottom:0}
body.ek-problem-hub .page-intro:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--ek-surface-alt);background-image:radial-gradient(120% 120% at 12% -10%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 55%),radial-gradient(90% 90% at 104% 118%,rgba(27,73,101,.06) 0%,rgba(27,73,101,0) 60%)}
@media(max-width:1000px){body.ek-problem-hub .page-intro{grid-template-columns:1fr!important;gap:28px}}

/* /osteopatia/: transición superior header→hero más suave. */
body.ek-service-hub .page-intro:before{background-image:linear-gradient(180deg,rgba(251,253,254,.98) 0%,rgba(251,253,254,0) 26%),radial-gradient(120% 120% at 88% -12%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 55%),radial-gradient(90% 90% at 104% 118%,rgba(27,73,101,.06) 0%,rgba(27,73,101,0) 60%)}

/* Los 3 accesos de osteopatía como microcards. */
body.ek-service-hub .ek-service-directory a{border:0;border-radius:10px;padding:22px 18px;background:transparent;transition:background-color .15s ease,color .15s ease}
body.ek-service-hub .ek-service-directory a:hover,body.ek-service-hub .ek-service-directory a:focus-visible{background:var(--ek-link-hover-bg)}
body.ek-service-hub .ek-service-directory a span{color:var(--ek-text-muted)}

/* Hero compartido de /osteopatia/ y toda la familia /problemas/*. */
body.ek-problem-detail .page-intro{position:relative;isolation:isolate;margin:0;padding:32px 0 48px;border-bottom:0}
body.ek-service-hub .page-intro:before,
body.ek-problem-hub .page-intro:before,
body.ek-problem-detail .page-intro:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--ek-surface-alt);background-image:linear-gradient(180deg,rgba(251,253,254,.98) 0%,rgba(251,253,254,0) 26%),radial-gradient(120% 120% at 88% -12%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 55%),radial-gradient(90% 90% at 104% 118%,rgba(27,73,101,.06) 0%,rgba(27,73,101,0) 60%)}

/* /sobre-mi/: hero completo y arranque de la sección 01 con más aire. */
body.ek-personal .page-intro{margin-bottom:60px}
body.ek-personal .ek-narrative-section{padding-top:44px;border-top-color:rgba(27,73,101,.1)}

/* /problemas/*: el índice tras el hero arranca como sección propia. */
body.ek-problem-detail .ek-section-index{margin-top:clamp(24px,3.5vw,52px)}

/* /sobre-mi/: mismo lenguaje de hero que /osteopatia/ (solo fondo/transición). */
body.ek-personal .page-intro{position:relative;isolation:isolate;margin:0;padding:32px 0 60px;border-bottom:0}
body.ek-personal .page-intro:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--ek-surface-alt);background-image:linear-gradient(180deg,rgba(251,253,254,.98) 0%,rgba(251,253,254,0) 26%),radial-gradient(120% 120% at 88% -12%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 55%),radial-gradient(90% 90% at 104% 118%,rgba(27,73,101,.06) 0%,rgba(27,73,101,0) 60%)}

/* Servicios de osteopatía: hero con identidad coral (mismo sistema que el azul). */
body.ek-service-detail .page-intro{position:relative;z-index:1;isolation:isolate;margin:0;padding:32px 0 48px;border-bottom:0}
body.ek-service-detail .page-intro:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-color:var(--ek-surface-alt);background-image:linear-gradient(180deg,rgba(251,253,254,.98) 0%,rgba(251,253,254,0) 26%),radial-gradient(120% 120% at 88% -12%,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 55%),radial-gradient(65% 65% at 102% 104%,rgba(226,149,120,.18) 0%,rgba(226,149,120,0) 62%)}
body.ek-service-detail .ek-section-index{margin-top:clamp(24px,3.5vw,52px)}

/* Los heroes crean stacking context (isolation) para su fondo: los elevamos para que el popover de Compartir no quede bajo el bloque siguiente. */
body.ek-service-hub .page-intro,
body.ek-problem-hub .page-intro,
body.ek-problem-detail .page-intro,
body.ek-personal .page-intro{z-index:1}

/* «También puede interesarte»: micro-etiqueta de tipo. La flecha discreta ya la pinta el componente (.related a:after). */
body .related .related-text .related-label{display:block;margin:0 0 10px;font-family:system-ui,sans-serif;font-size:.66rem;letter-spacing:.13em;font-weight:750;text-transform:uppercase;color:var(--ek-text-muted)}
body .related .related-text strong{display:block}

/* /entender-tu-corpus/* (lectura breve): aire entre el hero y el índice, que arranca ya sobre blanco. */
body.ek-short-reading .ek-section-index{margin-top:clamp(40px,5vw,56px)}
@media(max-width:600px){body.ek-short-reading .ek-section-index{margin-top:28px}}

/* Firma editorial EKNT — DESACTIVADA a propósito (footer más limpio y funcional).
   Se conserva como recurso reutilizable: descomentar este bloque y volver a insertar
   `footerSignature` (build-site.mjs) justo antes de la franja legal. Sin el elemento,
   estas reglas no ocupan espacio ni afectan alturas ni responsive.
body .ek-footer>:not(.ek-footer-signature){position:relative;z-index:1}
body .ek-footer .ek-footer-signature{
  position:relative;z-index:0;
  width:min(766px,calc(100% - 32px));
  height:198px;
  margin:clamp(72px,7vw,96px) auto clamp(14px,2vw,22px);
  overflow:hidden;pointer-events:none;
}
body .ek-footer .ek-footer-signature .ek-sig{
  position:absolute;left:0;right:0;top:0;
  display:flex;justify-content:center;align-items:flex-start;
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,'Times New Roman',serif;
  font-weight:400;
  font-size:min(300px,35vw);
  line-height:1;
  text-transform:uppercase;
  color:rgba(255,255,255,.045);
  user-select:none;
}
body .ek-footer .ek-footer-signature .ek-sig>span{display:block}
body .ek-footer .ek-footer-signature .ek-sig>span:nth-child(2){margin-left:-.1em}
body .ek-footer .ek-footer-signature .ek-sig>span:nth-child(3){margin-left:-.1em}
body .ek-footer .ek-footer-signature .ek-sig>span:nth-child(4){margin-left:-.05em}
@media(max-width:760px){
  body .ek-footer .ek-footer-signature{width:calc(100% - 32px);height:calc(min(150px,29vw) * .66);margin:44px auto 14px}
  body .ek-footer .ek-footer-signature .ek-sig{font-size:min(150px,29vw)}
}
*/

/* ---------------------------------------------------------------------------
   Biblioteca de audios + reproductor: rediseño editorial (solo UI).
   Cards de pista con ritmo, jerarquía y estados; modal y player, un mismo producto.
   --------------------------------------------------------------------------- */

/* Modal (escritorio): editorial, no tabla. */
@media(min-width:761px){
  .ek-library:not(.ek-share){align-items:center;justify-items:center;padding:24px}
  .ek-library:not(.ek-share) .ek-library-scrim{background:rgba(27,73,101,.42);backdrop-filter:blur(9px)}
  .ek-library:not(.ek-share) .ek-library-sheet{
    width:min(960px,calc(100vw - 64px));max-width:960px;min-width:0;
    height:auto;max-height:min(80vh,780px);
    margin:0 auto;padding:0;border:1px solid var(--ek-line);border-radius:24px;overflow:hidden;
    background:var(--ek-paper);box-shadow:0 24px 70px rgba(27,73,101,.18);
    display:flex;flex-direction:column;position:relative;touch-action:auto;
    transform:translateY(12px) scale(.99);opacity:0;transition:transform .24s ease,opacity .24s ease;
  }
  .ek-library:not(.ek-share).is-open .ek-library-sheet{transform:none;opacity:1}
  .ek-library:not(.ek-share) .ek-library-grab{display:none}
  .ek-library:not(.ek-share) .ek-library-head{
    flex:none;margin:0;width:100%;max-width:none;padding:clamp(22px,2.4vw,30px) clamp(24px,3.2vw,40px) clamp(14px,1.6vw,20px);
    border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:16px;
  }
  .ek-library:not(.ek-share) .ek-library-head h2{
    margin:0;font-family:var(--ek-font-heading);font-weight:400;
    font-size:clamp(1.7rem,2.6vw,2rem);line-height:1.1;letter-spacing:-.02em;color:var(--ek-ink);
  }
  .ek-library:not(.ek-share) .ek-library-head button{
    flex:none;width:38px;height:38px;border:1px solid var(--ek-line);border-radius:50%;
    background:transparent;color:var(--ek-text);font-size:1.25rem;cursor:pointer;
    transition:background-color .15s ease,border-color .15s ease,color .15s ease;
  }
  .ek-library:not(.ek-share) .ek-library-head button:hover,
  .ek-library:not(.ek-share) .ek-library-head button:focus-visible{background:var(--ek-link-hover-bg);border-color:transparent;color:var(--ek-ink)}
  .ek-library:not(.ek-share) .ek-library-filters{
    flex:none;margin:0;width:100%;max-width:none;padding:0 clamp(24px,3.2vw,40px) clamp(16px,2vw,22px);
    border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;
  }
  .ek-library:not(.ek-share) .ek-library-list{
    flex:1;min-height:0;overflow:auto;width:100%;max-width:none;margin:0;
    padding:4px clamp(24px,3.2vw,40px) clamp(24px,3vw,34px);display:flex;flex-direction:column;gap:12px;
    scrollbar-width:thin;scrollbar-color:rgba(27,73,101,.2) transparent;
  }
  .ek-library:not(.ek-share) .ek-library-list::-webkit-scrollbar{width:9px}
  .ek-library:not(.ek-share) .ek-library-list::-webkit-scrollbar-thumb{background:rgba(27,73,101,.18);border-radius:99px;border:3px solid transparent;background-clip:content-box}
  .ek-library:not(.ek-share) .ek-library-item{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    min-height:104px;padding-right:18px;border:0;border-radius:14px;background:transparent;
    transition:background-color .16s ease;
  }
  .ek-library:not(.ek-share) .ek-library-item:hover,
  .ek-library:not(.ek-share) .ek-library-item:focus-within{background:var(--ek-link-hover-bg)}
  .ek-library:not(.ek-share) .ek-library-item.is-active{background:var(--ek-alice)}
  .ek-library:not(.ek-share) .ek-library-row{
    display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;
    width:100%;min-height:104px;padding:16px 8px 16px 18px;
    border:0;border-radius:14px;background:transparent;text-align:left;cursor:pointer;
  }
  .ek-library:not(.ek-share) .ek-library-thumb{width:64px!important;height:64px!important;border:0!important;border-radius:12px!important;background-size:cover;background-position:center;align-self:center}
  .ek-library:not(.ek-share) .ek-library-thumb:not(.has-image){background-image:linear-gradient(145deg,var(--ek-alice),var(--ek-paper) 58%,var(--ek-almond))}
  .ek-library:not(.ek-share) .ek-library-copy strong{display:block;font:600 1.05rem/1.3 var(--ek-font-body);letter-spacing:-.01em;color:var(--ek-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ek-library:not(.ek-share) .ek-library-copy small{display:block;margin-top:5px;font:400 .68rem/1.4 var(--ek-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ek-text-muted)}
  .ek-library:not(.ek-share) .ek-library-end{min-width:0;gap:12px}
  .ek-library:not(.ek-share) .ek-library-state{font:600 .72rem/1 var(--ek-font-body);letter-spacing:.04em;color:var(--ek-text-muted);white-space:nowrap}
  .ek-library:not(.ek-share) .ek-library-item.is-active .ek-library-state{color:var(--ek-ink)}
  .ek-library:not(.ek-share) .ek-library-icon{
    display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
    background:transparent;color:var(--ek-ink);font-size:.82rem;line-height:1;
    opacity:1;transform:none;transition:background-color .16s ease,color .16s ease;
  }
  .ek-library:not(.ek-share) .ek-library-item:hover .ek-library-icon,
  .ek-library:not(.ek-share) .ek-library-item:focus-within .ek-library-icon{background:rgba(226,149,120,.28);color:var(--ek-ink)}
  .ek-library:not(.ek-share) .ek-library-item.is-active .ek-library-icon{background:var(--ek-alice);color:var(--ek-ink)}
  .ek-library:not(.ek-share) .ek-library-read{
    margin:0;padding:6px 2px;border:0;border-bottom:1px solid transparent;text-decoration:none;white-space:nowrap;
    font:600 .8rem/1.2 var(--ek-font-body);color:var(--ek-text-muted);
    transition:color .16s ease,border-color .16s ease;
  }
  .ek-library:not(.ek-share) .ek-library-read:hover,
  .ek-library:not(.ek-share) .ek-library-read:focus-visible{color:var(--ek-ink);border-bottom-color:var(--ek-coral)}
  .ek-library:not(.ek-share) .ek-library-meter{left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:transparent}
  .ek-library:not(.ek-share) .ek-library-meter>span{background:var(--ek-coral)}
}

/* Toolbar: tabs + switch como una sola barra. */
.ek-library:not(.ek-share) .ek-segmented{display:inline-flex;gap:8px;padding:0;border:0;background:transparent;width:max-content}
.ek-library:not(.ek-share) .ek-segmented button{
  min-height:38px;padding:8px 18px;border:0;border-radius:999px;
  background:var(--ek-alice);color:var(--ek-text);
  font:600 .82rem/1 var(--ek-font-body);cursor:pointer;
  transition:background-color .15s ease,color .15s ease;
}
.ek-library:not(.ek-share) .ek-segmented button:hover,
.ek-library:not(.ek-share) .ek-segmented button:focus-visible{background:rgba(226,149,120,.16)}
.ek-library:not(.ek-share) .ek-segmented button.is-active{background:rgba(226,149,120,.28);color:var(--ek-text)}
.ek-library:not(.ek-share) .ek-library-auto{display:inline-flex;align-items:center;gap:10px;font:600 .78rem/1 var(--ek-font-body);color:var(--ek-text-muted);white-space:nowrap}
.ek-library:not(.ek-share) .ek-switch-track{width:36px;height:20px}
.ek-library:not(.ek-share) .ek-switch-track:before{width:14px;height:14px;top:3px;left:3px}
.ek-library:not(.ek-share) .ek-switch input:checked+.ek-switch-track:before{transform:translateX(16px)}

/* Reproductor: versión compacta del mismo sistema, ancho fluido. */
.ek-player{
  width:min(1000px,calc(100vw - 64px));max-width:1000px;min-width:0;
  border:1px solid var(--ek-line);border-radius:20px;background:var(--ek-paper);
  box-shadow:0 14px 44px rgba(27,73,101,.16);
}
body .ek-player{display:block;padding:0}
.ek-player-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(16px,3vw,40px);padding:12px 20px}
.ek-player-left{display:flex;align-items:center;gap:14px;min-width:0}
.ek-player-thumb{flex:none;width:52px;height:52px;border:0;border-radius:12px;background:linear-gradient(145deg,var(--ek-alice),var(--ek-paper) 58%,var(--ek-almond));background-size:cover;background-position:center}
.ek-player-meta{min-width:0}
.ek-player-title{display:block;font:600 .95rem/1.25 var(--ek-font-body);color:var(--ek-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ek-player-title:hover,.ek-player-title:focus-visible{color:var(--ek-ink);text-decoration:underline;text-underline-offset:3px}
.ek-player-sub{margin:3px 0 0;font:400 .66rem/1.3 var(--ek-font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--ek-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ek-player-controls{display:flex;align-items:center;gap:6px;flex:none}
.ek-player-controls button{border:0;background:transparent;color:var(--ek-ink);cursor:pointer;border-radius:50%;display:grid;place-items:center}
.ek-player-step{width:38px;height:38px;font-size:1.1rem;line-height:1}
.ek-player-step:hover,.ek-player-step:focus-visible{color:var(--ek-ink);background:var(--ek-link-hover-bg)}
.ek-player-controls button.ek-player-toggle{width:44px;height:44px;font-size:.95rem;background:var(--ek-alice);color:var(--ek-ink)}
.ek-player-controls button.ek-player-toggle:hover,.ek-player-controls button.ek-player-toggle:focus-visible{background:var(--ek-coral);color:var(--ek-on-coral)}
.ek-player-right{display:flex;align-items:center;gap:10px;flex:none}
.ek-player-timing{display:flex;gap:6px;margin:0;font:400 .72rem/1 var(--ek-font-body);color:var(--ek-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.ek-player-timing span+span:before{content:"/";margin-right:6px;opacity:.5}
.ek-player-library,.ek-player-close{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--ek-text-muted);cursor:pointer;display:grid;place-items:center;font-size:1rem}
.ek-player-library:hover,.ek-player-library:focus-visible,.ek-player-close:hover,.ek-player-close:focus-visible{color:var(--ek-ink);background:var(--ek-link-hover-bg)}
.ek-player-library[aria-expanded="true"]{color:var(--ek-ink);background:var(--ek-link-hover-bg)}
.ek-player-progress{position:relative;height:3px;margin:0 20px 14px;border-radius:99px;background:var(--ek-line);cursor:pointer;touch-action:none}
.ek-player-progress:focus-visible{outline:2px solid var(--ek-coral);outline-offset:4px}
.ek-player-progress span{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:var(--ek-coral)}

/* Móvil: modal casi full-screen, pista a 2 zonas y player a 3 filas (no el desktop comprimido). */
@media(max-width:760px){
  /* Modal */
  .ek-library:not(.ek-share){align-items:flex-end;justify-items:center;padding:8px}
  .ek-library:not(.ek-share) .ek-library-sheet{width:100%;max-width:100%;min-width:0;max-height:calc(100dvh - 16px);border-radius:20px}
  .ek-library:not(.ek-share) .ek-library-head{padding:20px 18px 12px}
  .ek-library:not(.ek-share) .ek-library-head h2{font-size:1.55rem}
  .ek-library:not(.ek-share) .ek-library-filters{padding:0 18px 14px;flex-wrap:wrap;gap:10px}
  .ek-library:not(.ek-share) .ek-library-chips{width:100%}
  .ek-library:not(.ek-share) .ek-library-chips button{flex:1;padding:9px 12px}
  .ek-library:not(.ek-share) .ek-library-auto{width:100%}
  .ek-library:not(.ek-share) .ek-library-list{padding:2px 14px calc(var(--ek-player) + 28px);gap:10px}
  /* Pista: dos zonas (título/meta/play arriba; estado/CTA abajo) */
  .ek-library:not(.ek-share) .ek-library-item{display:block;position:relative;min-height:0;padding-right:0;border-radius:14px}
  .ek-library:not(.ek-share) .ek-library-row{
    display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto auto;
    align-items:start;column-gap:14px;row-gap:10px;width:100%;min-height:116px;padding:12px 14px;
  }
  .ek-library:not(.ek-share) .ek-library-thumb{grid-column:1;grid-row:1/3;width:56px!important;height:56px!important;border-radius:12px!important}
  .ek-library:not(.ek-share) .ek-library-copy{grid-column:2;grid-row:1}
  .ek-library:not(.ek-share) .ek-library-copy strong{font-size:1rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .ek-library:not(.ek-share) .ek-library-end{display:contents}
  .ek-library:not(.ek-share) .ek-library-icon{grid-column:3;grid-row:1;width:40px;height:40px;border-radius:50%;opacity:1;transform:none;background:var(--ek-alice);color:var(--ek-ink)}
  .ek-library:not(.ek-share) .ek-library-state{grid-column:2;grid-row:2;justify-self:start;display:block}
  .ek-library:not(.ek-share) .ek-library-read{position:static;display:flex;justify-content:flex-end;align-items:center;min-height:44px;padding:0 14px 10px;margin:0}
  .ek-library:not(.ek-share) .ek-library-meter{left:14px;right:14px}
  /* Player: tres filas */
  .ek-player{width:calc(100vw - 24px);max-width:none;border-radius:18px;bottom:calc(10px + env(safe-area-inset-bottom))}
  .ek-player-inner{
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"left left close" "controls timing lib";
    align-items:center;gap:6px 10px;padding:10px 14px 6px;
  }
  .ek-player-left{grid-area:left;max-width:none;min-width:0}
  .ek-player-right{display:contents}
  .ek-player-close{grid-area:close}
  .ek-player-controls{grid-area:controls;justify-content:flex-start}
  .ek-player-timing{grid-area:timing;justify-self:center}
  .ek-player-library{grid-area:lib;justify-self:end}
  .ek-player-thumb{width:44px;height:44px;border-radius:11px}
  .ek-player-toggle{width:44px;height:44px}
  .ek-player-step{width:44px;height:44px}
  .ek-player-library,.ek-player-close{width:44px;height:44px}
  .ek-player-progress{margin:0 14px 10px}
}

/* Bloqueo de scroll mientras hay un overlay abierto (diálogos y biblioteca). */
html.ek-scroll-lock{overflow:hidden}

/* ---------------------------------------------------------------------------
   Reproductor: estado minimizado. Es el MISMO elemento y la MISMA instancia de
   audio; solo cambia la presentación. Nada de audio se recrea ni reinicia.
   --------------------------------------------------------------------------- */
.ek-player-min{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--ek-text-muted);cursor:pointer;display:grid;place-items:center;font-size:1rem;line-height:1}
.ek-player-min:hover,.ek-player-min:focus-visible{color:var(--ek-ink);background:var(--ek-link-hover-bg)}
.ek-player-min svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ek-player .ek-max-icon{display:none}
.ek-player.is-mini .ek-min-icon{display:none}
.ek-player.is-mini .ek-max-icon{display:block}
/* Coral solo como señal de reproducción activa; el resto sigue en papel/teal. */
.ek-player.is-playing .ek-player-controls button.ek-player-toggle{background:var(--ek-coral);color:#fff}
.ek-player.is-mini{left:auto;right:24px;transform:none;width:min(360px,calc(100vw - 32px));bottom:24px;border-radius:18px}
.ek-player.is-mini .ek-player-inner{display:flex;align-items:center;gap:6px;padding:10px 12px}
.ek-player.is-mini .ek-player-left{flex:1;min-width:0;gap:10px}
.ek-player.is-mini .ek-player-thumb{width:40px;height:40px;border-radius:10px}
.ek-player.is-mini .ek-player-title{font-size:.82rem}
.ek-player.is-mini .ek-player-sub{display:none}
.ek-player.is-mini .ek-player-controls{flex:none;gap:0}
.ek-player.is-mini .ek-player-step{width:34px;height:34px;font-size:1rem;background:transparent}
.ek-player.is-mini .ek-player-step:hover,.ek-player.is-mini .ek-player-step:focus-visible{background:transparent;color:var(--ek-ink)}
.ek-player.is-mini .ek-player-toggle{width:42px;height:42px;font-size:.85rem}
.ek-player.is-mini .ek-player-timing,.ek-player.is-mini .ek-player-library{display:none}
.ek-player.is-mini .ek-player-right{flex:none;gap:0}
.ek-player.is-mini .ek-player-min,.ek-player.is-mini .ek-player-close{width:30px;height:30px;font-size:.85rem}
.ek-player.is-mini .ek-player-min:hover,.ek-player.is-mini .ek-player-min:focus-visible,.ek-player.is-mini .ek-player-close:hover,.ek-player.is-mini .ek-player-close:focus-visible{background:transparent;color:var(--ek-ink)}
.ek-player.is-mini .ek-player-progress{margin:0 12px 8px;height:2px}
@media(max-width:760px){
  .ek-player.is-mini{left:auto;right:12px;transform:none;width:calc(100vw - 24px);bottom:calc(12px + env(safe-area-inset-bottom));border-radius:16px}
  .ek-player.is-mini .ek-player-inner{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 12px}
  .ek-player.is-mini .ek-player-left{flex:1 1 100%;gap:10px}
  .ek-player.is-mini .ek-player-thumb{width:36px;height:36px;border-radius:10px}
  .ek-player.is-mini .ek-player-controls{order:2;margin-right:auto}
  .ek-player.is-mini .ek-player-controls button{width:44px;height:44px}
  .ek-player.is-mini .ek-player-toggle{width:44px;height:44px}
  .ek-player.is-mini .ek-player-right{order:3;display:flex;gap:4px}
  .ek-player.is-mini .ek-player-min,.ek-player.is-mini .ek-player-close{width:44px;height:44px}
  .ek-player.is-mini .ek-player-progress{margin:0 12px 6px}
}


/* Footer editorial grafito — cierre global de todo el sitio (CTA + navegación + barra inferior). */
.ek-footer{position:relative;overflow:hidden;background:#182229;color:#BFC9CD;width:calc(100% - 104px);margin:80px auto 0;border-radius:28px 28px 0 0;box-shadow:none;border-top:0;padding:clamp(48px,5.5vw,76px) max(36px,calc((100vw - 1240px)/2 - 36px)) 0}
.ek-footer::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url('/images/hojas-overlay.webp');background-repeat:no-repeat;background-position:top right;background-size:100% auto;opacity:.12;z-index:0}
.ek-footer>*{position:relative;z-index:1}
@media(max-width:650px){.ek-footer::after{opacity:.10;background-size:150% auto;background-position:top right}}
body.ek-unified .ek-footer,body.ek-long-article .ek-footer{background:#182229;color:#BFC9CD;border-top-color:transparent}
.ek-footer>.ek-final-cta{background:none!important;border:0!important;border-bottom:1px solid rgba(244,243,238,.14)!important;border-radius:0!important;margin:0 0 clamp(40px,4.6vw,56px);padding:0 0 clamp(36px,4.2vw,50px);color:#F4F3EE!important;position:relative;overflow:visible}
.ek-footer>.ek-final-cta:before{display:none!important}
.ek-footer>.ek-final-cta .cta-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(28px,4vw,72px);min-height:0;width:auto;margin:0;padding:0}
.ek-footer>.ek-final-cta .cta-banner__title,.ek-footer>.ek-final-cta h2{margin:0!important;max-width:16ch;font:400 clamp(2rem,3.6vw,3.2rem)/1.06 var(--ek-font-heading)!important;letter-spacing:-.03em!important;text-transform:none!important;color:#F4F3EE!important}
.ek-footer>.ek-final-cta .cta-banner__bg{display:none}
.ek-footer>.ek-final-cta .cta-copy{min-width:0}
.ek-footer>.ek-final-cta .cta-banner__label{color:#AEBBC0!important;margin:0 0 10px}
.ek-footer>.ek-final-cta .cta-banner__text{color:#BFC9CD!important;font-size:.95rem;line-height:1.6;max-width:38ch;margin:0 0 18px}
.ek-footer>.ek-final-cta p{color:#BFC9CD!important}
.ek-footer>.ek-final-cta .button,.ek-footer>.ek-final-cta .cta-banner__button{display:inline-flex!important;width:auto!important;max-width:max-content;align-self:flex-start;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:16px 30px!important;border-radius:999px;border:1px solid #F4F3EE!important;background:#F4F3EE!important;color:#182229!important;font-size:1.06rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.ek-footer>.ek-final-cta .button:hover,.ek-footer>.ek-final-cta .button:focus-visible,.ek-footer>.ek-final-cta .cta-banner__button:hover,.ek-footer>.ek-final-cta .cta-banner__button:focus-visible{background:#ffffff!important;border-color:#ffffff!important;color:#182229!important;transform:none!important}
.ek-footer>.ek-final-cta :is(.button,.cta-banner__button)::before{content:"";flex:0 0 auto;width:1.25em;height:1.25em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413'/%3E%3C/svg%3E") center/contain no-repeat}
.ek-footer-main{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:clamp(40px,7vw,110px);align-items:start;padding-bottom:clamp(28px,3.4vw,38px);border-bottom:1px solid rgba(244,243,238,.14)}
.ek-footer-brand img{width:180px;height:auto;filter:brightness(0) invert(1)!important}
.ek-footer-claim{margin:16px 0 0;max-width:26ch;font-size:.95rem;line-height:1.6;color:#BFC9CD}
.ek-footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4.5vw,72px)}
.ek-footer-col h2{font:500 .82rem/1.4 var(--ek-font-body)!important;text-transform:uppercase;letter-spacing:.08em;color:#AEBBC0!important;margin:0 0 16px}
.ek-footer-col-list a{display:block;text-decoration:none;color:#F4F3EE;font-weight:400;font-size:.9rem;line-height:1.7;padding:4px 0;transition:color .18s ease}
.ek-footer-col-list a:hover,.ek-footer-col-list a:focus-visible{color:#ffffff}
.ek-footer-col-list p{margin:0 0 12px;font-size:.9rem;line-height:1.65;color:#BFC9CD}
.ek-footer-note{margin-top:clamp(18px,2.2vw,26px);max-width:32ch;padding:0}
.ek-footer-note .ek-footer-note-eyebrow{margin:0 0 10px;font:500 .78rem/1.4 var(--ek-font-body);text-transform:uppercase;letter-spacing:.08em;color:#AEBBC0}
.ek-footer-note p{margin:0 0 10px;font-size:.9rem;line-height:1.65;color:#BFC9CD}
.ek-footer-note-link a{display:inline;padding:0 0 2px;border-bottom:1px solid rgba(244,243,238,.3);font-size:.9rem;text-decoration:none;color:#F4F3EE}
.ek-footer-note-link a:hover,.ek-footer-note-link a:focus-visible{border-color:#ffffff;color:#ffffff}
.ek-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border:0;padding:clamp(16px,1.9vw,22px) 0 clamp(20px,2.4vw,28px);margin:0;font-size:.78rem}
.ek-footer-legal{display:flex;align-items:center;gap:clamp(16px,2.4vw,30px);flex-wrap:wrap}
.ek-footer-legal nav{display:flex;flex-wrap:wrap;gap:7px clamp(14px,2vw,24px)}
.ek-footer .ek-footer-legal a{color:#94A3A9;font-size:.76rem;padding:0;margin:0;transition:color .18s ease}
.ek-footer .ek-footer-legal a:hover,.ek-footer .ek-footer-legal a:focus-visible{color:#F4F3EE}
.ek-footer-legal>span{color:#94A3A9}
.ek-lang{position:relative}
.ek-lang summary{display:inline-flex;align-items:center;gap:8px;min-height:34px;cursor:pointer;list-style:none;color:#94A3A9;font-size:.8rem}
.ek-lang summary::-webkit-details-marker{display:none}
.ek-lang summary:hover{color:var(--ek-coral)}
.ek-lang summary:focus-visible{outline:2px solid var(--ek-coral);outline-offset:3px;border-radius:6px}
.ek-lang-caret{font-size:.66rem;transition:transform .2s ease}
.ek-lang[open] .ek-lang-caret{transform:rotate(180deg)}
.ek-lang-list{position:absolute;left:0;bottom:calc(100% + 8px);z-index:30;min-width:160px;margin:0;padding:8px;list-style:none;background:#182229;border:1px solid rgba(244,243,238,.16);border-radius:14px;box-shadow:0 14px 40px rgba(9,16,20,.5)}
.ek-lang-list button{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:9px;background:none;color:#F4F3EE;font:400 .86rem var(--ek-font-body);cursor:pointer}
.ek-lang-list button:hover,.ek-lang-list button:focus-visible{background:rgba(244,243,238,.08);color:#ffffff}
.ek-lang-list button[aria-current="true"]{color:var(--ek-coral);font-weight:500}
.ek-lang-globe{display:none}
@media(prefers-reduced-motion:reduce){.ek-lang-caret,.ek-footer-col-list a,.ek-footer-legal a,.ek-footer>.ek-final-cta .button{transition:none}}
@media(max-width:650px){.ek-footer-main{grid-template-columns:1fr;gap:clamp(28px,6vw,40px)}.ek-footer-cols{grid-template-columns:1fr 1fr;gap:8px 24px}.ek-footer-col:last-child{grid-column:1/-1;margin-top:14px;padding-top:22px;border-top:1px solid rgba(244,243,238,.14)}.ek-footer-col:last-child .ek-footer-col-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-content:start}.ek-footer-col:last-child .ek-footer-col-list>p{grid-column:1/-1}.ek-footer-col-list a{padding:8px 0}.ek-footer>.ek-final-cta .cta-inner{grid-template-columns:1fr;gap:20px}.ek-footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:359px){.ek-footer-cols{grid-template-columns:1fr}.ek-footer-col:last-child{grid-column:auto}}
body.ek-unified .ek-footer a,body.ek-long-article .ek-footer a{color:#F4F3EE}
body.ek-unified .ek-footer a:hover,body.ek-long-article .ek-footer a:hover{color:#ffffff}
body.ek-unified .ek-footer-note p,body.ek-unified .ek-footer-bottom>span:last-child{color:#BFC9CD}
body.ek-unified .ek-footer .ek-footer-legal a,body.ek-long-article .ek-footer .ek-footer-legal a{color:#94A3A9}
body.ek-unified .ek-footer .ek-footer-legal a:hover,body.ek-long-article .ek-footer .ek-footer-legal a:hover{color:#F4F3EE}
.ek-footer-logo{display:inline-block;text-decoration:none}
.ek-footer-logo:focus-visible{outline:2px solid var(--ek-coral);outline-offset:4px;border-radius:6px}
.ek-dialog nav a:hover{color:var(--ek-coral);transform:translateX(3px)}
.ek-dialog nav a:focus-visible{color:var(--ek-coral);outline:2px solid var(--ek-coral);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.ek-dialog nav a{transition:none}}
@media(max-width:650px){.ek-footer{width:calc(100% - 52px)}}
.review-author-profession{color:#b8c9bc;font-weight:400;font-size:.74rem;line-height:1.35}
body.ek-unified .review-author-profession{color:#a7d5d3}
.review-author-meta{display:flex;flex-direction:column;min-width:0}
.review-author{align-items:center}.review-author>span:last-child{flex:none;white-space:nowrap}
@media(max-width:600px){.review-author{flex-direction:column;align-items:flex-start;gap:8px}}
.ek-spy a>span strong,#ek-index nav a strong{font-weight:600}
.ek-spy-prof{display:block;margin-top:3px;font-size:11.5px;font-weight:400;line-height:1.25;color:var(--ek-muted)}

/* Modo Stories — Experiencias en consulta (vista alternativa; no sustituye la página). */
.ek-reviews-intro .ek-metadata-actions{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.ek-reviews-intro .ek-metadata-actions .share-control{margin:0}
.ek-stories-open{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid var(--ek-line);border-radius:999px;background:#eef3f5;color:var(--ek-ink);font:600 .8rem var(--ek-font-body);cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}
.ek-stories-open:hover,.ek-stories-open:focus-visible{border-color:var(--ek-coral);color:var(--ek-coral);background:#fdf1ec}
.ek-stories-open:focus-visible{outline:2px solid var(--ek-coral);outline-offset:2px}
.ek-stories-ico{display:inline-flex;width:16px;height:16px}
.ek-stories-ico svg{width:16px;height:16px;display:block}
html.ek-stories-lock{overflow:hidden}
.ek-stories{position:fixed;inset:0;z-index:120;display:grid;place-items:center}
.ek-stories[hidden]{display:none}
.ek-stories-backdrop{position:absolute;inset:0;background:rgba(16,32,43,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease}
.ek-stories.is-open .ek-stories-backdrop{opacity:1}
.ek-stories-frame{position:relative;width:min(460px,100vw)}
.ek-stories-stage{position:relative;width:100%;height:min(800px,100dvh);max-height:100dvh;border-radius:24px;overflow:hidden;background:var(--ek-paper);color:var(--ek-ink);border:1px solid rgba(27,73,101,.22);display:flex;flex-direction:column;opacity:0;transform:translateY(12px);transition:opacity .22s ease,transform .22s ease;box-shadow:0 24px 70px rgba(27,73,101,.3)}
.ek-stories.is-open .ek-stories-stage{opacity:1;transform:none}
.ek-stories-progress{display:flex;gap:4px;padding:18px 22px 0;position:relative;z-index:4}
.ek-stories-bar{flex:1;height:3px;border-radius:99px;background:rgba(27,73,101,.22)}
.ek-stories-bar.is-done{background:rgba(27,73,101,.5)}
.ek-stories-bar.is-current{background:var(--ek-coral)}
.ek-stories-top{display:flex;align-items:center;gap:12px;padding:18px 22px 6px;position:relative;z-index:4}
.ek-stories-eyebrow{font:750 .6rem/1.4 var(--ek-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ek-teal)}
.ek-stories-stars{margin-left:auto;color:var(--ek-coral);letter-spacing:.1em;font-size:.82rem}
.ek-stories-x{margin-left:14px;width:32px;height:32px;flex:none;border:1px solid rgba(27,73,101,.18);border-radius:50%;background:transparent;color:var(--ek-ink);font-size:1rem;line-height:1;cursor:pointer;transition:border-color .18s ease,color .18s ease}
.ek-stories-x:hover,.ek-stories-x:focus-visible{border-color:var(--ek-coral);color:var(--ek-coral)}
.ek-stories-body{flex:1;min-height:0;overflow-y:auto;padding:20px 30px;display:flex;flex-direction:column;position:relative;z-index:1}
.ek-stories-text{margin:auto 0;font:400 clamp(1.1rem,2.3vw,1.5rem)/1.55 var(--ek-font-heading);letter-spacing:-.01em;color:var(--ek-ink);text-wrap:pretty}
.ek-stories-zone{position:absolute;top:0;bottom:0;width:30%;border:0;background:transparent;z-index:2;cursor:pointer}
.ek-stories-zone-prev{left:0}
.ek-stories-zone-next{right:0}
.ek-stories-zone:focus{outline:none}
.ek-stories-foot{padding:16px 30px calc(22px + env(safe-area-inset-bottom));position:relative;z-index:4;background:linear-gradient(180deg,rgba(251,253,254,0) 0%,var(--ek-paper) 34%)}
.ek-stories-person{display:flex;align-items:center;gap:12px}
.ek-stories-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;background:rgba(27,73,101,.08)}
.ek-stories-id{display:flex;flex-direction:column;min-width:0}
.ek-stories-id strong{font:500 1rem/1.3 var(--ek-font-body);color:var(--ek-ink)}
.ek-stories-prof{font:400 .74rem/1.4 var(--ek-font-body);color:var(--ek-muted);margin-top:1px}
.ek-stories-source{margin:10px 0 0;font-size:.66rem;letter-spacing:.02em;color:#8ba0aa}
.ek-stories-actions{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.ek-stories-reply-open{border:0;background:none;color:var(--ek-teal);font:600 .84rem var(--ek-font-body);cursor:pointer;padding:6px 0}
.ek-stories-reply-open:hover,.ek-stories-reply-open:focus-visible{color:var(--ek-coral);text-decoration:underline;text-underline-offset:3px}
.ek-stories-share{border:0;background:none;color:var(--ek-muted);font:400 .8rem var(--ek-font-body);cursor:pointer;padding:6px 0;display:inline-flex;align-items:center;gap:7px}
.ek-stories-share:before{content:"↗";font-size:.9rem}
.ek-stories-share:hover,.ek-stories-share:focus-visible{color:var(--ek-ink)}
.ek-stories-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid var(--ek-line);border-radius:50%;background:rgba(251,253,254,.94);color:var(--ek-ink);font-size:1.25rem;line-height:1;cursor:pointer;opacity:.92;box-shadow:0 4px 16px rgba(27,73,101,.2);transition:opacity .18s ease,background .18s ease,color .18s ease;z-index:5}
.ek-stories:hover .ek-stories-nav,.ek-stories-nav:focus-visible{opacity:1}
.ek-stories-nav:hover,.ek-stories-nav:focus-visible{background:#fff;color:var(--ek-coral);border-color:var(--ek-coral)}
.ek-stories-prev{left:-58px}
.ek-stories-next{right:-58px}
.ek-stories-reply{position:absolute;inset:0;z-index:6;display:flex;align-items:flex-end;background:rgba(16,32,43,.4);opacity:0;transition:opacity .2s ease}
.ek-stories-reply[hidden]{display:none}
.ek-stories-reply.is-open{opacity:1}
.ek-stories-reply-sheet{width:100%;max-height:78%;display:flex;flex-direction:column;overflow:hidden;background:#fbfaf6;color:var(--ek-ink);border-radius:22px 22px 0 0;transform:translateY(16px);transition:transform .2s ease;box-shadow:0 -20px 50px rgba(16,32,43,.25)}
.ek-stories-reply-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 30px 14px;border-bottom:1px solid rgba(27,73,101,.12)}
.ek-stories-reply-head .ek-stories-reply-label{margin:0}
.ek-stories-reply-x{width:32px;height:32px;flex:none;border:1px solid rgba(27,73,101,.2);border-radius:50%;background:transparent;color:var(--ek-ink);font-size:1rem;line-height:1;cursor:pointer}
.ek-stories-reply-x:hover,.ek-stories-reply-x:focus-visible{border-color:var(--ek-coral);color:var(--ek-coral)}
.ek-stories-reply-body{min-height:0;overflow-y:auto;padding:18px 30px calc(26px + env(safe-area-inset-bottom))}
.ek-stories-reply.is-open .ek-stories-reply-sheet{transform:none}
.ek-stories-reply-label{font:750 .62rem/1.4 var(--ek-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ek-teal);margin:0 0 16px}
.ek-stories-reply-text{font:400 1.02rem/1.7 var(--ek-font-heading);color:var(--ek-ink)}
.ek-stories-reply-sign{margin:20px 0 0;font-size:.82rem;line-height:1.5;color:var(--ek-muted)}
.ek-stories-reply-sign strong{color:var(--ek-ink);font-weight:600}
.ek-stories-reply-close{margin-top:20px;border:1px solid rgba(27,73,101,.22);background:transparent;color:var(--ek-ink);border-radius:999px;padding:9px 16px;font:500 .82rem var(--ek-font-body);cursor:pointer}
.ek-stories-reply-close:hover,.ek-stories-reply-close:focus-visible{border-color:var(--ek-coral);color:var(--ek-coral)}
.ek-stories.is-suspended{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:700px){.ek-stories-stage{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}.ek-stories-body{padding:16px 22px}.ek-stories-foot{padding:14px 22px calc(18px + env(safe-area-inset-bottom))}.ek-stories-text{font-size:clamp(1.08rem,4.6vw,1.4rem)}.ek-stories-nav{display:none}.ek-stories-reply-head{padding:16px 22px 12px}.ek-stories-reply-body{padding:16px 22px calc(22px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.ek-stories-stage,.ek-stories-backdrop,.ek-stories-reply,.ek-stories-reply-sheet,.ek-stories-text{transition:none!important}}
body .ek-reviews-list>.ek-review-entry>h2{margin-top:0}

/* /resenas/ — tratamiento editorial de las experiencias (sin la gran card azul). */
.ek-reviews-list>.ek-review-entry{margin:0;padding:clamp(36px,5vw,64px) 0;border-top:1px solid var(--ek-line)}
.ek-reviews-list>.ek-review-entry:first-child{border-top:0;padding-top:6px}
.ek-reviews-list>.ek-review-entry>h2{font:400 clamp(1.6rem,2.6vw,2.3rem)/1.12 var(--ek-font-heading);letter-spacing:-.03em;margin:0}
.ek-exp-prof{margin:8px 0 0;font-size:.82rem;color:var(--ek-muted)}
.ek-exp-quote{margin:24px 0 0;max-width:34ch;font:400 clamp(1.5rem,3vw,2.4rem)/1.22 var(--ek-font-heading);letter-spacing:-.02em;color:var(--ek-ink);text-wrap:pretty}
.ek-exp-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0 0;font-size:.74rem;color:var(--ek-muted)}
.ek-exp-meta .stars{color:var(--ek-coral);letter-spacing:.1em;font-size:.85rem}
.ek-exp-source{color:#8ba0aa}
.ek-exp-share{margin-left:auto;border:0;background:none;color:var(--ek-muted);font:400 .78rem var(--ek-font-body);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 0}
.ek-exp-share:hover,.ek-exp-share:focus-visible{color:var(--ek-ink)}
.ek-exp-more{margin:20px 0 0}
.ek-exp-more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:36px;color:var(--ek-teal);font:600 .8rem var(--ek-font-body)}
.ek-exp-more summary::-webkit-details-marker{display:none}
.ek-exp-more summary:hover,.ek-exp-more summary:focus-visible{color:var(--ek-coral)}
.ek-exp-more summary:after{content:"＋";font-size:1rem;line-height:1}
.ek-exp-more[open] summary:after{content:"－"}
.ek-exp-more summary .when-open{display:none}
.ek-exp-more[open] summary .when-open{display:inline}
.ek-exp-more[open] summary .when-closed{display:none}
.ek-exp-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);margin-top:22px;padding-top:24px;border-top:1px solid var(--ek-line)}
.ek-exp-label{font:600 .72rem/1.4 var(--ek-font-body)!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--ek-muted);margin:0 0 10px}
.ek-exp-full p:not(.ek-exp-label),.ek-exp-reply p:not(.ek-exp-label){font-size:var(--ek-fs-body)!important;line-height:1.6;margin:0}
.ek-exp-reply{padding:22px 24px;background:#f4f7f8;border-radius:16px}
.ek-exp-reply .ek-exp-label{color:#8ba0aa}
.ek-exp-link{grid-column:1/-1;width:max-content;color:var(--ek-teal);font-size:.8rem;text-decoration:none;border-bottom:1px solid var(--ek-line);padding-bottom:1px}
.ek-exp-link:hover,.ek-exp-link:focus-visible{color:var(--ek-coral)}
@media(max-width:760px){.ek-exp-body{grid-template-columns:1fr;gap:24px}.ek-exp-quote{max-width:100%}}
body .review-expanded p{font-size:calc(var(--ek-fs-body) - 1px)!important;line-height:1.65}
body .review-expanded .owner-response p{font-size:calc(var(--ek-fs-body) - 1.6px)!important}

/* Jerarquía secundaria de la reseña expandida (global, desktop y móvil) */
body.ek-unified .review-expanded .review-kicker{font-size:.62rem!important;font-weight:600!important;letter-spacing:.06em!important;color:rgba(247,244,236,.78)!important}
body.ek-unified .review-more{border-top-color:rgba(255,255,255,.16)}
body.ek-unified .review-expanded{border-top-color:rgba(255,255,255,.10)}
body.ek-unified .review-expanded .owner-response{border-left-color:rgba(255,255,255,.12)}

/* ---------------------------------------------------------------------------
   /problemas/: el bloque de preguntas ya no vive aquí; se recompone el ritmo
   entre las cards y «También puede interesarte».
   --------------------------------------------------------------------------- */
body.ek-problem-hub .ek-problem-discovery{padding-bottom:0}

/* ---------------------------------------------------------------------------
   Cards editoriales fotográficas — patrón reutilizable (.ek-ed-cards)
   Foto full-bleed, esquinas redondeadas y contenido integrado en el tercio
   inferior sobre un liquid glass muy contenido. Proporción 4:5.
   --------------------------------------------------------------------------- */
/* Rejilla por página: 3 columnas en /problemas/, 2 en /entender-tu-cuerpo/. */
body.ek-problem-hub .ek-discovery-grid.ek-ed-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.3vw,34px);margin:32px 0 0;align-items:start}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.3vw,34px);margin-top:32px;align-items:start}
body.ek-problem-hub .ek-ed-cards .ek-ed-card,
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card{position:relative;display:block;aspect-ratio:4/5;padding:0;margin:0;border:0;border-radius:clamp(16px,1.4vw,22px);overflow:hidden;background:var(--ek-ink);box-shadow:none;text-decoration:none;isolation:isolate;color:#fff}
body.ek-problem-hub .ek-ed-cards .ek-ed-card:focus-visible,
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:focus-visible{outline:2px solid var(--ek-accent);outline-offset:4px}
.ek-ed-card-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:var(--ek-ed-pos,50% 45%);transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.ek-ed-card-glass{position:absolute;left:0;right:0;bottom:0;z-index:1;height:58%;pointer-events:none;background:linear-gradient(to top,rgba(16,44,57,.20),rgba(16,44,57,.07) 46%,rgba(16,44,57,0) 76%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to top,#000 16%,rgba(0,0,0,.55) 46%,transparent 74%);mask-image:linear-gradient(to top,#000 16%,rgba(0,0,0,.55) 46%,transparent 74%);transition:backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease}
.ek-ed-card-body{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:9px;padding:clamp(20px,1.7vw,28px)}
.ek-ed-card-label{display:block;font:var(--ek-fw-label) var(--ek-fs-meta)/1.4 system-ui;letter-spacing:var(--ek-ls-meta);text-transform:uppercase;color:rgba(255,255,255,.78);text-shadow:0 1px 10px rgba(10,28,38,.32)}
body.ek-problem-hub .ek-ed-cards .ek-ed-card-title,
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card-title{display:block;font:400 clamp(1.28rem,1.06rem + .5vw,1.62rem)/1.18 var(--ek-font-heading);color:#fff;letter-spacing:-.01em;margin:0;text-wrap:balance;text-shadow:0 1px 14px rgba(10,28,38,.38)}
.ek-ed-card-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:var(--ek-fw-body) var(--ek-fs-small)/1.55 var(--ek-font-body);color:rgba(255,255,255,.82);max-width:36ch;text-shadow:0 1px 10px rgba(10,28,38,.32)}
.ek-ed-card-cta{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:2px;font:var(--ek-fw-strong) .78rem/1.2 system-ui;color:rgba(255,255,255,.94);text-underline-offset:5px;text-decoration-thickness:1px}
.ek-ed-card-arrow{display:inline-block;transition:transform .28s cubic-bezier(.22,.61,.36,1)}
body.ek-problem-hub .ek-ed-cards .ek-ed-card:hover .ek-ed-card-photo,body.ek-problem-hub .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-photo,
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:hover .ek-ed-card-photo,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-photo{transform:scale(1.018)}
body.ek-problem-hub .ek-ed-cards .ek-ed-card:hover .ek-ed-card-glass,body.ek-problem-hub .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-glass,
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:hover .ek-ed-card-glass,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-glass{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}
body.ek-problem-hub .ek-ed-cards .ek-ed-card:hover .ek-ed-card-arrow,body.ek-problem-hub .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-arrow,
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:hover .ek-ed-card-arrow,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-arrow{transform:translateX(3px)}
body.ek-problem-hub .ek-ed-cards .ek-ed-card:hover .ek-ed-card-cta,body.ek-problem-hub .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-cta,
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:hover .ek-ed-card-cta,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-cta{text-decoration:underline;text-decoration-color:var(--ek-coral)}
/* El título se mantiene blanco también en hover/focus (anula el acento genérico de .hub-grid). */
body.ek-problem-hub .ek-ed-cards .ek-ed-card:hover .ek-ed-card-title,body.ek-problem-hub .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-title,
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:hover .ek-ed-card-title,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-title{color:#fff}
@media(max-width:900px){body.ek-problem-hub .ek-discovery-grid.ek-ed-cards,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){.ek-ed-cards .ek-ed-card-photo,.ek-ed-cards .ek-ed-card-arrow,.ek-ed-cards .ek-ed-card-glass{transition:none!important}body.ek-problem-hub .ek-ed-cards .ek-ed-card:hover .ek-ed-card-photo,body.ek-problem-hub .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-photo,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:hover .ek-ed-card-photo,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-card:focus-visible .ek-ed-card-photo{transform:none}}

/* Destacado de /entender-tu-cuerpo/: card horizontal a todo el ancho (foto a la izquierda, texto a la derecha). */
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .story.ek-ed-wide{grid-column:1/-1}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);aspect-ratio:auto;min-height:clamp(300px,29vw,400px);background:var(--ek-cream)}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-photo{position:relative;inset:auto;width:100%;height:100%;min-height:100%}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-glass{display:none}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-body{position:relative;inset:auto;justify-content:center;padding:clamp(26px,3vw,48px)}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-label{color:var(--ek-accent);text-shadow:none}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-title{color:var(--ek-ink);text-shadow:none;font-size:clamp(1.55rem,1.15rem + 1vw,2.15rem)}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-desc{color:var(--ek-muted);text-shadow:none;max-width:44ch;-webkit-line-clamp:unset}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-cta{color:var(--ek-ink)}
body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card:hover .ek-ed-card-title,body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card:focus-visible .ek-ed-card-title{color:var(--ek-ink)}
@media(max-width:900px){
  body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card{grid-template-columns:1fr;min-height:0}
  body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-photo{aspect-ratio:16/10;height:auto;min-height:0}
  body:is(.ek-knowledge-hub,[data-template="editorial-index"]) .ek-ed-cards .ek-ed-wide .ek-ed-card-body{padding:24px 22px 28px}
}

/* Portada /articulos/ — jerarquía editorial: destacada + esenciales, y segunda capa más ligera. */
body[data-template="editorial-index"] .ek-ed-cards .catalog-more{grid-column:1/-1;margin-top:clamp(30px,4.5vw,60px)}
body[data-template="editorial-index"] .ek-ed-cards .catalog-more[hidden]{display:none}
body[data-template="editorial-index"] .ek-ed-cards .catalog-subhead{margin:0;padding-top:clamp(22px,3vw,36px);border-top:var(--ek-line-width) solid var(--ek-line);font:400 clamp(1.7rem,1.25rem + 1.5vw,2.6rem)/1.1 var(--ek-font-heading);letter-spacing:-.02em;color:var(--ek-ink)}
body[data-template="editorial-index"] .ek-ed-cards .catalog-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.3vw,34px);margin-top:clamp(22px,3vw,36px);align-items:start}
body[data-template="editorial-index"] .ek-ed-cards .story--secondary .ek-ed-card{aspect-ratio:1/1}
body[data-template="editorial-index"] .ek-ed-cards .story--secondary .ek-ed-card-title{font-size:clamp(1.02rem,.95rem + .3vw,1.22rem)}
body[data-template="editorial-index"] .ek-ed-cards .story--secondary .ek-ed-card-desc{-webkit-line-clamp:2}
@media(max-width:900px){body[data-template="editorial-index"] .ek-ed-cards .catalog-more-grid{grid-template-columns:1fr;gap:18px}}

/* Contacto — pase editorial final: hero compacto + franja práctica de 3 columnas + primera visita. */
body[data-template="contact"] .contact-layout{width:calc(100% - 48px)!important;max-width:1240px!important;margin:0 auto!important}
body[data-template="contact"] .contact-content{width:100%;max-width:none;padding-top:0}
body[data-template="contact"] .contact-practical{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,3.6vw,64px);padding:clamp(44px,5.5vw,72px) 0;border-block:1px solid var(--ek-line)}
body[data-template="contact"] .contact-practical>div{min-width:0}
body[data-template="contact"] .contact-practical h2{font-size:clamp(1.4rem,2.2vw,2rem);margin:0 0 16px}
body[data-template="contact"] .contact-practical p,body[data-template="contact"] .contact-practical address{margin:0;color:var(--ek-muted);line-height:1.7;font-style:normal}
body[data-template="contact"] .contact-practical a{color:var(--ek-ink);text-underline-offset:4px}
body[data-template="contact"] .contact-first{margin-top:clamp(44px,5.5vw,72px);padding:clamp(32px,4vw,56px) clamp(24px,4vw,64px);background:var(--ek-cream);border:0;border-radius:22px}
body[data-template="contact"] .contact-first h2{max-width:15ch}
body[data-template="contact"] .contact-first p{margin:0;color:var(--ek-muted);line-height:1.7}
body[data-template="contact"] .contact-first>a{display:inline-block;margin-top:22px;color:var(--ek-ink);text-underline-offset:4px;font-weight:600}
@media(max-width:700px){
  body[data-template="contact"] .contact-layout{width:calc(100% - 32px)!important}
  body[data-template="contact"] .contact-practical{grid-template-columns:1fr;gap:28px;padding:34px 0}
  body[data-template="contact"] .contact-first{margin-top:34px;padding:30px 22px;border-radius:18px}
}

/* ---------------------------------------------------------------------------
   Reseñas — fondo editorial único: el mar (reviews-bg-oceano.webp) con efecto
   gaussiano suave sobre scrim petróleo. Se aplica a todas las cajas de reseña
   del sitio (artículos, problemas, lecturas breves y hubs) excepto la página
   /resenas/ (superficie propia) y la home (tarjeta de cristal propia).
   Sustituye el fondo de pigmento anterior (bg-resenas.webp).
   --------------------------------------------------------------------------- */
body.ek-unified:not([data-template="reviews"]):not([data-template="home"]) .review{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#182229;
  background-image:none;
  border:1px solid rgba(244,243,238,.14);
  box-shadow:none;
}
body.ek-unified:not([data-template="reviews"]):not([data-template="home"]) .review:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:1;mix-blend-mode:soft-light;
  background-image:linear-gradient(180deg,rgba(16,27,33,.35) 0%,rgba(16,27,33,.05) 34%,rgba(16,27,33,.05) 66%,rgba(16,27,33,.32) 100%),url('/images/reviews-bg-oceano.webp');
  background-size:cover,cover;background-position:center,center 8%;background-repeat:no-repeat;
  filter:blur(6px) brightness(1.12) saturate(1.05);
}
body.ek-unified:not([data-template="reviews"]):not([data-template="home"]) .review>*{position:relative;z-index:1}

/* ---------------------------------------------------------------------------
   Reproductor de audio — MODO GRAFITO (global).
   El reproductor, su biblioteca desplegable y el mini comparten la paleta del
   footer grafito. Se sobrescriben los tokens en el propio scope para no tener
   que reescribir cada regla. El desplegable de "Compartir reseña" (.ek-share)
   se excluye: conserva su superficie propia.
   --------------------------------------------------------------------------- */
.ek-player,
.ek-library:not(.ek-share){
  --ek-paper:#182229;
  --ek-ink:#F4F3EE;
  --ek-text:#F4F3EE;
  --ek-text-muted:#94A3A9;
  --ek-muted:#94A3A9;
  --ek-line:rgba(244,243,238,.16);
  --ek-line-soft:rgba(244,243,238,.12);
  --ek-alice:rgba(244,243,238,.10);
  --ek-cream:rgba(244,243,238,.10);
  --ek-link-hover-bg:rgba(244,243,238,.10);
  --ek-deep:var(--ek-coral);
}
/* Reproductor normal */
.ek-player{background:#182229;border-color:rgba(244,243,238,.16);color:#F4F3EE;box-shadow:0 10px 34px rgba(9,16,20,.5)}
body.ek-long-article .ek-player{background:#182229;border-color:rgba(244,243,238,.16)}
.ek-player a,body.ek-long-article .ek-player a{color:#F4F3EE}
.ek-player-sub,.ek-player-timing{color:#94A3A9}
.ek-player-controls button,.ek-player-library,.ek-player-close,.ek-player-min{color:#F4F3EE}
.ek-player-step:hover,.ek-player-step:focus-visible,
.ek-player-library:hover,.ek-player-library:focus-visible,.ek-player-library[aria-expanded="true"],
.ek-player-close:hover,.ek-player-close:focus-visible,
.ek-player-min:hover,.ek-player-min:focus-visible{color:#fff;background:rgba(244,243,238,.10)}
.ek-player-toggle{background:var(--ek-coral);color:#182229}
.ek-player-toggle:hover,.ek-player-toggle:focus-visible{background:#fff;color:#182229}
.ek-player-thumb{background:linear-gradient(145deg,rgba(244,243,238,.12),rgba(244,243,238,.05) 72%,rgba(226,149,120,.2))}
.ek-player-progress{background:rgba(244,243,238,.18)}
.ek-player-progress span{background:var(--ek-coral)}
/* Diferenciación cuando el reproductor cae sobre el footer grafito: halo claro. */
body .ek-player.is-over-footer{border-color:rgba(244,243,238,.42)!important;box-shadow:0 0 0 1px rgba(244,243,238,.24),0 12px 36px rgba(9,16,20,.55)!important}
/* Biblioteca desplegable */
.ek-library:not(.ek-share) .ek-library-scrim{background:rgba(9,16,20,.55)}
.ek-library:not(.ek-share) .ek-library-sheet{background:#182229;border-color:rgba(244,243,238,.16);color:#F4F3EE;box-shadow:0 -12px 44px rgba(9,16,20,.5)}
.ek-library:not(.ek-share) .ek-library-grab{background:rgba(244,243,238,.28)}
.ek-library:not(.ek-share) .ek-library-head h2{color:#F4F3EE}
.ek-library:not(.ek-share) .ek-library-head button{color:#F4F3EE;border-color:rgba(244,243,238,.2)}
.ek-library:not(.ek-share) .ek-library-head button:hover,.ek-library:not(.ek-share) .ek-library-head button:focus-visible{background:rgba(244,243,238,.10);border-color:rgba(244,243,238,.4)}
.ek-library:not(.ek-share) .ek-library-chips .ek-segmented button{color:#BFC9CD;border-color:rgba(244,243,238,.18)}
.ek-library:not(.ek-share) .ek-library-chips .ek-segmented button:hover,.ek-library:not(.ek-share) .ek-library-chips .ek-segmented button:focus-visible{background:rgba(244,243,238,.08);color:#F4F3EE}
.ek-library:not(.ek-share) .ek-library-chips .ek-segmented button.is-active{background:rgba(226,149,120,.26);color:#F4F3EE}
.ek-library:not(.ek-share) .ek-library-auto{color:#94A3A9}
.ek-library:not(.ek-share) .ek-library-auto input{accent-color:var(--ek-coral)}
.ek-library:not(.ek-share) .ek-library-item{border-top-color:rgba(244,243,238,.12)}
.ek-library:not(.ek-share) .ek-library-item:hover,.ek-library:not(.ek-share) .ek-library-row:focus-visible{background:rgba(244,243,238,.06)}
.ek-library:not(.ek-share) .ek-library-item.is-active{background:rgba(244,243,238,.08)}
.ek-library:not(.ek-share) .ek-library-icon{background:#1e2a31;border-color:rgba(244,243,238,.2);color:#F4F3EE}
.ek-library:not(.ek-share) .ek-library-thumb{border-color:rgba(244,243,238,.16);background:linear-gradient(145deg,rgba(244,243,238,.12),rgba(244,243,238,.05) 72%,rgba(226,149,120,.18))}
.ek-library:not(.ek-share) .ek-library-copy strong{color:#F4F3EE}
.ek-library:not(.ek-share) .ek-library-copy small,.ek-library:not(.ek-share) .ek-library-state,.ek-library:not(.ek-share) .ek-library-empty{color:#94A3A9}
.ek-library:not(.ek-share) .ek-library-state.is-done{color:#F4F3EE}
.ek-library:not(.ek-share) .ek-library-state.is-badge{background:rgba(226,149,120,.24);color:#F4F3EE}
.ek-library:not(.ek-share) .ek-library-state.is-loading{color:#94A3A9}
.ek-library:not(.ek-share) .ek-library-state.is-error{color:var(--ek-coral)}
.ek-library:not(.ek-share) .ek-library-meter{background:rgba(244,243,238,.14)}
.ek-library:not(.ek-share) .ek-library-item.is-active .ek-library-meter{background:rgba(244,243,238,.18)}
.ek-library:not(.ek-share) .ek-library-item.is-active .ek-library-meter>span{background:var(--ek-coral)}
.ek-library:not(.ek-share) .ek-library-continue{background:rgba(226,149,120,.14)}
.ek-library:not(.ek-share) .ek-library-continue .ek-library-copy small{color:#94A3A9}
.ek-library:not(.ek-share) .ek-library-read{color:#F4F3EE;border-color:rgba(244,243,238,.3)}
.ek-library:not(.ek-share) .ek-library-read:hover,.ek-library:not(.ek-share) .ek-library-read:focus-visible{color:#fff;border-color:#fff}

/* ---------------------------------------------------------------------------
   CHROME GRAFITO (global): pill, desplegables, diálogos y auxiliares.
   Misma familia que el footer y el reproductor. El header transparente de arriba
   (incluido el de foto-hero) no se toca: el grafito aparece cuando el chrome
   "flota".
   --------------------------------------------------------------------------- */
/* Pill */
.ek-header.is-pill .ek-header-inner{
  background:rgba(24,34,41,.86);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
  border-color:rgba(244,243,238,.14);
  box-shadow:0 10px 30px rgba(9,16,20,.45);
  --ek-ink:#F4F3EE;--ek-text:#F4F3EE;--ek-text-muted:#94A3A9;--ek-muted:#94A3A9;
  --ek-line:rgba(244,243,238,.22);--ek-link-hover-bg:rgba(244,243,238,.10);--ek-cream:rgba(244,243,238,.10);
}
.ek-header.is-pill .ek-logo img{filter:brightness(0) invert(1)}
.ek-header.is-pill .ek-nav a,.ek-header.is-pill .ek-editorial-nav a,.ek-header.is-pill .ek-explore summary{color:#F4F3EE}
.ek-header.is-pill .ek-nav a:hover,.ek-header.is-pill .ek-nav a:focus-visible,
.ek-header.is-pill .ek-editorial-nav a:hover,.ek-header.is-pill .ek-editorial-nav a:focus-visible,
.ek-header.is-pill .ek-explore summary:hover,.ek-header.is-pill .ek-explore summary:focus-visible{color:#ffffff}
.ek-header.is-pill .ek-nav a[aria-current],.ek-header.is-pill .ek-editorial-nav a[aria-current]{color:var(--ek-coral)}
.ek-header.is-pill .ek-explore summary:after{color:rgba(244,243,238,.7)}
.ek-header.is-pill .ek-icon{color:#F4F3EE;border-color:rgba(244,243,238,.3)}
.ek-header.is-pill .ek-icon:hover,.ek-header.is-pill .ek-icon:focus-visible{color:#fff;border-color:rgba(244,243,238,.55);background:rgba(244,243,238,.10)}
.ek-header.is-pill .ek-header-inner>.button{display:inline-flex;align-items:center;gap:8px;background:#F4F3EE;border:1px solid #F4F3EE;color:#182229}
.ek-header.is-pill .ek-header-inner>.button:hover,.ek-header.is-pill .ek-header-inner>.button:focus-visible{background:#ffffff;border-color:#ffffff;color:#182229}
.ek-header.is-pill .ek-header-inner>.button::before{content:"";flex:0 0 auto;width:1.1em;height:1.1em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413'/%3E%3C/svg%3E") center/contain no-repeat}
/* Desplegable Explorar */
.ek-explore nav{background:#182229;border-color:rgba(244,243,238,.16);box-shadow:0 18px 50px rgba(9,16,20,.5)}
.ek-explore nav a{color:#F4F3EE}
.ek-explore nav a:hover,.ek-explore nav a:focus-visible{background:rgba(244,243,238,.08);color:#ffffff}
/* Diálogos */
.ek-dialog{
  --ek-paper:#182229;--ek-ink:#F4F3EE;--ek-text:#F4F3EE;--ek-text-muted:#94A3A9;--ek-muted:#94A3A9;
  --ek-line:rgba(244,243,238,.16);--ek-line-soft:rgba(244,243,238,.12);--ek-cream:rgba(244,243,238,.10);--ek-link-hover-bg:rgba(244,243,238,.10);
  background:#182229;border-color:rgba(244,243,238,.16);color:#F4F3EE;
}
.ek-dialog nav a{border-bottom-color:rgba(244,243,238,.14);color:#F4F3EE}
.ek-dialog nav a:hover,.ek-dialog nav a:focus-visible{color:var(--ek-coral)}
.ek-dialog h2,.ek-dialog-head h2{color:#F4F3EE}
.ek-dialog .ek-icon{color:#F4F3EE;border-color:rgba(244,243,238,.28)}
.ek-dialog .ek-icon:hover,.ek-dialog .ek-icon:focus-visible{color:#fff;border-color:rgba(244,243,238,.5);background:rgba(244,243,238,.10)}
.ek-dialog::backdrop,body.ek-unified .ek-dialog::backdrop{background:rgba(9,16,20,.6)}
.ek-search-input{border-color:rgba(244,243,238,.22);color:#F4F3EE;background:rgba(244,243,238,.04)}
.ek-search-input::placeholder{color:rgba(244,243,238,.5)}
.ek-search-results a{border-bottom-color:rgba(244,243,238,.14)}
.ek-search-results small{color:#94A3A9}
.ek-result-type{color:var(--ek-coral)}
body.ek-long-article .ek-dialog#ek-info .ek-dialog-head{border-bottom-color:rgba(244,243,238,.14)}
body.ek-long-article .ek-dialog#ek-info .ek-info-body a{color:var(--ek-coral)}
/* Auxiliares */
.ek-article-nav nav{background:#182229;border-color:rgba(244,243,238,.16)}
.ek-article-nav nav a{color:#F4F3EE}
.ek-article-nav summary{color:#F4F3EE}
.ek-index-button{background:#182229!important;color:#F4F3EE!important;border-color:rgba(244,243,238,.2)!important}