/* Ekonatura · Dark experiences & shared review flows.
   No image transformation and no changes to the light theme. */
:root[data-ek-theme="dark"] body[data-route="/resenas/"] .ek-reviews-list .ek-review-entry{
  background:transparent!important; /* Never inherit a light --ek-paper from legacy review scope. */
  background-image:none!important;
  border:0!important;outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#f2f0e9!important;
  padding-inline:0!important;
  margin-block:0 clamp(36px,8vw,64px)!important;
}
:root[data-ek-theme="dark"] body[data-route="/resenas/"] .ek-reviews-list .ek-review-entry::before,
:root[data-ek-theme="dark"] body[data-route="/resenas/"] .ek-reviews-list .ek-review-entry::after{
  background:none!important;border:0!important;box-shadow:none!important;
}
:root[data-ek-theme="dark"] body[data-route="/resenas/"] .ek-review-entry :is(.ek-exp-reply,.owner-response){
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding-inline:0!important;
}
:root[data-ek-theme="dark"] body.ek-integrated[data-route="/resenas/"] :is(
 .ek-reviews-rating strong,.ek-reviews-rating-label,.ek-reviews-count,
 .ek-reviews-summary,.ek-stories-open,.ek-stories-launch,
 .ek-reviews-tools .eyebrow,.ek-reviews-filter .chip,
 .ek-reviews-list .ek-review-entry .ek-exp-quote
){color:#f2f0e9!important;-webkit-text-fill-color:#f2f0e9!important;opacity:1!important}
:root[data-ek-theme="dark"] body.ek-integrated[data-route="/resenas/"] :is(
 .ek-reviews-rating-label,.ek-reviews-tools .eyebrow,.ek-reviews-filter .chip small,
 .ek-reviews-filter .chip span,.ek-reviews-list .ek-exp-label
){color:#c4cdc4!important;-webkit-text-fill-color:#c4cdc4!important;opacity:1!important}
:root[data-ek-theme="dark"] body.ek-integrated[data-route="/resenas/"] :is(.ek-stories-open,.ek-stories-launch){
 border:1px solid #809286!important;border-radius:999px;
 background:#34483b!important;
 padding:10px 17px;
}
:root[data-ek-theme="dark"] body.ek-integrated[data-route="/resenas/"] :is(.ek-stories-open,.ek-stories-launch):hover{
 background:#425e4b!important;
}
:root[data-ek-theme="dark"] body[data-route="/resenas/"] .ek-reviews-filter :is(.chip,button)[aria-pressed="true"]{
 color:#fff!important;background:#405549!important;
}
:root[data-ek-theme="dark"] body[data-route="/resenas/"] .ek-reviews-list .ek-review-entry :is(.ek-exp-share,.ek-share-trigger){
 background:#33483a!important;border:1px solid #708477!important;color:#f2f0e9!important;
}
/* Stories are generated in JS outside the route's main; the html root must scope them. */
:root[data-ek-theme="dark"] .ek-stories,
:root[data-ek-theme="dark"] .ek-stories :is(.ek-stories-frame,.ek-stories-stage,.ek-stories-body,.ek-stories-foot){
 background:#202826!important;
 background-image:none!important;
 color:#f2f0e9!important;
}
:root[data-ek-theme="dark"] .ek-stories :is(
 .ek-stories-text,.ek-stories-eyebrow,.ek-stories-id,
 .ek-stories-id strong,.ek-stories-prof,.ek-stories-source,
 .ek-stories-person,.ek-stories-top,.ek-stories-foot,
 .ek-stories-reply-text,.ek-stories-reply-sign
){color:#f2f0e9!important;-webkit-text-fill-color:#f2f0e9!important;opacity:1!important}
:root[data-ek-theme="dark"] .ek-stories :is(.ek-stories-eyebrow,.ek-stories-source,.ek-stories-prof){
 color:#c4cdc4!important;-webkit-text-fill-color:#c4cdc4!important;
}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-backdrop{background:#101a16ee!important}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-bar{background:#65766a!important}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-bar.is-done{background:#bac5b9!important}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-bar.is-current{background:#f0b399!important}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-stars{
 background:transparent!important;color:#f0b399!important;
}
:root[data-ek-theme="dark"] .ek-stories :is(
 .ek-stories-reply,.ek-stories-reply-sheet,.ek-stories-reply-head,.ek-stories-reply-body
){background:#29382f!important;color:#f2f0e9!important;border-color:#617467!important}
:root[data-ek-theme="dark"] .ek-stories :is(
 .ek-stories-x,.ek-stories-reply-x,.ek-stories-nav,
 .ek-stories-reply-open,.ek-stories-share,.ek-stories-actions button
){color:#f2f0e9!important;-webkit-text-fill-color:#f2f0e9!important;border-color:#879789!important}
:root[data-ek-theme="dark"] .ek-stories :is(.ek-stories-reply-open,.ek-stories-share):hover{
 background:#3b5143!important;
}
/* Shared review export: only its UI changes; the image and preview pixels stay original. */
:root[data-ek-theme="dark"] .ek-review-export .ek-review-export-panel,
:root[data-ek-theme="dark"] .ek-library.ek-share .ek-library-sheet{
 background:#283830!important;color:#f2f0e9!important;border:1px solid #617365!important;
}
:root[data-ek-theme="dark"] .ek-review-export :is(
 .ek-review-export-panel h2,.ek-review-export-intro,
 .ek-review-export-status,.ek-review-export-note,
 .ek-review-export-panel header,.ek-review-export-panel label,
 .ek-review-export-panel p,.ek-review-export-panel span
),
:root[data-ek-theme="dark"] .ek-library.ek-share .ek-library-sheet :is(h2,h3,p,span,label,small){
 color:#f2f0e9!important;-webkit-text-fill-color:#f2f0e9!important;opacity:1!important;
}
:root[data-ek-theme="dark"] .ek-review-export .ek-review-export-panel header button{
 border-color:#7b8d7e!important;color:#f2f0e9!important;
}
:root[data-ek-theme="dark"] .ek-review-export :is(
 .ek-review-export-formats button,.ek-review-export-panel [data-format]
){background:#34493d!important;color:#f2f0e9!important;border:1px solid #738575!important}
:root[data-ek-theme="dark"] .ek-review-export :is(
 .ek-review-export-formats button[aria-selected="true"],
 .ek-review-export-formats button.is-active
){background:#506c57!important;border-color:#b0bcae!important;color:#fff!important}
:root[data-ek-theme="dark"] .ek-review-export :is(
 [data-share-native],[data-share-download],[data-share-copy]
){background:#34493d!important;color:#f2f0e9!important;border:1px solid #788b7b!important}
:root[data-ek-theme="dark"] .ek-review-export [data-share-native]{
 background:#f4f0e7!important;color:#283a31!important;border-color:#f4f0e7!important
}
:root[data-ek-theme="dark"] :is(.ek-review-export,.ek-library.ek-share) img{
 filter:none!important;mix-blend-mode:normal!important;opacity:1!important;
}
:root[data-ek-theme="dark"] .ek-review-export .ek-review-export-preview{
 background:#e6e3dd!important; /* Neutral frame; exported bitmap stays cream. */
}
:root[data-ek-theme="dark"] :is(.ek-stories,.ek-review-export,.ek-library.ek-share)
 :is(button,a,summary):focus-visible{outline:2px solid #f0b399!important;outline-offset:3px}
@media(max-width:700px){
 :root[data-ek-theme="dark"] body[data-route="/resenas/"] .ek-reviews-list .ek-review-entry{
  padding-inline:0!important;border:0!important;border-radius:0!important;
 }
 :root[data-ek-theme="dark"] .ek-review-export .ek-review-export-panel{
  background:#283830!important;
 }
}

/* P1 root fix: archived review cards inherit the dark page canvas.
   Old review skins set light tiles; never allow light-on-light text. */
:root[data-ek-theme="dark"] body.ek-integrated.ek-reviews-page[data-route="/resenas/"]
 main.ek-originals .ek-reviews-list > section.ek-review-entry{
 background:transparent!important;background-color:transparent!important;
 background-image:none!important;border:0!important;box-shadow:none!important;
 outline:0!important;filter:none!important;
 opacity:1!important;visibility:visible!important;
}
:root[data-ek-theme="dark"] body.ek-integrated.ek-reviews-page[data-route="/resenas/"]
 main.ek-originals .ek-reviews-list > section.ek-review-entry :is(h2,h3,blockquote,.ek-exp-quote,.ek-exp-prof,.ek-exp-meta,.ek-exp-more>summary,.ek-exp-full p,.ek-exp-reply p,.ek-exp-link,.when-closed,.when-open){
 color:#f2f0e9!important;-webkit-text-fill-color:#f2f0e9!important;
 opacity:1!important;visibility:visible!important;
}
:root[data-ek-theme="dark"] body.ek-integrated.ek-reviews-page[data-route="/resenas/"]
 main.ek-originals .ek-reviews-list > section.ek-review-entry :is(.ek-exp-prof,.ek-exp-source,.ek-exp-label){
 color:#c4cdc4!important;-webkit-text-fill-color:#c4cdc4!important;
}
:root[data-ek-theme="dark"] body.ek-integrated.ek-reviews-page[data-route="/resenas/"]
 main.ek-originals .ek-reviews-list > section.ek-review-entry .ek-exp-reply{
 background:transparent!important;border:0!important;box-shadow:none!important;
}
/* Respect the native review visibility/filter logic; no blanket display override. */

/* Stories: progress bars, close and review metadata each own a separate row.
   The X uses a generous 44px target but never sits over a progress segment. */
.ek-stories .ek-stories-stage,.ek-stories .ek-stories-zone{touch-action:pan-y}
.ek-stories .ek-stories-progress{
 position:relative!important;top:auto!important;
 left:auto!important;right:auto!important;bottom:auto!important;
 z-index:2!important;
 display:flex!important;flex:none!important;
 width:100%!important;
 margin:0!important;
 padding:0!important;
 box-sizing:border-box!important;
}
.ek-stories .ek-stories-controls{
 position:relative!important;z-index:20!important;
 display:flex!important;justify-content:flex-end!important;align-items:center!important;
 width:100%!important;min-height:44px!important;
 margin:12px 0 12px!important;
}
.ek-stories .ek-stories-top{
 position:relative!important;display:flex!important;
 justify-content:space-between!important;align-items:center!important;
 padding-top:0!important;margin-top:0!important;
}
.ek-stories .ek-stories-x{
 position:static!important;inset:auto!important;
 z-index:20!important;display:grid!important;
 place-items:center!important;flex:none!important;
 width:44px!important;min-width:44px!important;max-width:44px!important;
 height:44px!important;min-height:44px!important;
 margin:0!important;padding:10px!important;
 border:1px solid #718074!important;border-radius:50%!important;
 background:#f4f0e7!important;color:#303b32!important;
 box-shadow:none!important;
 clip-path:none!important;overflow:visible!important;
 visibility:visible!important;opacity:1!important;
 cursor:pointer!important;pointer-events:auto!important;
}
.ek-stories .ek-stories-x::after{content:none!important;display:none!important}
.ek-stories .ek-stories-x svg{
 display:block!important;flex:none!important;
 width:20px!important;height:20px!important;stroke:currentColor!important;
}
.ek-stories .ek-stories-x:is(:hover,:focus-visible){
 outline:2px solid #a44a32!important;outline-offset:2px!important;
 background:#fff!important;
}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-x{
 background:#35483b!important;color:#f2f0e9!important;border-color:#99ac9c!important;
}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-x:is(:hover,:focus-visible){
 background:#4e6554!important;outline-color:#f0b399!important;
}
.ek-stories .ek-stories-reply-x .ek-lucide-x{display:block;width:20px;height:20px;stroke:currentColor}
@media(max-width:700px){
 .ek-stories .ek-stories-controls{margin:12px 0!important}
}
/* Ekonatura review trust block: evidence first, CTA second, filters separately.
   Distinct breathable surface in both palettes, independent of review text and filtering. */
body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools{
 box-sizing:border-box!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 align-items:center!important;
 justify-content:stretch!important;
 column-gap:clamp(20px,4vw,42px)!important;
 row-gap:20px!important;
 width:min(1050px,calc(100% - 48px))!important;
 max-width:1050px!important;
 margin:clamp(24px,4vw,46px) auto clamp(38px,5vw,60px)!important;
 padding:clamp(24px,4vw,40px)!important;
 border:0!important;border-radius:24px!important;
 background:#e8e9df!important;
 box-shadow:none!important;
}
body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools .ek-reviews-rating{
 display:flex!important;align-items:center!important;
 flex-wrap:wrap!important;column-gap:12px!important;row-gap:12px!important;
 width:auto!important;max-width:100%!important;
 color:#303b32!important;
}
body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools .stars{
 display:inline-block!important;flex:0 0 auto!important;
 font-size:clamp(23px,3vw,30px)!important;line-height:1.2!important;
 color:#a94b32!important;letter-spacing:.09em!important;
}
body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools .ek-reviews-rating strong{
 font-size:clamp(28px,4vw,37px)!important;line-height:1.1!important;color:#303b32!important;
}
body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools .ek-reviews-rating-label{
 font-size:clamp(15px,2vw,17px)!important;
 line-height:1.4!important;color:#48564c!important;opacity:1!important;
}
body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools :is(.ek-stories-open,.ek-stories-launch){
 box-sizing:border-box!important;display:flex!important;
 justify-content:center!important;align-items:center!important;
 width:100%!important;min-width:220px!important;min-height:54px!important;
 margin:0!important;padding:14px 22px!important;
 border-radius:999px!important;border:1px solid #293a30!important;
 background:#293a30!important;color:#f4f0e7!important;
 font:500 17px/1.3 var(--ek-font-body,Inter,Arial,sans-serif)!important;
 text-decoration:none!important;
}
body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools :is(.ek-stories-open,.ek-stories-launch):is(:hover,:focus-visible){
 background:#415747!important;outline:2px solid #a94b32!important;outline-offset:3px!important;
}
/* Keep the filters outside the trust surface and give them their own generous rhythm. */
body.ek-integrated[data-route="/resenas/"] .ek-reviews-filter,
body.ek-integrated[data-route="/resenas/"] .ek-review-filter-rail{
 margin-top:clamp(24px,4vw,42px)!important;
}
:root[data-ek-theme="dark"] body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools{
 background:#29372f!important;color:#f2f0e9!important;
}
:root[data-ek-theme="dark"] body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools :is(
 .ek-reviews-rating,.ek-reviews-rating strong,.ek-reviews-rating-label
){color:#f2f0e9!important;-webkit-text-fill-color:#f2f0e9!important}
:root[data-ek-theme="dark"] body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools :is(.ek-stories-open,.ek-stories-launch){
 background:#40584a!important;border-color:#a3b4a5!important;color:#f2f0e9!important;
 -webkit-text-fill-color:#f2f0e9!important;
}
@media(max-width:700px){
 body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools{
  grid-template-columns:minmax(0,1fr)!important;
  gap:24px!important;
  width:calc(100% - 36px)!important;
  margin:24px auto 38px!important;
  padding:clamp(22px,6vw,30px)!important;
  border-radius:24px!important;
 }
 body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools .ek-reviews-rating{
  width:100%!important;gap:9px 12px!important;
 }
 body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools :is(.ek-stories-open,.ek-stories-launch){
  min-width:0!important;width:100%!important;min-height:56px!important;
 }
}

/* Mobile review stories: breathing room is inside the viewport, never edge-to-edge.
   Step bars and X stay on separate rows; long reviews keep their scroll. */
.ek-stories .ek-stories-stage{
 box-sizing:border-box!important;
 padding-top:clamp(16px,3.6vw,28px)!important;
 padding-right:clamp(18px,4.8vw,32px)!important;
 padding-left:clamp(18px,4.8vw,32px)!important;
 padding-bottom:calc(clamp(18px,4vw,30px) + env(safe-area-inset-bottom,0px))!important;
}
.ek-stories .ek-stories-progress{
 width:100%!important;max-width:100%!important;
 margin:0!important;padding:0!important;
}
.ek-stories .ek-stories-controls{
 margin:clamp(14px,3vw,22px) 0 clamp(18px,3.4vw,26px)!important;
 width:100%!important;
}
.ek-stories .ek-stories-top{
 box-sizing:border-box!important;
 width:100%!important;max-width:100%!important;
 padding:0 0 clamp(14px,3vw,22px)!important;
}
.ek-stories .ek-stories-body{
 box-sizing:border-box!important;
 width:100%!important;max-width:100%!important;
 min-width:0!important;
 padding-left:clamp(4px,1.5vw,12px)!important;
 padding-right:clamp(4px,1.5vw,12px)!important;
 padding-bottom:clamp(18px,4vw,30px)!important;
}
.ek-stories .ek-stories-foot{
 box-sizing:border-box!important;
 width:100%!important;max-width:100%!important;
 padding:clamp(18px,4vw,28px) clamp(4px,1.5vw,12px) clamp(14px,3vw,22px)!important;
}
.ek-stories .ek-stories-actions{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:clamp(15px,3.5vw,24px)!important;
 margin-top:clamp(14px,3vw,22px)!important;
 padding-top:0!important;
}
@media(max-width:700px){
 .ek-stories .ek-stories-stage{
  padding-top:max(16px,env(safe-area-inset-top,0px))!important;
  padding-inline:clamp(18px,5vw,26px)!important;
 }
 .ek-stories .ek-stories-controls{margin-top:14px!important;margin-bottom:18px!important}
}

/* Review sharing · same quiet editorial bottom sheet as Preferences.
   The exported image remains deliberately cream in every appearance mode. */
.ek-review-export .ek-review-export-panel{
 gap:clamp(14px,2vw,22px)!important;
 padding:clamp(22px,3vw,34px)!important;
 border:0!important;
 border-radius:26px!important;
 box-shadow:0 18px 55px #14201928!important;
}
.ek-review-export .ek-review-export-panel header{
 position:relative!important;
 display:flex!important;
 align-items:center!important;
 gap:18px!important;
 min-height:48px!important;
 margin:0!important;
 padding:0!important;
}
.ek-review-export .ek-review-export-panel h2{
 flex:1!important;
 font:400 clamp(25px,3.7vw,36px)/1.16 var(--ek-font-display,Questrial,sans-serif)!important;
}
.ek-review-export .ek-review-export-panel header [data-share-close]{
 position:static!important;
 flex:0 0 44px!important;
 display:grid!important;place-items:center!important;
 width:44px!important;height:44px!important;min-width:44px!important;
 margin-left:auto!important;padding:10px!important;
 border:1px solid #303b3255!important;border-radius:50%!important;
 background:transparent!important;box-shadow:none!important;
 font-size:0!important;
}
.ek-review-export .ek-review-export-panel header [data-share-close] .ek-lucide-x{
 display:block!important;width:20px!important;height:20px!important;
 stroke:currentColor!important;
}
.ek-review-export .ek-review-export-intro{
 margin:0!important;
 max-width:37ch!important;
 font:400 clamp(14px,2vw,16px)/1.5 var(--ek-font-body,Inter,sans-serif)!important;
}
.ek-review-export .ek-review-export-formats{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;
 margin:0!important;
}
.ek-review-export .ek-review-export-formats button{
 min-width:0!important;min-height:44px!important;
 border-radius:999px!important;
 font-weight:500!important;
}
.ek-review-export .ek-review-export-preview{
 box-sizing:border-box!important;
 display:grid!important;place-items:center!important;
 min-height:0!important;
 padding:clamp(6px,2vw,14px)!important;
 margin:0!important;
 border:0!important;border-radius:16px!important;
 background:#e7e7df!important;
}
.ek-review-export .ek-review-export-preview img{
 max-width:100%!important;
 max-height:40dvh!important;
 height:auto!important;
 border:0!important;
 box-shadow:none!important;
}
.ek-review-export .ek-review-export-actions{
 display:block!important;
 margin:0!important;
}
.ek-review-export .ek-review-export-actions [data-share-native]{
 display:block!important;
 width:100%!important;
 min-height:52px!important;
 border-radius:999px!important;
 font:500 16px/1.3 var(--ek-font-body,Inter,sans-serif)!important;
}
.ek-review-export .ek-review-export-status[hidden]{display:none!important}
:root[data-ek-theme="dark"] .ek-review-export .ek-review-export-panel{
 background:#283830!important;color:#f2f0e9!important;
 box-shadow:0 18px 55px #080d0a55!important;
}
:root[data-ek-theme="dark"] .ek-review-export .ek-review-export-preview{
 background:#d9dbd2!important;color:#303b32!important;
}
:root[data-ek-theme="dark"] .ek-review-export .ek-review-export-panel header [data-share-close]{
 background:transparent!important;color:#f2f0e9!important;
 border-color:#a2b5a5!important;
}
@media(max-width:700px){
 .ek-review-export .ek-review-export-panel{
  left:0!important;right:0!important;bottom:0!important;top:auto!important;
  transform:none!important;
  width:100%!important;max-height:min(91dvh,950px)!important;
  gap:17px!important;
  padding:clamp(24px,5vw,32px) clamp(22px,5vw,30px) calc(24px + env(safe-area-inset-bottom,0px))!important;
  border-radius:28px 28px 0 0!important;
 }
 .ek-review-export .ek-review-export-panel .ek-share-handle{
  display:block!important;
  position:relative!important;
  inset:auto!important;left:auto!important;top:auto!important;
  width:44px!important;height:5px!important;
  margin:0 auto 14px!important;
  background:currentColor!important;opacity:.28!important;transform:none!important;
  border-radius:999px!important;
 }
 .ek-review-export .ek-review-export-panel header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:center!important;
 }
 .ek-review-export .ek-review-export-panel header .ek-share-handle{
  grid-column:1/-1!important;
 }
 .ek-review-export .ek-review-export-panel .ek-review-export-preview img{max-height:35dvh!important}
}

/* Unified compact review disclosure: actual text action plus Lucide chevron,
   full review/reply remains present in the source DOM for indexing. */
body.ek-integrated .home-experience .review-more>summary,
body.ek-integrated[data-route="/resenas/"] .ek-review-entry .ek-exp-more>summary{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 min-height:44px!important;
 gap:12px!important;
 padding:12px 4px!important;
 font-size:clamp(14px,1.7vw,16px)!important;
 font-weight:500!important;
 line-height:1.35!important;
 cursor:pointer!important;
}
body.ek-integrated .home-experience .review-more>summary .ek-lucide,
body.ek-integrated[data-route="/resenas/"] .ek-review-entry .ek-exp-more>summary .ek-lucide{
 display:block!important;
 flex:none!important;
 width:19px!important;height:19px!important;
 margin-left:auto!important;
 stroke:currentColor!important;
 transition:transform .16s ease;
}
body.ek-integrated .home-experience .review-more[open]>summary .ek-lucide,
body.ek-integrated[data-route="/resenas/"] .ek-review-entry .ek-exp-more[open]>summary .ek-lucide{
 transform:rotate(90deg);
}
body.ek-integrated .home-experience .review-more>summary i,
body.ek-integrated[data-route="/resenas/"] .ek-review-entry .ek-exp-more>summary::after{
 display:none!important;
}
@media(prefers-reduced-motion:reduce){
 body.ek-integrated :is(.review-more,.ek-exp-more)>summary .ek-lucide{transition:none!important}
}

/* F6 · Universal mobile reading sheet: a translucent dark paper over the page,
   not a new full-screen opaque background. Keep the light appearance unchanged. */
:root[data-ek-theme="dark"] .ek-sheet{
 background:transparent!important;background-color:transparent!important;
 background-image:none!important;
}
:root[data-ek-theme="dark"] .ek-sheet .ek-sheet-scrim{
 background:rgba(13,24,18,.40)!important;
}
:root[data-ek-theme="dark"] .ek-sheet .ek-sheet-panel{
 background:rgba(38,54,46,.87)!important;
 background-color:rgba(38,54,46,.87)!important;
 background-image:none!important;
 -webkit-backdrop-filter:blur(8px);
 backdrop-filter:blur(8px);
 color:#f2f0e9!important;
 border:1px solid rgba(178,196,180,.38)!important;
 border-bottom:0!important;
}
:root[data-ek-theme="dark"] .ek-sheet .ek-sheet-head{
 background:transparent!important;background-color:transparent!important;
 background-image:none!important;
 border-bottom-color:rgba(178,196,180,.27)!important;
}
:root[data-ek-theme="dark"] .ek-sheet .ek-sheet-body{
 background:transparent!important;
 color:#f2f0e9!important;
}
:root[data-ek-theme="dark"] .ek-sheet .ek-sheet-body :is(p,blockquote,li,strong,span){
 color:#f2f0e9!important;-webkit-text-fill-color:#f2f0e9!important;
}
/* F7 · Stories is one canvas: progress / close / eyebrow all share the stage,
   with no second green strip or opaque header band in either appearance. */
.ek-stories .ek-stories-stage{
 background:#f4f0e7!important;
 background-image:none!important;
}
.ek-stories .ek-stories-stage :is(
 .ek-stories-progress,.ek-stories-controls,.ek-stories-top,
 .ek-stories-body,.ek-stories-foot
){
 background:transparent!important;background-color:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
}
.ek-stories .ek-stories-top{
 border:0!important;border-radius:0!important;
}
:root[data-ek-theme="dark"] .ek-stories :is(.ek-stories-frame,.ek-stories-stage){
 background:#202826!important;background-color:#202826!important;
 background-image:none!important;
}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-stage :is(
 .ek-stories-progress,.ek-stories-controls,.ek-stories-top,
 .ek-stories-body,.ek-stories-foot
){
 background:transparent!important;background-color:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
}
/* F8 · Home: compose the session image with three clearly differentiated
   steps. No DOM rewriting, text clipping, text removal or new images. */
body[data-route="/"] .ek-home .home-method .home-split{
 display:grid!important;
 grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
 align-items:start!important;
 column-gap:clamp(28px,5vw,72px)!important;
 row-gap:clamp(22px,3.5vw,40px)!important;
}
body[data-route="/"] .ek-home .home-method .home-split-main{
 order:0!important;min-width:0!important;
}
body[data-route="/"] .ek-home .home-method .home-method-visual{
 order:1!important;margin:0!important;min-width:0!important;
}
body[data-route="/"] .ek-home .home-method .home-method-visual img{
 display:block!important;width:100%!important;
 height:auto!important;aspect-ratio:4/5!important;
 object-fit:cover!important;object-position:50% 50%!important;
 border-radius:22px!important;
}
body[data-route="/"] .ek-home .home-method .home-steps{
 list-style:none!important;counter-reset:ek-session!important;
 display:grid!important;
 margin:clamp(18px,3vw,30px) 0 0!important;
 padding:0!important;max-width:none!important;
}
body[data-route="/"] .ek-home .home-method .home-steps li{
 counter-increment:ek-session!important;
 display:grid!important;
 grid-template-columns:42px minmax(0,1fr)!important;
 gap:clamp(12px,2vw,22px)!important;
 align-items:start!important;
 margin:0!important;
 padding:clamp(20px,3vw,27px) 0!important;
 border-top:1px solid var(--ek-line,#c7cdc4)!important;
}
body[data-route="/"] .ek-home .home-method .home-steps li:first-child{
 border-top:1px solid var(--ek-line,#c7cdc4)!important;
}
body[data-route="/"] .ek-home .home-method .home-steps li::before{
 content:counter(ek-session, decimal-leading-zero)!important;
 display:grid!important;place-items:center!important;
 width:38px!important;height:38px!important;
 padding:0!important;border:1px solid currentColor!important;
 border-radius:50%!important;
 color:var(--ek-accent,#8b5f4d)!important;
 font:600 13px/1 var(--ek-font-body,Inter,Arial,sans-serif)!important;
 letter-spacing:0!important;
}
body[data-route="/"] .ek-home .home-method .home-steps li p{
 margin:0!important;min-width:0!important;max-width:56ch!important;
 font:400 clamp(16px,1.65vw,19px)/1.58 var(--ek-font-body,Inter,Arial,sans-serif)!important;
 letter-spacing:normal!important;
}
@media(max-width:800px){
 body[data-route="/"] .ek-home .home-method .home-split{
  grid-template-columns:minmax(0,1fr)!important;
  row-gap:clamp(22px,5vw,35px)!important;
 }
 body[data-route="/"] .ek-home .home-method .home-method-visual{order:0!important}
 body[data-route="/"] .ek-home .home-method .home-split-main{order:1!important}
 body[data-route="/"] .ek-home .home-method .home-method-visual img{
  height:auto!important;aspect-ratio:5/4!important;
  object-position:50% 50%!important;
 }
 body[data-route="/"] .ek-home .home-method .home-steps li{
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:13px!important;padding:18px 0!important;
 }
 body[data-route="/"] .ek-home .home-method .home-steps li::before{
  width:34px!important;height:34px!important;font-size:12px!important;
 }
 body[data-route="/"] .ek-home .home-method .home-steps li p{
  font-size:16px!important;line-height:1.55!important;
 }
}
:root[data-ek-theme="dark"] body[data-route="/"] .ek-home .home-method .home-steps li{
 border-top-color:rgba(211,223,209,.29)!important;
}
:root[data-ek-theme="dark"] body[data-route="/"] .ek-home .home-method .home-steps li::before{
 color:#f0b399!important;border-color:rgba(240,179,153,.58)!important;
}

/* F6 finishing correction · The whole .ek-sheet is a FULL-VIEWPORT overlay,
   not the translucent reading surface. Override the more-specific legacy
   .ek-sheet.ek-review-sheet dark background on the overlay itself, and reserve
   translucency for the actual .ek-sheet-panel. */
:root[data-ek-theme="dark"] body .ek-sheet,
:root[data-ek-theme="dark"] body .ek-sheet.ek-review-sheet,
:root[data-ek-theme="dark"] body .ek-sheet.ek-hero-modal{
 background:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
 border:0!important;box-shadow:none!important;
}
:root[data-ek-theme="dark"] body .ek-sheet .ek-sheet-scrim{
 background:rgba(13,24,18,.32)!important;
}
:root[data-ek-theme="dark"] body .ek-sheet .ek-sheet-panel{
 background:rgba(38,54,46,.88)!important;
 background-color:rgba(38,54,46,.88)!important;
 -webkit-backdrop-filter:blur(8px)!important;
 backdrop-filter:blur(8px)!important;
}
/* F7 finishing correction · Stories header belongs to the same canvas.
   Keep step bars and X separated; only remove the colored header strip. */
.ek-stories .ek-stories-stage .ek-stories-top,
.ek-stories .ek-stories-stage .ek-stories-controls,
.ek-stories .ek-stories-stage .ek-stories-progress{
 background:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
}
.ek-stories .ek-stories-stage .ek-stories-top{
 border:0!important;
 outline:0!important;
}
:root[data-ek-theme="dark"] .ek-stories .ek-stories-stage .ek-stories-top,
:root[data-ek-theme="dark"] .ek-stories .ek-stories-stage .ek-stories-controls,
:root[data-ek-theme="dark"] .ek-stories .ek-stories-stage .ek-stories-progress{
 background:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
 border-color:transparent!important;
 box-shadow:none!important;
}

/* A–C · The site's canonical editorial type remains Inter for reading,
   Fraunces for display. These are local rhythm changes, not font replacements. */

/* A · Clean Home reviews pagination; preserve all seven buttons and data. */
body.ek-integrated[data-route="/"] .home-experience .ek-reviews-nav{
 border:0!important;border-top:0!important;
 padding-top:0!important;margin-top:clamp(18px,3vw,24px)!important;
 box-shadow:none!important;
}
body.ek-integrated[data-route="/"] .home-experience .ek-reviews-nav::before{
 display:none!important;content:none!important;
}

/* A · Mobile global menu: Fraunces marks principal choices, while secondary
   destinations are clear, lightly tracked Inter. Same in light and dark. */
@media(max-width:800px){
 #ek-menu .ek-mobile-levels [data-menu-level="root"]>:is(a,button){
  font-family:var(--ek-font-heading,Fraunces,Georgia,serif)!important;
  font-size:clamp(18px,4.5vw,21px)!important;
  font-weight:400!important;line-height:1.25!important;
  letter-spacing:-.025em!important;
  padding:15px 0!important;min-height:56px!important;
 }
 #ek-menu .ek-mobile-levels [data-menu-level="explore"]>:is(a,button){
  font-family:var(--ek-font-body,Inter,Arial,sans-serif)!important;
  font-size:clamp(15px,3.9vw,17px)!important;
  font-weight:400!important;line-height:1.45!important;
  letter-spacing:-.018em!important;
  padding:13px 0!important;min-height:50px!important;
 }
 #ek-menu .ek-mobile-levels [data-menu-level] h3{
  font-family:var(--ek-font-heading,Fraunces,Georgia,serif)!important;
  font-weight:400!important;letter-spacing:-.025em!important;
 }
}
/* B · One photo-card composition for problem entries and all related picture
   links; these are the existing anchor+image+copy nodes, untouched for SEO. */
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card,
body.ek-integrated .related>ul>li>a:has(>.related-image),
body.ek-unified[data-route="/problemas/"] main.ek-problem-hub .related>ul>li>a{
 display:block!important;position:relative!important;isolation:isolate!important;
 box-sizing:border-box!important;
 height:clamp(295px,25vw,360px)!important;
 min-height:295px!important;max-height:360px!important;
 aspect-ratio:auto!important;
 overflow:hidden!important;border:0!important;border-radius:18px!important;
 background:#24372e!important;box-shadow:none!important;
 color:#f4f0e7!important;
}
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card .ek-ed-card-photo,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card .ek-ed-card-photo,
body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-image,
body.ek-unified[data-route="/problemas/"] main.ek-problem-hub .related>ul>li>a>.related-image{
 position:absolute!important;inset:0!important;z-index:0!important;
 display:block!important;width:100%!important;height:100%!important;
 max-width:none!important;aspect-ratio:auto!important;overflow:hidden!important;
}
body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-image img{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;object-fit:cover!important;
}
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card::before,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card::before{
 pointer-events:none!important;z-index:1!important;
 background:linear-gradient(to bottom,rgba(15,28,21,.06),rgba(15,28,21,.20))!important;
}
/* Upper category: compact opaque badge, out of the text block. */
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card::after,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card::after,
body.ek-integrated .related>ul>li>a:has(>.related-image)::after{
 content:"PROBLEMA";
 position:absolute!important;top:14px!important;left:14px!important;right:auto!important;z-index:5!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:7px 11px!important;max-width:calc(100% - 28px)!important;
 border-radius:4px!important;background:#f4f0e7!important;color:#26382e!important;
 font:500 10px/1.25 var(--ek-font-body,Inter,Arial,sans-serif)!important;
 letter-spacing:.1em!important;text-transform:uppercase!important;
 pointer-events:none!important;
}
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card[href^="/itv-corporal/"]::after,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card[href^="/itv-corporal/"]::after,
body.ek-integrated .related>ul>li>a[href^="/osteopatia/"]:has(>.related-image)::after,
body.ek-integrated .related>ul>li>a[href^="/itv-corporal/"]:has(>.related-image)::after,
body.ek-integrated .related>ul>li>a[href^="/reeducacion-postural/"]:has(>.related-image)::after{content:"SERVICIO"}
body.ek-integrated .related>ul>li>a[href^="/resenas/"]:has(>.related-image)::after{content:"EXPERIENCIA"}
/* Full-bleed caption; fixed rhythm prevents per-card height wobble. */
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card .ek-ed-card-body,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card .ek-ed-card-body,
body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-text,
body.ek-unified[data-route="/problemas/"] main.ek-problem-hub .related .related-text{
 position:absolute!important;inset:auto 0 0 0!important;z-index:3!important;
 left:0!important;right:0!important;bottom:0!important;top:auto!important;
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 width:100%!important;height:145px!important;min-height:145px!important;max-height:145px!important;
 margin:0!important;padding:16px clamp(15px,2vw,21px)!important;
 gap:6px!important;overflow:hidden!important;box-sizing:border-box!important;
 background:rgba(22,37,30,.94)!important;color:#f4f0e7!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card .ek-ed-card-title,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card .ek-ed-card-title,
body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-text strong{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;
 -webkit-line-clamp:2!important;line-clamp:2!important;
 overflow:hidden!important;min-height:0!important;max-height:2.6em!important;
 white-space:normal!important;text-overflow:ellipsis!important;
 margin:0!important;padding:0!important;
 font:400 clamp(18px,2vw,22px)/1.23 var(--ek-font-heading,Fraunces,Georgia,serif)!important;
 letter-spacing:-.025em!important;color:#f4f0e7!important;
}
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card .ek-ed-card-desc,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card .ek-ed-card-desc,
body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-text>span:not(.related-label):not(.related-action):not(.related-cta){
 display:-webkit-box!important;-webkit-box-orient:vertical!important;
 -webkit-line-clamp:2!important;line-clamp:2!important;
 opacity:1!important;visibility:visible!important;
 min-height:0!important;max-height:2.9em!important;
 overflow:hidden!important;text-overflow:ellipsis!important;
 white-space:normal!important;
 padding:0!important;margin:0!important;
 font:400 13px/1.44 var(--ek-font-body,Inter,Arial,sans-serif)!important;
 letter-spacing:-.005em!important;color:#e4ebe1!important;
}
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card:is(:hover,:focus-within) .ek-ed-card-desc,
body.ek-integrated .related>ul>li>a:has(>.related-image):is(:hover,:focus-visible)>.related-text{
 max-height:145px!important;
}
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card :is(.ek-ed-card-cta,.ek-ed-card-more,.ek-ed-card-glass),
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card :is(.ek-ed-card-cta,.ek-ed-card-more,.ek-ed-card-glass),
body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-text :is(.related-label,.related-action,.related-cta){
 display:none!important;
}
@media(max-width:900px){
 body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card,
 body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card,
 body.ek-integrated .related>ul>li>a:has(>.related-image){
  height:clamp(290px,76vw,370px)!important;min-height:290px!important;max-height:370px!important;
 }
}
@media(max-width:700px){
 body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card .ek-ed-card-title,
 body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card .ek-ed-card-title,
 body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-text strong{
  font-size:20px!important;line-height:1.23!important;
 }
}

/* Correct inherited negative z-index of hub photography. */
body.ek-integrated[data-route="/problemas/"] .ek-f2-rail>.ek-ed-card>.ek-ed-card-photo,
body.ek-integrated[data-route="/problemas/"] .ek-discovery-grid>.ek-ed-card>.ek-ed-card-photo{
 z-index:0!important;object-fit:cover!important;
}
/* Related badges reflect the underlying indexed destination, not a generic label. */
body.ek-integrated .related>ul>li>a:has(>.related-image)::after{content:"CONTENIDO"}
body.ek-integrated .related>ul>li>a[href^="/problemas/"]:has(>.related-image)::after{content:"PROBLEMA"}
body.ek-integrated .related>ul>li>a[href^="/experiencia-ekonatura/"]:has(>.related-image)::after{content:"EXPERIENCIA"}
body.ek-integrated .related>ul>li>a[href^="/sobre-mi/"]:has(>.related-image)::after{content:"SOBRE MÍ"}
body.ek-integrated .related>ul>li>a[href^="/preguntas-habituales/"]:has(>.related-image)::after{content:"INFORMACIÓN"}

/* REVIEW 02/11 · Reuse one category tag above the photo, never twice. */
body.ek-integrated[data-route="/problemas/"] :is(.ek-f2-rail,.ek-discovery-grid)>.ek-ed-card .ek-ed-card-body :is(.ek-ed-card-label,.ek-ed-card-category),
body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-text>.related-label{
 display:none!important;
}
/* Canonical fonts + subtle editorial rhythm for reading text in both themes.
   Preserve headings, font sizes, approved layouts and independent CV page. */
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]) :is(.reading.prose,.ek-section-copy,.ek-intro-editorial-copy,.ek-section-body) :is(p,li,dd){
 font-family:var(--ek-font-body,Inter,Arial,sans-serif)!important;
 font-weight:400!important;letter-spacing:-.012em!important;
 font-kerning:normal;font-optical-sizing:auto;
}
@media(max-width:800px){
 #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>:is(a,button):not(.ek-mobile-booking-cta){
  font-family:var(--ek-font-heading,Fraunces,Georgia,serif)!important;
  font-weight:400!important;letter-spacing:-.03em!important;line-height:1.25!important;
 }
 #ek-menu nav.ek-mobile-levels [data-menu-level="explore"]>:is(a,button),
 #ek-menu nav.ek-mobile-levels .ek-mobile-booking-cta{
  font-family:var(--ek-font-body,Inter,Arial,sans-serif)!important;
  font-weight:400!important;letter-spacing:-.015em!important;
 }
}

/* EDITORIAL_RHYTHM_20261102 · Canonical reading scale in light and dark.
   Scope is prose/chapters, never approved heroes, card captions or the CV. */
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]) :is(.reading.prose,.ek-section-copy,.ek-intro-editorial-copy,.ek-section-body) :is(p,li,dd){
 font-family:var(--ek-font-body,Inter,Arial,sans-serif)!important;
 font-size:clamp(16px,1.18vw,17px)!important;
 font-weight:400!important;
 line-height:1.6!important;
 letter-spacing:-.012em!important;
 font-kerning:normal;
 text-wrap:pretty;
}
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]) .reading.prose .ek-section>h2,
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]) .ek-about-curated>h2{
 font-family:var(--ek-font-heading,Fraunces,Georgia,serif)!important;
 font-weight:400!important;
 font-size:clamp(29px,2.8vw,42px)!important;
 line-height:1.13!important;
 letter-spacing:-.032em!important;
 text-wrap:balance;
}
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]) .reading.prose .ek-section>h3{
 font-family:var(--ek-font-heading,Fraunces,Georgia,serif)!important;
 font-weight:400!important;
 font-size:clamp(22px,2vw,29px)!important;
 line-height:1.2!important;
 letter-spacing:-.028em!important;
 text-wrap:balance;
}
@media(max-width:800px){
 #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>:is(a,button):not(.ek-mobile-booking-cta){
  font-size:clamp(19px,4.7vw,22px)!important;
  line-height:1.22!important;
 }
 #ek-menu nav.ek-mobile-levels [data-menu-level="explore"]>:is(a,button){
  font-size:clamp(14px,3.8vw,16px)!important;
  line-height:1.4!important;
 }
}

/* EDITORIAL_PASS2_20261102
   Second editorial pass. Work with the site's existing Fraunces / Inter
   roles and reading rhythm; no change to canonical body copy, photos or heroes.
   Consistent in both theme states without selecting theme colours. */
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]):not([data-route="/sobre-mi/"]) .reading.prose .ek-intro-editorial-title{
 font-family:var(--ek-font-heading,Fraunces,Georgia,serif)!important;
 font-weight:400!important;
 font-size:clamp(25px,2.35vw,35px)!important;
 line-height:1.16!important;
 letter-spacing:-.033em!important;
 font-optical-sizing:auto;
 text-wrap:balance;
}
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]):not([data-route="/sobre-mi/"]) .reading.prose .ek-intro-editorial-copy>p:first-child{
 font-family:var(--ek-font-body,Inter,Arial,sans-serif)!important;
 font-size:clamp(17px,1.35vw,18px)!important;
 line-height:1.57!important;
 letter-spacing:-.014em!important;
 max-width:60ch;
}
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]):not([data-route="/sobre-mi/"]) :is(.reading.prose,.ek-about-curated) :is(.ek-intro-editorial-eyebrow,.ek-intro-editorial-number){
 font-family:var(--ek-font-body,Inter,Arial,sans-serif)!important;
 font-size:12px!important;
 font-weight:500!important;
 letter-spacing:.075em!important;
 line-height:1.4!important;
}
/* Normalize the heading above existing image recommendations, not the cards'
   content or the curated recommendations' SEO markup. */
body.ek-integrated .related>h2{
 font-family:var(--ek-font-heading,Fraunces,Georgia,serif)!important;
 font-size:clamp(27px,2.45vw,38px)!important;
 font-weight:400!important;
 line-height:1.16!important;
 letter-spacing:-.03em!important;
 text-wrap:balance;
}
/* Related image cards already share the Problems composition at all routes.
   Normalize remaining desktop size differences, excluding the approved
   3-card Experience carousel with its independent rail dimensions. */
@media(min-width:901px){
 body.ek-integrated:not([data-route="/experiencia-ekonatura/"]) .related>ul>li>a:has(>.related-image){
  height:clamp(295px,25vw,360px)!important;
  min-height:295px!important;
  max-height:360px!important;
 }
}
/* Improve readability at small widths without altering the 2-line clamp. */
@media(max-width:700px){
 body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-text>.related-desc,
 body.ek-integrated .related>ul>li>a:has(>.related-image)>.related-text>span:not(.related-label):not(.related-action):not(.related-cta){
  font-size:14px!important;
  line-height:1.42!important;
  letter-spacing:-.007em!important;
 }
}
body.ek-integrated .related>ul>li>a:has(>.related-image):focus-visible{
 outline:2px solid var(--ek-coral,#a94b32)!important;
 outline-offset:3px!important;
}

/* EDITORIAL_PASS3_20261102 · Fixed the real mobile geometry discrepancy:
   /problemas/ related rail used 78% width versus the approved Problems
   photographic rail (100% - 30px). Equal-width cards read as rectangles;
   retain their shared height, overlay, badge, photography and swipe peek. */
@media(max-width:700px){
 body.ek-integrated[data-route="/problemas/"] main.ek-problem-hub .related{
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
 }
 body.ek-integrated[data-route="/problemas/"] .related--carousel>ul>li{
  flex:0 0 calc(100% - 30px)!important;
  width:calc(100% - 30px)!important;
  min-width:0!important;max-width:none!important;
  scroll-snap-align:start;
 }
 body.ek-integrated[data-route="/problemas/"] .related--carousel>ul>li>a:has(>.related-image){
  height:clamp(290px,76vw,370px)!important;
  min-height:290px!important;max-height:370px!important;
  aspect-ratio:auto!important;
 }
}
/* Third fine editorial pass: the ordinary introductory reading paragraphs
   had been bypassing the canonical section rules. Reuse the same Inter
   rhythm without altering any hero, quote, card, legal or independent CV. */
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]) .reading.prose .ek-hero-intro:not(.ek-hero-intro--editorial)>p{
 font-family:var(--ek-font-body,Inter,Arial,sans-serif)!important;
 font-weight:400!important;
 font-size:clamp(16px,1.18vw,17px)!important;
 line-height:1.6!important;
 letter-spacing:-.012em!important;
 font-kerning:normal;
 text-wrap:pretty;
}
body.ek-integrated:not([data-route="/sobre-mi/detalle/"]) .reading.prose .ek-hero-intro:not(.ek-hero-intro--editorial)>p:first-child{
 font-size:clamp(17px,1.3vw,18px)!important;
 line-height:1.55!important;
}
body.ek-integrated :is(.reading.prose .ek-section>h2,.reading.prose .ek-section>h3,.reading.prose .ek-intro-editorial-title,.related>h2){
 font-kerning:normal;
 font-optical-sizing:auto;
 text-rendering:optimizeLegibility;
}
