/* EKONATURA · F3 Reading visual system V1 (preview pilot).
   One index style across an integrated article and a preserved blog article.
   No replacement or duplicate of TOC, reader, share, overlays or review text. */
body.ek-integrated[data-route="/problemas/dolor-lumbar/"] main .ek-section-index{
 counter-reset:ek-reading-chapter;
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:0 clamp(20px,3.4vw,44px)!important;
 width:min(100%,760px);margin:clamp(34px,5vw,60px) auto clamp(42px,6vw,72px)!important;
 padding:clamp(20px,3vw,30px) 0 0!important;
 background:transparent!important;border:0!important;border-top:1px solid #c6c3bc!important;
 border-radius:0!important;box-shadow:none!important;
}
body.ek-integrated[data-route="/problemas/dolor-lumbar/"] main .ek-section-index:before{
 content:"EN ESTA PÁGINA";grid-column:1/-1;
 display:block;margin-bottom:clamp(15px,2vw,24px);
 color:#77736c;font:600 12px/1.5 var(--ek-font-body,system-ui,sans-serif);
 letter-spacing:.08em;
}
body.ek-integrated[data-route="/problemas/dolor-lumbar/"] main .ek-section-index>a{
 counter-increment:ek-reading-chapter;display:grid!important;
 grid-template-columns:32px minmax(0,1fr);align-items:start!important;
 min-height:52px!important;padding:12px 4px 13px 0!important;
 background:transparent!important;color:var(--ek-v1-graphite)!important;
 border:0!important;border-bottom:1px solid #ccc6be99!important;
 border-radius:0!important;box-shadow:none!important;text-decoration:none!important;
 font:500 15px/1.45 var(--ek-font-body,system-ui,sans-serif)!important;
}
body.ek-integrated[data-route="/problemas/dolor-lumbar/"] main .ek-section-index>a::before{
 content:counter(ek-reading-chapter,decimal-leading-zero);
 display:block;color:var(--ek-v1-coral-dark)!important;font-size:12px;letter-spacing:.04em;
 padding-top:2px;
}
body.ek-integrated[data-route="/problemas/dolor-lumbar/"] main .ek-section-index>a:is(:hover,:focus-visible){
 color:var(--ek-v1-coral-dark)!important;background:transparent!important;
 text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important;
}
body.ek-integrated[data-route="/problemas/dolor-lumbar/"] main .ek-section-index>a:focus-visible{
 outline:2px solid var(--ek-v1-coral-dark)!important;outline-offset:2px;
}
@media(max-width:700px){
 body.ek-integrated[data-route="/problemas/dolor-lumbar/"] main .ek-section-index{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  margin-block:32px 48px!important;padding-top:18px!important
 }
 body.ek-integrated[data-route="/problemas/dolor-lumbar/"] main .ek-section-index>a{
  min-height:48px!important;font-size:16px!important
 }
}
/* Long-form articles remain the preserved original markup, no new script.
   The palette mirrors the site without extending oversized Home heroes. */
body.ek-long-article{
 --ink:#292d2e;--moss:#35393a;--sea:#96523e;--paper:#f5f1eb;
 --cream:#e9e6e0;--line:#cfc9bf;--muted:#625f59;
 background:var(--paper)!important;color:var(--ink)!important;
}
body.ek-long-article .lead-grid .toc{
 padding:20px 0 0!important;border:0!important;border-top:1px solid #bcb6ad!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.ek-long-article .lead-grid .toc h2{
 margin:0 0 12px!important;color:#6c6964!important;
 font:600 12px/1.5 var(--sans,system-ui,sans-serif)!important;
 letter-spacing:.08em!important;text-transform:uppercase!important
}
body.ek-long-article .lead-grid .toc ol{
 display:block!important;margin:0!important;padding:0!important;list-style:none!important
}
body.ek-long-article .lead-grid .toc li{
 margin:0!important;padding:0!important;border:0!important
}
body.ek-long-article .lead-grid .toc a{
 display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;
 gap:10px!important;min-height:44px!important;
 padding:11px 2px!important;border:0!important;border-bottom:1px solid #cfc9bf99!important;
 background:transparent!important;color:var(--ink)!important;
 text-decoration:none!important;font:500 15px/1.4 var(--sans,system-ui,sans-serif)!important;
}
body.ek-long-article .lead-grid .toc a span{
 color:#96523e!important;font:600 12px/1.5 var(--sans,system-ui,sans-serif)!important
}
body.ek-long-article .lead-grid .toc a:is(:hover,:focus-visible){
 color:#96523e!important;background:transparent!important;text-decoration:underline!important;
 text-underline-offset:4px!important;
}
body.ek-long-article .lead-grid .toc a:focus-visible{
 outline:2px solid #96523e!important;outline-offset:2px!important;
}
body.ek-long-article .reading h2{
 scroll-margin-top:calc(var(--ek-header-h,80px) + 24px);
}
@media(max-width:800px){
 body.ek-long-article .lead-grid .toc a{font-size:16px!important}
}
/* Same fixed excerpt reading window for embedded, expandable testimonials.
   The full authentic quote/reply remains accessible via the existing details
   control and source link. /resenas/ keeps its own dedicated layout. */
body.ek-integrated:not([data-route="/"]):not([data-route="/resenas/"])
 main .ek-review-card.review:has(details.review-more){
 --ek-v1-quote-ink:#f5f1eb;--ek-v1-review-lines:5;
 background:var(--ek-v1-graphite)!important;color:var(--ek-v1-quote-ink)!important;
 border:0!important;box-shadow:none!important;
}
body.ek-integrated:not([data-route="/"]):not([data-route="/resenas/"])
 main .ek-review-card.review:has(details.review-more)::before{
 display:none!important;content:none!important;
}
body.ek-integrated:not([data-route="/"]):not([data-route="/resenas/"])
 main .ek-review-card.review:has(details.review-more) blockquote{
 display:-webkit-box!important;-webkit-box-orient:vertical!important;
 -webkit-line-clamp:var(--ek-v1-review-lines)!important;
 line-clamp:var(--ek-v1-review-lines)!important;
 overflow:hidden!important;
 height:calc(var(--ek-v1-review-lines) * 1.29em)!important;
 min-height:calc(var(--ek-v1-review-lines) * 1.29em)!important;
 max-height:calc(var(--ek-v1-review-lines) * 1.29em)!important;
 line-height:1.29!important;margin-block:clamp(19px,3vw,30px)!important;
 color:var(--ek-v1-quote-ink)!important
}
body.ek-integrated:not([data-route="/"]):not([data-route="/resenas/"])
 main .ek-review-card.review:has(details.review-more) .stars{
 color:var(--ek-v1-coral)!important
}
body.ek-integrated:not([data-route="/"]):not([data-route="/resenas/"])
 main .ek-review-card.review:has(details.review-more) .ek-review-share{
 color:var(--ek-v1-cream)!important
}
body.ek-integrated:not([data-route="/"]):not([data-route="/resenas/"])
 main .ek-review-card.review:has(details.review-more) :is(a,button,summary):focus-visible{
 outline:2px solid var(--ek-v1-coral)!important;outline-offset:3px!important
}
@media(max-width:700px){
 body.ek-integrated:not([data-route="/"]):not([data-route="/resenas/"])
  main .ek-review-card.review:has(details.review-more){
  --ek-v1-review-lines:5;padding:26px 23px!important
 }
}
/* Preserve genuine full-text accessibility: the expanded content itself is
   not clamped, and a visible source/reply is never silently hidden. */
body.ek-integrated:not([data-route="/"]):not([data-route="/resenas/"])
 main .ek-review-card.review details.review-more[open] .review-expanded{
 max-height:none!important;overflow:visible!important;
}