/* Revision editorial: 27/10/2026. */
body.ek-unified .ek-footer{margin-bottom:0!important;border-radius:30px 30px 0 0!important;padding-top:clamp(20px,3vw,45px)!important}
body.ek-unified:has(main.ek-problem-hub) .ek-footer{border-radius:30px 30px 0 0!important}
body.ek-unified .ek-footer-shell{padding-bottom:0!important}
@media(max-width:650px){body.ek-unified .ek-footer{margin:45px 0 0!important;border-radius:24px 24px 0 0!important}}
.ek-header .ek-explore[open]{z-index:120;isolation:isolate}
.ek-header .ek-explore>nav{z-index:121!important;pointer-events:auto!important}
.ek-header .ek-explore>nav>a{z-index:122!important;position:relative;pointer-events:auto!important;min-height:44px}
body.ek-integrated .ek-section-index a,body.ek-integrated .ek-section-index a:hover,body.ek-integrated .ek-problem-index a,body.ek-integrated .ek-problem-index a:hover{border-color:transparent!important;box-shadow:none!important}
body.ek-integrated .ek-section-index a:hover{background:#e8e9df!important}
body.ek-integrated .ek-section-index a:focus-visible{outline:2px solid #303b32!important;outline-offset:3px}
.ek-integrated .home-flow .home-work-main>h2,.ek-integrated .home-flow .home-work-main>h2.is-stuck{background-image:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.ek-integrated .home-flow .home-work-main>h2.is-stuck,.ek-integrated .ek-section>h2.is-stuck{font-size:var(--ek-fs-h2)!important;padding:14px 16px!important;background:#f4f0e7!important;border-bottom:1px solid #303b321f}
.ek-integrated .home-flow .home-work-main>h2.is-stuck:after{display:none!important}
.ek-page-share{padding:clamp(25px,3vw,36px)!important;border:0!important;box-shadow:none!important}
/* ATO-366 · Las tres redes comparten una sola fila de tres columnas. */
.ek-page-share-links{padding-top:18px!important;margin-top:22px!important;gap:10px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ek-page-share-links a{padding:12px 8px!important;min-height:76px!important}
.ek-page-share-status:empty{min-height:0;margin:0}
main.ek-showcase-page{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 64px!important}
main.ek-showcase-page>.ek-showcase-hero{width:100%;max-width:none;min-height:clamp(700px,84svh,960px);margin:0 0 clamp(44px,6vw,86px);padding-top:var(--ek-header-h,100px);--ph-overlay:rgba(17,29,26,.27)}
/* Showcase cards inherit the shared hero glass, width and inset. Equal
   minimum height aligns their top edge despite different amounts of copy. */
main.ek-showcase-page>.ek-showcase-hero .ph-card{min-height:430px;color:#fff}
/* Reviews only: this short introduction needs its own natural card height. */
body.ek-reviews-page main.ek-showcase-page>.ek-showcase-hero .ph-card{min-height:0}
main.ek-showcase-page>.ek-showcase-hero .ph-card h1{font:var(--ek-fw-heading) var(--ek-fs-h1)/var(--ek-lh-heading) var(--ek-font-display);color:#fff;letter-spacing:var(--ek-ls-heading);max-width:17ch;margin:20px 0}
main.ek-showcase-page>.ek-showcase-hero .ph-card .eyebrow{font-size:var(--ek-fs-meta);letter-spacing:var(--ek-ls-meta);color:#f2ede4}
main.ek-showcase-page>.ek-showcase-hero .ph-card p,main.ek-showcase-page>.ek-showcase-hero .ph-card .ek-introduction{color:#f5f1e9!important;background:none!important;border:0!important;line-height:var(--ek-lh-body);}
main.ek-showcase-page>.ek-showcase-hero .ph-card .ek-page-actions{margin-top:22px}
main.ek-showcase-page>.ek-showcase-hero .ph-card .share-trigger{color:#fff!important}
main.ek-showcase-page>.ek-showcase-hero .ph-stage img{object-position:50% 45%}
body.ek-reviews-page main.ek-showcase-page>.ek-reviews-tools{width:min(1100px,calc(100% - 64px));margin-inline:auto;padding-top:28px;border-top:1px solid var(--ek-line)}
body.ek-reviews-page main.ek-showcase-page>.ek-reviews-list{width:min(880px,calc(100% - 64px));margin-inline:auto}
body.ek-questions main.ek-showcase-page>.ek-document{width:min(1100px,calc(100% - 64px));margin-inline:auto}
main.ek-editorial-reviews .ek-exp-action-row{display:flex;justify-content:flex-end;margin:16px 0 24px}
main.ek-editorial-reviews .ek-exp-share{display:inline-flex;gap:9px;align-items:center;min-height:42px;padding:9px 17px;border:0;border-radius:999px;background:#e8e9e1;color:#303b32;font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body);cursor:pointer}
main.ek-editorial-reviews .ek-exp-share svg{width:18px;height:18px;flex:none}
main.ek-editorial-reviews .ek-exp-share:hover{background:#d7dfd4;color:#303b32}
main.ek-editorial-reviews .ek-exp-share:focus-visible{outline:2px solid #303b32;outline-offset:3px}
main.ek-editorial-reviews .ek-exp-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ek-integrated .goal-paths>a{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important}
.ek-integrated .goal-paths>a svg{position:static!important;flex:none;margin:0!important}
.ek-integrated .goal-paths>a span{flex:0 1 auto;min-width:0}
.ek-integrated .ek-problem-index li>a{display:flex!important;flex-direction:column;min-height:220px;height:100%}
.ek-integrated .ek-problem-index li>a>:last-child{margin-top:auto}
body.problem-index .ek-restored-hero--problem:not(.ek-restored-hero--detail) .ph-stage img{object-position:37% 42%!important}
.ek-about-journey{margin:clamp(55px,7vw,95px) 0;padding:clamp(32px,4vw,62px) 0;border-block:1px solid var(--ek-line)}
.ek-about-journey h2{margin:18px 0 34px;font-size:var(--ek-fs-h2);}
.ek-about-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ek-about-path>div{display:flex;flex-direction:column;gap:12px;padding:10px 0 24px;border-bottom:1px solid var(--ek-line)}
.ek-about-path span{letter-spacing:normal;text-transform:uppercase;font-size:var(--ek-fs-meta);}
.ek-about-path strong{font:var(--ek-fw-heading) var(--ek-fs-h3)/var(--ek-lh-heading) var(--ek-font-heading);}
.ek-about-journey>p:last-child{margin-top:28px;max-width:60ch}
@media(max-width:650px){
 main.ek-showcase-page>.ek-showcase-hero{min-height:max(800px,100svh)!important;padding-top:var(--ek-header-h,82px)}
 main.ek-showcase-page>.ek-showcase-hero .ph-card{min-height:0}
 main.ek-showcase-page>.ek-showcase-hero .ph-card h1{font-size:var(--ek-fs-h1);}
 body.ek-reviews-page main.ek-showcase-page>.ek-reviews-tools,body.ek-reviews-page main.ek-showcase-page>.ek-reviews-list,body.ek-questions main.ek-showcase-page>.ek-document{width:calc(100% - 36px)}
 main.ek-editorial-reviews .ek-exp-action-row{justify-content:flex-start}
 .ek-about-path{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.ek-showcase-hero *,main .ek-exp-share{transition:none!important}}

/* Sobre mí: three editorial focusses; all six original chapters remain accessible. */
.ek-about-curated{margin:clamp(65px,7vw,120px) 0;max-width:1040px}
.ek-about-curated>h2{margin:16px 0 36px;max-width:25ch;font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) var(--ek-font-heading);}
.ek-about-focus-grid,.ek-about-learning-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,35px)}
.ek-about-focus-card{padding:23px 0;border-top:1px solid var(--ek-line);min-width:0}
.ek-about-focus-num{font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:normal;color:var(--ek-muted)}
.ek-about-focus-card h3{margin:18px 0 15px;font:var(--ek-fw-heading) var(--ek-fs-h3)/var(--ek-lh-heading) var(--ek-font-heading);}
.ek-about-focus-card p{font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);max-width:40ch}
.ek-about-learning{margin:clamp(55px,7vw,100px) 0}
.ek-about-learning h2{font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) var(--ek-font-heading);margin:16px 0 28px}
.ek-about-learning-list span{display:block;border-top:1px solid var(--ek-line);padding:17px 0;font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);}
.ek-about-chapters{margin:60px 0 80px;border-top:1px solid var(--ek-line);border-bottom:1px solid var(--ek-line)}
.ek-about-chapters>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;cursor:pointer;font-weight:var(--ek-fw-action);list-style:none}
.ek-about-chapters[open]>summary span{transform:rotate(45deg)}
.ek-about-chapters-body{padding:20px 0 40px}
.ek-about-chapters :is(summary,a):focus-visible{outline:2px solid #303b32;outline-offset:3px}
@media(max-width:700px){.ek-about-focus-grid,.ek-about-learning-list{grid-template-columns:1fr}.ek-about-focus-card{padding-block:18px}.ek-about-curated>h2{margin-bottom:28px}}


/* 27/10/2026 · Last review, applied to the shared design system.
   Photographs stay as shot; glass is limited to text panels. */
.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero) .ph-stage img,
.ek-unified :is(.ek-ed-card,.related a) img,
.ek-unified :is(.ek-ed-card,.related a):hover img{
  filter:none!important;opacity:1!important;
}
/* The photograph keeps its light: no global veil. ATO-366 · I1 adds one
   LOCAL band under the header, so the 12px white links of the menu reach
   the WCAG 4.5:1 ratio on the real picture. The band fades out before the
   middle of the frame and the crop is untouched. */
.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero) .ph-overlay{
  background-color:transparent!important;
  background-image:linear-gradient(180deg,rgba(9,15,19,.62) 0,rgba(9,15,19,.54) 96px,rgba(9,15,19,.18) 180px,rgba(9,15,19,0) 260px)!important;
  background-repeat:no-repeat!important;
  background-size:100% 260px!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.ek-unified .ek-ed-card:before{opacity:0!important}
.ek-unified .ek-ed-card-glass{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ek-unified .ek-ed-card-body{background:rgba(30,40,35,.84)!important;border:0!important}
.ek-unified .related>ul>li>a,
.ek-unified .related>ul>li>a:is(:hover,:active){border:0!important;box-shadow:none!important}
.ek-unified .related>ul>li>a:focus-visible{outline:2px solid #789482!important;outline-offset:4px}
.ek-unified .related-image img{filter:none!important}
/* All PHOTO hero cards: same serif as Problemas que trato, sans for body. */
.ek-unified .ek-restored-hero .ph-card h1,
.ek-unified .ek-restored-hero .ph-card .ph-title,
.ek-unified .ek-showcase-hero .ph-card h1,
.ek-unified .ek-hub-hero .ph-card--hub h1{
  font-family:var(--ek-font-heading)!important;font-weight:var(--ek-fw-heading)!important;
  font-style:normal;line-height:var(--ek-lh-heading)!important;letter-spacing:var(--ek-ls-heading);
}
.ek-unified .ek-showcase-hero .ph-card h1{font-size:var(--ek-fs-h1)!important;}
@media(max-width:650px){
 .ek-unified .ek-showcase-hero .ph-card h1{font-size:var(--ek-fs-h1)!important;}
}
/* Problemas cover: breathing room, fewer text lines, face right of the panel. */
.ek-unified .ek-hub-hero .ph-card--hub{
  width:min(466px,100%)!important;background:rgba(19,31,37,.88);
  border:0!important;
}
.ek-unified .ek-hub-hero .ph-card--hub .ek-introduction{
  margin-top:clamp(27px,2.8vw,38px)!important;
}
.ek-unified .ek-hub-hero .ek-hub-intro-preview{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.ek-unified .ek-hub-hero .ph-card--hub:has(.ek-hub-intro-more[open]) .ek-hub-intro-preview{
 display:block;-webkit-line-clamp:unset;overflow:visible;
}
.ek-unified .ek-hub-hero .ek-hub-intro-more{margin-top:11px}
.ek-unified .ek-hub-hero .ek-hub-intro-more summary{
  display:inline-flex;align-items:center;min-height:42px;cursor:pointer;
  font-size:var(--ek-fs-ui);font-weight:var(--ek-fw-action);color:#fff;text-decoration:underline;
  text-underline-offset:5px;list-style:none;
}
.ek-unified .ek-hub-hero .ek-hub-intro-more summary::-webkit-details-marker{display:none}
.ek-unified .ek-hub-hero .ek-hub-intro-more summary:focus-visible{
  outline:2px solid #fff;outline-offset:4px;border-radius:4px;
}
.ek-unified .ek-hub-hero .ek-hub-collapse{display:none}
.ek-unified .ek-hub-hero .ek-hub-intro-more[open] .ek-hub-expand{display:none}
.ek-unified .ek-hub-hero .ek-hub-intro-more[open] .ek-hub-collapse{display:inline}
.ek-unified .ek-hub-hero .ek-hub-extra-copy{margin-top:6px}
@media(min-width:1001px){
 .ek-unified .ek-hub-hero .ph-stage img{
  object-position:32% 42%!important;transform:translateX(3%) scale(1.08);
 }
}
@media(max-width:1000px){
 .ek-unified .ek-hub-hero .ph-stage img{object-position:48% 36%!important;transform:none}
}
/* Reviews: hero full bleed; filters, search, chips and review text constrained. */
body.ek-reviews-page main.ek-showcase-page
:is(.ek-reviews-tools,.ek-reviews-filter,.ek-reviews-count,.ek-reviews-list){
  width:min(900px,calc(100% - 48px))!important;max-width:900px!important;
  margin-inline:auto!important;box-sizing:border-box;
}
body.ek-reviews-page main.ek-showcase-page .ek-reviews-filter{padding-inline:0!important}
@media(max-width:650px){
 body.ek-reviews-page main.ek-showcase-page
 :is(.ek-reviews-tools,.ek-reviews-filter,.ek-reviews-count,.ek-reviews-list){
  width:calc(100% - 36px)!important;
 }
}
/* Osteopathy quick links are compact rounded navigation buttons, not cards. */
.ek-unified nav.ek-section-index{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;align-items:stretch!important;
  margin-block:clamp(24px,3vw,40px)!important;
}
.ek-unified nav.ek-section-index a,
.ek-unified nav.ek-section-index a:is(:hover,:active){
  box-sizing:border-box;display:flex!important;align-items:center!important;
  min-height:54px!important;height:auto!important;padding:12px 20px!important;
  border:0!important;border-radius:999px!important;
  background:#e8e9df!important;color:#303b32!important;box-shadow:none!important;
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;text-decoration:none!important;
}
.ek-unified nav.ek-section-index a:hover{background:#dadfd3!important}
.ek-unified nav.ek-section-index a:focus-visible{
  outline:2px solid #303b32!important;outline-offset:3px!important;
}
@media(max-width:650px){
 .ek-unified nav.ek-section-index{grid-template-columns:1fr!important;gap:9px!important}
 .ek-unified nav.ek-section-index a{min-height:48px!important;padding:11px 18px!important}
}
/* Share is its own purposeful action, distinct from metadata.
   ATO-366 · The hero share trigger adopts the outline geometry of the
   «Pedir cita» CTA: thin outline, transparent fill, compact pill and a
   small linear icon. No cream block and no shadow. */
.ek-unified .ek-page-actions .share-trigger,
.ek-unified .ph-card .ek-page-actions .share-trigger{
  display:inline-flex!important;align-items:center;gap:10px;
  padding:10px 20px!important;min-height:44px!important;
  background:transparent!important;color:#283a2f!important;
  border:1px solid #283a2f!important;border-radius:99px!important;
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
  box-shadow:none!important;-webkit-text-fill-color:#283a2f!important;
  opacity:1!important;text-shadow:none!important;
}
.ek-unified .ek-page-actions .share-trigger svg{
  width:16px;height:16px;flex:none;stroke-width:1.5;
}
.ek-unified .ek-page-actions .share-trigger:hover{
  background:#283a2f14!important;color:#1d2c23!important;
}
.ek-unified .ek-page-actions .share-trigger:focus-visible{
  outline:2px solid #283a2f!important;outline-offset:3px!important;
}
/* On a dark photographic panel the same geometry reads in ivory. */
.ek-unified .ek-restored-hero .ek-page-actions .share-trigger,
.ek-unified .ek-hub-hero .ek-page-actions .share-trigger,
.ek-unified main.ek-showcase-page>.ek-showcase-hero .ek-page-actions .share-trigger{
  color:#f7f4ec!important;border-color:#f7f4ec!important;
  -webkit-text-fill-color:#f7f4ec!important;
}
.ek-unified .ek-restored-hero .ek-page-actions .share-trigger:hover,
.ek-unified .ek-hub-hero .ek-page-actions .share-trigger:hover,
.ek-unified main.ek-showcase-page>.ek-showcase-hero .ek-page-actions .share-trigger:hover{
  background:#f7f4ec1f!important;color:#fff!important;
}
.ek-unified .ek-restored-hero .ek-page-actions .share-trigger:focus-visible,
.ek-unified .ek-hub-hero .ek-page-actions .share-trigger:focus-visible,
.ek-unified main.ek-showcase-page>.ek-showcase-hero .ek-page-actions .share-trigger:focus-visible{
  outline:2px solid #f7f4ec!important;outline-offset:3px!important;
}
main.ek-editorial-reviews .ek-exp-action-row{
 display:flex!important;justify-content:flex-start!important;
 margin:22px 0 26px!important;padding:0!important;
}
main.ek-editorial-reviews .ek-exp-share{
 background:#dfe7da!important;color:#24372a!important;
 padding:11px 20px!important;min-height:46px!important;
 font-size:var(--ek-fs-ui)!important;box-shadow:none!important;
}
main.ek-editorial-reviews .ek-exp-share:hover{
 background:#cddbc8!important;color:#24372a!important;
}
/* Footer call to action: protected high-contrast hover and focus. */
.ek-unified .ek-footer .cta-banner__button,
.ek-unified .ek-footer .cta-banner__button:visited{
 background:#f4f0e7!important;color:#263c30!important;
}
.ek-unified .ek-footer .cta-banner__button:is(:hover,:active,:focus-visible){
 background:#fff!important;color:#263c30!important;
 text-shadow:none!important;opacity:1!important;
}
.ek-unified .ek-footer .cta-banner__button:focus-visible{
 outline:3px solid #fff!important;outline-offset:3px!important;
}

/* Ekonatura 28/10: final layout integration / one user-visible preview. */
/* Headings stay in-flow. A separate indicator uses the top strip. */
@media(min-width:1001px){
 body.ek-integrated .reading .ek-section:not(.ek-band):not(.help-section)>h2,
 body.ek-integrated .reading .ek-section>h2.is-stuck,
 body.ek-integrated .home-flow .home-block>h2,
 body.ek-integrated .home-flow .home-split-main>h2,
 body.ek-integrated .home-flow .home-work-main>h2{
  position:static!important;top:auto!important;z-index:auto!important;
  background:transparent!important;background-image:none!important;
  mask:none!important;-webkit-mask:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:0!important;box-shadow:none!important;text-shadow:none!important;padding:0!important;
  font-size:var(--ek-fs-h2)!important;line-height:var(--ek-lh-heading)!important;}
 body.ek-integrated .reading .ek-section>h2::after,
 body.ek-integrated .home-flow .home-block>h2::after,
 body.ek-integrated .home-flow .home-work-main>h2::after,
 body.ek-integrated .home-flow .home-split-main>h2::after{
  content:none!important;display:none!important
 }
}
/* Full-width slim magazine-style section indicator with a 2px progress rule. */
.ek-reading-indicator{
 position:fixed;top:0;left:0;right:0;z-index:52;
 display:flex;align-items:center;gap:clamp(10px,2vw,27px);
 height:63px;padding:10px max(22px,calc((100vw - 1120px)/2));
 background:#f4f0e7;color:#303b32;box-shadow:none;
 visibility:hidden;opacity:0;transform:translateY(-110%);
 transition:transform .2s ease,opacity .2s ease,visibility .2s
}
.ek-reading-indicator.is-visible{visibility:visible;opacity:1;transform:translateY(0)}
.ek-reading-kicker{font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:var(--ek-ls-meta);color:#6b776e;white-space:normal}
.ek-reading-selector{position:relative;min-width:0}
.ek-reading-current{display:flex;align-items:center;gap:14px;max-width:min(65vw,670px);
 padding:8px 0;border:0;background:transparent;color:#303b32;
 font:var(--ek-fw-body) var(--ek-fs-small)/var(--ek-lh-compact) var(--ek-font-body);text-align:left;cursor:pointer}
.ek-reading-label{overflow:hidden;text-overflow:ellipsis;white-space:normal}
.ek-reading-chevron{font-size:var(--ek-fs-h3);flex:none;opacity:.65}
.ek-reading-menu{position:absolute;top:100%;left:0;width:min(530px,calc(100vw - 44px));
 max-height:60vh;overflow:auto;padding:10px;background:#f4f0e7;border-radius:0 0 16px 16px;
 box-shadow:none}
.ek-reading-menu a{display:block;padding:10px 14px;color:#303b32;text-decoration:none;
 font-size:var(--ek-fs-small);line-height:var(--ek-lh-body);border-radius:8px}
.ek-reading-menu a:is(:hover,:focus-visible){background:#e2e7dc;color:#243c30}
.ek-reading-current:focus-visible{outline:2px solid #303b32;outline-offset:3px}
.ek-reading-counter{font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);margin-left:auto;white-space:normal;color:#6b776e}
.ek-reading-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#303b3214}
.ek-reading-progress{display:block;width:100%;height:100%;transform:scaleX(0);
 transform-origin:left;background:#779780;transition:transform .1s linear}
@media(max-width:650px){
 .ek-reading-indicator{height:57px;padding-inline:16px;gap:8px}
 .ek-reading-kicker{display:none}
 .ek-reading-counter{font-size:var(--ek-fs-meta);}
 .ek-reading-current{max-width:73vw;font-size:var(--ek-fs-meta);}
}
@media(prefers-reduced-motion:reduce){.ek-reading-indicator,.ek-reading-progress{transition:none!important}}
/* Editorial navigation links: broad enough to click, not oversized cards. */
body.ek-integrated nav.ek-section-index{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important
}
body.ek-integrated nav.ek-section-index>a,
body.ek-integrated nav.ek-section-index>a:is(:hover,:active),
body.ek-integrated .ek-problem-index li>a,
body.ek-integrated .ek-problem-index li>a:is(:hover,:active){
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:space-between!important;gap:14px!important;
 min-height:52px!important;height:auto!important;padding:12px 19px!important;
 border:0!important;border-radius:14px!important;
 background:#293b32!important;color:#f4f0e7!important;
 box-shadow:none!important;font:var(--ek-fw-body) var(--ek-fs-body)/var(--ek-lh-body) var(--ek-font-body)!important;
 text-decoration:none!important;overflow-wrap:anywhere
}
body.ek-integrated nav.ek-section-index>a::after{
 content:"→";font:var(--ek-fw-heading) 1.375rem/var(--ek-lh-heading) var(--ek-font-body);flex:none;margin-left:auto
}
body.ek-integrated nav.ek-section-index>a:hover,
body.ek-integrated .ek-problem-index li>a:hover{
 background:#3c5144!important;color:#fff!important
}
body.ek-integrated :is(nav.ek-section-index,.ek-problem-index) a:focus-visible{
 outline:2px solid #243b31!important;outline-offset:3px!important
}
body.ek-integrated .ek-problem-index li>a>:last-child{margin:0 0 0 auto!important}
@media(max-width:690px){
 body.ek-integrated nav.ek-section-index{grid-template-columns:1fr!important}
}
/* Return ALL photo hero titles to La experiencia's original Questrial family. */
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero) .ph-card h1,
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero) .ph-card .ph-title,
body.ek-unified main.ek-showcase-page>.ek-showcase-hero .ph-card h1{
 font-family:var(--ek-font-display)!important;font-weight:var(--ek-fw-heading)!important;
 font-style:normal!important;letter-spacing:var(--ek-ls-heading)!important;line-height:var(--ek-lh-heading)!important;}
/* Horizontal photographs: cover crop, no stretch, consistent hero height. */
body.ek-questions main.ek-showcase-page>.ek-showcase-hero .ph-stage img{
 width:100%!important;height:100%!important;object-fit:cover!important;
 object-position:63% 45%!important
}
body.ek-service-detail .ek-restored-hero:not(.ek-restored-hero--detail) .ph-stage img{
 width:100%;height:100%;object-fit:cover!important;object-position:60% 47%!important
}
@media(max-width:690px){
 body.ek-questions main.ek-showcase-page>.ek-showcase-hero .ph-stage img{object-position:69% center!important}
 body.ek-service-detail .ek-restored-hero:not(.ek-restored-hero--detail) .ph-stage img{object-position:65% center!important}
}
/* Sharing: no white-on-white for either global share or per-review actions.
   ATO-366 · The trigger is an outlined pill on a transparent fill, so the
   label never disappears on a light surface. The dark photographic panels
   keep their ivory variant through the more specific rules above. */
body.ek-unified .share-control .share-trigger,
body.ek-unified .share-control .share-trigger:is(:hover,:focus-visible,:active),
body.ek-unified .ph-card .share-control .share-trigger:is(:hover,:focus-visible,:active){
 color:#26392d!important;-webkit-text-fill-color:#26392d!important;
 background:transparent!important;border-color:#26392d!important;
 opacity:1!important;text-shadow:none!important
}
body.ek-unified .share-control .share-trigger:hover{background:#26392d14!important}
body.ek-unified .ek-page-share .ek-page-share-copy:is(:hover,:active,:focus-visible){
 background:#303b32!important;color:#fff!important;-webkit-text-fill-color:#fff!important
}
body.ek-unified .ek-exp-share:is(:hover,:focus-visible,:active),
body.ek-unified .ek-review-share:is(:hover,:focus-visible,:active){
 background:#dfe7da!important;color:#253a2e!important;-webkit-text-fill-color:#253a2e!important
}
/* FAQ search: plain matching questions, not illuminated grids of boxes.
   Keep only the input field's useful keyboard focus state. */
body.ek-questions .ek-faq-search-field:focus-within{
 outline:1px solid #6e866f!important;outline-offset:1px!important;
 border-color:#6e866f!important
}
body.ek-questions .ek-faq-panel>details{
 background:transparent!important;box-shadow:none!important;
 outline:0!important;border-left:0!important;border-right:0!important;
 margin-inline:0!important
}
body.ek-questions .ek-faq-panel>details[open]{
 background:transparent!important;box-shadow:none!important
}
body.ek-questions .ek-faq :is(button,summary):focus-visible{
 outline:2px solid #4a6c57!important;outline-offset:3px!important
}
/* /osteopatia/: regular editorial hierarchy, no erratic type size transitions. */
body[data-route="/osteopatia/"] .reading{font-size:var(--ek-fs-body)!important;line-height:var(--ek-lh-body);}
body[data-route="/osteopatia/"] .reading .ek-section>h2{
 font-size:var(--ek-fs-h2)!important;line-height:var(--ek-lh-heading)!important;
 margin-bottom:24px!important;max-width:32ch
}
body[data-route="/osteopatia/"] .reading :is(h3,.ek-intro-editorial-title){
 font-size:var(--ek-fs-h3)!important;line-height:var(--ek-lh-heading)!important;}
body[data-route="/osteopatia/"] .reading p{
 font-size:var(--ek-fs-body)!important;line-height:var(--ek-lh-body)!important;}
body[data-route="/osteopatia/"] .approved-techniques .technique-card>h3:first-child{
 font-size:var(--ek-fs-h3);line-height:var(--ek-lh-heading);}
body[data-route="/osteopatia/"] .approved-techniques .technique-card>p:not(:first-child){
 font-size:var(--ek-fs-body)!important;line-height:var(--ek-lh-body)!important;}
/* About: a discreet three-part narrative, not an oversized CV. */
.ek-unified .ek-about-learning{margin:clamp(74px,8vw,120px) 0;max-width:1040px;padding-top:14px}
.ek-unified .ek-about-learning h2{font-size:var(--ek-fs-h2);margin:16px 0 20px;max-width:25ch}
.ek-unified .ek-about-learning-lead{max-width:60ch;line-height:var(--ek-lh-body);font-size:var(--ek-fs-lede);margin:0 0 38px}
.ek-unified .ek-about-learning-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.8vw,32px)}
.ek-unified .ek-about-learning-item{border-top:1px solid #303b3227;padding-top:19px}
.ek-unified .ek-about-learning-step{
 display:block;border:0;padding:0;margin:0 0 18px;
 font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:normal;text-transform:uppercase;color:#667168
}
.ek-unified .ek-about-learning-item h3{
 font:var(--ek-fw-heading) var(--ek-fs-h3)/var(--ek-lh-heading) var(--ek-font-heading);margin:0 0 13px
}
.ek-unified .ek-about-learning-item p{font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);max-width:40ch}
.ek-unified .ek-about-experiences{
 display:grid;grid-template-columns:165px minmax(0,1fr);gap:22px;
 align-items:start;margin:52px 0 0;padding:24px 0;border-top:1px solid #303b3225
}
.ek-unified .ek-about-experiences p{font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);max-width:75ch}
@media(max-width:720px){
 .ek-unified .ek-about-learning-list,.ek-unified .ek-about-experiences{grid-template-columns:1fr}
 .ek-unified .ek-about-learning-list{gap:26px}
 .ek-unified .ek-about-experiences{gap:12px}
}
/* Home disclosure-banner: legible, stable headings and aligned media column. */
body.ek-home .home-banner{overflow:hidden}
body.ek-home .home-banner-summary{align-items:center!important;min-height:96px}
body.ek-home .home-banner-title{
 font-family:var(--ek-font-display)!important;
 font-size:var(--ek-fs-h2)!important;line-height:var(--ek-lh-body)!important;
 max-width:none!important;margin:0!important
}
body.ek-home .home-banner-panel{min-width:0}
body.ek-home .home-banner-visual img{width:100%!important;object-fit:cover!important}
@media(max-width:650px){body.ek-home .home-banner-summary{min-height:76px;padding:23px 22px!important}}

/* Expanded hero copy never changes its original photographed frame. */
.ek-unified :is(.ek-restored-hero,.ek-hub-hero).ek-hero-locked{
 height:var(--ek-hero-stable-height)!important;min-height:0!important
}
.ek-unified .ek-restored-hero.ek-hero-locked:has(.ph-more[open]) .ph-card,
.ek-unified .ek-hub-hero.ek-hero-locked:has(.ek-hub-intro-more[open]) .ph-card--hub{
 max-height:calc(var(--ek-hero-stable-height) - 154px);
 overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin
}
@media(max-width:700px){
 .ek-unified .ek-restored-hero.ek-hero-locked:has(.ph-more[open]) .ph-card{
  max-height:calc(var(--ek-hero-stable-height) - 90px)
 }
 .ek-unified .ek-hub-hero .ph-stage{height:clamp(300px,84vw,430px)!important;flex:none}
}
/* EKONATURA_MINIMAL_SHARE_FROSTED_READING_20261028: frosted editorial rail on regular Ekonatura pages ONLY; the personal white HTML keeps its original unchanged treatment. */
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-indicator{
  background:rgba(229,231,225,.91)!important;color:#28352d!important;
  border-bottom:1px solid rgba(45,58,49,.14)!important;box-shadow:none!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-current{
  display:inline-flex!important;align-items:center!important;
  min-height:44px!important;padding:7px 0!important;gap:9px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:#25372c!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-current:is(:hover,:focus-visible){
  background:transparent!important;color:#14231a!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-chevron{
  display:inline-flex!important;width:18px!important;height:18px!important;
  align-items:center!important;justify-content:center!important;
  opacity:1!important;font-size:0!important;line-height:var(--ek-lh-body)!important;
  color:transparent!important;background:none!important;
  border:0!important;box-shadow:none!important;flex:none!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-chevron::before{
  content:"";display:block;width:6px;height:6px;
  border-right:1.5px solid #34493a;border-bottom:1.5px solid #34493a;
  transform:translateY(-2px) rotate(45deg);transition:transform .17s ease;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-current[aria-expanded="true"] .ek-reading-chevron::before{
  transform:translateY(2px) rotate(225deg);
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu{
  background:rgba(236,238,232,.97)!important;color:#25372c!important;
  -webkit-backdrop-filter:blur(14px) saturate(110%)!important;
  backdrop-filter:blur(14px) saturate(110%)!important;
  border:1px solid rgba(45,58,49,.16)!important;border-top:0!important;
  box-shadow:none!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu a{color:#293a30!important}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu a:is(:hover,:focus-visible){
  background:rgba(35,55,42,.08)!important;color:#1c3022!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-kicker,
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-counter{color:#56665a!important}
@media(prefers-reduced-motion:reduce){
  body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-chevron::before{transition:none!important}
}


/* EKONATURA_MINIMAL_WHITE_READING_20261028: utility, not decoration.
   Applied to Ekonatura's cream pages only; never to the standalone B/W CV.
   A 47px white reading rail, non-translucent legible menu and a 1px progress line. */
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-indicator{
  height:47px!important;
  padding:0 max(22px,calc((100vw - 1120px)/2))!important;
  gap:clamp(10px,1.5vw,19px)!important;
  background:#fff!important;
  color:#28362c!important;
  border-bottom:1px solid #e1e5df!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-kicker{
  font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body)!important;
  letter-spacing:var(--ek-ls-meta)!important;
  color:#6b756c!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-selector{
  min-width:0!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-current{
  display:inline-flex!important;
  min-height:44px!important;
  align-items:center!important;
  gap:8px!important;
  max-width:min(67vw,640px)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#2e3c32!important;
  font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body)!important;
  letter-spacing:normal!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-current:is(:hover,:focus-visible){
  background:transparent!important;
  color:#151f18!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-chevron{
  width:15px!important;height:15px!important;min-width:15px!important;
  font-size:0!important;opacity:.8!important;
  padding:0!important;
  border:0!important;background:transparent!important;
  box-shadow:none!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-chevron::before{
  width:5px!important;height:5px!important;
  border-right:1.2px solid #66756a!important;
  border-bottom:1.2px solid #66756a!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-counter{
  font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body)!important;
  color:#778078!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-track{
  height:1px!important;
  background:#e3e8e2!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-progress{
  background:#788f7c!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu{
  top:calc(100% + 1px)!important;
  left:0!important;
  width:min(475px,calc(100vw - 32px))!important;
  max-height:min(58dvh,450px)!important;
  overflow-y:auto!important;
  padding:5px!important;
  background:#fff!important;
  color:#2e3b31!important;
  border:1px solid #dce2dc!important;
  border-top:0!important;
  border-radius:0 0 9px 9px!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu a{
  display:block!important;
  min-height:38px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:3px!important;
  background:transparent!important;
  color:#334137!important;
  font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body)!important;
  text-decoration:none!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu a:is(:hover,:focus-visible){
  background:#f1f4f0!important;
  color:#26372a!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu a[aria-current="location"]{
  background:#edf2ec!important;
  color:#2b3d30!important;
  font-weight:var(--ek-fw-body)!important;
}
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu a:focus-visible{
  outline:1px solid #788f7c!important;
  outline-offset:-2px!important;
}
@media(max-width:650px){
 body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-indicator{
   height:45px!important;
   padding:0 14px!important;
   gap:9px!important;
 }
 body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-current{
   font-size:var(--ek-fs-meta)!important;
   max-width:72vw!important;
   min-height:44px!important;
 }
 body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-menu{
   width:min(440px,calc(100vw - 28px))!important;
 }
}
/* EKONATURA_DARK_INDEX_WHITE_ARROWS_AND_BASE_NOTE_20261028
   Only dark-green problem shortcuts receive the white contrast arrow.
   Quiromasaje remains acknowledged as secondary training in the personal page. */
body.ek-integrated .ek-problem-index li>a .ek-problem-index-arrow{
  color:#fff!important;
}
body[data-route="/sobre-mi/detalle/"] .ek-personal-list .ek-personal-base-note{
  font-size:13px!important;
  font-weight:400!important;
  color:#666!important;
}

/* EKONATURA_PROBLEM_HUB_ROUNDED_HERO_20261028
   /problemas/: round both the photo's lower corners and the full hero's
   lower edge. On phones the photo stage is a separate stacked block, so
   both surfaces need clipping to show the curve. */
body.ek-integrated[data-route="/problemas/"] .ek-hub-hero {
  border-radius:0 0 clamp(24px,3vw,38px) clamp(24px,3vw,38px)!important;
  overflow:hidden!important;
}
body.ek-integrated[data-route="/problemas/"] .ek-hub-hero .ph-stage {
  border-radius:inherit!important;
  overflow:hidden!important;
}
/* Personal trajectory: quieter bold course titles in both training groups. */
body[data-route="/sobre-mi/detalle/"] .ek-personal-list h3{
  font-size:clamp(20px,2vw,22px)!important;
  line-height:1.2!important;
}
@media(max-width:600px){
  body[data-route="/sobre-mi/detalle/"] .ek-personal-list h3{
    font-size:19px!important;
  }
}

/* Ekonatura · consistency pass, 28 Oct 2026. Shared overrides only.
   All photographs remain original. No decorative shadow is added. */

/* Reading more never changes the original frame OR the text panel geometry. */
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero).ek-hero-locked {
 box-sizing:border-box!important;
 height:auto!important;
 min-height:var(--ek-hero-stable-height)!important;
 overflow:visible!important;
}
body.ek-unified .ek-restored-hero.ek-hero-locked .ph-card:has(.ph-more[open]),
body.ek-unified .ek-hub-hero.ek-hero-locked .ph-card--hub:has(.ek-hub-intro-more[open]){
 box-sizing:border-box!important;
 height:auto!important;
 max-height:none!important;
 min-height:0!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 overscroll-behavior:contain;
 scrollbar-width:thin;
}
body.ek-unified .ek-hub-hero .ph-stage img,
body.ek-unified .ek-restored-hero .ph-stage img {
 object-fit:cover!important;
}
@media(max-width:700px){
 body.ek-unified .ek-hub-hero .ph-stage{
  height:clamp(300px,84vw,430px)!important;
  flex:none!important;
 }
}

/* /osteopatia/estructural/: approved long introduction is editorial reading,
   not an oversized open/close block on the photo. No words removed. */
body[data-route="/osteopatia/estructural/"] .ek-structural-opening{
 max-width:850px;
 margin:clamp(28px,4vw,56px) auto clamp(54px,7vw,90px);
 padding:0 clamp(2px,1.5vw,16px);
 background:transparent!important;
 border:0!important;
}
body[data-route="/osteopatia/estructural/"] .ek-structural-opening-copy{
 max-width:70ch;
 columns:1;
}
body[data-route="/osteopatia/estructural/"] .ek-structural-opening-copy p{
 margin:0 0 18px;
 font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);
 letter-spacing:normal;
}
body[data-route="/osteopatia/estructural/"] .ek-structural-opening-copy p:nth-of-type(3){
 margin-top:clamp(24px,3vw,40px);
}

/* Shared related destinations: photo + short title at rest. Expanding copy
   overlays the picture without changing card height or pushing neighbours. */
body.ek-unified .related>ul>li>a{
 display:block!important;position:relative!important;
 aspect-ratio:4/3;
 height:auto!important;min-height:300px!important;
 isolation:isolate;overflow:hidden;
 border:0!important;border-radius:18px!important;
 background:#293b32!important;box-shadow:none!important;
 color:#fff!important;
}
body.ek-unified .related-image{
 display:block;position:absolute!important;
 inset:0;width:100%;height:100%;
 aspect-ratio:auto!important;z-index:-1;
}
body.ek-unified .related-image img{
 width:100%;height:100%;object-fit:cover;
 filter:none!important;
}
body.ek-unified .related-text{
 position:absolute;left:12px;right:12px;bottom:12px;
 display:flex;flex-direction:column;gap:9px;
 padding:18px!important;
 border:0!important;border-radius:14px;
 background:rgba(29,39,35,.88);
 color:#fff!important;
}
body.ek-unified .related-text strong{
 font:var(--ek-fw-heading-inter) var(--ek-fs-h3)/var(--ek-lh-heading) var(--ek-font-body);
 color:#fff!important;text-shadow:none!important;
}
/* Iván aprobó sans para los títulos del hub de problemas y de destinos relacionados. */
body.ek-unified .ek-problem-discovery>h2,
body.ek-unified .related>h2{
 font-family:var(--ek-font-body);
 font-weight:var(--ek-fw-heading-inter);
}
/* The osteopathy landing is a parent hero and follows the approved Home scale. */
body.ek-unified[data-route="/osteopatia/"] .ek-restored-hero{
 min-height:clamp(640px,86svh,900px);
}
@media(max-width:1000px){
 body.ek-unified[data-route="/osteopatia/"] .ek-restored-hero{
  min-height:clamp(680px,92svh,900px)!important;
 }
}
body.ek-unified .related-desc{color:#f4f0e7!important;line-height:var(--ek-lh-compact);}
body.ek-unified .related-action{color:#f4f0e7!important}
body.ek-unified .related>ul>li>a:is(:hover,:focus-visible){
 box-shadow:none!important;border:0!important;
}
body.ek-unified .related>ul>li>a:focus-visible{
 outline:2px solid #b9d0bd!important;outline-offset:3px!important;
}
@media (hover:hover) and (pointer:fine){
 body.ek-unified .related>ul>li>a :is(.related-desc,.related-action,.related-cta),
 body.ek-unified .related>ul>li>a .related-text>span:not(.related-label):not(.related-cta):not(.related-action){
  opacity:0;visibility:hidden;max-height:0;margin:0;
  overflow:hidden;
  transition:opacity .2s ease,max-height .2s ease,visibility .2s;
 }
 body.ek-unified .related>ul>li>a:is(:hover,:focus-visible) :is(.related-desc,.related-action,.related-cta),
 body.ek-unified .related>ul>li>a:is(:hover,:focus-visible) .related-text>span:not(.related-label):not(.related-cta):not(.related-action){
  opacity:1;visibility:visible;max-height:12em;
  margin-top:6px;
 }
}
@media (hover:none), (pointer:coarse), (max-width:700px){
 body.ek-unified .related>ul>li>a{
  min-height:0!important;
 }
 /* On touch devices these are navigation cards: title + destination CTA.
    The long supporting paragraph is not unfolded without a hover. */
 body.ek-unified .related-desc,
 body.ek-unified .related-text>span:not(.related-label):not(.related-cta):not(.related-action){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  max-height:0!important;
 }
 body.ek-unified .related-text :is(.related-action,.related-cta){
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  max-height:none!important;
 }
 body.ek-unified .related-text{padding:14px!important;gap:7px}
}
@media(max-width:700px){body.ek-unified .related>ul>li>a{aspect-ratio:4/5}}
/* Articles index is a preserved standalone page (not the integrated shell).
   Use the same presentation with keyboard focus and mobile text visible. */
body.ek-unified[data-template="editorial-index"] .stories .ek-ed-card{
 border:0!important;box-shadow:none!important;
}
@media (hover:hover) and (pointer:fine){
 body.ek-unified[data-template="editorial-index"] .stories .ek-ed-card
   :is(.ek-ed-card-desc,.ek-ed-card-cta){
  opacity:0;visibility:hidden;max-height:0;margin-top:0;
  overflow:hidden;transition:opacity .18s ease,max-height .18s ease,visibility .18s;
 }
 body.ek-unified[data-template="editorial-index"] .stories .ek-ed-card:is(:hover,:focus-visible)
   :is(.ek-ed-card-desc,.ek-ed-card-cta){
  opacity:1;visibility:visible;max-height:9em;margin-top:8px;
 }
}
body.ek-unified[data-template="editorial-index"] .stories .ek-ed-card:focus-visible{
 outline:2px solid #f4f0e7!important;outline-offset:-5px!important;
}

/* No exceptions for shadows on share buttons and review actions. */
body.ek-unified .ek-exp-share,
body.ek-unified .ek-exp-share:is(:hover,:focus-visible,:active),
body.ek-unified .ek-review-share,
body.ek-unified .ek-review-share:is(:hover,:focus-visible,:active),
body.ek-unified .share-control .share-trigger,
body.ek-unified .share-control .share-trigger:is(:hover,:focus-visible,:active),
body.ek-unified .ek-page-share,
body.ek-unified .ek-reading-indicator,
body.ek-unified .ek-reading-menu{
 box-shadow:none!important;
 filter:none;
}
body.ek-unified .ek-exp-share:is(:hover,:focus-visible,:active),
body.ek-unified .ek-review-share:is(:hover,:focus-visible,:active){
 background:#dfe7da!important;
 color:#253a2e!important;
 -webkit-text-fill-color:#253a2e!important;
}
/* Avoid an accidental filter on the scene when only the action is hovered. */
body.ek-unified :is(.related,.stories) a:hover img{
  filter:none!important;
}
@media (prefers-reduced-motion:reduce){
  body.ek-unified .related :is(.related-desc,.related-action),
  body.ek-unified .stories :is(.ek-ed-card-desc,.ek-ed-card-cta){
   transition:none!important;
  }
}

/* ======================================================================
   ATO-366 · I1 · Navigation over the photographic heroes
   ----------------------------------------------------------------------
   The menu sits on the photograph, so the white 12px links need a real
   background to be read against. The scrim is LOCAL: a band under the
   header that fades out before the middle of the picture. The photograph
   keeps its crop, its light and its lower half untouched. The band lives
   with the other hero overrides; here only the legibility of the label
   itself is reinforced.
   ====================================================================== */
body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-nav>a:hover,
body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-explore>summary:hover{
  color:#f7f4ec;
  text-shadow:0 1px 10px rgba(6,12,14,.75);
}
body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-nav>a,
body.ek-unified:has(main.ek-photo-hero-page) .ek-header:not(.is-pill) .ek-explore>summary{
  text-shadow:0 1px 10px rgba(6,12,14,.75);
}

/* ======================================================================
   ATO-366 · I4 · /sobre-mi/ uses the same Questrial family as the
   other photographic heroes. Copy, photograph and sizes stay untouched.
   ====================================================================== */
body.ek-unified[data-route="/sobre-mi/"] .ek-hero .ph-card h1,
body.ek-unified[data-route="/sobre-mi/"] .ek-hero .ph-card .ph-title{
  font-family:var(--ek-font-display);
}

/* ======================================================================
   ATO-366 · M1 · The related action «Ver más» behaves like the
   description: hidden at rest on desktop, revealed on hover and on
   keyboard focus, always visible on touch and small screens.
   ====================================================================== */
@media (hover:none), (pointer:coarse), (max-width:700px){
  body.ek-unified .related-action{
   display:inline-flex!important;visibility:visible!important;
   opacity:1!important;max-height:none!important;margin-top:6px;
   align-items:center;gap:8px;font-size:var(--ek-fs-meta);font-weight:var(--ek-fw-body);
  }
}

/* ======================================================================
   ATO-366 · Consistencia de los dos modelos de compartir
   ----------------------------------------------------------------------
   El modal de página y el modal de reseña son dos componentes distintos
   con dos estructuras distintas: aquí solo se igualan los ACABADOS
   (radio, altura, tipografía, iconos pequeños, superficies, foco y
   contraste). La estructura Feed/Story, la imagen y el enlace propio de
   cada reseña se conservan intactos.
   ====================================================================== */
body.ek-unified .ek-share .ek-library-sheet{
  border-radius:24px!important;
  background:var(--ek-paper,#f4f0e7)!important;
  color:var(--ek-ink,#303b32)!important;
  box-shadow:none!important;
}
body.ek-unified .ek-share .ek-library-head button{
  display:grid!important;place-items:center;flex:none;
  width:40px!important;height:40px!important;min-height:40px!important;
  padding:0!important;border-radius:50%!important;
  border:1px solid transparent!important;
  background:var(--ek-surface-alt,#e8e9df)!important;
  color:inherit!important;font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
}
body.ek-unified .ek-share .ek-share-primary,
body.ek-unified .ek-share .ek-share-secondary .button{
  border-radius:999px!important;min-height:44px!important;
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
}
body.ek-unified .ek-share .ek-share-secondary{gap:10px!important}
body.ek-unified .ek-share .ek-share-icon{
  width:40px!important;height:40px!important;border-radius:50%!important;
  border:1px solid var(--ek-line,#c9d3cf)!important;background:transparent!important;
}
body.ek-unified .ek-share .ek-share-icon svg{width:18px!important;height:18px!important}
body.ek-unified .ek-share .ek-share-icon:hover,
body.ek-unified .ek-share .ek-share-icon:focus-visible{
  background:var(--ek-surface-alt,#e8e9df)!important;
  border-color:var(--ek-ink,#303b32)!important;color:inherit!important;
}
body.ek-unified .ek-share :focus-visible{
  outline:2px solid var(--ek-ink,#303b32)!important;outline-offset:3px!important;
}

/* ======================================================================
   ATO-366 · Ficha «Formación y trayectoria» (en /sobre-mi/)
   ----------------------------------------------------------------------
   La ficha documental usa la sans contemporánea del sistema (Inter), NO
   Questrial: es contenido editorial, no un héroe. Sin bordes negros, sin
   sombras marcadas, sin fotografía nueva: solo el retrato en blanco y
   negro derivado de la fotografía que ya existía.
   ====================================================================== */
body.ek-unified .ek-about-training-card{
 display:grid;grid-template-columns:minmax(170px,290px) 1fr;
 gap:clamp(22px,3.4vw,48px);align-items:center;
 margin:clamp(26px,3vw,40px) 0 0;padding:clamp(20px,2.4vw,32px);
 border-radius:26px;background:var(--ek-surface-alt,#e8e9df);
}
body.ek-unified .ek-about-training-portrait{
 width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 32%;
 border-radius:18px;
}
body.ek-unified .ek-about-training-card-body h3{
 margin:0 0 14px;font:var(--ek-fw-heading) var(--ek-fs-h3)/var(--ek-lh-heading) var(--ek-font-body);
 letter-spacing:var(--ek-ls-heading);color:var(--ek-ink,#303b32);
}
body.ek-unified .ek-about-training-card-body .ek-about-learning-lead{
 margin:0;max-width:56ch;font-size:var(--ek-fs-lede);line-height:var(--ek-lh-body);
}
body.ek-unified .ek-about-training-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:clamp(14px,2vw,24px);margin-top:clamp(20px,2.2vw,30px);
}
body.ek-unified .ek-about-training-item{
 min-width:0;padding:clamp(18px,2vw,26px);border-radius:22px;
 background:var(--ek-surface-alt,#e8e9df);
}
body.ek-unified .ek-about-training-step{
 display:block;font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:normal;
 text-transform:uppercase;color:var(--ek-muted,#687064);
}
body.ek-unified .ek-about-training-item h3{
 margin:12px 0 9px;font:var(--ek-fw-heading) var(--ek-fs-h3)/var(--ek-lh-heading) var(--ek-font-body);
 letter-spacing:var(--ek-ls-heading);color:var(--ek-ink,#303b32);
}
body.ek-unified .ek-about-training-item p{
 font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);color:var(--ek-text,#303b32);max-width:40ch;
}
/* Un único desplegable: el rótulo alterna sin JavaScript. */
body.ek-unified .ek-about-training-details{
 margin-top:clamp(20px,2.2vw,30px);border-top:1px solid var(--ek-line,#d4d5c9);
}
body.ek-unified .ek-about-training-details>summary{
 display:flex;justify-content:space-between;align-items:center;gap:18px;
 padding:20px 0;cursor:pointer;list-style:none;
 font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body);
}
body.ek-unified .ek-about-training-details>summary:after{
 content:'+';flex:none;font:var(--ek-fw-action) 1.25rem/var(--ek-lh-compact) var(--ek-font-body);color:var(--ek-coral,#a94b32);
}
body.ek-unified .ek-about-training-details[open]>summary:after{content:'−'}
body.ek-unified .ek-about-training-summary-close{display:none}
body.ek-unified .ek-about-training-details[open] .ek-about-training-summary-open{display:none}
body.ek-unified .ek-about-training-details[open] .ek-about-training-summary-close{display:inline}
body.ek-unified .ek-about-training-details>summary:focus-visible{
 outline:2px solid var(--ek-ink,#303b32);outline-offset:3px;
}
body.ek-unified .ek-about-training-body{padding:2px 0 12px}
body.ek-unified .ek-about-timeline{
 list-style:none;padding:0;margin:26px 0 0;max-width:72ch;
}
body.ek-unified .ek-about-timeline li{
 display:grid;grid-template-columns:minmax(130px,190px) 1fr;gap:16px;
 padding:13px 0;border-top:1px solid var(--ek-line,#d4d5c9);
}
body.ek-unified .ek-about-timeline-when{
 font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:var(--ek-ls-meta);text-transform:uppercase;
 color:var(--ek-muted,#687064);
}
body.ek-unified .ek-about-timeline-what{font:var(--ek-fw-body) var(--ek-fs-body)/var(--ek-lh-body) var(--ek-font-body);}
body.ek-unified .ek-about-training-link{
 display:inline-flex;align-items:center;gap:10px;
 margin-top:clamp(18px,2vw,26px);padding:12px 22px;
 border:1px solid var(--ek-ink,#303b32);border-radius:999px;
 font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);color:var(--ek-ink,#303b32);
 transition:background .2s,color .2s;
}
body.ek-unified .ek-about-training-link:hover,
body.ek-unified .ek-about-training-link:focus-visible{
 background:var(--ek-ink,#303b32);color:var(--ek-paper,#f4f0e7);
}
body.ek-unified .ek-about-training-link:focus-visible{outline:2px solid var(--ek-ink,#303b32);outline-offset:3px}

/* ======================================================================
   ATO-366 · Anexo documental /formacion-y-trayectoria/
   ----------------------------------------------------------------------
   Página de documento: sin héroe fotográfico, sin fotografía nueva y sin
   repetir capítulos. Sans contemporánea (Inter) en todo el bloque.
   ====================================================================== */
body.ek-unified main.ek-formacion{
 width:min(var(--ek-width,1160px),calc(100% - 2*var(--ek-gutter,40px)));
 margin:0 auto;padding:clamp(34px,5vw,72px) 0 clamp(60px,8vw,110px);
 font-family:var(--ek-font-body);
}
body.ek-unified main.ek-formacion h1{
 margin:14px 0 22px;max-width:18ch;
 font:var(--ek-fw-heading) var(--ek-fs-h1)/var(--ek-lh-heading) var(--ek-font-body);letter-spacing:var(--ek-ls-heading);
}
body.ek-unified .ek-formacion-lead{
 max-width:64ch;font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);
}
body.ek-unified .ek-formacion-breadcrumbs{margin-bottom:22px}
body.ek-unified .ek-formacion-index{
 display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 44px;
}
body.ek-unified .ek-formacion-index a{
 border:1px solid var(--ek-line,#d4d5c9);border-radius:999px;
 padding:9px 15px;font-size:var(--ek-fs-ui);
}
body.ek-unified .ek-formacion-index a:hover,
body.ek-unified .ek-formacion-index a:focus-visible{
 background:var(--ek-surface-alt,#e8e9df);border-color:var(--ek-muted,#687064);
}
body.ek-unified .ek-formacion-section{
 padding:clamp(26px,3vw,38px) 0;border-top:1px solid var(--ek-line,#d4d5c9);
}
body.ek-unified .ek-formacion-section h2{
 margin:0 0 18px;font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) var(--ek-font-body);
 letter-spacing:var(--ek-ls-heading);color:var(--ek-ink,#303b32);
}
body.ek-unified .ek-formacion-section p{max-width:68ch}
body.ek-unified .ek-formacion-facts{
 display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:10px 24px;
 margin:26px 0 0;max-width:70ch;
}
body.ek-unified .ek-formacion-facts dt{
 font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:var(--ek-ls-meta);text-transform:uppercase;
 color:var(--ek-muted,#687064);
}
body.ek-unified .ek-formacion-facts dd{margin:0;font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);}
body.ek-unified .ek-formacion-timeline{
 list-style:none;padding:0;margin:26px 0 0;max-width:70ch;
}
body.ek-unified .ek-formacion-timeline li{
 display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:16px;
 padding:13px 0;border-top:1px solid var(--ek-line,#d4d5c9);
}
body.ek-unified .ek-formacion-when{
 font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body);letter-spacing:var(--ek-ls-meta);text-transform:uppercase;
 color:var(--ek-muted,#687064);
}
body.ek-unified .ek-formacion-what{font:var(--ek-fw-body) var(--ek-fs-body)/var(--ek-lh-body) var(--ek-font-body);}
body.ek-unified .ek-formacion-note{
 margin-top:42px;padding-top:22px;border-top:1px solid var(--ek-line,#d4d5c9);
 font-size:var(--ek-fs-small);line-height:var(--ek-lh-compact);max-width:68ch;
}
@media(max-width:700px){
 body.ek-unified .ek-about-training-card{grid-template-columns:1fr;gap:20px}
 body.ek-unified .ek-about-training-portrait{aspect-ratio:4/3;object-position:50% 30%}
 body.ek-unified .ek-about-training-grid{grid-template-columns:1fr}
 body.ek-unified .ek-about-timeline li,
 body.ek-unified .ek-formacion-timeline li{grid-template-columns:1fr;gap:4px}
 body.ek-unified .ek-formacion-facts{grid-template-columns:1fr;gap:4px}
 body.ek-unified .ek-formacion-facts dd{margin:0 0 12px}
}

/* ======================================================================
   ATO-366 · Disparadores «Compartir» de los héroes
   ----------------------------------------------------------------------
   Todos los botones de compartir de los héroes adoptan la geometría del
   CTA «Pedir cita»: píldora de contorno fino, fondo transparente, sin
   sombra y sin relleno crema. Alto, padding, radio y cuerpo idénticos al
   del botón real, para que no compitan con él.
   ====================================================================== */
body.ek-unified :is(.ek-hero,.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-catalogue-hero,.ek-photo-hero-page) .share-trigger{
 display:inline-flex!important;align-items:center;gap:10px;
 min-height:44px!important;padding:10px 20px!important;
 border:1px solid currentColor!important;border-radius:99px!important;
 background:transparent!important;box-shadow:none!important;
 font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
 text-shadow:none!important;
}
body.ek-unified :is(.ek-hero,.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-catalogue-hero,.ek-photo-hero-page) .share-trigger svg{
 width:16px;height:16px;flex:none;stroke-width:1.5;
}
body.ek-unified :is(.ek-hero,.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-catalogue-hero,.ek-photo-hero-page) .share-trigger:focus-visible{
 outline:2px solid currentColor!important;outline-offset:3px!important;
}


/* SHARE_HOVER_CONTRAST_20261028 — Contrast is tied to the ACTUAL surface, not the general share-control.
   Dark photographic hero: ivory label and outline in normal, hover and keyboard
   focus. Prevent the earlier global green -webkit-text-fill-color from leaking
   into a photographic card. The hero geometry and modal behaviour do not change. */
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-photo-hero-page) .share-control .share-trigger,
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-photo-hero-page) .share-control .share-trigger:is(:hover,:focus-visible,:active){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,255,255,.76)!important;
  background:rgba(0,0,0,.10)!important;
  opacity:1!important;
  text-shadow:none!important;
  filter:none!important;
}
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-photo-hero-page) .share-control .share-trigger:is(:hover,:focus-visible,:active){
  background:rgba(255,255,255,.17)!important;
  border-color:#fff!important;
}
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-photo-hero-page) .share-control .share-trigger :is(span,svg){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-photo-hero-page) .share-control .share-trigger svg{
  stroke:currentColor!important;
}
body.ek-unified :is(.ek-restored-hero,.ek-hub-hero,.ek-showcase-hero,.ek-photo-hero-page) .share-control .share-trigger:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:3px!important;
}
/* Review cards have a reliably dark graphite surface; no washed-out pale
   hover pill or inherited dark text. Keep the simple underlined action. */
body.ek-unified .ek-review-card.review .ek-review-share,
body.ek-unified .ek-review-card.review .ek-review-share:is(:hover,:focus-visible,:active){
  background:transparent!important;
  color:#f4f0e7!important;
  -webkit-text-fill-color:#f4f0e7!important;
  opacity:1!important;
  border-bottom-color:rgba(244,240,231,.58)!important;
  text-shadow:none!important;
}
body.ek-unified .ek-review-card.review .ek-review-share:is(:hover,:focus-visible,:active){
  border-bottom-color:#fff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.ek-unified .ek-review-card.review .ek-review-share:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:4px!important;
}
/* On pale review/editorial actions, keep foreground dark in every state. */
body.ek-unified main.ek-editorial-reviews .ek-exp-share,
body.ek-unified main.ek-editorial-reviews .ek-exp-share:is(:hover,:focus-visible,:active){
  color:#24372a!important;
  -webkit-text-fill-color:#24372a!important;
  opacity:1!important;
}

/* HERO_CARD_COPY_20261028: descriptive copy only, with H1 and labels untouched. */
body.ek-unified .ek-restored-hero .ph-card .ph-copy p,
body.ek-unified .ek-restored-hero .ph-card .ph-more p,
body.ek-unified .ek-hub-hero .ph-card--hub .catalog-intro-copy p,
body.ek-unified .ek-hub-hero .ph-card--hub .ek-introduction p,
body.ek-unified .ek-hub-hero .ph-card--hub .ek-hub-extra-copy p,
body.ek-unified main.ek-showcase-page>.ek-showcase-hero .ph-card p:not(.eyebrow):not(.kicker){
  font-size:var(--ek-fs-hero-card-copy);
}