/*
Theme Name: Escalentia
Theme URI: https://escalentia.com
Description: Tema hijo de Twenty Twenty-Five para escalentia.com. Sólo la piel: colores, tipografía y plantillas. El contenido vive en los plugins propios.
Author: Escalentia
Template: twentytwentyfive
Version: 0.8.0
Requires at least: 6.7
Requires PHP: 8.2
Text Domain: escalentia
*/
@font-face{font-family:"Sora";src:url("assets/fonts/sora.woff2") format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("assets/fonts/plex.woff2") format("woff2");font-weight:100 700;font-display:swap}

/* ---------- Marca en cabecera y pie ---------- */
.esc-marca{display:inline-flex;align-items:center;gap:.6rem;font:700 1.35rem/1 "Sora",system-ui,sans-serif;letter-spacing:-.02em;color:#173D31;text-decoration:none}
.esc-marca:hover,.esc-marca:focus{color:#173D31;text-decoration:none}
.esc-footer .esc-marca,.esc-footer .esc-marca:hover{color:#fff}
header.wp-block-template-part{position:sticky;top:0;z-index:100;background:#fff}
.esc-header{border-bottom:1px solid #dfe6e1;transition:box-shadow .2s}
header.esc-scrolled .esc-header{box-shadow:0 6px 18px rgba(23,61,49,.08)}
header.esc-scrolled .esc-nav-cta a,header.esc-scrolled .wp-block-navigation .esc-nav-cta a{background:#F2B134!important;color:#173D31!important}
header.esc-scrolled .esc-nav-cta a:hover{background:#e0a324!important}
.esc-header .wp-block-navigation a{color:#1C2A24;font:500 .95rem/1 "IBM Plex Sans",system-ui,sans-serif;text-decoration:none}
.esc-header .wp-block-navigation a:hover{color:#173D31;text-decoration:underline;text-decoration-color:#F2B134;text-decoration-thickness:2px;text-underline-offset:4px}
.esc-header .esc-nav-cta a{background:#173D31;color:#fff;font-family:"Sora",system-ui,sans-serif;font-weight:600;padding:.6rem 1rem;border-radius:6px}
.esc-header .esc-nav-cta a:hover{background:#1C2A24;color:#fff;text-decoration:none}
.esc-header .wp-block-navigation__responsive-container-open,.esc-header .wp-block-navigation__responsive-container-close{color:#173D31}
.esc-footer{margin-top:0}
.esc-footer .wp-block-navigation a{color:#cfe0d5;font-size:.95rem;text-decoration:none}
.esc-footer .wp-block-navigation a:hover{color:#fff}
.esc-footer-frase{margin:.75rem 0 0;color:#cfe0d5;max-width:28ch;font-size:.95rem}
.esc-footer-legal{margin-top:2rem;color:#9fc4af}

/* ---------- Secciones de la portada ---------- */
.esc-inicio .esc-seccion{padding:4rem 1.25rem}
.esc-inicio .esc-seccion>.esc-ancho{max-width:1120px;margin:0 auto}
.esc-seccion--niebla{background:#E8EFE9}
.esc-seccion--bosque{background:#173D31;color:#fff}
.esc-seccion--bosque h2,.esc-seccion--bosque p{color:#fff}
.esc-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:start}
.esc-hero h1{margin:0 0 1rem;text-wrap:balance}
.esc-hero .esc-sub{font-size:1.2rem;color:#5E6B65;max-width:38ch;margin:0 0 1.75rem}
.esc-hero .esc-acciones{display:flex;gap:.75rem;flex-wrap:wrap}
.esc-garantia{display:flex;gap:1rem;align-items:center;justify-content:center;text-align:center;font:600 1.35rem/1.3 "Sora",system-ui,sans-serif;color:#173D31;text-wrap:balance}
.esc-pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2.25rem}
.esc-paso{background:#E8EFE9;border-radius:10px;padding:1.4rem 1.4rem 1.5rem;display:grid;gap:.7rem;align-content:start}
.esc-paso-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.esc-paso svg{display:block}
.esc-cuando{font:600 .78rem/1.2 "Sora",system-ui,sans-serif;color:#173D31;background:#fff;border-radius:999px;padding:.35rem .7rem;white-space:nowrap}
.esc-paso h3{margin:.25rem 0 0;font:600 1.15rem/1.25 "Sora",system-ui,sans-serif;color:#173D31}
.esc-paso p{margin:0;color:#3d4a44;font-size:.97rem}
.esc-paso .esc-necesita{color:#5E6B65;font-size:.9rem;border-top:1px solid #d3ddd6;padding-top:.7rem;margin-top:.2rem}
.esc-paso .esc-necesita b{color:#173D31;font-weight:600}
.esc-mas{margin-top:2rem}
.esc-cta-final{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.esc-cta-final h2{margin:0 0 .5rem}
.esc-cta-final p{margin:0;color:#cfe0d5;max-width:48ch}
.esc-boton,.esc-inicio .wp-block-button__link{display:inline-block;padding:.85rem 1.4rem;border-radius:6px;font:600 1rem/1 "Sora",system-ui,sans-serif;text-decoration:none;background:#173D31;color:#fff;border:0;cursor:pointer}
.esc-boton:hover,.esc-inicio .wp-block-button__link:hover{background:#1C2A24;color:#fff}
.esc-boton--ambar{background:#F2B134;color:#173D31}
.esc-boton--ambar:hover{background:#fff;color:#173D31}
.esc-boton--secundario{background:transparent;color:#173D31;box-shadow:inset 0 0 0 2px #173D31}
.esc-boton--secundario:hover{background:#E8EFE9;color:#173D31}
.esc-pagina h1{margin-bottom:1.5rem}
:focus-visible{outline:3px solid #F2B134;outline-offset:2px}

/* ---------- Pruebas bajo el titular ---------- */
.esc-pruebas{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.55rem;color:#3d4a44;font-size:1rem}
.esc-pruebas li{padding-left:1.6rem;position:relative}
.esc-pruebas li::before{content:"";position:absolute;left:0;top:.45em;width:.85rem;height:.5rem;border-left:2.5px solid #173D31;border-bottom:2.5px solid #173D31;transform:rotate(-45deg)}

/* ---------- Comparación y cuenta de ejemplo ---------- */
.esc-compara{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.esc-compara h2{margin:0 0 1rem}
.esc-compara p{max-width:52ch}
.esc-cuenta{background:#173D31;color:#fff;border-radius:10px;padding:1.5rem 1.6rem}
.esc-cuenta-tag{margin:0 0 1rem;font:600 .78rem/1.3 "Sora",system-ui,sans-serif;color:#9fc4af;letter-spacing:.02em}
.esc-cuenta table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.98rem}
.esc-cuenta td{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.14)}
.esc-cuenta td.n{text-align:right;white-space:nowrap}
.esc-cuenta tr.resta td{color:#cfe0d5}
.esc-cuenta tr.sub td{font-weight:600}
.esc-cuenta tr.total td{font:700 1.15rem "Sora",system-ui,sans-serif;border-top:2px solid #7BBF9A;border-bottom:0;padding-top:.7rem}
.esc-cuenta tr.total td.n{color:#F2B134;font-size:1.5rem}
.esc-cuenta-pie{margin:1rem 0 0;color:#cfe0d5;font-size:.93rem}

/* ---------- Tarjetas con icono ---------- */
.esc-tarjetas{display:grid;gap:1.25rem;margin-top:2.25rem}
.esc-tarjetas--distintos{grid-template-columns:repeat(3,1fr)}
.esc-tarjetas--quien{grid-template-columns:repeat(3,1fr)}
.esc-tarjeta{border-radius:10px;padding:1.5rem 1.5rem 1.6rem;display:grid;gap:.6rem;align-content:start;background:#E8EFE9}
.esc-seccion--niebla .esc-tarjeta{background:#fff}
.esc-tarjeta .esc-icono{display:block;margin-bottom:.25rem}
.esc-tarjeta h3{margin:0;font:600 1.15rem/1.25 "Sora",system-ui,sans-serif;color:#173D31}
.esc-tarjeta p{margin:0;color:#3d4a44;font-size:.97rem}

/* ---------- Fundador y garantía ---------- */
.esc-fundador{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}
.esc-fundador h2{margin:0 0 1rem;color:#fff}
.esc-fundador p{color:#dfe9e3;max-width:56ch}
.esc-firma{margin-top:1.5rem;font:600 1rem "Sora",system-ui,sans-serif;color:#F2B134}
.esc-fundador-lado{background:rgba(255,255,255,.07);border-radius:10px;padding:1.75rem;display:grid;gap:1rem;justify-items:start}
.esc-fundador-lado p{margin:0}
.esc-garantia-grande{font:700 1.6rem/1.2 "Sora",system-ui,sans-serif;letter-spacing:-.02em;color:#fff;margin:0}
.esc-bloque--garantia .esc-garantia-grande{color:#173D31}

/* ---------- Preguntas frecuentes ---------- */
.esc-ancho--estrecho{max-width:760px!important}
.esc-faq{margin-top:1.5rem;display:grid;gap:.6rem}
.esc-faq details{background:#fff;border-radius:8px;padding:0 1.25rem}
.esc-seccion:not(.esc-seccion--niebla) .esc-faq details,.esc-pagina .esc-faq details{background:#E8EFE9}
.esc-faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font:600 1.05rem/1.3 "Sora",system-ui,sans-serif;color:#173D31;position:relative}
.esc-faq summary::-webkit-details-marker{display:none}
.esc-faq summary:focus{outline:none}
.esc-faq summary:focus-visible{outline:2px solid #F2B134;outline-offset:2px;border-radius:6px}
.esc-faq summary::after{content:"";position:absolute;right:.35rem;top:1.15rem;width:.6rem;height:.6rem;border-right:2px solid #173D31;border-bottom:2px solid #173D31;transform:rotate(45deg);transition:transform .2s}
.esc-faq details[open] summary::after{transform:rotate(-135deg);top:1.4rem}
.esc-faq details p{margin:0 0 1.1rem;color:#3d4a44}

/* ---------- CTA final claro ---------- */
.esc-cta-final--claro{background:#E8EFE9;border-radius:12px;padding:2.5rem 2.75rem}
.esc-cta-final--claro h2{color:#173D31}
.esc-cta-final--claro p{color:#3d4a44}

/* ---------- Página «Cómo trabajamos» ---------- */
.esc-linea{list-style:none;margin:2rem 0 3rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:paso}
.esc-linea li{position:relative;padding:1.1rem 1rem 0 0;border-top:3px solid #7BBF9A;display:grid;gap:.2rem}
.esc-linea li:last-child{border-top-color:#F2B134}
.esc-linea li::before{content:"";position:absolute;top:-8px;left:0;width:13px;height:13px;border-radius:50%;background:#173D31}
.esc-linea li b{font:600 .85rem/1.2 "Sora",system-ui,sans-serif;color:#5E6B65}
.esc-linea li span{font:600 1rem/1.3 "Sora",system-ui,sans-serif;color:#173D31}
.esc-panel-paso{border-radius:12px;background:#E8EFE9;padding:2rem 2.25rem;margin:0 0 1.25rem}
.esc-panel-paso--alt{background:#fff;border:1px solid #d7e0da}
.esc-panel-paso-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}
.esc-panel-paso-cab .esc-cuando{display:inline-block;margin:.9rem 0 .6rem}
.esc-panel-paso--alt .esc-cuando{background:#E8EFE9}
.esc-panel-paso h2{margin:0 0 .6rem;font-size:1.5rem}
.esc-panel-paso h3{margin:0 0 .5rem;font:600 .82rem/1.2 "Sora",system-ui,sans-serif;color:#5E6B65;letter-spacing:.03em;text-transform:uppercase}
.esc-panel-paso-col h3+p+h3{margin-top:1.1rem}
.esc-panel-paso p{margin:0;color:#3d4a44;font-size:.97rem}
.esc-panel-paso ul{margin:0;padding-left:1.1rem;color:#3d4a44;font-size:.97rem;display:grid;gap:.4rem}
.esc-bloque{margin:3.5rem 0 0}
.esc-bloque h2{margin:0 0 .75rem}
.esc-bloque .esc-cuenta{margin-top:1.25rem;max-width:640px}
.esc-bloque--garantia{background:#E8EFE9;border-radius:12px;padding:2rem 2.25rem;display:grid;gap:.75rem}
.esc-bloque--garantia p{margin:0;max-width:60ch}
.esc-pagina .esc-acciones{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2.5rem}
.esc-pagina .wp-block-post-content>*{max-width:1120px}

@media (max-width:900px){
  .esc-hero{grid-template-columns:1fr;gap:2rem}
  .esc-pasos,.esc-tarjetas--distintos{grid-template-columns:1fr 1fr}
  .esc-tarjetas--quien{grid-template-columns:1fr}
  .esc-compara,.esc-fundador,.esc-cta-final{grid-template-columns:1fr;gap:2rem}
  .esc-panel-paso-in{grid-template-columns:1fr}
  .esc-linea{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}
  .esc-inicio .esc-seccion{padding:3rem 1.25rem}
}
@media (max-width:540px){.esc-pasos,.esc-tarjetas--distintos,.esc-linea{grid-template-columns:1fr}.esc-panel-paso,.esc-cta-final--claro{padding:1.5rem 1.25rem}}
@media (prefers-reduced-motion:no-preference){.esc-paso svg rect{transform-origin:bottom;animation:esc-sube .7s cubic-bezier(.2,.7,.2,1) both}.esc-paso:nth-child(2) svg rect{animation-delay:.1s}.esc-paso:nth-child(3) svg rect{animation-delay:.2s}.esc-paso:nth-child(4) svg rect{animation-delay:.3s}}
@keyframes esc-sube{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.esc-cifra{font:700 clamp(3rem,2rem + 5vw,5rem)/1 "Sora",system-ui,sans-serif;color:#173D31;margin:.5rem 0;font-variant-numeric:tabular-nums}
.esc-cifra::after{content:"";display:block;width:4rem;height:6px;background:#F2B134;margin-top:.75rem;border-radius:3px}


/* ================= Portada v3 ================= */
.esc-seccion--hero.esc-seccion--bosque{position:relative;overflow:hidden;padding-top:4.5rem;padding-bottom:5rem;background:#173D31 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 320' preserveAspectRatio='none'><path d='M0 300 L0 250 L90 240 L150 255 L210 210 L280 220 L340 190 L410 200 L470 150 L540 165 L600 120 L680 135 L740 95 L810 110 L870 70 L950 85 L1010 45 L1080 60 L1140 20 L1200 30 L1200 320 L0 320 Z' fill='%237BBF9A' fill-opacity='0.16'/><path d='M0 250 L90 240 L150 255 L210 210 L280 220 L340 190 L410 200 L470 150 L540 165 L600 120 L680 135 L740 95 L810 110 L870 70 L950 85 L1010 45 L1080 60 L1140 20 L1200 30' fill='none' stroke='%237BBF9A' stroke-opacity='0.55' stroke-width='2'/><path d='M1140 20 L1200 30 L1200 320 L1140 320 Z' fill='%23F2B134' fill-opacity='0.35'/></svg>") no-repeat bottom center/100% 55%}
.esc-seccion--hero.esc-seccion--bosque h1{color:#fff}
.esc-seccion--hero.esc-seccion--bosque h1 em{font-style:normal;color:#7BBF9A}
.esc-seccion--hero.esc-seccion--bosque .esc-sub{color:#cfe0d5}
.esc-boton--blanco{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.esc-boton--blanco:hover{background:#fff;color:#173D31}
.esc-pruebas--claro{color:#e6efe9}
.esc-pruebas--claro li::before{border-color:#F2B134}
.esc-eyebrow{margin:0 0 .6rem;font:600 .82rem/1.3 "Sora",system-ui,sans-serif;color:#5E6B65;letter-spacing:.04em;text-transform:uppercase}
.esc-seccion--bosque .esc-eyebrow{color:#9fc4af}
.esc-nota{color:#5E6B65;font-size:.95rem;max-width:66ch;margin:1.25rem 0 0}
.esc-enlace{font:600 1.05rem "Sora",system-ui,sans-serif;color:#173D31;text-decoration:none;border-bottom:2px solid #F2B134;padding-bottom:2px}
.esc-enlace:hover{color:#1C2A24;border-color:#173D31}

/* cifras */
.esc-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1.25rem}
.esc-cifras div{border-top:3px solid #173D31;padding-top:1rem}
.esc-cifras div:last-child{border-top-color:#F2B134}
.esc-cifras strong{display:block;font:700 clamp(2.4rem,1.6rem + 2.5vw,3.6rem)/1 "Sora",system-ui,sans-serif;letter-spacing:-.03em;color:#173D31;font-variant-numeric:tabular-nums;margin-bottom:.5rem}
.esc-cifras strong.esc-ambar{color:#173D31}
.esc-cifras div:last-child strong{color:#b8801a}
.esc-cifras span{color:#5E6B65;font-size:.98rem}

/* definición */
.esc-dicc{border-top:1px solid #d3ddd6;border-bottom:1px solid #d3ddd6;padding:2rem 0}
.esc-dicc-lema{margin:0;font:700 clamp(2rem,1.4rem + 2vw,3rem)/1.05 "Sora",system-ui,sans-serif;letter-spacing:-.03em;color:#173D31}
.esc-dicc-fon{margin:.4rem 0 1.2rem;color:#5E6B65;font-style:italic}
.esc-dicc-acep{margin:0;padding-left:1.4rem;font-size:1.1rem;color:#1C2A24}
.esc-dicc-acep li{margin:.4rem 0}
.esc-dicc-ej{margin:1.1rem 0 .6rem;color:#3d4a44;font-style:italic}
.esc-dicc-sin{margin:0;color:#5E6B65;font-size:.95rem}
.esc-dicc-sin span{font-weight:600;color:#173D31}

/* frase gigante */
.esc-seccion--frase{text-align:center;padding-top:5rem;padding-bottom:5rem}
.esc-frase-gigante{margin:0 auto;max-width:18ch;font:700 clamp(2.2rem,1.2rem + 4vw,4.2rem)/1.05 "Sora",system-ui,sans-serif;letter-spacing:-.03em;color:#173D31;text-wrap:balance}
.esc-frase-gigante::after{content:"";display:block;width:5rem;height:6px;background:#F2B134;border-radius:3px;margin:1.4rem auto 0}
.esc-frase-pie{margin:1.25rem auto 0;max-width:46ch;color:#5E6B65;font-size:1.05rem}

/* flujo */
.esc-flujo{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}
.esc-flujo::before{content:"";position:absolute;left:0;right:0;top:20px;height:2px;background:linear-gradient(90deg,#7BBF9A 0 85%,#F2B134 85%)}
.esc-flujo li{position:relative;padding-top:0}
.esc-flujo-nodo{width:56px;height:42px;background:#E8EFE9;display:flex;align-items:flex-end;position:relative;z-index:1;margin-bottom:1rem;padding-right:.5rem}
.esc-flujo .esc-cuando{display:inline-block;margin-bottom:.6rem;background:#fff}
.esc-flujo h3{margin:0 0 .4rem;font:600 1.15rem/1.25 "Sora",system-ui,sans-serif;color:#173D31}
.esc-flujo p{margin:0;color:#3d4a44;font-size:.97rem}

/* para quién */
.esc-quien-h2{margin:0 0 .75rem;max-width:22ch}
.esc-rota{display:inline-block;color:#173D31;border-bottom:4px solid #F2B134;transition:opacity .26s,transform .26s}
.esc-rota--sale{opacity:0;transform:translateY(6px)}
.esc-lineas{margin:2.25rem 0 0}
.esc-lineas div{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:1.25rem 0;border-top:1px solid #d3ddd6}
.esc-lineas div:last-child{border-bottom:1px solid #d3ddd6}
.esc-lineas dt{font:600 1.15rem/1.3 "Sora",system-ui,sans-serif;color:#173D31}
.esc-lineas dd{margin:0;color:#3d4a44}

/* tabla comparativa en fondo oscuro */
.esc-seccion--bosque .esc-sub{color:#cfe0d5}
.esc-tabla-wrap{overflow-x:auto;margin-top:2rem}
.esc-compara-tabla{width:100%;border-collapse:collapse;color:#fff;min-width:640px}
.esc-compara-tabla th,.esc-compara-tabla td{text-align:left;vertical-align:top;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.16)}
.esc-compara-tabla thead th{font:600 .85rem/1.2 "Sora",system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#9fc4af;border-bottom:2px solid #7BBF9A}
.esc-compara-tabla thead th:last-child{color:#F2B134;border-bottom-color:#F2B134}
.esc-compara-tabla tbody th{font:600 1rem/1.3 "Sora",system-ui,sans-serif;color:#fff;width:22%}
.esc-compara-tabla td{color:#cfe0d5;width:39%}
.esc-compara-tabla td:last-child{color:#fff;font-weight:500;background:rgba(255,255,255,.05)}

/* carta */
.esc-ancho--carta{max-width:760px!important}
.esc-carta h2{margin:0 0 1.5rem;text-wrap:balance}
.esc-carta p{font-size:1.15rem;line-height:1.6;color:#1C2A24;max-width:none}
.esc-carta-inicio::first-letter{font:700 3.2em/0.8 "Sora",system-ui,sans-serif;color:#173D31;float:left;margin:.1em .12em 0 0}
.esc-carta .esc-firma{margin-top:2rem;font:700 1.15rem "Sora",system-ui,sans-serif;color:#173D31;border-top:3px solid #F2B134;display:inline-block;padding-top:.75rem}
.esc-carta .esc-firma span{display:block;font:400 .95rem "IBM Plex Sans",system-ui,sans-serif;color:#5E6B65;margin-top:.15rem}

/* faq en líneas */
.esc-faq--lineas{gap:0}
.esc-faq--lineas details,.esc-seccion .esc-faq--lineas details{background:transparent;border-radius:0;padding:0;border-top:1px solid #cdd8d1}
.esc-faq--lineas details:last-child{border-bottom:1px solid #cdd8d1}
.esc-faq--lineas summary{padding:1.1rem 2rem 1.1rem 0}
.esc-faq--lineas details p{padding-right:2rem}

/* cierre con capacidad */
.esc-cierre{display:grid;grid-template-columns:.8fr 1.4fr;gap:3rem;align-items:center;border-top:1px solid #d3ddd6;padding-top:3rem}
.esc-cierre-cifra{margin:0;font:700 clamp(5rem,3rem + 7vw,9rem)/1 "Sora",system-ui,sans-serif;letter-spacing:-.05em;color:#173D31}
.esc-cierre-texto{margin:.5rem 0 0;font:600 1.15rem/1.3 "Sora",system-ui,sans-serif;color:#5E6B65;max-width:16ch}
.esc-cierre h2{margin:0 0 .75rem}
.esc-cierre p{color:#3d4a44}

@media (max-width:900px){
  .esc-cifras{grid-template-columns:1fr}
  .esc-flujo{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}
  .esc-flujo::before{display:none}
  .esc-lineas div,.esc-cierre{grid-template-columns:1fr;gap:.5rem}
  .esc-cierre{gap:1.5rem}
}
@media (max-width:540px){.esc-flujo{grid-template-columns:1fr}}

/* La calculadora dentro del hero oscuro conserva sus colores propios */
.esc-seccion--bosque .esc-calc h2,.esc-seccion--bosque .esc-calc .esc-calc-titulo{color:#173D31}
.esc-seccion--bosque .esc-calc p{color:#5E6B65}
.esc-seccion--bosque .esc-calc .esc-calc-resultado p,.esc-seccion--bosque .esc-calc .esc-lead p,.esc-seccion--bosque .esc-calc .esc-lead-ok{color:#fff}
.esc-seccion--bosque .esc-calc .esc-res-nota,.esc-seccion--bosque .esc-calc .esc-lead>p{color:#cfe0d5}
.esc-seccion--bosque .esc-calc .esc-campo>span:first-child{color:#1C2A24}
.esc-seccion--bosque .esc-calc .esc-lead .esc-campo>span:first-child{color:#fff}


/* ================= v4 ================= */
.esc-seccion--hero .esc-sub mark{background:#F2B134;color:#173D31;padding:.02em .25em;border-radius:3px;font-weight:600}
.esc-seccion--hero h1 .esc-rota{color:#7BBF9A;border-bottom:0}
.esc-calc-gratis{margin:0 0 .5rem;font:600 .78rem/1 "Sora",system-ui,sans-serif;color:#173D31;background:#E8EFE9;display:inline-block;padding:.4rem .7rem;border-radius:999px}
.esc-lineas--botones div{grid-template-columns:1fr 2fr;grid-template-areas:"t d" "t a"}
.esc-lineas--botones dt{grid-area:t}
.esc-lineas--botones dd{grid-area:d}
.esc-lineas--botones .esc-lineas-accion{grid-area:a;margin-top:.9rem}
.esc-fundador2{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid #d7e0da;border-radius:12px;overflow:hidden}
.esc-fundador2-texto{padding:2.5rem 2.75rem}
.esc-fundador2--sinfoto{grid-template-columns:1fr}
.esc-fundador2--sinfoto .esc-fundador2-texto{max-width:760px}
.esc-fundador-cita{margin:0}
.esc-fundador-cita p{margin:0 0 1rem;font:600 1.2rem/1.5 "IBM Plex Sans",system-ui,sans-serif;color:#1C2A24;max-width:none}
.esc-fundador2 .esc-firma{margin-top:1.5rem;font:700 1.05rem "Sora",system-ui,sans-serif;color:#173D31;border-top:3px solid #F2B134;display:inline-block;padding-top:.6rem}
.esc-fundador2 .esc-firma span{display:block;font:400 .95rem "IBM Plex Sans",system-ui,sans-serif;color:#5E6B65;margin-top:.15rem}
.esc-fundador2-foto{background:#E8EFE9;display:flex;align-items:stretch}
.esc-fundador2-foto img{width:100%;height:100%;object-fit:cover;display:block;min-height:320px}
.esc-seccion--logos{padding-top:2.5rem;padding-bottom:2.5rem}
.esc-eyebrow--centro{text-align:center}
.esc-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem 3rem;margin-top:1.5rem}
.esc-logos img{height:40px;width:auto;max-width:160px;filter:grayscale(1);opacity:.75;transition:opacity .2s,filter .2s}
.esc-logos img:hover{filter:none;opacity:1}
@media (max-width:900px){.esc-fundador2{grid-template-columns:1fr}.esc-fundador2-texto{padding:1.75rem 1.5rem}.esc-lineas--botones div{grid-template-columns:1fr;grid-template-areas:"t" "d" "a"}}

.esc-header .wp-block-navigation .esc-nav-cta a,.esc-header .wp-block-navigation .esc-nav-cta a:hover{color:#fff!important}


/* ================= Landings y v5 ================= */
.esc-landing .esc-seccion{padding:4rem 1.25rem}
.esc-landing .esc-seccion>.esc-ancho{max-width:1120px;margin:0 auto}
.esc-landing .esc-seccion--hero{padding-top:3.5rem}
.esc-hero .esc-eyebrow{color:#9fc4af}
.esc-dos{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}
.esc-dos h2{margin:0 0 .75rem}
.esc-dos p{max-width:52ch}
.esc-dolores{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.esc-dolores li{font:500 1.15rem/1.45 "Sora",system-ui,sans-serif;color:#173D31;padding-left:1.25rem;border-left:4px solid #F2B134}
.esc-lineas--3 div{grid-template-columns:1fr 2fr}
.esc-acciones-lista{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.esc-acciones-lista li{position:relative;padding-left:2rem;color:#3d4a44;font-size:1.02rem}
.esc-acciones-lista li b{color:#173D31;font-weight:600}
.esc-acciones-lista li::before{content:"";position:absolute;left:0;top:.35em;width:.9rem;height:.55rem;border-left:3px solid #173D31;border-bottom:3px solid #173D31;transform:rotate(-45deg)}
.esc-dos--acciones>div:first-child p:last-child{color:#5E6B65;font-size:.98rem}
.esc-preguntas{list-style:none;margin:2rem 0 0;padding:0;counter-reset:pq}
.esc-preguntas li{counter-increment:pq;display:grid;grid-template-columns:3rem 1fr;gap:.25rem 1rem;padding:1.25rem 0;border-top:1px solid #cdd8d1}
.esc-preguntas li:last-child{border-bottom:1px solid #cdd8d1}
.esc-preguntas li::before{content:counter(pq);grid-row:1/3;font:700 2rem/1 "Sora",system-ui,sans-serif;color:#7BBF9A}
.esc-preguntas li b{font:600 1.1rem/1.3 "Sora",system-ui,sans-serif;color:#173D31}
.esc-preguntas li span{color:#3d4a44}
.esc-cifras--2{grid-template-columns:1fr 1fr;max-width:820px}
.esc-cifras--2 div:last-child{border-top-color:#F2B134}
.esc-cifras span em{display:block;font-style:normal;color:#9aa69f;font-size:.85rem;margin-top:.25rem}
.esc-cierre-cifra{white-space:nowrap}
/* submenú de la cabecera */
.esc-header .wp-block-navigation-submenu .wp-block-navigation__submenu-container{background:#fff;border:1px solid #dfe6e1;border-radius:8px;padding:.4rem;min-width:260px}
.esc-header .wp-block-navigation-submenu .wp-block-navigation__submenu-container a{padding:.55rem .75rem;border-radius:6px}
.esc-header .wp-block-navigation-submenu .wp-block-navigation__submenu-container a:hover{background:#E8EFE9;text-decoration:none}
@media (max-width:900px){.esc-dos{grid-template-columns:1fr;gap:2rem}.esc-lineas--3 div{grid-template-columns:1fr}.esc-cifras--2{grid-template-columns:1fr}}

.esc-hero--texto{grid-template-columns:1fr}.esc-hero--texto .esc-hero-texto{max-width:760px}
.esc-nota .esc-enlace{font-size:.95rem}
.esc-fundador-cita a{color:#173D31;text-decoration:underline;text-decoration-color:#F2B134;text-decoration-thickness:2px;text-underline-offset:3px}

/* ================= v6: llamada, método, tecnología, barra de admin ================= */
body.admin-bar header.wp-block-template-part{top:32px}
@media (max-width:782px){body.admin-bar header.wp-block-template-part{top:46px}}
.esc-footer-frase mark{background:#F2B134;color:#173D31;padding:0 .2em;border-radius:3px}
.esc-metodo{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.esc-metodo li{display:grid;gap:.35rem;align-content:start;padding:1.25rem 1rem 1.3rem;border-top:3px solid #173D31}
.esc-metodo li:last-child{border-top-color:#F2B134}
.esc-metodo-letra{font:700 clamp(2.6rem,1.6rem+2.5vw,4rem)/1 "Sora",system-ui,sans-serif;color:#173D31;letter-spacing:-.04em}
.esc-metodo li:last-child .esc-metodo-letra{color:#b8801a}
.esc-metodo b{font:600 1.05rem/1.2 "Sora",system-ui,sans-serif;color:#173D31;margin-top:.4rem}
.esc-metodo span:last-child{color:#5E6B65;font-size:.93rem;line-height:1.4}
.esc-pagina .esc-metodo{margin-bottom:1rem}
.esc-tecno{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.esc-tecno li{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:.9rem;row-gap:.1rem;align-items:center;padding:1rem 1.1rem;border:1px solid #d7e0da;border-radius:10px;background:#fff}
.esc-seccion--niebla .esc-tecno li{background:#fff}
.esc-tecno-icono{grid-row:1/3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#173D31}
.esc-tecno-icono svg{width:30px;height:30px;fill:currentColor}
.esc-tecno-icono--texto{font:800 .62rem/1.05 "Sora",system-ui,sans-serif;letter-spacing:-.02em;text-align:center;color:#173D31;background:#E8EFE9;border-radius:8px;padding:.3rem}
.esc-tecno b{font:600 1rem/1.2 "Sora",system-ui,sans-serif;color:#173D31}
.esc-tecno span:last-child{color:#5E6B65;font-size:.85rem}
@media (max-width:1000px){.esc-metodo{grid-template-columns:repeat(3,1fr)}.esc-tecno{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.esc-metodo{grid-template-columns:1fr 1fr}.esc-tecno{grid-template-columns:1fr}}

/* La tarjeta de la llamada dentro del hero oscuro conserva sus colores */
.esc-seccion--bosque .esc-cita h2,.esc-seccion--bosque .esc-cita .esc-calc-titulo{color:#173D31}
.esc-seccion--bosque .esc-cita p{color:#5E6B65}
.esc-seccion--bosque .esc-cita .esc-calc-gratis{color:#173D31;background:#E8EFE9}
.esc-seccion--bosque .esc-cita .esc-cita-eleccion{color:#173D31}
.esc-seccion--bosque .esc-cita .esc-lead .esc-campo>span:first-child,.esc-seccion--bosque .esc-cita .esc-lead .esc-check{color:#1C2A24}
.esc-seccion--bosque .esc-cita .esc-lead-ok{color:#1C2A24}

/* logos apaisados (CoverManager) ocupan el ancho de la casilla */
.esc-tecno-icono svg[viewBox="0 0 153 20"]{width:44px;height:auto}

/* ================= v7: método ESCALA (escena), sectores, tecnología en color ================= */
.esc-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.esc-inicio .esc-seccion--escala{padding:0}
.esc-escala{--esc-escala-gap:22px;--esc-cab:72px;position:relative;height:320vh}
.esc-escala--fijo,.esc-escala--estatico{height:auto}
.esc-escala-pin{position:sticky;top:var(--esc-cab);height:calc(100vh - var(--esc-cab));display:flex;align-items:center;padding:0 1.25rem;overflow:hidden}
body.admin-bar .esc-escala-pin{top:calc(var(--esc-cab) + 32px);height:calc(100vh - var(--esc-cab) - 32px)}
.esc-escala--fijo .esc-escala-pin,.esc-escala--estatico .esc-escala-pin{position:static;height:auto;padding:0;display:block}
.esc-escala-lista{list-style:none;margin:0 auto;padding:0;max-width:1120px;width:100%;display:grid;gap:.35rem}
.esc-escala-lista li{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:1rem}
.esc-escala-letra{display:inline-block;font:700 clamp(3rem,1.8rem + 4.5vw,6rem)/1 "Sora",system-ui,sans-serif;letter-spacing:-.04em;color:#173D31;width:1.05ch;text-align:center;will-change:transform}
.esc-escala-lista li:last-child .esc-escala-letra{color:#F2B134}
.esc-escala-sep{display:inline-block;font:700 clamp(3rem,1.8rem + 4.5vw,6rem)/1 "Sora",system-ui,sans-serif;color:#F2B134;will-change:transform}
.esc-escala-texto{font:400 clamp(1.05rem,.8rem + 1vw,1.6rem)/1.25 "IBM Plex Sans",system-ui,sans-serif;color:#3d4a44;will-change:transform,opacity}
.esc-escala-texto b{font:600 clamp(1.25rem,.9rem + 1.3vw,2rem)/1.15 "Sora",system-ui,sans-serif;color:#173D31;margin-right:.35rem}
.esc-escala:not(.esc-escala--estatico) .esc-escala-texto{opacity:0}
.esc-escala:not(.esc-escala--estatico) .esc-escala-lista li:last-child .esc-escala-sep{opacity:0}
.esc-escala-lista li.is-on .esc-escala-texto{opacity:1}
.esc-pagina .esc-escala--fijo .esc-escala-lista{gap:.75rem;margin:1.5rem 0 0}
@media (max-width:760px){.esc-escala{--esc-escala-gap:9px;height:260vh}.esc-escala-lista li{column-gap:.6rem}}

/* ¿Qué tipo de negocio tienes? */
.esc-sector-botones{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.esc-sector-btn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.35rem 1.4rem;border:2px solid #173D31;border-radius:12px;color:#173D31;text-decoration:none;font:600 1.2rem/1.2 "Sora",system-ui,sans-serif;background:#fff;transition:background .18s,transform .18s}
.esc-sector-btn .esc-icono{width:32px;height:32px}
.esc-sector-btn i{font-style:normal;font-size:1.4rem;color:#F2B134;transition:transform .18s}
.esc-sector-btn:hover{background:#173D31;color:#fff;transform:translateY(-2px)}
.esc-sector-btn:hover .esc-icono{stroke:#fff}
.esc-sector-btn:hover i{transform:translateX(4px)}
.esc-sector-btn:focus-visible{outline:3px solid #F2B134;outline-offset:3px}
@media (max-width:900px){.esc-sector-botones{grid-template-columns:1fr}}

/* Tecnología: en color, con revelado escalonado y elevación al pasar */
.esc-tecno-icono--texto{background:transparent;color:inherit;font-size:.7rem}
.esc-tecno li{transition:transform .2s,box-shadow .2s,opacity .5s,translate .5s}
[data-esc-revela] li{opacity:0;translate:0 14px;transition-delay:calc(var(--i,0) * 60ms)}
[data-esc-revela].is-in li{opacity:1;translate:0 0}
.esc-tecno li:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(23,61,49,.10)}
@media (prefers-reduced-motion:reduce){[data-esc-revela] li{opacity:1;translate:none;transition:none}}

/* Llamada: la tarjeta ocupa más ancho que el texto */
.esc-landing .esc-hero:has(.esc-cita){grid-template-columns:.85fr 1.15fr}

/* ================= v8: órbita de tecnología ================= */
.esc-orbita{--r1:150px;--r2:250px;--logo:48px;position:relative;width:calc(2 * var(--r2) + var(--logo) + 24px);height:calc(2 * var(--r2) + var(--logo) + 24px);margin:2.5rem auto 0}
.esc-orbita--1{--r2:var(--r1)}
.esc-orbita-centro{position:absolute;left:50%;top:50%;width:104px;height:104px;transform:translate(-50%,-50%);background:#fff;border:2px solid #173D31;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 8px 24px rgba(23,61,49,.10)}
.esc-orbita-centro svg{width:52px;height:auto}
.esc-anillo{position:absolute;left:50%;top:50%;width:calc(2 * var(--r));height:calc(2 * var(--r));margin:calc(-1 * var(--r)) 0 0 calc(-1 * var(--r));border-radius:50%;border:1px dashed #c9d6cf;animation:esc-gira var(--dur) linear infinite}
.esc-anillo--1{--r:var(--r1);--dur:80s}
.esc-anillo--2{--r:var(--r2);--dur:130s;animation-direction:reverse}
.esc-anillo-lineas{position:absolute;inset:0;width:100%;height:100%;stroke:#c9d6cf;stroke-width:.35;overflow:visible}
.esc-orbita-item{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(calc(var(--i) * 360deg / var(--n))) translate(var(--r)) rotate(calc(-1 * var(--i) * 360deg / var(--n)))}
.esc-orbita-logo{position:absolute;left:calc(-1 * var(--logo) / 2);top:calc(-1 * var(--logo) / 2);width:var(--logo);height:var(--logo);border-radius:50%;background:#fff;border:1px solid #d7e0da;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(23,61,49,.08);animation:esc-gira var(--dur) linear infinite reverse;transition:transform .2s,box-shadow .2s}
.esc-anillo--2 .esc-orbita-logo{animation-direction:normal}
.esc-orbita-logo svg{width:60%;height:60%;fill:currentColor}
.esc-orbita-logo svg[viewBox="0 0 153 20"]{width:80%;height:auto}
.esc-orbita-logo:hover{transform:scale(1.15);box-shadow:0 8px 20px rgba(23,61,49,.16);z-index:4}
.esc-orbita-texto{font:800 .55rem/1 "Sora",system-ui,sans-serif;letter-spacing:-.02em;text-align:center;padding:0 .25rem}
@keyframes esc-gira{to{transform:rotate(360deg)}}
.esc-orbita-leyenda{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem 1.5rem}
.esc-orbita-leyenda li{display:grid;grid-template-columns:10px 1fr;grid-template-rows:auto auto;column-gap:.6rem;align-items:baseline;font-size:.9rem}
.esc-orbita-leyenda i{grid-row:1/3;width:10px;height:10px;border-radius:50%;margin-top:.35rem}
.esc-orbita-leyenda b{font:600 .95rem/1.2 "Sora",system-ui,sans-serif;color:#173D31}
.esc-orbita-leyenda span{color:#5E6B65;font-size:.85rem}
@media (max-width:900px){.esc-orbita{--r1:105px;--r2:170px;--logo:40px}.esc-orbita-centro{width:76px;height:76px}.esc-orbita-centro svg{width:38px}.esc-orbita-leyenda{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.esc-orbita{--r1:82px;--r2:132px;--logo:34px}.esc-orbita-leyenda{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.esc-anillo,.esc-orbita-logo{animation:none}}
