/* EKONATURA · SISTEMA VISUAL GLOBAL V1 (ATO-546 · P1)
 *
 * Una sola fuente de tokens y reglas para toda la web de preview:
 * grafito #292d2e, grafito medio #35393a, piedra #e9e6e0, crema #f5f1eb y
 * coral #dfa089 (coral profundo #96523e para texto y acentos sobre claro).
 *
 * Tipografía: Geist Serif (titulares) + Onest (cuerpo/UI), autoalojadas en
 * /assets con licencia OFL. Sin CDN, sin serif/system-ui/"Ekonatura Onest" visibles.
 *
 * Esta capa no reimprime la Home ni /resenas/: solo fija el contrato
 * compartido (tipografía, color, enlaces, botones, cards, overlays, buscador,
 * divisores y foco) que todas las familias consumen.
 */

/* ---------- 1 · Tipografía autoalojada ---------- */
@font-face{
 font-family:"Ekonatura Onest";
 src:url("/assets/ekonatura-onest-variable.ttf") format("truetype");
 font-style:normal;font-weight:100 900;font-display:swap;
}
@font-face{
 font-family:"Ekonatura Geist Serif";
 src:url("/assets/ekonatura-geist-serif.woff2") format("woff2");
 font-style:normal;font-weight:400;font-display:swap;
}

:root{
 /* Familias: contrato único para toda la web. */
 --ek-font-body:"Ekonatura Onest",system-ui,sans-serif;
 --ek-font-display:"Ekonatura Onest",system-ui,sans-serif;
 --ek-font-heading:"Ekonatura Geist Serif",serif;

 /* Paleta V1 y reasignación de los tokens heredados que aún llevaban
    verde o azul estructurales. */
 --ek-v1-graphite:#292d2e;
 --ek-v1-graphite-mid:#35393a;
 --ek-v1-stone:#e9e6e0;
 --ek-v1-cream:#f5f1eb;
 --ek-v1-coral:#dfa089;
 --ek-v1-coral-dark:#96523e;
 --ek-v1-rule:rgba(41,45,46,.14);
 --ek-v1-focus:#96523e;

 --ek-paper:#f5f1eb;
 --ek-white:#faf7f1;
 --ek-ink:#292d2e;
 --ek-text:#292d2e;
 --ek-muted:#6b6862;
 --ek-coral:#96523e;
 --ek-almond:#f5f1eb;
 --ek-line:#d8d2c8;
 --ek-surface-alt:#e9e6e0;
 --ek-graphite:#292d2e;
 --ek-surface:var(--ek-paper);

 /* Nombres heredados: se reapuntan a la paleta V1 para que ningún
    componente conserve verde o azul como color estructural. */
 --ek-accent:#96523e;
 --ek-action:#96523e;
 --ek-action-hover:#dfa089;
 --ek-on-action:#f5f1eb;
 --ek-on-accent:#292d2e;
 --ek-on-coral:#292d2e;
 --ek-teal:#292d2e;
 --ek-aqua:#e9e6e0;
 --ek-alice:#f5f1eb;
 --ek-cream:#e9e6e0;
 --ek-deep:#292d2e;
 --ek-green:#292d2e;
 --ek-blue-deep:#292d2e;
 --ek-blue-soft:#e9e6e0;
 --ek-blue-pale:#f5f1eb;
 --ek-warm-soft:#f5f1eb;
 --ek-warm-accent:#96523e;
 --ek-brand-coral:#96523e;
 --brand-coral:#96523e;
}

:root[data-ek-theme="dark"]{
 --ek-paper:#292d2e;
 --ek-white:#35393a;
 --ek-ink:#f5f1eb;
 --ek-text:#f5f1eb;
 --ek-muted:#cac5bd;
 --ek-coral:#f0b399;
 --ek-almond:#35393a;
 --ek-line:#666561;
 --ek-surface-alt:#35393a;
 --ek-graphite:#292d2e;
 --ek-accent:#f0b399;
 --ek-action:#f0b399;
 --ek-action-hover:#dfa089;
 --ek-on-action:#292d2e;
 --ek-on-accent:#292d2e;
 --ek-teal:#292d2e;
 --ek-aqua:#35393a;
 --ek-alice:rgba(245,241,235,.10);
 --ek-cream:#35393a;
 --ek-deep:#292d2e;
 --ek-green:#292d2e;
 --ek-blue-deep:#292d2e;
 --ek-blue-soft:#35393a;
 --ek-blue-pale:#292d2e;
 --ek-warm-soft:#35393a;
 --ek-warm-accent:#f0b399;
 --ek-v1-focus:#dfa089;
}

/* ---------- 2 · Base ---------- */
body{
 font-family:var(--ek-font-body)!important;
 background:var(--ek-paper)!important;
 color:var(--ek-ink)!important;
}
h1,h2,h3,h4,h5,h6{
 font-family:var(--ek-font-heading)!important;
}
:is(p,li,dd,figcaption,blockquote,label,input,select,textarea,button,summary,small,time){
 font-family:var(--ek-font-body);
}

/* ---------- 3 · Enlaces ---------- */
/* F7 · Un solo indicador por enlace. El subrayado lo aporta `text-decoration`;
   el borde permanente del cuerpo se retiró en `system.css` para que hover y
   foco no dibujen dos rayas. */
a{text-underline-offset:.2em;text-decoration-thickness:1px}
p a,li a,dd a{color:var(--ek-v1-coral-dark)}
@media(hover:hover){
 p a:hover,p a:focus-visible,li a:hover,li a:focus-visible,dd a:hover,dd a:focus-visible{
  color:var(--ek-v1-coral-dark);text-decoration:underline
 }
}
/* Sobre grafito el enlace descansa en crema y vira a coral al interactuar. */
:root[data-ek-theme="dark"] p a,:root[data-ek-theme="dark"] li a,:root[data-ek-theme="dark"] dd a{
 color:var(--ek-v1-cream)!important;
}
@media(hover:hover){
 :root[data-ek-theme="dark"] p a:is(:hover,:focus-visible),
 :root[data-ek-theme="dark"] li a:is(:hover,:focus-visible),
 :root[data-ek-theme="dark"] dd a:is(:hover,:focus-visible){
  color:var(--ek-v1-coral)!important;text-decoration:underline;
 }
}
:root[data-ek-theme="dark"] .ek-footer a{color:var(--ek-v1-cream)}
@media(hover:hover){
 .ek-footer a:hover,.ek-footer a:focus-visible{color:var(--ek-v1-coral);text-decoration:underline}
}

/* ---------- 4 · Botones ---------- */
.button,.pill,.cta-banner__button,.ek-final-cta .button{
 border-radius:99px;transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
.button:hover,.pill:hover,.cta-banner__button:hover{
 background:var(--ek-v1-coral)!important;color:var(--ek-v1-graphite)!important;
 border-color:transparent!important;
}
:is(a.button,.pill,.cta-banner__button):focus-visible{
 outline:2px solid var(--ek-v1-coral)!important;outline-offset:3px!important;
}
/* Encabezado: el CTA no compite con el menú ni con el coral de acento. */
.ek-header .button{
 background:transparent;color:var(--ek-ink);border-color:var(--ek-line);
}
@media(hover:hover){
 .ek-header .button:hover{background:var(--ek-v1-coral)!important;color:var(--ek-v1-graphite)!important}
}

/* ---------- 5 · Divisores y superficies ---------- */
body.ek-unified:not([data-route="/sobre-mi/detalle/"]) .ek-reading-progress{
 background:var(--ek-v1-coral)!important
}
.ek-reading-track{background:#d8d2c8!important}
.ek-search-results :is(a,.ek-search-card),
.ek-search-card{border-color:var(--ek-v1-rule)!important;outline-color:var(--ek-v1-coral)!important}

/* Cierre de página: píldora crema sobre grafito, coral al pasar el cursor. */
body .ek-footer .ek-final-cta .cta-banner__button,
body .ek-footer .ek-final-cta .cta-banner__button:visited{
 border-color:var(--ek-v1-cream)!important;background:var(--ek-v1-cream)!important;
 color:var(--ek-v1-graphite)!important
}
body .ek-footer .ek-final-cta .cta-banner__button:is(:hover,:focus-visible){
 background:var(--ek-v1-coral)!important;color:var(--ek-v1-graphite)!important;border-color:transparent!important
}
body .ek-footer .ek-final-cta .cta-banner__phone{
 background:transparent!important;color:var(--ek-v1-cream)!important;
 border-color:rgba(245,241,235,.55)!important
}
body .ek-footer .ek-final-cta .cta-banner__phone:is(:hover,:focus-visible){
 background:var(--ek-v1-coral)!important;color:var(--ek-v1-graphite)!important;border-color:transparent!important
}
body .ek-footer .ek-final-cta .cta-banner__number{color:#d2c9c1!important}
:root[data-ek-theme="dark"] body[data-route="/contacto/"] .contact-first .ek-contact-button--primary{
 background:var(--ek-v1-cream)!important;color:var(--ek-v1-graphite)!important;border-color:var(--ek-v1-cream)!important
}

/* ---------- 6 · Overlays ---------- */
.ek-dialog,.ek-library,.ek-review-dialog,.ek-sheet,.ek-bottom-sheet,.ek-page-share{
  background:var(--ek-v1-cream)!important;color:var(--ek-v1-graphite)!important;
  border-color:var(--ek-v1-rule)!important;
}
.ek-dialog a,.ek-library a,.ek-review-dialog a,.ek-sheet a,.ek-bottom-sheet a,.ek-page-share a{
  color:var(--ek-v1-coral-dark)
}
@media(hover:hover){
  .ek-dialog a:hover,.ek-library a:hover,.ek-review-dialog a:hover,.ek-sheet a:hover,
  .ek-bottom-sheet a:hover,.ek-page-share a:hover{color:var(--ek-v1-coral-dark);text-decoration:underline}
}
/* F5/F6 · El menú móvil y el buscador son superficies del tema: en oscuro son
   grafito de verdad (fondo, divisores, enlaces, chips y resultados), nunca crema
   con texto crema. La regla de crema vive solo en el tema claro. */
:root[data-ek-theme="dark"] :is(.ek-dialog,.ek-library,.ek-review-dialog,.ek-sheet,.ek-bottom-sheet,.ek-page-share){
  background:var(--ek-v1-graphite)!important;
  color:var(--ek-v1-cream)!important;
  border-color:#5f6362!important;
}
:root[data-ek-theme="dark"] :is(.ek-dialog,.ek-library,.ek-review-dialog,.ek-sheet,.ek-bottom-sheet,.ek-page-share)
  :is(a,.ek-exp-link,.ek-review-share,.ek-search-card h3,.ek-result-title){
  color:var(--ek-v1-coral)!important;
}
:root[data-ek-theme="dark"] :is(.ek-dialog,.ek-library,.ek-review-dialog,.ek-sheet,.ek-bottom-sheet,.ek-page-share)
  :is(p,li,h2,h3,h4,label,small,strong,blockquote,dd){
  color:var(--ek-v1-cream)!important;
}
:root[data-ek-theme="dark"] :is(.ek-dialog,.ek-library) :is(.ek-muted,.ek-result-type,.ek-search-description){
  color:#c9c4bc!important;
}
/* Divisores del menú en oscuro: una línea, visible sobre grafito. */
:root[data-ek-theme="dark"] #ek-menu [data-menu-level] :is(a,button),
:root[data-ek-theme="dark"] #ek-menu nav>a,
:root[data-ek-theme="dark"] #ek-menu .mobile-explore>summary{
  border-bottom-color:#5f6362!important;
}

/* ---------- 6b · Buscador: un solo indicador ---------- */
/* F6 · Estado inactivo sin borde; al enfocar, UNA línea coral fina. Nunca
   borde + outline + sombra a la vez, y el foco sigue siendo visible. */
#ek-search .ek-search-input{
  border:0!important;border-bottom:1px solid var(--ek-line)!important;
  border-radius:0!important;background:transparent!important;
}
#ek-search .ek-search-input:focus-visible{
  outline:none!important;outline-offset:0!important;
  border-bottom:2px solid var(--ek-coral)!important;
}
:root[data-ek-theme="dark"] #ek-search .ek-search-input{
  border-bottom-color:#5f6362!important;color:var(--ek-v1-cream)!important;
}
:root[data-ek-theme="dark"] #ek-search .ek-search-input:focus-visible{
  border-bottom-color:var(--ek-v1-coral)!important;
}
/* Resultados con aire real: nada pegado al borde ni cortado. */
#ek-search .ek-search-results{padding-top:4px!important}
#ek-search .ek-search-card{
  padding:16px 0!important;border-top:1px solid var(--ek-v1-rule)!important;
}
#ek-search .ek-search-results>a{
  padding:20px 0!important;border-top:1px solid var(--ek-v1-rule)!important;
}
/* Chips del buscador: legibles en claro y en oscuro, con las cuatro
   sugerencias reales; el borde solo aparece al interactuar. */
#ek-search .ek-search-suggestions button{
  border:1px solid var(--ek-v1-rule)!important;
  background:transparent!important;
  color:var(--ek-ink)!important;
}
:root[data-ek-theme="dark"] #ek-search .ek-search-suggestions button{
  border-color:#5f6362!important;background:transparent!important;color:var(--ek-v1-cream)!important;
}
@media(hover:hover){
  #ek-search .ek-search-suggestions button:is(:hover,:focus-visible){
    border-color:var(--ek-v1-coral)!important;
  }
}

/* ---------- 6c · Compartir reseña: Feed ↔ Story como texto ligero ------- */
/* F10 · El formato deja de ser un par de botones grandes que compiten con
   «Compartir»: es un control textual con flecha bidireccional. El único CTA
   principal sigue siendo «Compartir». */
/* Los selectores llevan el prefijo `.ek-review-export ` para ganar a la capa
   heredada theme-experiences.css (misma especificidad, fichero anterior). */
.ek-review-export .ek-review-export-formats{
  display:flex!important;flex:none!important;align-items:center!important;
  gap:8px!important;margin:0 0 14px!important;
}
.ek-review-export .ek-review-export-formats button{
  flex:none!important;min-height:44px!important;padding:0 2px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--ek-v1-coral-dark)!important;
  font:400 15px/1.3 var(--ek-font-body)!important;
  text-decoration:underline!important;text-underline-offset:4px!important;
  text-decoration-thickness:1px!important;
}
.ek-review-export .ek-review-export-formats button[aria-checked="true"]{
  color:var(--ek-v1-coral-dark)!important;text-decoration-thickness:2px!important;
}
.ek-review-export .ek-review-export-formats button:is(:hover,:focus-visible){
  color:var(--ek-v1-coral-dark)!important;text-decoration-thickness:2px!important;
}
.ek-review-export-arrow{
  color:var(--ek-muted,#6b6862);font-size:15px;line-height:1;flex:none;
}
:root[data-ek-theme="dark"] .ek-review-export .ek-review-export-formats button{
  color:var(--ek-v1-coral)!important;
}
:root[data-ek-theme="dark"] .ek-review-export-arrow{color:#c9c4bc}
/* Una sola línea cuando el ancho lo permite; nunca texto cortado. */
.ek-review-export .ek-review-export-intro{
  margin:0 0 14px!important;max-width:none!important;
  font:400 14px/1.45 var(--ek-font-body,"Ekonatura Onest",sans-serif)!important;text-wrap:pretty;
}

/* ---------- 6d · F7 · Un solo indicador de enlace -------------------- */
/* system.css neutraliza el subrayado global (a{text-decoration:none}) y
   p a,li a anulan el borde inferior: la raya es el único indicador del
   texto corrido. Los enlaces-botón conservan su píldora sin subrayado. */
.reading p a:not(.button):not(.pill),
.reading li a:not(.button):not(.pill){
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:from-font;
}

/* ---------- 7 · Foco ---------- */
:is(a,button,summary,[role="button"],input,select,textarea):focus-visible{
 outline:2px solid var(--ek-v1-focus)!important;outline-offset:3px!important;
}

/* ---------- 8 · Artículos y testimonios en claro ---------- */
body.ek-long-article{
 --ink:#292d2e;--muted:#6b6862;--sea:#96523e;--cream:#e9e6e0;
 --paper:#f5f1eb;--line:#d8d2c8;--moss:#292d2e;
 --ek-ink:#292d2e;--ek-muted:#6b6862;--ek-paper:#f5f1eb;--ek-cream:#e9e6e0;
 --ek-green:#292d2e;--ek-accent:#96523e;--ek-action:#96523e;
 --ek-blue-deep:#292d2e;--ek-blue-soft:#96523e;--ek-teal:#292d2e;
}
body.ek-long-article .reading a,
body.ek-long-article .reading p a,
body.ek-long-article .reading li a{color:var(--ek-v1-coral-dark)!important}
:root[data-ek-theme="dark"] body.ek-long-article .reading a,
:root[data-ek-theme="dark"] body.ek-long-article .reading p a,
:root[data-ek-theme="dark"] body.ek-long-article .reading li a{color:var(--ek-v1-cream)!important}
@media(hover:hover){
 :root[data-ek-theme="dark"] body.ek-long-article .reading a:is(:hover,:focus-visible){color:var(--ek-v1-coral)!important}
}
body.ek-long-article .reading :is(h1,h2,h3){font-family:var(--ek-font-heading)!important}
body.ek-long-article :is(p,li,dd,figcaption,blockquote){font-family:var(--ek-font-body)!important}
body.ek-long-article .ek-header .button{
 background:transparent!important;color:var(--ek-v1-graphite)!important;border-color:var(--ek-v1-graphite)!important
}
body.ek-long-article .ek-nav a,
body.ek-long-article .ek-explore>summary{color:var(--ek-v1-graphite)}
@media(hover:hover){
 body.ek-long-article .ek-header .button:hover{background:var(--ek-v1-coral)!important;color:var(--ek-v1-graphite)!important;border-color:transparent!important}
}
body.ek-long-article .ek-icon{color:var(--ek-v1-graphite)}
body.ek-long-article .ek-header.is-pill .ek-header-inner{
 background:rgba(245,241,235,.88)!important;border-color:rgba(41,45,46,.08)!important
}
body.ek-long-article nav.breadcrumbs>*:last-child{color:var(--ek-v1-coral-dark)!important}
body.ek-long-article .breadcrumbs>span{color:rgba(41,45,46,.28)!important}
body.ek-long-article .breadcrumbs a{color:var(--ek-v1-muted,#6b6862)!important}
body.ek-long-article .breadcrumbs a:is(:hover,:focus-visible){color:var(--ek-v1-coral-dark)!important}

/* ---------- 9 · Reseñas (/resenas/ y módulos originales) ----------------
   Conservan su maquetación propia; solo se reapuntan los colores heredados
   a la paleta V1 para que no quede verde ni azul estructural. */
.ek-originals,.ek-share,.ek-stories{
 --ek-ink:#292d2e;--ek-muted:#6b6862;--ek-paper:#f5f1eb;--ek-coral:#96523e;
 --ek-accent:var(--ek-coral);--ek-teal:#292d2e;--ek-line:rgba(41,45,46,.20);
 --ek-surface-alt:#e9e6e0;--ek-blue-deep:#292d2e;--ek-green:#292d2e;--brand-coral:#96523e
}
main.ek-originals .ek-reviews-cta{background:#292d2e!important;color:#f5f1eb!important}
main.ek-originals .ek-reviews-cta .eyebrow{color:#d2c9c1!important}
main.ek-originals .ek-reviews-cta h3{color:#f5f1eb!important}
main.ek-originals .ek-reviews-cta p{color:#e6e1d9!important}
main.ek-originals .ek-reviews-cta .button{background:#f5f1eb!important;color:#292d2e!important;border-color:#f5f1eb!important}
main.ek-originals .ek-reviews-cta .button:hover{background:#dfa089!important;color:#292d2e!important}

/* ATO-556 · ronda visual móvil 03/11 · revisión del propietario.
   Correcciones focales: footer, legibilidad oscuro y fotografía de servicios.
   No tocar originales, producción, copy ni comportamiento JS. */

/* Footer: un solo selector sin marco, centrado bajo el copyright (incluida Home). */
body .ek-footer .ek-footer-quickprefs,
body .ek-footer .ek-footer-quickprefs .ek-quick-theme{
  border:0!important;box-shadow:none!important;background:transparent!important;
  outline:0!important;
}
@media(max-width:700px){
  body .ek-footer .ek-footer-close{
    display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    text-align:center!important;
  }
  body .ek-footer .ek-footer-quickprefs{
    display:flex!important;align-self:center!important;justify-content:center!important;
    width:max-content!important;max-width:100%!important;
    margin:10px auto 0!important;padding:0!important;
  }
}

/* Menu y acciones en apariencia oscura: texto marfil / coral pálido legible. */
:root[data-ek-theme="dark"]{
  --ek-v1-coral:#f4d5c6;
  --ek-v1-coral-dark:#f4d5c6;
  --ek-coral:#f4d5c6;
  --ek-accent:#f4d5c6;
}
:root[data-ek-theme="dark"] body.ek-integrated #ek-menu
  [data-menu-level] :is(a,button,summary){
  color:#fff8f2!important;
}
:root[data-ek-theme="dark"] body.ek-integrated #ek-menu
  [data-menu-level] :is(a,button,summary):is(:hover,:focus-visible){
  color:#fff!important;
}
/* Las acciones sobre fondo oscuro usan coral claro sin alterar botones de fondo crema. */
:root[data-ek-theme="dark"] body.ek-integrated :is(.ek-hero-full,.ek-sheet)
  :is(a:not(.button),button:not(.button)):where(:not(.ek-sheet-close):not(.ek-sheet-grab)){
  --ek-v1-coral:#f4d5c6;
}

/* Editorial hero finish. Contact is the reference and the problem hub keeps its own art direction. */
:root{
  --ek-editorial-hero-veil:rgba(49, 45, 40,.38);
  --ek-editorial-hero-chroma:rgba(127,127,127,.18);
}
body.ek-integrated:not([data-route="/problemas/"],[data-route="/contacto/"]) .ek-global-hero .ph-stage::before,
body.ek-integrated.ek-concept-page .ek-concept-main .hero>.photo::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--ek-editorial-hero-chroma);mix-blend-mode:saturation;
}
body.ek-integrated:not([data-route="/problemas/"],[data-route="/contacto/"]) .ek-global-hero .ph-overlay{
  z-index:1;background:var(--ek-editorial-hero-veil);
}
body.ek-integrated.ek-concept-page .ek-concept-main .hero>.photo::after{
  z-index:1;
  background:linear-gradient(to bottom,rgba(0,0,0,.34),transparent 32%),var(--ek-editorial-hero-veil)!important;
}

/* ATO-556 · Review móvil ronda anterior · Home conceptual y compartir reseña.
   Exclusivo de la preview Home salvo el diálogo de compartir global. */

/* 1) Hero: panel ligeramente más oscuro, sin desenfoque ni sombras añadidas. */
body.ek-concept-page .ek-concept-main .hero-card{
  background:rgba(32,34,34,.54)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body.ek-concept-page .ek-concept-main .hero-card :is(h1,p,.eyebrow,a){
  text-shadow:none!important;
}

/* 2) Entrada móvil: fotografía entera encima y copy debajo. */
@media(max-width:800px){
  body.ek-concept-page .ek-concept-main .entry-card{
    display:flex!important;flex-direction:column!important;
    grid-template-columns:none!important;min-height:0!important;height:auto!important;
    padding:0!important;overflow:hidden!important;
  }
  body.ek-concept-page .ek-concept-main .entry-card>.photo{
    position:relative!important;display:block!important;flex:none!important;
    width:100%!important;height:clamp(230px,54vw,335px)!important;
    min-height:0!important;max-height:none!important;border-radius:0!important;
  }
  body.ek-concept-page .ek-concept-main .entry-card>.photo img{
    width:100%!important;height:100%!important;object-fit:cover!important;
  }
  body.ek-concept-page .ek-concept-main .entry-card>.entry-card-content{
    box-sizing:border-box!important;width:100%!important;
    padding:clamp(22px,5.8vw,30px)!important;
  }
}

/* 3) Compartir reseña: formatos como texto, sin recuadros ni flecha decorativa. */
body .ek-review-export .ek-review-export-formats{
  display:flex!important;align-items:center!important;
  gap:20px!important;padding:0!important;border:0!important;
}
body .ek-review-export .ek-review-export-formats button,
:root[data-ek-theme="dark"] body .ek-review-export .ek-review-export-formats button{
  display:inline-flex!important;min-width:0!important;min-height:44px!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:var(--ek-v1-cream)!important;-webkit-text-fill-color:currentColor!important;
  font:500 16px/1.4 var(--ek-font-body)!important;
  text-decoration:none!important;
}
body .ek-review-export .ek-review-export-formats button[aria-checked="true"],
:root[data-ek-theme="dark"] body .ek-review-export .ek-review-export-formats button[aria-checked="true"]{
  background:transparent!important;border:0!important;
  text-decoration:underline!important;text-underline-offset:5px!important;
  text-decoration-thickness:2px!important;
}
body .ek-review-export .ek-review-export-arrow{display:none!important}
@media(min-width:900px){
  body .ek-review-export .ek-review-export-panel{
    box-sizing:border-box!important;width:min(740px,calc(100vw - 48px))!important;
    max-width:740px!important;
  }
  body .ek-review-export .ek-review-export-intro{
    white-space:nowrap!important;max-width:none!important;
    font-size:16px!important;
  }
}
@media(max-width:899px){
  body .ek-review-export .ek-review-export-intro{
    white-space:normal!important;
  }
}

/* 4) Presentación de Iván: fotografía editorial grande, sin ancho capado a 450px. */
body.ek-concept-page .ek-concept-main .bio{
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;
  align-items:center!important;
}
body.ek-concept-page .ek-concept-main .bio>.photo{
  width:100%!important;max-width:none!important;
  aspect-ratio:4/5!important;height:auto!important;
  border-radius:24px!important;
}
body.ek-concept-page .ek-concept-main .bio>.photo img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:50% 14%!important;
}
@media(max-width:800px){
  body.ek-concept-page .ek-concept-main .bio{
    grid-template-columns:minmax(0,1fr)!important;
    gap:32px!important;
  }
  body.ek-concept-page .ek-concept-main .bio>.photo{
    max-width:none!important;aspect-ratio:4/5!important;
  }
}


/* ATO-545 · selector apariencia sin iconos invisibles; vínculos legales con
   contraste en ambos temas. El indicador de selección queda BAJO el SVG. */
body.ek-integrated #ek-preferences .ek-pref-options button{
  isolation:isolate;
}
body.ek-integrated #ek-preferences .ek-pref-options button::before{
  z-index:0!important;
}
body.ek-integrated #ek-preferences .ek-pref-options button svg{
  position:relative!important;z-index:1!important;display:block!important;
  visibility:visible!important;opacity:1!important;
  fill:none!important;stroke:currentColor!important;
  width:19px!important;height:19px!important;
}
:root:not([data-ek-theme="dark"]) body.ek-integrated #ek-preferences .ek-pref-options button{
  color:#292d2e!important;
}
:root[data-ek-theme="dark"] body.ek-integrated #ek-preferences .ek-pref-options button{
  color:#f5f1eb!important;
}
/* El diálogo pertenece a la interfaz, nunca hereda el blanco de los links del footer. */
:root:not([data-ek-theme="dark"]) body.ek-integrated #ek-preferences .ek-pref-links a{
  color:#292d2e!important;-webkit-text-fill-color:#292d2e!important;
}
:root[data-ek-theme="dark"] body.ek-integrated #ek-preferences .ek-pref-links a{
  color:#f5f1eb!important;-webkit-text-fill-color:#f5f1eb!important;
}
body.ek-integrated #ek-preferences .ek-pref-links a{
  text-decoration:underline;text-underline-offset:4px;
}


/* EKNT 07/11/2026 · HOME FLAT REVIEW · ATO-545
 * Preview-only: A,C,D,E,F + legibility corrections from owner.
 * No content, imagery, markup, navigation logic, semantics or functional changes.
 * Preserves visible keyboard focus and >=44px touch controls.
 */

/* A · Navigation: no floating shadow or hover underline, in either mode. */
body.ek-integrated .ek-header .ek-header-inner,
body.ek-integrated .ek-header.is-pill .ek-header-inner{
  box-shadow:none!important;
}
body.ek-integrated .ek-header :is(.ek-nav>a,.ek-explore>summary),
body.ek-integrated .ek-header :is(.ek-nav>a,.ek-explore>summary):is(:hover,:focus-visible,[aria-current="page"]){
  text-decoration:none!important;
  border-bottom-color:transparent!important;
}
body.ek-integrated .ek-header .ek-explore>nav{
  background:var(--ek-v1-graphite)!important;
  color:var(--ek-v1-cream)!important;
  border:0!important;box-shadow:none!important;
}
body.ek-integrated .ek-header .ek-explore>nav a{
  color:var(--ek-v1-cream)!important;
  -webkit-text-fill-color:var(--ek-v1-cream)!important;
  text-decoration:none!important;
}
body.ek-integrated .ek-header .ek-explore>nav a:is(:hover,:focus-visible){
  color:var(--ek-v1-coral)!important;
  -webkit-text-fill-color:var(--ek-v1-coral)!important;
  background:var(--ek-v1-graphite-mid)!important;
  text-decoration:none!important;
}

/* All photographic heroes: small, top-only gradient for white navigation;
   photo pixels elsewhere and established editorial overlay stay untouched. */
:is(.ek-global-hero,.ek-photo-hero,.ek-home .hero) .ph-stage{
  position:absolute;
}
:is(.ek-global-hero,.ek-photo-hero,.ek-home .hero) .ph-stage::after{
  content:"";pointer-events:none;position:absolute;inset:0;z-index:2;
  background:linear-gradient(to bottom,rgba(0,0,0,.54) 0%,rgba(0,0,0,.29) 13%,rgba(0,0,0,.09) 25%,transparent 38%);
}

/* C · Search remains a modal; one graphite surface, no nested decorative frames. */
body.ek-integrated dialog#ek-search{
  background:var(--ek-v1-graphite)!important;
  background-color:var(--ek-v1-graphite)!important;
  color:var(--ek-v1-cream)!important;
  border:0!important;
}
body.ek-integrated #ek-search :is(.ek-search-results,.ek-search-card,.ek-search-field,.ek-search-suggestions){
  background:transparent!important;box-shadow:none!important;
}
body.ek-integrated #ek-search :is(.ek-search-card,.ek-search-results>a){
  border:0!important;outline:0!important;
}
body.ek-integrated #ek-search :is(.ek-search-input,.ek-search-input::placeholder){
  color:var(--ek-v1-cream)!important;
}
body.ek-integrated #ek-search .ek-search-input{
  border:0!important;border-bottom:1px solid rgba(245,241,235,.35)!important;
  box-shadow:none!important;background:transparent!important;
}
body.ek-integrated #ek-search .ek-search-input:focus-visible{
  border-bottom:2px solid var(--ek-v1-coral)!important;
  outline:none!important;
}
body.ek-integrated #ek-search .ek-search-suggestions button{
  border:0!important;background:var(--ek-v1-graphite-mid)!important;
  color:var(--ek-v1-cream)!important;
}
body.ek-integrated #ek-search .ek-search-suggestions button:is(:hover,:focus-visible){
  background:rgba(245,241,235,.16)!important;
}
body.ek-integrated #ek-search :is(h2,h3,label,p,small,.ek-result-title,.ek-result-type,.ek-search-description,.ek-search-card a,.ek-search-results a){
  color:var(--ek-v1-cream)!important;
}
body.ek-integrated #ek-search :is(a,button,[role="button"]):focus-visible{
  outline:2px solid var(--ek-v1-coral)!important;outline-offset:3px!important;
}

/* D/E · Flat graphite surfaces; preserve photo tiles, click areas and semantics. */
body.ek-integrated .ek-home .home-problems :is(.directory-item,.ek-problem-card,.problem-card),
body.ek-integrated .ek-home .home-problems :is(.directory-item,.ek-problem-card,.problem-card):is(:hover,:focus-within){
  box-shadow:none!important;border-color:transparent!important;outline-offset:3px;
}
body.ek-integrated .ek-home .home-experience .ek-review-card.review{
  border:0!important;box-shadow:none!important;border-radius:14px!important;
  background:var(--ek-v1-graphite-mid)!important;
}
body.ek-integrated .ek-home .home-experience .ek-review-card.review blockquote{
  font-family:var(--ek-font-heading)!important;
}
body.ek-integrated .ek-home :is(.button--secondary,.home-text-link){
  box-shadow:none!important;
}
body.ek-integrated .ek-home .home-problems :is(.directory-item,.ek-problem-card,.problem-card) a:focus-visible{
  outline:2px solid var(--ek-v1-coral)!important;outline-offset:3px!important;
}

/* F · Small optical adjustment: unchanged section order and responsive layout. */
@media(min-width:701px){
  body.ek-integrated .ek-home .home-block{padding-block:clamp(48px,5vw,68px)}
}
@media(max-width:700px){
  body.ek-integrated .ek-home .home-block{padding-block:clamp(34px,5.5vw,42px)}
}


/* EKNT 07/11 · Production-home component parity (isolated preview branch).
 * The published Home is .ek-concept-page / .ek-concept-main, NOT .ek-home.
 * Keep every existing card, photo, content block, route and interaction.
 */

/* Upper hero contrast: limit the treatment to the region behind navigation. */
body.ek-concept-page .ek-concept-main .hero>.photo::after{
  background:
    linear-gradient(to bottom,rgba(0,0,0,.52),rgba(0,0,0,.24) 15%,transparent 34%),
    linear-gradient(90deg,rgba(21,29,25,.24),transparent 64%),
    linear-gradient(to top,rgba(21,29,25,.22),transparent 45%)!important;
}

/* Flatten existing Home discovery, problem tiles and entry cards, without
   removing the visual grouping supplied by the graphite/stone backgrounds. */
body.ek-concept-page .ek-concept-main .home-discovery .search-block{
  border:0!important;box-shadow:none!important;
  background:var(--ek-v1-stone)!important;
}
body.ek-concept-page .ek-concept-main .home-discovery .quick-links{
  border-bottom:0!important;
}
body.ek-concept-page .ek-concept-main #problemas .problem-card,
body.ek-concept-page .ek-concept-main .entry-card{
  border:0!important;box-shadow:none!important;
}
body.ek-concept-page .ek-concept-main .home-experience .ek-review-card.review{
  border:0!important;box-shadow:none!important;border-radius:14px!important;
}
body.ek-concept-page .ek-concept-main .home-experience .ek-review-card.review blockquote{
  font-family:var(--ek-font-heading)!important;
}

/* Primary call-to-action stays prominent; text links stay text, with no
   duplicated decorative underline on hover. Keyboard focus remains visible. */
body.ek-concept-page .ek-concept-main :is(.text-link,.entry-card .bottom a){
  text-decoration:none!important;box-shadow:none!important;
}
body.ek-concept-page .ek-concept-main :is(.text-link,.entry-card .bottom a):focus-visible,
body.ek-concept-page .ek-concept-main #problemas .problem-card:focus-visible{
  outline:2px solid var(--ek-v1-coral)!important;outline-offset:4px!important;
}

/* Only small reductions in whitespace; no grid or section restructuring. */
@media(min-width:701px){
  body.ek-concept-page .ek-concept-main > .section:not(.home-experience):not(.contact){
    padding-block:clamp(52px,6vw,78px)!important;
  }
}
@media(max-width:700px){
  body.ek-concept-page .ek-concept-main > .section:not(.home-experience):not(.contact){
    padding-block:clamp(38px,7vw,56px)!important;
  }
}

/* Maintain graphite surface hierarchy when the owner switches theme. */
:root[data-ek-theme="dark"] body.ek-concept-page .ek-concept-main .home-discovery .search-block{
  background:var(--ek-v1-graphite-mid)!important;
}
:root[data-ek-theme="dark"] body.ek-concept-page .ek-concept-main :is(#problemas .problem-card,.entry-card){
  background:var(--ek-v1-graphite-mid)!important;
  border:0!important;
}

/* EKNT Interaction PASS · Editorial indices v1 · 07/11/2026
   Scope: existing reading TOCs, master chapterbar and article-library filter.
   This file is loaded ONLY on the isolated preview branch and relevant routes.
   Functional tokens, NOT a new global palette. */
body{
  --ek-ix-surface:#f5f1eb;
  --ek-ix-ink:#292d2e;
  --ek-ix-muted:#6b6862;
  --ek-ix-line:#cfc9bf;
  --ek-ix-hover:rgba(41,45,46,.065);
  --ek-ix-focus:#96523e;
  --ek-ix-active:#e9e4dc;
}
:root[data-ek-theme="dark"] body{
  --ek-ix-surface:#292d2e;
  --ek-ix-ink:#f5f1eb;
  --ek-ix-muted:#d0c8be;
  --ek-ix-line:#6a6a66;
  --ek-ix-hover:rgba(245,241,235,.10);
  --ek-ix-focus:#f1b79d;
  --ek-ix-active:#434647;
}
/* A reading index is a small, self-contained disclosure, not a new H1.
   It adopts the reading-column width but never overflows the parent. */
body .ek-reading-index{
  box-sizing:border-box!important;
  display:block!important;
  width:min(100%,760px)!important;
  max-width:100%!important;
  margin:clamp(18px,3vw,30px) auto!important;
  padding:0!important;
  border:1px solid var(--ek-ix-line)!important;
  border-radius:16px!important;
  background:var(--ek-ix-surface)!important;
  color:var(--ek-ix-ink)!important;
  box-shadow:none!important;
  isolation:isolate;
  overflow:hidden;
}
body .ek-reading-index>summary.ek-reading-index-trigger{
  display:flex!important;align-items:center;justify-content:flex-start;
  gap:clamp(10px,2vw,18px);
  min-height:58px;padding:15px 20px!important;
  box-sizing:border-box;list-style:none;
  color:var(--ek-ix-ink)!important;
  background:transparent!important;border:0!important;
  border-radius:15px!important;
  cursor:pointer;
  font-family:var(--ek-font-body,"Onest",system-ui,sans-serif)!important;
  font-size:15px!important;font-weight:600!important;line-height:1.4!important;
  text-align:left;
  transition:background-color .16s ease;
}
body .ek-reading-index>summary::-webkit-details-marker{display:none}
body .ek-reading-index>summary::marker{content:""}
body .ek-reading-index .ek-reading-index-title{
  min-width:0;flex:1;
  font-size:15px!important;line-height:1.4!important;
  letter-spacing:0!important;text-transform:none!important;
  font-family:inherit!important;font-weight:600!important;
}
body .ek-reading-index .ek-reading-index-count{
  flex:none;white-space:nowrap;font:400 12px/1.4 var(--ek-font-body,system-ui,sans-serif)!important;
  color:var(--ek-ix-muted)!important;letter-spacing:0!important;
}
body .ek-reading-index .ek-reading-index-chevron{
  display:block;width:18px;height:18px;flex:none;
  fill:none;stroke:var(--ek-ix-ink);stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
  transition:transform .16s ease;
}
body .ek-reading-index[open] .ek-reading-index-chevron{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){
 body .ek-reading-index>summary:hover{background:var(--ek-ix-hover)!important}
}
body .ek-reading-index>summary:focus:not(:focus-visible){outline:none!important}
body .ek-reading-index>summary:focus-visible{
  outline:2px solid var(--ek-ix-focus)!important;outline-offset:-4px!important;
}
body .ek-reading-index[open]>summary{
  border-bottom:1px solid var(--ek-ix-line)!important;
  border-radius:15px 15px 0 0!important;
}
body .ek-reading-index :is(.ek-reading-index-internal-heading){
  display:none!important;
}
/* Single column on phones, two on wide screens. Content has internal
   scroll when many chapters exist: no huge 9-chapter wall on screen. */
body.ek-integrated[data-route] main .ek-reading-index>nav.ek-section-index,
body.ek-integrated .ek-reading-index>nav.ek-section-index,
body.ek-long-article .ek-reading-index>nav.toc{
  box-sizing:border-box!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;max-width:none!important;
  max-height:min(58svh,480px)!important;overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:10px 18px 17px!important;margin:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:var(--ek-ix-ink)!important;
  gap:0 20px!important;
}
body.ek-integrated[data-route] main .ek-reading-index>nav.ek-section-index::before{
  content:none!important;display:none!important;
}
body .ek-reading-index>nav.toc ol{
  grid-column:1/-1;list-style:none!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 20px!important;padding:0!important;margin:0!important;
}
body .ek-reading-index>nav.toc li{min-width:0}
body.ek-integrated[data-route] main .ek-reading-index>nav.ek-section-index>a,
body .ek-reading-index>nav.toc a{
  min-width:0;min-height:44px!important;
  padding:11px 12px!important;
  box-sizing:border-box!important;
  border:0!important;border-radius:10px!important;
  background:transparent!important;color:var(--ek-ix-ink)!important;
  box-shadow:none!important;text-decoration:none!important;
  font-family:var(--ek-font-body,system-ui,sans-serif)!important;
  font-size:14px!important;font-weight:500!important;
  line-height:1.45!important;
}
body.ek-integrated[data-route] main .ek-reading-index>nav.ek-section-index>a::before,
body .ek-reading-index>nav.toc a span{
  color:var(--ek-ix-muted)!important;
}
@media(hover:hover) and (pointer:fine){
 body.ek-integrated[data-route] main .ek-reading-index>nav.ek-section-index>a:hover,
 body .ek-reading-index>nav.toc a:hover{
   background:var(--ek-ix-hover)!important;
   color:var(--ek-ix-ink)!important;text-decoration:none!important;
 }
}
body.ek-integrated[data-route] main .ek-reading-index>nav.ek-section-index>a:focus-visible,
body .ek-reading-index>nav.toc a:focus-visible{
  outline:2px solid var(--ek-ix-focus)!important;outline-offset:-2px!important;
  background:var(--ek-ix-hover)!important;
}
@media(max-width:700px){
 body .ek-reading-index{
   width:100%!important;margin:18px auto 28px!important;border-radius:16px!important;
 }
 body .ek-reading-index>summary.ek-reading-index-trigger{min-height:56px;padding:14px 16px!important}
 body.ek-integrated[data-route] main .ek-reading-index>nav.ek-section-index,
 body.ek-integrated .ek-reading-index>nav.ek-section-index,
 body.ek-long-article .ek-reading-index>nav.toc{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   padding:8px 10px 12px!important;max-height:min(54svh,420px)!important;
 }
 body .ek-reading-index>nav.toc ol{
   grid-template-columns:minmax(0,1fr)!important;
 }
 body .ek-reading-index .ek-reading-index-count{font-size:11px!important}
}
/* The existing MASTER article already has a working sticky details chapterbar.
   Align its control/panel to this language, preserving sticky positioning and
   its dynamic current-chapter title. No second TOC or extra H1. */
body.ek-blog-pilot-v2 .ek-blog-chapterbar{
  background:var(--ek-ix-surface)!important;
  color:var(--ek-ix-ink)!important;
  border-bottom:1px solid var(--ek-ix-line)!important;
}
body.ek-blog-pilot-v2 .ek-blog-chapterbar-inner{
  width:min(100%,760px)!important;max-width:100%!important;
  box-sizing:border-box;margin-inline:auto!important;
}
body.ek-blog-pilot-v2 .ek-blog-chapters>summary{
  color:var(--ek-ix-ink)!important;
  font-family:var(--ek-font-body,system-ui,sans-serif)!important;
  min-height:54px!important;
}
body.ek-blog-pilot-v2 .ek-blog-chapters>summary:focus-visible{
  outline:2px solid var(--ek-ix-focus)!important;outline-offset:-3px!important;
}
body.ek-blog-pilot-v2 .ek-blog-chapters>ol{
  background:var(--ek-ix-surface)!important;
  color:var(--ek-ix-ink)!important;
  border:1px solid var(--ek-ix-line)!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:none!important;
}
body.ek-blog-pilot-v2 .ek-blog-chapters>ol a{
  color:var(--ek-ix-ink)!important;
  border-radius:10px!important;
  font-family:var(--ek-font-body,system-ui,sans-serif)!important;
}
body.ek-blog-pilot-v2 .ek-blog-chapters>ol a span{
  color:var(--ek-ix-muted)!important;
}
body.ek-blog-pilot-v2 .ek-blog-chapters>ol a:is(:hover,:focus-visible),
body.ek-blog-pilot-v2 .ek-blog-chapters>ol a[aria-current="location"]{
  background:var(--ek-ix-hover)!important;
  color:var(--ek-ix-ink)!important;
}
body.ek-blog-pilot-v2 .ek-blog-chapters>ol a:focus-visible{
  outline:2px solid var(--ek-ix-focus)!important;outline-offset:-2px!important;
}
/* /articulos/ is a library of readings, not a long-form TOC: its Topic filter
   remains visible and functional. Only its popover/option visual language is
   aligned. Never hide the directory under an artificial disclosure. */
body.ek-articulos-page .catalog-tools .ek-select-trigger,
body.ek-articulos-page .catalog-tools .ek-select-menu{
  background:var(--ek-ix-surface)!important;
  color:var(--ek-ix-ink)!important;
  border-color:var(--ek-ix-line)!important;
  font-family:var(--ek-font-body,system-ui,sans-serif)!important;
}
body.ek-articulos-page .catalog-tools .ek-select-trigger{
  border-radius:12px!important;min-height:44px!important;
}
body.ek-articulos-page .catalog-tools .ek-select-menu{
  border-radius:12px!important;
}
body.ek-articulos-page .catalog-tools :is(.ek-select-trigger,.ek-select-menu button):focus-visible{
  outline:2px solid var(--ek-ix-focus)!important;outline-offset:2px!important;
}
body.ek-articulos-page .catalog-tools .ek-select-menu [aria-selected="true"]{
  background:var(--ek-ix-active)!important;
  color:var(--ek-ix-ink)!important;
}
@media(prefers-reduced-motion:reduce){
 body .ek-reading-index>summary,
 body .ek-reading-index .ek-reading-index-chevron{transition:none!important}
}
/* Correct same-page anchor landing under the sticky header/chapterbar. */
body :is(.reading,.ek-section,.ek-chapter)>[id]{
  scroll-margin-top:clamp(90px,12vh,154px);
}


/* Existing service/problem TOCs already have one native disclosure. The
   canonical visual card is that SAME details, not a second wrapper. */
body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host{
  box-sizing:border-box!important;
  display:block!important;
  width:min(100%,760px)!important;max-width:100%!important;
  margin:clamp(18px,3vw,30px) auto!important;
  padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host::before{
  content:none!important;display:none!important;
}
body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
/* One spacing contract for all native editorial indices. */
body.ek-integrated main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native>summary.ek-reading-index-trigger{
 box-sizing:border-box!important;
 padding:16px 24px!important;
 text-align:left!important;
 gap:14px!important;
}
@media(max-width:700px){
 body.ek-integrated main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native>summary.ek-reading-index-trigger{
  padding:15px 18px!important;
 }
}
body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native>ol.ek-index-list{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 16px!important;
  width:100%!important;max-width:none!important;
  max-height:min(58svh,480px)!important;
  overflow-y:auto!important;overscroll-behavior:contain;
  list-style:none!important;
  margin:0!important;padding:8px 12px 15px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
}
body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native>ol.ek-index-list>li{
  min-width:0!important;list-style:none!important;
  margin:0!important;padding:0!important;
}
body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native>ol.ek-index-list a{
  display:flex!important;align-items:center!important;
  min-height:44px!important;
  box-sizing:border-box!important;
  padding:11px 12px!important;margin:0!important;
  border:0!important;border-radius:10px!important;
  background:transparent!important;
  color:var(--ek-ix-ink)!important;
  font:500 14px/1.45 var(--ek-font-body,system-ui,sans-serif)!important;
  text-decoration:none!important;
}
@media(hover:hover) and (pointer:fine){
 body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native>ol.ek-index-list a:hover{
   color:var(--ek-ix-ink)!important;
   background:var(--ek-ix-hover)!important;
 }
}
body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native>ol.ek-index-list a:focus-visible{
  outline:2px solid var(--ek-ix-focus)!important;
  outline-offset:-2px!important;
  background:var(--ek-ix-hover)!important;
}
@media(max-width:700px){
 body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host{
   width:100%!important;margin:18px auto 28px!important;
 }
 body.ek-integrated[data-route] main nav.ek-section-index.ek-reading-index-host>.ek-reading-index--native>ol.ek-index-list{
   grid-template-columns:minmax(0,1fr)!important;
   max-height:min(54svh,420px)!important;
   padding:8px 10px 12px!important;
 }
}


/* Desktop long-form article lead currently uses 678px summary + 432px TOC,
   while reading text is ~720px. Align BOTH to the real reading column after
   progressive disclosure; no 430px narrow 2-column list of long headings.
   Master article has its own chapterbar and is intentionally excluded. */
body.ek-long-article:not(.ek-blog-pilot-v2) .lead-grid:has(>.ek-reading-index){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:min(100%,720px)!important;
  max-width:720px!important;
  gap:clamp(16px,3vw,28px)!important;
  margin-left:auto!important;margin-right:auto!important;
}
body.ek-long-article:not(.ek-blog-pilot-v2) .lead-grid>.ek-reading-index{
  grid-column:1/-1!important;
  width:100%!important;max-width:720px!important;
  justify-self:stretch!important;
  margin:0 auto clamp(16px,4vw,42px)!important;
}
body.ek-long-article:not(.ek-blog-pilot-v2) .lead-grid:has(>.ek-reading-index)>.summary{
  min-width:0!important;width:100%!important;max-width:720px!important;
}


/* Master chapterbar still inherits an older id-specific !important paper
   background. Override its actual owner at the same specificity, then force
   the dark mode pair as one atomic surface (ink & background together). */
body.ek-blog-pilot-v2 main#articulo>.ek-blog-chapterbar{
  background:var(--ek-ix-surface)!important;
  color:var(--ek-ix-ink)!important;
  border-bottom:1px solid var(--ek-ix-line)!important;
}
:root[data-ek-theme="dark"] body.ek-blog-pilot-v2 main#articulo>.ek-blog-chapterbar,
:root[data-ek-theme="dark"] body.ek-blog-pilot-v2 main#articulo>.ek-blog-chapterbar .ek-blog-chapterbar-inner{
  background:#292d2e!important;
  color:#f5f1eb!important;
  border-bottom-color:#6a6a66!important;
}
:root[data-ek-theme="dark"] body.ek-blog-pilot-v2 main#articulo>.ek-blog-chapterbar .ek-blog-chapters>summary,
:root[data-ek-theme="dark"] body.ek-blog-pilot-v2 main#articulo>.ek-blog-chapterbar .ek-blog-chapters>summary :is(span,svg){
  color:#f5f1eb!important;
  stroke:currentColor!important;
}


/* /articulos/ CURRENT UI (F11), not the archived .catalog-tools selector:
   one search entry + topic chips, with real mobile sheet. No extra index. */
body.ek-articulos-page .ek-articulos-tools .ek-article-search-launch{
  border:1px solid var(--ek-ix-line)!important;
  color:var(--ek-ix-ink)!important;
  background:var(--ek-ix-surface)!important;
  border-radius:14px!important;
  min-height:56px!important;
  padding:14px 18px!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
}
@media(hover:hover) and (pointer:fine){
 body.ek-articulos-page .ek-articulos-tools .ek-article-search-launch:hover{
  background:var(--ek-ix-hover)!important;
 }
}
body.ek-articulos-page .ek-articulos-tools .ek-article-search-launch:focus-visible,
body.ek-articulos-page .ek-article-search .symptom-chips button.chip:focus-visible{
  outline:2px solid var(--ek-ix-focus)!important;
  outline-offset:2px!important;
}
body.ek-articulos-page .ek-article-search .symptom-chips button.chip{
  background:transparent!important;
  color:var(--ek-ix-ink)!important;
  border:1px solid var(--ek-ix-line)!important;
  border-radius:999px!important;
  min-height:44px!important;
  padding:10px 16px!important;
  box-shadow:none!important;
}
body.ek-articulos-page .ek-article-search .symptom-chips button.chip[aria-pressed="true"]{
  background:var(--ek-ix-active)!important;
  color:var(--ek-ix-ink)!important;
  border-color:var(--ek-ix-line)!important;
}
@media(hover:hover) and (pointer:fine){
 body.ek-articulos-page .ek-article-search .symptom-chips button.chip:not([aria-pressed="true"]):hover{
  background:var(--ek-ix-hover)!important;
 }
}
body.ek-articulos-page .ek-article-search-sheet{
  background:var(--ek-ix-surface)!important;
  color:var(--ek-ix-ink)!important;
  border-color:var(--ek-ix-line)!important;
}
body.ek-articulos-page .ek-article-search-sheet :is(.ek-article-sheet-head h2,.symptom-chips-label){
  color:var(--ek-ix-ink)!important;
}
body.ek-articulos-page .ek-articulos-rail-actions button:not(:disabled){
  border-color:var(--ek-ix-line)!important;
  background:transparent!important;color:var(--ek-ix-ink)!important;
  border-radius:50%!important;
}
body.ek-articulos-page .ek-articulos-rail-actions button:not(:disabled):focus-visible{
  outline:2px solid var(--ek-ix-focus)!important;outline-offset:2px!important;
}


/* P0 G6 · The archived article stylesheet has a higher-specificity dark
   .chip ink rule. Pair ink/surface explicitly so unselected topic chips do
   not become graphite-on-graphite in the real mobile search sheet. */
:root[data-ek-theme="dark"] body.ek-articulos-page .ek-article-search .symptom-chips button.chip{
  color:#f5f1eb!important;
  -webkit-text-fill-color:#f5f1eb!important;
  background:transparent!important;
  border-color:#6a6a66!important;
}
:root[data-ek-theme="dark"] body.ek-articulos-page .ek-article-search .symptom-chips button.chip[aria-pressed="true"]{
  color:#f5f1eb!important;
  -webkit-text-fill-color:#f5f1eb!important;
  background:#434647!important;
  border-color:#a8a5a0!important;
}
:root[data-ek-theme="dark"] body.ek-articulos-page .ek-article-search .symptom-chips button.chip:not([aria-pressed="true"]):is(:hover,:focus-visible){
  color:#f5f1eb!important;
  background:#434647!important;
  border-color:#a8a5a0!important;
}


/* F1: mobile contextual TOC. The document and footer reserve no extra space. */
body .ek-toc-fab[hidden]{display:none!important}
@media(min-width:701px){body .ek-toc-fab{display:none!important}}
@media(max-width:700px){
 body .ek-toc-fab{
  position:fixed;z-index:90;right:clamp(14px,4vw,22px);
  bottom:calc(18px + env(safe-area-inset-bottom,0px));
  display:grid;place-items:center;box-sizing:border-box;
  width:48px;height:48px;min-height:48px;padding:0;
  border-radius:50%;background:var(--ek-ix-ink);color:var(--ek-ix-surface);
  border:1px solid var(--ek-ix-line);box-shadow:0 5px 18px #0003;cursor:pointer
 }
 body .ek-toc-fab svg{width:21px;height:21px}
 body .ek-toc-fab:focus-visible{outline:3px solid var(--ek-ix-focus);outline-offset:3px}
 body .ek-toc-dialog{
  position:fixed;inset:auto 0 0;margin:0 auto;
  width:min(100%,100vw);max-width:620px;max-height:min(76dvh,680px);box-sizing:border-box;
  padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));
  background:var(--ek-ix-surface);color:var(--ek-ix-ink);
  border:1px solid var(--ek-ix-line);border-bottom:0;border-radius:22px 22px 0 0;
  box-shadow:0 -15px 60px #0003;overflow:auto
 }
 body .ek-toc-dialog:not([open]){display:none}
 body .ek-toc-dialog::backdrop{background:rgba(18,22,23,.55)}
 body .ek-toc-dialog-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:3px 0 12px;border-bottom:1px solid var(--ek-ix-line)
 }
 body .ek-toc-dialog-head h2{
  color:var(--ek-ix-ink)!important;font:600 17px/1.35 var(--ek-font-body,system-ui,sans-serif)!important;
  margin:0!important
 }
 body .ek-toc-dialog-close{
  min-height:44px;padding:10px 14px;border:1px solid var(--ek-ix-line);
  border-radius:10px;color:var(--ek-ix-ink);background:transparent;
  font:500 14px/1.2 var(--ek-font-body,system-ui,sans-serif);cursor:pointer
 }
 body .ek-toc-dialog-close:focus-visible{outline:2px solid var(--ek-ix-focus);outline-offset:2px}
 body.ek-integrated .ek-toc-dialog-content nav.ek-section-index.ek-reading-index-host{
  width:100%!important;max-width:100%!important;margin:10px 0 0!important
 }
 body.ek-integrated .ek-toc-dialog-content .ek-reading-index{
  width:100%!important;max-width:100%!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important
 }
 body.ek-integrated .ek-toc-dialog-content .ek-reading-index>summary{display:none!important}
 body.ek-integrated .ek-toc-dialog-content .ek-reading-index>ol.ek-index-list{
  max-height:none!important;overflow:visible!important;
  grid-template-columns:minmax(0,1fr)!important;padding:4px 0!important
 }
 body.ek-integrated .ek-toc-dialog-content .ek-index-list a{min-height:48px!important}
}

/* ATO-553 · Editorial mobile sheet owns the reading context.
   The intelligent header/pill remains unchanged outside the sheet;
   while open, avoid a second blurred navigation bar behind the backdrop. */
@media(max-width:700px){
 html.ek-editorial-sheet-active body.ek-integrated .ek-header,
 html.ek-editorial-sheet-active body.ek-integrated .ek-header.is-pill,
 html.ek-editorial-sheet-active body.ek-integrated .ek-header.is-hidden{
  visibility:hidden!important;pointer-events:none!important;
 }
}

/* ATO-553: keep the preserved article TOC heading in the DOM for semantic
   parity, without rendering a second visual title beside the shared summary. */
body .ek-reading-index-host > h2{
 position:absolute!important;width:1px!important;height:1px!important;
 margin:-1px!important;padding:0!important;overflow:hidden!important;
 clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}