/* Ekonatura · About reader sidebar (desktop) + scoped typography audit.
 * Editorial typography only on /sobre-mi/. The independent personal CV,
 * home and other Ekonatura pages are unchanged.
 */
.ek-about-reader[hidden] {display:none!important}
@media(min-width:701px){
  html.ek-about-reader-open,html.ek-about-reader-open body{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .ek-about-reader{
    position:fixed;inset:0;z-index:170;
    display:block;
  }
  .ek-about-reader-scrim{
    position:absolute;inset:0;background:rgba(21,32,25,.28);
    -webkit-backdrop-filter:blur(7px) saturate(88%);
    backdrop-filter:blur(7px) saturate(88%);
    opacity:0;transition:opacity .2s ease;
  }
  .ek-about-reader-panel{
    position:absolute;inset-block:0;right:0;
    display:flex;flex-direction:column;
    width:min(640px,78vw);max-width:100%;
    padding:0;
    background:#fff;color:#28342c;
    border-left:1px solid #e1e5df;
    box-shadow:none;
    transform:translate3d(101%,0,0);
    transition:transform .22s cubic-bezier(.2,.7,.25,1);
    overscroll-behavior:contain;
  }
  .ek-about-reader.is-open .ek-about-reader-panel{transform:translate3d(0,0,0)}
  .ek-about-reader.is-open .ek-about-reader-scrim{opacity:1}
  .ek-about-reader-header{
    display:flex;justify-content:space-between;align-items:start;
    gap:18px;flex:none;
    padding:37px 43px 25px;
    border-bottom:1px solid #e6e8e4;
  }
  .ek-about-reader-eyebrow{
    margin:0 0 10px!important;
    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:#68776c!important;
  }
  .ek-about-reader-header h2{
    margin:0!important;
    font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) Fraunces,Georgia,serif!important;
    letter-spacing:var(--ek-ls-heading)!important;color:#27342a!important;
  }
  .ek-about-reader-close{
    display:grid;place-items:center;flex:none;
    width:42px;height:42px;min-width:42px;
    border:1px solid #dfe5de;border-radius:50%;
    background:#fff;color:#29382e;cursor:pointer;
  }
  .ek-about-reader-close:is(:hover,:focus-visible){background:#f2f5f0}
  .ek-about-reader-close:focus-visible,
  .ek-about-reader-index button:focus-visible{
    outline:2px solid #25362a;outline-offset:3px;
  }
  .ek-about-reader-index{
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;flex:none;padding:0 43px;
    border-bottom:1px solid #e6e8e4;
  }
  .ek-about-reader-index button{
    display:grid;place-items:center;
    height:47px;padding:0;border:0;
    background:#fff;color:#747d73;
    font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body);
    cursor:pointer;
    border-bottom:2px solid transparent;
  }
  .ek-about-reader-index button:is(:hover,:focus-visible){
    color:#26382c;background:#f6f8f5;
  }
  .ek-about-reader-index button[aria-current="true"]{
    border-bottom-color:#788e7c;color:#26392d;
  }
  .ek-about-reader-body{
    flex:1;min-height:0;overflow-y:auto;
    overscroll-behavior:contain;
    padding:18px 43px 60px;
    scrollbar-gutter:stable;
    font:var(--ek-fw-body) var(--ek-fs-small)/var(--ek-lh-compact) var(--ek-font-body);
    color:#354039;
  }
  .ek-about-reader-body:focus-visible{outline:2px solid #708d76;outline-offset:-2px}
  .ek-about-reader-body .ek-narrative-section{
    display:block!important;position:static!important;
    width:100%!important;max-width:none!important;
    min-height:0!important;grid-template-columns:none!important;
    margin:0!important;padding:38px 0 45px!important;
    background:transparent!important;border:0!important;
    border-bottom:1px solid #e6e9e4!important;
    border-radius:0!important;box-shadow:none!important;
  }
  .ek-about-reader-body .ek-narrative-section::before{
    content:attr(data-chapter);
    display:block;font:var(--ek-fw-body) 0.625rem/var(--ek-lh-compact) var(--ek-font-body);
    letter-spacing:normal;color:#7b867a;
    margin:0 0 17px;
  }
  .ek-about-reader-body .ek-narrative-section>h2{
    display:block!important;position:static!important;
    margin:0 0 23px!important;
    padding:0!important;
    font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) Fraunces,Georgia,serif!important;
    letter-spacing:var(--ek-ls-heading)!important;
    color:#27352b!important;
    max-width:21ch!important;
    background:none!important;
    border:0!important;
  }
  .ek-about-reader-body .ek-section-copy{
    display:block!important;
    grid-column:auto!important;grid-row:auto!important;
    width:100%!important;max-width:none!important;
    padding:0!important;margin:0!important;
    background:transparent!important;
  }
  .ek-about-reader-body :is(p,li){
    max-width:none!important;
    margin:0 0 20px!important;
    font:var(--ek-fw-body) var(--ek-fs-body)/var(--ek-lh-body) var(--ek-font-body)!important;
    color:#39453d!important;
    letter-spacing:normal!important;
  }
  .ek-about-reader-body :is(strong,b){font-weight:var(--ek-fw-body)!important;}
  .ek-about-reader-body .ek-narrative-image,
  .ek-about-reader-body figure{display:none!important}
  .ek-about-reader-body ol{
    padding-left:20px!important;
    margin:12px 0!important;
  }
  .ek-about-reader-body a{
    color:#2a4a36!important;text-decoration:underline!important;
    text-underline-offset:3px;
  }
}
@media(max-width:700px){.ek-about-reader{display:none!important}}
@media(prefers-reduced-motion:reduce){
  .ek-about-reader-panel,.ek-about-reader-scrim{transition:none!important}
}

/* SOBRE_MÍ_TYPE_CONSISTENCY_20261028 — editorial hierarchy and breathing room. */
body[data-route="/sobre-mi/"] .ek-about-curated{
  margin:clamp(46px,5vw,78px) 0!important;
}
body[data-route="/sobre-mi/"] .ek-about-curated>h2{
  font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) Fraunces,Georgia,serif!important;
  letter-spacing:var(--ek-ls-heading)!important;
  max-width:23ch!important;
  margin:12px 0 27px!important;
}
body[data-route="/sobre-mi/"] .ek-about-focus-card{
  padding:23px 0 26px!important;
}
body[data-route="/sobre-mi/"] .ek-about-focus-heading h3{
  font:var(--ek-fw-heading) var(--ek-fs-h3)/var(--ek-lh-heading) Fraunces,Georgia,serif!important;
  letter-spacing:var(--ek-ls-heading)!important;
  margin:8px 0 0!important;
  max-width:21ch!important;
}
body[data-route="/sobre-mi/"] .ek-about-focus-num{
  font:var(--ek-fw-body) var(--ek-fs-meta)/var(--ek-lh-compact) var(--ek-font-body)!important;
  letter-spacing:normal!important;
}
body[data-route="/sobre-mi/"] .ek-about-focus-copy{
  padding-top:20px!important;
}
body[data-route="/sobre-mi/"] .ek-about-focus-copy p,
body[data-route="/sobre-mi/"] .ek-intro-editorial-copy p{
  font:var(--ek-fw-body) var(--ek-fs-body)/var(--ek-lh-body) var(--ek-font-body)!important;
  letter-spacing:normal!important;
  max-width:64ch!important;
}
body[data-route="/sobre-mi/"] .ek-intro-editorial-title{
  font:var(--ek-fw-heading) var(--ek-fs-h3)/var(--ek-lh-heading) Fraunces,Georgia,serif!important;
  letter-spacing:var(--ek-ls-heading)!important;
}
body[data-route="/sobre-mi/"] .ek-intro-editorial-row{
  gap:clamp(18px,3vw,30px)!important;
  padding:20px 0!important;
}
body[data-route="/sobre-mi/"] .ek-intro-editorial-label{
  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;
}
body[data-route="/sobre-mi/"] .ek-about-banner h2{
  font:var(--ek-fw-heading) var(--ek-fs-h2)/var(--ek-lh-heading) Fraunces,Georgia,serif!important;
  letter-spacing:var(--ek-ls-heading)!important;
  max-width:18ch!important;
}
body[data-route="/sobre-mi/"] .ek-about-chapters{
  margin:clamp(30px,4.5vw,55px) 0 clamp(40px,5vw,64px)!important;
}
body[data-route="/sobre-mi/"] .ek-about-chapters>summary{
  padding:17px 0!important;
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
  color:#2d3a30!important;
}
body[data-route="/sobre-mi/"] .ek-about-chapters>summary span{
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
}
@media(max-width:700px){
  body[data-route="/sobre-mi/"] .ek-about-curated{
    margin:35px 0 50px!important;
  }
  body[data-route="/sobre-mi/"] .ek-about-curated>h2{
    font-size:var(--ek-fs-h2)!important;
    margin-bottom:22px!important;
  }
  body[data-route="/sobre-mi/"] .ek-about-focus-heading h3{
    font-size:var(--ek-fs-h3)!important;
    max-width:26ch!important;
  }
  body[data-route="/sobre-mi/"] .ek-about-focus-copy{
    padding-top:0!important;
  }
  body[data-route="/sobre-mi/"] .ek-about-banner h2{
    font-size:var(--ek-fs-h2)!important;
  }
  body[data-route="/sobre-mi/"] .ek-intro-editorial-title{
    font-size:var(--ek-fs-h3)!important;
  }
}


/* ABOUT_READER_REFINED_20261028 · remove duplicate chapter numerals,
   soften the backdrop and make the paired reading links compact. */
@media(min-width:701px){
  .ek-about-reader-body .ek-narrative-section>h2[data-reading-number]::before{
    content:none!important;
    display:none!important;
  }
  .ek-about-reader-body .ek-narrative-section::before{
    content:attr(data-chapter)!important;
    display:block!important;
    font:var(--ek-fw-body) 0.625rem/var(--ek-lh-compact) var(--ek-font-body)!important;
    margin-bottom:17px!important;
    color:#758173!important;
  }
  .ek-about-reader .ek-narrative-section>*:not(h2):not(.ek-section-copy){
    max-width:100%;
  }
  .ek-about-reader-body .ek-section-copy>p:last-child{
    margin-bottom:0!important;
  }
}
/* Two discreet calls to action beneath the curated three-part introduction. */
body[data-route="/sobre-mi/"] .ek-about-inline-actions{
  display:flex;align-items:stretch;flex-wrap:wrap;
  gap:clamp(13px,2vw,22px);
  margin:30px 0 0;
  padding:24px 0 2px;
  border-top:1px solid var(--ek-line,#d4d5c9);
}
body[data-route="/sobre-mi/"] .ek-about-inline-actions .ek-about-chapters{
  display:block!important;
  flex:0 1 auto;
  margin:0!important;padding:0!important;
  min-width:0!important;
  border:0!important;
}
body[data-route="/sobre-mi/"] .ek-about-inline-actions .ek-about-chapters>summary,
body[data-route="/sobre-mi/"] .ek-about-inline-career{
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:49px!important;
  margin:0!important;
  padding:12px 17px!important;
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
  letter-spacing:normal!important;
  color:#303b32!important;
  background:transparent!important;
  border:1px solid #bfc8be!important;
  border-radius:6px!important;
  text-decoration:none!important;
  cursor:pointer;
}
body[data-route="/sobre-mi/"] .ek-about-inline-actions .ek-about-chapters>summary::-webkit-details-marker{display:none!important}
body[data-route="/sobre-mi/"] .ek-about-inline-actions .ek-about-chapters>summary::marker{content:""}
body[data-route="/sobre-mi/"] .ek-about-inline-actions .ek-about-chapters>summary span,
body[data-route="/sobre-mi/"] .ek-about-inline-career span{
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
  color:#576c59!important;
  transform:none!important;
  flex:none;
}
body[data-route="/sobre-mi/"] .ek-about-inline-actions :is(summary,a):is(:hover,:focus-visible){
  background:#f7f8f4!important;
  border-color:#7a8e7e!important;
}
body[data-route="/sobre-mi/"] .ek-about-inline-actions :is(summary,a):focus-visible{
  outline:2px solid #303b32!important;
  outline-offset:3px!important;
}
@media(max-width:700px){
 body[data-route="/sobre-mi/"] .ek-about-inline-actions{
   flex-direction:column;
   align-items:stretch;
   gap:10px;
   margin:23px 0 0;
   padding-top:20px;
 }
 body[data-route="/sobre-mi/"] .ek-about-inline-actions .ek-about-chapters{
   width:100%;
 }
 body[data-route="/sobre-mi/"] .ek-about-inline-actions .ek-about-chapters>summary,
 body[data-route="/sobre-mi/"] .ek-about-inline-career{
   width:100%;
   min-height:48px!important;
 }
}

/* EKONATURA_RESTORED_GREEN_BANNER_20261028: secondary link below the original banner's Ver más.
   No changes to banner dimensions, colour or photograph. */
body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  margin:13px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters>summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-height:35px!important;
  padding:4px 0 5px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.75)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
  cursor:pointer;
}
body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters>summary::-webkit-details-marker{
  display:none!important;
}
body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters>summary::marker{
  content:"";
}
body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters>summary span{
  font:var(--ek-fw-action) var(--ek-fs-ui)/var(--ek-lh-compact) var(--ek-font-body)!important;
  transform:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters>summary:is(:hover,:focus-visible){
  border-bottom-color:#fff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters>summary:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:4px!important;
}
@media(max-width:700px){
  body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters>summary{
    min-height:44px!important;
  }
}
/* EKONATURA_BANNER_LINK_ORDER_20261028: ensure two explicit stacked links within the restored banner.
   Keep the original banner dimensions, colours and Contacto photo untouched. */
body[data-route="/sobre-mi/"] .ek-about-banner-copy>.ek-about-chapters{
  margin:13px 0 0!important;
}
body[data-route="/sobre-mi/"] .ek-about-banner-copy>a[href="/sobre-mi/detalle/"]{
  display:inline-block!important;
  margin:12px 0 0!important;
  padding:4px 0 5px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-bottom-color:rgba(255,255,255,.75)!important;
  font:var(--ek-fw-body) var(--ek-fs-ui)/var(--ek-lh-body) var(--ek-font-body)!important;
  text-decoration:none!important;
}
body[data-route="/sobre-mi/"] .ek-about-banner-copy>a[href="/sobre-mi/detalle/"]:is(:hover,:focus-visible){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-bottom-color:#fff!important;
}