/* 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;
}