/* ===== EDITORIAL.CSS — dirección «precisión editorial» de las landings (rediseño 2026-10) =====
   La cargan la portada (AI Commerce) y las landings de negocios locales, SaaS y agencias.
   Se apoya en styles.css y apple.css para lo que comparten todas las páginas (banner de cookies, modales, botón de
   tema), pero todo lo de la página va con el prefijo ed- y con sus propios tokens, para no tocar nada fuera de ella.
   Blanco y negro con grises neutros; verde y rojo apagados solo en datos (aparece / no aparece). Tema claro por
   defecto y oscuro con data-theme="dark" (tema.js). El contenido se ve aunque no cargue JavaScript: lo único que
   espera al JS es el fundido de entrada de las secciones (clase ed-js, que pone editorial.js). */

body.ed{
  --ed-bg:#ffffff; --ed-bg-2:#f5f5f7; --ed-bg-3:#ececee;
  --ed-ink:#0a0a0a; --ed-ink-2:#5f5f64; --ed-ink-3:#6e6e73;
  --ed-gris:#86868b;                    /* solo para titulares grandes (contraste ≥ 3:1 en texto grande) */
  --ed-line:rgba(0,0,0,.12); --ed-line-2:rgba(0,0,0,.07);
  --ed-card:#ffffff;
  --ed-sombra:0 1px 2px rgba(0,0,0,.05),0 18px 40px -18px rgba(0,0,0,.22);
  --ed-sombra-2:0 1px 2px rgba(0,0,0,.05),0 30px 60px -24px rgba(0,0,0,.28);
  --ed-ok:#1e7a4d; --ed-ok-bg:#e9f4ee; --ed-ko:#b42318; --ed-ko-bg:#fbecea; --ed-ko-borde:rgba(180,35,24,.35);
  --ed-cab-fondo:rgba(255,255,255,.9);   /* cabecera fija: casi opaca también donde no hay desenfoque */
  --ed-banda:#0a0a0a; --ed-banda-ink:#f5f5f7; --ed-banda-ink-2:#a1a1a6; --ed-banda-linea:rgba(255,255,255,.14); --ed-banda-card:#161618;
  --ed-reticula:rgba(0,0,0,.055);
  --ed-panel-bg:#ffffff;
  --ed-foco:0 0 0 3px rgba(10,10,10,.22);
  --ed-sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ed-mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ed-ancho:1200px; --ed-gutter:24px;
  --ed-cab-h:64px;
  background:var(--ed-bg);color:var(--ed-ink);
  font-family:var(--ed-sans);font-size:18px;line-height:1.6;
  font-optical-sizing:auto;-webkit-font-smoothing:antialiased;
}
/* Portada con el estilo Apple (§212, a petición del propietario, 26-10-2026): solo index.html, que lleva
   <body class="ed estilo-apple">. :where() no suma especificidad, así que cada regla de la portada gana a la suya de
   arriba igual que si se hubiera cambiado en su sitio, y negocios locales, SaaS y agencias se ven igual que antes.
   Bloques grises a todo lo ancho separados por 12 px de blanco, tarjetas blancas redondeadas sin borde, botones en
   píldora azul y la letra del sistema (SF Pro en Apple; Inter en el resto). */
body.ed:where(.estilo-apple){
  --ed-bg-3:#e8e8ed;
  --ed-bloque:#f5f5f7;                  /* fondo de cada bloque a todo lo ancho */
  --ed-ink:#1d1d1f; --ed-ink-2:#6e6e73;
  --ed-line:#d2d2d7; --ed-line-2:#e8e8ed;
  --ed-sombra:0 4px 24px rgba(0,0,0,.06);
  --ed-sombra-2:0 10px 40px rgba(0,0,0,.08);
  --ed-cab-fondo:rgba(250,250,252,.8);  /* cabecera fina y translúcida */
  --ed-banda:#000000; --ed-banda-ink-2:#86868b; --ed-banda-linea:#424245; --ed-banda-card:#1d1d1f;
  --ed-azul:#0071e3; --ed-azul-2:#0077ed;   /* botones */
  --ed-enlace:#0066cc; --ed-banda-enlace:#2997ff;
  --ed-seg:#e8e8ed; --ed-seg-on:#ffffff;    /* control segmentado (mensual / anual) */
  --ed-foco:0 0 0 4px rgba(0,113,227,.3);
  --ed-sans:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter','Helvetica Neue',Arial,sans-serif;
  --ed-mono:var(--ed-sans);             /* sin letra de código: antetítulos y datos van en la del texto */
  --ed-cab-h:44px;
  font-size:17px;line-height:1.47;letter-spacing:-.011em;
}
:root[data-theme="dark"] body.ed{
  --ed-bg:#000000; --ed-bg-2:#111113; --ed-bg-3:#1d1d1f;
  --ed-ink:#f5f5f7; --ed-ink-2:#a1a1a6; --ed-ink-3:#8e8e93;
  --ed-gris:#8e8e93;
  --ed-line:rgba(255,255,255,.16); --ed-line-2:rgba(255,255,255,.08);
  --ed-card:#0d0d0f;
  --ed-sombra:0 0 0 1px rgba(255,255,255,.08),0 24px 48px -24px rgba(0,0,0,.9);
  --ed-sombra-2:0 0 0 1px rgba(255,255,255,.10),0 30px 60px -24px rgba(0,0,0,.95);
  --ed-ok:#4cc38a; --ed-ok-bg:rgba(76,195,138,.12); --ed-ko:#f97066; --ed-ko-bg:rgba(249,112,102,.12); --ed-ko-borde:rgba(249,112,102,.35);
  --ed-cab-fondo:rgba(0,0,0,.88);
  --ed-banda:#111113; --ed-banda-card:#1a1a1d;
  --ed-reticula:rgba(255,255,255,.06);
  --ed-panel-bg:#000000;
  --ed-foco:0 0 0 3px rgba(245,245,247,.35);
}
:root[data-theme="dark"] body.ed:where(.estilo-apple){
  --ed-bg-2:#161617; --ed-bg-3:#2c2c2e;
  --ed-bloque:#161617;
  --ed-gris:#86868b;
  --ed-line:#424245; --ed-line-2:#2c2c2e;
  --ed-card:#1d1d1f;
  --ed-sombra:0 0 0 1px rgba(255,255,255,.06),0 10px 40px rgba(0,0,0,.6);
  --ed-sombra-2:0 0 0 1px rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.7);
  --ed-cab-fondo:rgba(22,22,23,.8);
  --ed-banda:#1d1d1f; --ed-banda-card:#2c2c2e;
  --ed-enlace:#2997ff;
  --ed-seg:#2c2c2e; --ed-seg-on:#636366;
  --ed-foco:0 0 0 4px rgba(41,151,255,.35);
}
body.ed main{background:transparent;color:inherit}
body.ed :is(h1,h2,h3,h4){color:inherit;font-weight:600}
body.ed img{display:block;max-width:100%;height:auto}
body.ed :is(button,input,select,textarea){font-family:inherit}
body.ed :focus-visible{outline:2px solid var(--ed-ink);outline-offset:3px;border-radius:6px}

.ed-contenedor{width:100%;max-width:calc(var(--ed-ancho) + 2*var(--ed-gutter));margin:0 auto;padding:0 var(--ed-gutter)}
.ed-antetitulo{font-family:var(--ed-mono);font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ed-ink-2)}
:where(body.ed.estilo-apple) .ed-antetitulo{font-size:17px;font-weight:600;letter-spacing:-.022em;text-transform:none}
.ed-gris{color:var(--ed-gris)}
.ed-solo-oscuro{display:none}
:root[data-theme="dark"] body.ed .ed-solo-claro{display:none}
:root[data-theme="dark"] body.ed .ed-solo-oscuro{display:block}
.ed-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ed-ico{width:16px;height:16px;flex-shrink:0}

/* ---------- Botones y enlaces ---------- */
.ed-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:600;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}
:where(body.ed.estilo-apple) .ed-btn{font-weight:400;letter-spacing:-.022em}
.ed-btn:active{transform:scale(.98)}
.ed-btn svg{width:16px;height:16px;flex-shrink:0}
.ed-btn-negro{background:var(--ed-ink);color:var(--ed-bg)}
.ed-btn-negro:hover{background:color-mix(in srgb,var(--ed-ink) 82%,var(--ed-bg))}
.ed-btn-borde{border-color:var(--ed-line);color:var(--ed-ink);background:transparent}
.ed-btn-borde:hover{border-color:var(--ed-ink)}
.ed-btn-blanco{background:var(--ed-banda-ink);color:#0a0a0a}
.ed-btn-blanco:hover{background:#ffffff}
.ed-btn-sm{min-height:36px;padding:0 16px;font-size:14px}
.ed-btn-lg{min-height:52px;padding:0 24px;font-size:16px}
.ed-enlace{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ed-ink);border-bottom:1px solid var(--ed-line);padding-bottom:1px;transition:border-color .15s ease}
/* Portada (estilo Apple): .ed-btn-negro y .ed-btn-blanco son la píldora azul rellena; .ed-btn-borde, la de contorno azul */
:where(body.ed.estilo-apple) .ed-btn-negro{background:var(--ed-azul);color:#ffffff}
:where(body.ed.estilo-apple) .ed-btn-negro:hover{background:var(--ed-azul-2)}
:where(body.ed.estilo-apple) .ed-btn-borde{border-color:var(--ed-azul);color:var(--ed-enlace)}
:where(body.ed.estilo-apple) .ed-btn-borde:hover{border-color:var(--ed-azul);background:var(--ed-azul);color:#ffffff}
:where(body.ed.estilo-apple) .ed-btn-blanco{background:var(--ed-azul);color:#ffffff}
:where(body.ed.estilo-apple) .ed-btn-blanco:hover{background:var(--ed-azul-2)}
:where(body.ed.estilo-apple) .ed-btn-sm{min-height:34px}
:where(body.ed.estilo-apple) .ed-btn-lg{min-height:48px;font-size:17px}
:where(body.ed.estilo-apple) .ed-enlace{font-weight:400;color:var(--ed-enlace);border-bottom-color:transparent}
.ed-enlace:hover{border-bottom-color:currentColor}
.ed-enlace svg{width:14px;height:14px;flex-shrink:0}

/* ---------- Cabecera ---------- */
.ed-cab{position:sticky;top:0;z-index:60;background:var(--ed-cab-fondo);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease}
:where(body.ed.estilo-apple) .ed-cab{-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px)}
.ed-cab.scrolled{border-bottom-color:var(--ed-line-2)}
.ed-cab-in{height:var(--ed-cab-h);display:flex;align-items:center;gap:20px}
.ed-logo{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--ed-ink);flex-shrink:0}
.ed-logo svg{width:18px;height:18px;flex-shrink:0}
/* «AI» con el color del logo. Sin JavaScript, tema.js no marca data-theme y apple.css lo pintaba con el --a-ink de :root
   (blanco), así que sobre el fondo blanco de la portada solo se leía «Visib». */
.ed-logo .logo-ia{background:none;-webkit-text-fill-color:currentColor;color:inherit}
.ed-nav{flex:1;display:flex;align-items:center;gap:26px;min-width:0}
.ed-nav-links{display:flex;align-items:center;gap:26px;margin-left:18px;font-size:14.5px;color:var(--ed-ink-2)}
.ed-nav-links > a,.ed-para > button{color:var(--ed-ink-2);transition:color .15s ease}
.ed-nav-links > a:hover,.ed-para > button:hover,.ed-para > button[aria-expanded="true"]{color:var(--ed-ink)}
.ed-para{position:relative}
.ed-para > button{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;font-size:14.5px;cursor:pointer}
.ed-para > button svg{width:12px;height:12px;transition:transform .15s ease}
.ed-para > button[aria-expanded="true"] svg{transform:rotate(180deg)}
.ed-para-menu{position:absolute;top:calc(100% + 14px);left:-14px;min-width:220px;padding:8px;border:1px solid var(--ed-line);border-radius:16px;background:var(--ed-card);box-shadow:var(--ed-sombra);display:none}
.ed-para-menu.abierto{display:grid}
.ed-para-menu a{display:block;padding:9px 12px;border-radius:10px;font-size:14.5px;color:var(--ed-ink)}
.ed-para-menu a:hover{background:var(--ed-bg-2)}
.ed-para-menu a[aria-current="page"]{font-weight:600}
.ed-nav-extra{margin-left:auto;display:flex;align-items:center;gap:14px}
.ed-cab .lang-switch{display:inline-flex;border:1px solid var(--ed-line);border-radius:999px;padding:2px;overflow:visible}
.ed-cab .lang-switch button{border:0;background:transparent;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--ed-ink-2);cursor:pointer}
.ed-cab .lang-switch button.active{background:var(--ed-ink);color:var(--ed-bg)}
.ed-cab .tema-btn{width:32px;height:32px;border:1px solid var(--ed-line);color:var(--ed-ink-2);background:transparent}
.ed-cab .lang-switch + .tema-btn{margin-left:0}
.ed-cab .tema-btn svg{width:15px;height:15px}
.ed-entrar{font-size:14.5px;font-weight:500;color:var(--ed-ink)}
.ed-cab-cta{flex-shrink:0}
.ed-menu{display:none;width:36px;height:36px;border:1px solid var(--ed-line);border-radius:999px;background:transparent;color:var(--ed-ink);place-items:center;cursor:pointer;flex-shrink:0}
.ed-menu svg{width:16px;height:16px}
.ed-menu .ed-menu-x{display:none}
.ed-menu.open .ed-menu-x{display:block}
.ed-menu.open .ed-menu-raya{display:none}

/* ---------- Primera pantalla ---------- */
.ed-hero{position:relative;padding:76px 0 0;text-align:center;overflow:hidden}
.ed-hero .ed-antetitulo{margin-bottom:22px}
.ed-hero h1{font-size:clamp(2.5rem,1.3rem + 3.6vw,3.875rem);line-height:1.04;letter-spacing:-.035em;font-weight:600;max-width:1080px;margin:0 auto}
.ed-hero h1 .ed-gris{display:block}
.ed-entrada{font-size:19px;line-height:1.55;color:var(--ed-ink-2);max-width:700px;margin:24px auto 0}

/* Formulario del análisis gratis: los mismos campos, ids y comportamiento que antes (script.js) */
.ed-form{max-width:1040px;margin:36px auto 0;text-align:left}
.ed-barra{display:flex;align-items:stretch;gap:6px;padding:6px;border:1px solid var(--ed-line);border-radius:22px;background:var(--ed-card);box-shadow:var(--ed-sombra)}
.ed-campo{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:6px 14px;border-radius:16px;transition:background-color .15s ease}
.ed-campo + .ed-campo{border-left:1px solid var(--ed-line-2)}
.ed-campo-ancho{flex:1.3}
.ed-campo:focus-within{background:var(--ed-bg-2)}
.ed-campo label{font-size:12px;font-weight:600;color:var(--ed-ink-2);cursor:text}
.ed-campo input{width:100%;border:0;background:transparent;padding:2px 0 0;font-size:15.5px;color:var(--ed-ink);outline:none;min-width:0}
.ed-campo input::placeholder{color:var(--ed-ink-3);opacity:1}
.ed-campo input.invalid::placeholder{color:var(--ed-ko)}
.ed-campo:has(input.invalid) label{color:var(--ed-ko)}   /* aparte: un navegador sin :has() descartaría la regla entera */
.ed-campo:has(input.invalid){background:var(--ed-ko-bg)}
.ed-barra .ed-btn{border-radius:16px;min-height:56px;padding:0 22px;font-size:16px}
.ed-barra .ed-btn:disabled{opacity:.6;cursor:progress}
.ed-sub{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 24px;margin-top:12px;padding:0 8px;font-size:14px;color:var(--ed-ink-2)}
.ed-afinar{flex:1;min-width:0}
.ed-afinar > summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-weight:500;color:var(--ed-ink);border-bottom:1px solid var(--ed-line);padding-bottom:1px}
.ed-afinar > summary::-webkit-details-marker{display:none}
.ed-afinar > summary::before{content:"+";font-weight:600;width:10px;text-align:center}
.ed-afinar[open] > summary::before{content:"–"}
.ed-afinar-campos{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:16px;max-width:720px}
.ed-afinar-campos .field{display:flex;flex-direction:column;gap:6px}
.ed-afinar-campos .field-full{grid-column:1 / -1}
.ed-afinar-campos label{font-size:12.5px;font-weight:600;color:var(--ed-ink-2)}
.ed-afinar-campos :is(input,select){width:100%;height:44px;padding:0 14px;border:1px solid var(--ed-line);border-radius:12px;background:var(--ed-card);color:var(--ed-ink);font-size:15px}
.ed-afinar-campos :is(input,select):focus{outline:none;border-color:var(--ed-ink);box-shadow:var(--ed-foco)}
.ed-demo-alt{margin:0;white-space:nowrap}
.ed-demo-alt a{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ed-ink);border-bottom:1px solid var(--ed-line);padding-bottom:1px}
.ed-demo-alt a:hover{border-bottom-color:currentColor}
.ed-demo-alt svg{width:14px;height:14px}
.ed-form .audit-captcha{display:flex;justify-content:center;margin-top:12px}
.ed-form .audit-captcha[hidden]{display:none}
.ed-consent{margin:6px auto 0;font-size:12.5px;line-height:1.5;color:var(--ed-ink-3);max-width:760px}
/* Lo que va justo debajo del formulario guarda la distancia que tenía el texto de medición que había antes ahí */
.ed-form+.ed-consent,.ed-form+.ed-auditoria-mas{margin-top:18px}
/* Marcas medidas, debajo del análisis gratis de las cuatro landings (en agencias, de los botones de la primera pantalla).
   Los logos son blancos: en claro se pintan en negro */
/* Entre dos líneas de lado a lado, como la franja de las IAs que medimos (.ed-ias) */
.ed-marcas{margin-top:72px;padding:44px 0;border-top:1px solid var(--ed-line-2);border-bottom:1px solid var(--ed-line-2);text-align:center}
.ed-marcas-et{font-size:13.5px;color:var(--ed-ink-3)}
.ed-marcas-fila{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 44px;margin-top:20px}
/* La escena, debajo: su cuadrícula sube 40 px por encima de ella y así empieza a 64 px de la línea. En negocios locales
   lo primero es el selector de sector, a esos mismos 64 px, y la escena sigue a su distancia de él */
.ed-marcas+.ed-contenedor>.ed-escena{margin-top:104px}
.ed-marcas+.ed-contenedor>.ed-sectores{margin-top:64px}
.ed-marcas-fila img{filter:brightness(0);opacity:.6}
.ed-marcas-fila span{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ed-ink);opacity:.6}
:root[data-theme="dark"] body.ed .ed-marcas-fila img{filter:none}

/* Resultado del análisis (lo pinta script.js): mismo lenguaje que las capas 01 y 02 de la escena */
.ed-resultado{max-width:760px;margin:28px auto 0;text-align:left}
.ed-resultado:empty{margin:0}
.ed-resultado :is(.audit-loading,.audit-info){display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 20px;text-align:center;border:1px solid var(--ed-line);border-radius:18px;background:var(--ed-card);color:var(--ed-ink-2);font-weight:500}
.ed-resultado .spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--ed-line);border-top-color:var(--ed-ink);animation:ed-gira 1s linear infinite}
@keyframes ed-gira{to{transform:rotate(360deg)}}
.ed-resultado .audit-error{padding:16px 20px;border:1px solid var(--ed-ko-borde);border-radius:14px;background:var(--ed-ko-bg);color:var(--ed-ko);font-weight:500;text-align:center}
.ed-resultado .audit-card{background:var(--ed-card);border:1px solid var(--ed-line);border-radius:22px;padding:28px 30px;box-shadow:var(--ed-sombra-2);text-align:left;animation:ed-entra .45s cubic-bezier(.22,1,.36,1) both}
.ed-resultado .aud-score{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 14px}
.ed-resultado .aud-score-num{font-size:52px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ed-ink)}
.ed-resultado .aud-score-num span{font-size:18px;font-weight:500;color:var(--ed-ink-3);margin-left:2px;opacity:1}
.ed-resultado .aud-score-lab{font-family:var(--ed-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ed-ink-2);font-weight:400}
.ed-resultado .ag-bar{height:6px;border-radius:999px;background:var(--ed-bg-2);overflow:hidden;margin:0 0 18px}
.ed-resultado .ag-bar span{display:block;height:100%;border-radius:999px;background:var(--ed-ink);transition:width .8s ease}
.ed-resultado .ag-titular{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.01em;margin:0 0 16px;color:var(--ed-ink)}
.ed-resultado .ag-titular strong{font-weight:700}
.ed-resultado .aud-lider{display:grid;gap:2px;margin:0 0 14px;padding:14px 18px;border:1px solid var(--ed-line);border-radius:14px;background:var(--ed-bg-2);text-align:left;max-width:none}
.ed-resultado .aud-lider-tag{font-family:var(--ed-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ed-ink-2);font-weight:400}
.ed-resultado .aud-lider strong{font-size:18px;color:var(--ed-ink)}
.ed-resultado .aud-lider-veces{font-size:14px;color:var(--ed-ink-2)}
.ed-resultado .ag-comp{display:inline-block;margin:0 0 12px;padding:8px 14px;border:1px solid var(--ed-line);border-radius:999px;background:var(--ed-bg-2);color:var(--ed-ink);font-size:15px}
.ed-resultado .aud-ejemplo{margin:6px 0 0;padding:18px 20px;border:1px solid var(--ed-line);border-radius:16px;background:var(--ed-card);max-width:none;text-align:left}
.ed-resultado .aud-ejemplo-q{font-style:normal;font-size:17px;font-weight:500;letter-spacing:-.01em;color:var(--ed-ink);margin:0 0 14px}
.ed-resultado .aud-ejemplo-lista{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.ed-resultado .aud-ejemplo-lista li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:500;color:var(--ed-ink)}
.ed-resultado .aud-pos{flex:0 0 24px;height:24px;border-radius:999px;background:var(--ed-bg-2);color:var(--ed-ink-2);display:inline-grid;place-items:center;font-family:var(--ed-mono);font-size:12px;font-weight:400}
.ed-resultado .aud-tuya{margin-top:4px;padding-top:12px;border-top:1px dashed var(--ed-line);font-weight:600}
.ed-resultado .aud-tuya.aud-no{color:var(--ed-ko)}
.ed-resultado .aud-tuya.aud-no .aud-pos{background:var(--ed-ko-bg);color:var(--ed-ko)}
.ed-resultado .aud-tuya.aud-si{color:var(--ed-ok)}
.ed-resultado .aud-tuya.aud-si .aud-pos{background:var(--ed-ok-bg);color:var(--ed-ok)}
.ed-resultado .aud-email{margin-top:20px;padding:18px 20px;border:1px solid var(--ed-line);border-radius:16px;background:var(--ed-bg-2)}
.ed-resultado .aud-email label{display:block;font-weight:600;margin-bottom:10px;color:var(--ed-ink)}
.ed-resultado .aud-email-row{display:flex;gap:8px;flex-wrap:wrap}
.ed-resultado .aud-email-row input{flex:1;min-width:200px;height:46px;padding:0 14px;border:1px solid var(--ed-line);border-radius:12px;background:var(--ed-card);color:var(--ed-ink);font-size:15.5px}
.ed-resultado .aud-email-row input.invalid{border-color:var(--ed-ko)}
.ed-resultado .aud-email-nota,.ed-resultado .aud-email-st{font-size:13px;color:var(--ed-ink-2);margin-top:8px}
.ed-resultado .aud-email-st.err{color:var(--ed-ko)}
.ed-resultado .audit-cta{margin-top:22px;padding-top:20px;border-top:1px solid var(--ed-line-2);text-align:left}
.ed-resultado .audit-cta p{color:var(--ed-ink-2);margin:0 0 14px;font-size:16px}
.ed-resultado .audit-cta strong{color:var(--ed-ink)}
.ed-resultado .ag-aviso{font-family:var(--ed-mono);font-size:12px;letter-spacing:.03em;color:var(--ed-ink-3);margin-top:16px}
.ed-resultado .aud-compartir{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:var(--ed-ink-2)}
.ed-resultado .aud-compartir input{flex:1;min-width:180px;height:38px;padding:0 12px;border:1px solid var(--ed-line);border-radius:10px;background:var(--ed-bg-2);color:var(--ed-ink);font-size:13.5px}
.ed-resultado .aud-redes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ed-resultado :is(.btn-red,.aud-compartir .btn){display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid var(--ed-line);border-radius:999px;background:transparent;color:var(--ed-ink);font-size:13.5px;font-weight:600;box-shadow:none;text-shadow:none}
.ed-resultado :is(.btn-red,.aud-compartir .btn):hover{border-color:var(--ed-ink);background:transparent;color:var(--ed-ink)}
.ed-resultado .btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:999px;background:var(--ed-ink);color:var(--ed-bg);font-weight:600;font-size:16px;box-shadow:none;text-shadow:none}
.ed-resultado .btn.btn-primary:hover{background:color-mix(in srgb,var(--ed-ink) 82%,var(--ed-bg))}

/* Escena del producto en tres capas: 01 la pregunta, 02 lo que responde la IA, 03 qué hacer (captura del panel) */
.ed-escena{position:relative;margin:52px auto 0;max-width:var(--ed-ancho);height:560px;text-align:left;perspective:2200px}
.ed-reticula{position:absolute;inset:-40px -120px -20px;background-image:linear-gradient(var(--ed-reticula) 1px,transparent 1px),linear-gradient(90deg,var(--ed-reticula) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(60% 70% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(60% 70% at 50% 40%,#000 30%,transparent 75%);pointer-events:none}
.ed-escena-plano{position:absolute;inset:0;transform-origin:50% 0;transform:rotateX(calc(var(--ed-inclina,7deg) + var(--ed-gx,0deg))) rotateY(var(--ed-gy,0deg));transition:transform .25s ease-out;will-change:transform}
.ed-capa{position:absolute;margin:0}
.ed-capa-et{display:flex;align-items:center;gap:8px;font-family:var(--ed-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ed-ink-2);margin:0 0 10px 4px}
.ed-capa-et .ed-num{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 6px;border:1px solid var(--ed-line);border-radius:6px;color:var(--ed-ink);font-weight:500}
.ed-tarjeta{background:var(--ed-card);border:1px solid var(--ed-line);border-radius:18px;box-shadow:var(--ed-sombra);padding:22px 24px}
.ed-capa-a{left:0;top:18px;width:330px;z-index:1}
.ed-meta{font-family:var(--ed-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ed-ink-3)}
.ed-pregunta{font-size:22px;line-height:1.3;letter-spacing:-.015em;font-weight:500;margin-top:10px}
.ed-pregunta::before{content:"“"}
.ed-pregunta::after{content:"”"}
.ed-capa-b{left:232px;top:176px;width:360px;z-index:2}
.ed-capa-b .ed-tarjeta{box-shadow:var(--ed-sombra-2)}
.ed-ranking{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.ed-ranking li{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}
.ed-ranking li span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--ed-bg-2);font-family:var(--ed-mono);font-size:12px;color:var(--ed-ink-2)}
.ed-tu-marca{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--ed-line);font-size:16px;font-weight:600}
.ed-tu-marca .ed-guion{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--ed-ink);color:var(--ed-bg);font-size:14px}
.ed-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;font-style:normal}
.ed-chip-ko{color:var(--ed-ko);background:var(--ed-ko-bg)}
.ed-chip-ok{color:var(--ed-ok);background:var(--ed-ok-bg)}
.ed-resumen{margin-top:16px;font-size:14px;line-height:1.5;color:var(--ed-ink-2)}
.ed-resumen strong{display:block;color:var(--ed-ink);font-size:15px;font-weight:600}
.ed-resumen-fila{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ed-capa-c{right:0;top:0;width:630px;z-index:3}
.ed-marco{border:1px solid var(--ed-line);border-radius:16px;overflow:hidden;box-shadow:var(--ed-sombra-2);background:var(--ed-panel-bg)}
.ed-marco-barra{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-bottom:1px solid var(--ed-line-2);font-family:var(--ed-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ed-ink-3)}
.ed-marco-barra svg{width:13px;height:13px;color:var(--ed-ink)}
.ed-marco img{width:calc(100% - 36px);margin:16px 18px}
/* La escena se monta una sola vez al cargar (menos de 1,2 s): pregunta, respuesta y qué hacer, en orden */
@keyframes ed-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ed-escena .ed-capa{animation:ed-entra .6s cubic-bezier(.22,1,.36,1) both}
.ed-escena .ed-capa-a{animation-delay:.1s}
.ed-escena .ed-capa-b{animation-delay:.35s}
.ed-escena .ed-capa-c{animation-delay:.6s}

/* IAs que medimos. Centrada en la pantalla y en DM Sans, la letra del texto, también el título (19-10-2026, a petición
   del propietario; el resto de antetítulos sigue en DM Mono) */
.ed-ias{text-align:center;padding:44px 0;border-top:1px solid var(--ed-line-2);border-bottom:1px solid var(--ed-line-2);margin-top:84px}
/* El título arriba y las IAs debajo, siempre en una sola línea (18-10-2026, decisión del propietario): con los logos, las 9
   no cabían al lado del título. Donde la línea no cabe entera (móvil), se desliza de lado dentro de la franja, sin mover
   la página */
.ed-ias-in{display:flex;flex-direction:column;align-items:center;gap:16px}
.ed-ias-tit{flex-shrink:0}
.ed-ias-tit .ed-antetitulo{font-family:var(--ed-sans);white-space:nowrap}
.ed-ias-lista{display:flex;flex-wrap:nowrap;gap:36px;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;font-family:var(--ed-sans);font-size:14px;color:var(--ed-ink);margin:0;padding:0;list-style:none}
.ed-ias-lista::-webkit-scrollbar{display:none}
/* Cada IA con su logo (18-10-2026, como antes del rediseño): en blanco y negro, con el color del texto */
.ed-ias-lista li{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}
.ed-ia-ico{width:22px;height:22px;flex-shrink:0}
/* Meta AI, «próximamente» (19-10-2026): debajo, en su propia línea, y en gris, logo incluido, para que no se lea como una
   de las que ya medimos */
.ed-ias-pronto{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--ed-sans);font-size:14px;color:var(--ed-ink-3);white-space:nowrap}

/* ---------- Secciones ---------- */
.ed-seccion{padding:120px 0}
.ed-linea-arriba{border-top:1px solid var(--ed-line-2)}
.ed-seccion-cab{max-width:760px}
.ed-seccion-cab.ed-centro{margin:0 auto;text-align:center}
.ed-seccion h2{font-size:clamp(1.94rem,1.25rem + 1.9vw,2.75rem);line-height:1.08;letter-spacing:-.03em;font-weight:600;margin-top:14px}
.ed-seccion-sub{font-size:18px;color:var(--ed-ink-2);margin-top:16px}

/* Problema */
.ed-dos-col{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.ed-dato{margin-top:28px;padding:20px 22px;border:1px solid var(--ed-line-2);border-radius:16px;background:var(--ed-bg-2)}
.ed-dato .ed-dato-cifra{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ed-ink);margin-top:0}
.ed-dato p{font-size:15px;color:var(--ed-ink-2);margin-top:8px}
/* La fuente de cada cifra, al tamaño del texto de la cifra (15 px) y en minúsculas, en las cuatro landings (18-10-2026, a
   petición del propietario; antes, 12 px en mayúsculas) */
.ed-dato .ed-fuente{font-family:var(--ed-mono);font-size:15px;color:var(--ed-ink-3);margin-top:10px}
.ed-dato .ed-fuente a{border-bottom:1px solid var(--ed-line)}
/* Definición de la categoría bajo el titular del problema (portada, revisión de copys del 16-10-2026). Desde el
   18-10-2026, a petición del propietario, a 15 px como el texto de la cifra (antes, 17 px) */
.ed-definicion{margin-top:20px;font-size:15px;line-height:1.55;color:var(--ed-ink-2)}
.ed-definicion strong{color:var(--ed-ink);font-weight:600}
.ed-definicion a{color:var(--ed-ink);border-bottom:1px solid var(--ed-line);white-space:nowrap}
.ed-puntos{list-style:none;margin:0;padding:0}
.ed-punto{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:26px 0;border-top:1px solid var(--ed-line-2)}
.ed-punto:last-child{border-bottom:1px solid var(--ed-line-2)}
.ed-punto .ed-n{font-family:var(--ed-mono);font-size:13px;color:var(--ed-ink-3);padding-top:4px}
.ed-punto h3{font-size:21px;letter-spacing:-.015em;line-height:1.3}
.ed-punto p{font-size:16.5px;color:var(--ed-ink-2);margin-top:6px}

/* Antes / después */
.ed-ad{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.ed-ad-col{border:1px solid var(--ed-line);border-radius:22px;padding:30px}
.ed-ad-col.ed-ad-con{background:var(--ed-ink);color:var(--ed-bg);border-color:var(--ed-ink)}
.ed-ad-col .ed-antetitulo{color:inherit;opacity:.7}
.ed-ad-preg{font-size:20px;font-weight:500;margin-top:14px;letter-spacing:-.01em}
.ed-ad-res{font-size:16px;margin-top:6px;opacity:.78}
.ed-ad-col ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.ed-ad-col li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px;line-height:1.5}
.ed-ad-col li svg{width:16px;height:16px;margin-top:4px;opacity:.85}

/* Cómo funciona */
.ed-pasos{display:grid;grid-template-columns:repeat(4,1fr);margin:56px 0 0;padding:0;list-style:none;border-top:1px solid var(--ed-line)}
.ed-paso{padding:28px 28px 0 0;position:relative}
.ed-paso::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:999px;background:var(--ed-ink)}
.ed-paso .ed-n{font-family:var(--ed-mono);font-size:13px;color:var(--ed-ink-3)}
.ed-paso h3{font-size:20px;letter-spacing:-.015em;margin-top:10px;line-height:1.3}
.ed-paso p{font-size:15.5px;color:var(--ed-ink-2);margin-top:8px}
.ed-pasos-nota{margin-top:36px;font-size:15px;color:var(--ed-ink-2);display:flex;align-items:center;gap:10px}
.ed-pasos-nota svg{width:18px;height:18px;color:var(--ed-ink);flex-shrink:0}

/* Qué ves en el panel (mosaico) */
.ed-bento{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;align-items:start}
.ed-bento-col{display:grid;gap:24px}
.ed-celda{border:1px solid var(--ed-line-2);border-radius:24px;background:var(--ed-bg-2);padding:28px;display:flex;flex-direction:column}
.ed-celda .ed-antetitulo{font-size:12px}
.ed-celda h3{font-size:23px;letter-spacing:-.02em;margin-top:10px;line-height:1.25}
.ed-celda > p{font-size:15.5px;color:var(--ed-ink-2);margin-top:8px}
.ed-celda .ed-marco{margin-top:22px;box-shadow:var(--ed-sombra)}
.ed-celda .ed-marco img{width:calc(100% - 20px);margin:10px}
.ed-celda > p.ed-omitido{font-family:var(--ed-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ed-ink-3);text-align:center;margin:10px 0}
.ed-celda .ed-marco + .ed-marco{margin-top:0}
.ed-celda .ed-enlace{margin-top:22px;align-self:flex-start;font-size:15px}
.ed-cta-fila{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:56px;flex-wrap:wrap}
.ed-cta-fila p{font-size:15px;color:var(--ed-ink-2)}

/* Banda negra: por qué fiarte (bloque protegido: mismo texto; iconos de línea en vez de emojis) */
.ed-banda{background:var(--ed-banda);color:var(--ed-banda-ink)}
.ed-banda .ed-antetitulo{color:var(--ed-banda-ink-2)}
.ed-banda .ed-gris{color:var(--ed-banda-ink-2)}
.ed-banda a{color:var(--ed-banda-ink)}
.ed-banda .ed-btn-blanco{color:#0a0a0a}
:where(body.ed.estilo-apple) .ed-banda a:not(.ed-btn){color:var(--ed-banda-enlace)}
:where(body.ed.estilo-apple) .ed-banda :is(.ed-btn-negro,.ed-btn-blanco){color:#ffffff}
:where(body.ed.estilo-apple) .ed-banda .ed-btn-borde{color:var(--ed-banda-enlace);border-color:var(--ed-banda-enlace)}
.ed-cifras{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ed-banda-linea);border-bottom:1px solid var(--ed-banda-linea)}
.ed-cifra{padding:30px 24px 30px 0}
.ed-cifra + .ed-cifra{padding-left:24px;border-left:1px solid var(--ed-banda-linea)}
.ed-cifra .result-num{display:block;font-size:46px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ed-banda-ink)}
.ed-cifra .result-suf{font-size:.42em;font-weight:500;letter-spacing:0;color:var(--ed-banda-ink-2)}
.ed-cifra p{font-size:15px;color:var(--ed-banda-ink-2);margin-top:10px;line-height:1.45}
.ed-cifra .ed-cifra-cond{font-size:13px;margin-top:6px}
.ed-fiar{display:grid;grid-template-columns:5fr 7fr;gap:72px;margin-top:84px;align-items:start}
.ed-fiar h2{margin-top:14px}
.ed-fiar-items{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px}
.ed-fiar-item svg{width:22px;height:22px;color:var(--ed-banda-ink)}
.ed-fiar-item h3{font-size:18px;margin-top:12px;letter-spacing:-.01em}
.ed-fiar-item p{font-size:15px;color:var(--ed-banda-ink-2);margin-top:6px}
.ed-fiar-item a{border-bottom:1px solid var(--ed-banda-linea)}
.ed-seguridad{margin-top:28px;font-size:15px;color:var(--ed-banda-ink-2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ed-seguridad svg{width:18px;height:18px;color:var(--ed-banda-ink);flex-shrink:0}
.ed-seguridad a{border-bottom:1px solid var(--ed-banda-linea);font-weight:600}
/* «Sin casos inventados» (negocios locales y SaaS): cuando el texto ocupa dos renglones, el icono se queda a la altura del
   primero en vez de saltar encima. En un solo renglón queda donde estaba (3 px de margen = centrado en sus 24 px). */
.ed-seguridad.ed-seguridad-larga{flex-wrap:nowrap;align-items:flex-start}
.ed-seguridad.ed-seguridad-larga svg{margin-top:3px}

/* Precios (script.js rellena moneda, importes, ciclo y la lista completa desde plans.js) */
.ed-precios-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.ed-conmutadores{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ed-segmento{display:inline-flex;border:1px solid var(--ed-line);border-radius:999px;padding:3px;font-size:14px;font-weight:600}
.ed-segmento .toggle-label{border:0;background:transparent;font:inherit;padding:6px 14px;border-radius:999px;color:var(--ed-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.ed-segmento .toggle-label:hover{color:var(--ed-ink)}
.ed-segmento .toggle-label.active{background:var(--ed-ink);color:var(--ed-bg)}
.ed-segmento .save{display:inline;background:none;padding:0;border-radius:0;font-size:inherit;font-weight:500;color:var(--ed-ink-3);margin-left:6px}
.ed-segmento .toggle-label.active .save{color:inherit;opacity:.75}
.ed-moneda{position:relative;display:inline-flex}
.ed-moneda[hidden]{display:none}
.ed-moneda select{appearance:none;-webkit-appearance:none;height:38px;padding:0 34px 0 16px;border:1px solid var(--ed-line);border-radius:999px;background:transparent;color:var(--ed-ink);font-size:14px;font-weight:600;cursor:pointer}
.ed-moneda select option{color:#0a0a0a;background:#fff}
.ed-moneda::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:1.5px solid var(--ed-ink-2);border-bottom:1.5px solid var(--ed-ink-2);transform:rotate(45deg);pointer-events:none}
.ed-planes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;align-items:stretch}
.ed-plan{border:1px solid var(--ed-line);border-radius:22px;padding:26px;display:flex;flex-direction:column;background:var(--ed-bg)}
/* Las tarjetas conservan las clases .pricing/.plan que usa script.js (moneda, ciclo y lista completa): aquí se anulan los
   estilos antiguos de esas clases (márgenes, elevación al pasar el ratón, cortes de palabra) para que manden los de la portada. */
.ed-planes.pricing{max-width:none;margin:40px 0 0}
.ed-planes .ed-plan{position:relative;color:var(--ed-ink);box-shadow:none;transform:none;transition:border-color .15s ease}
.ed-planes .ed-plan:hover{transform:none;box-shadow:none}
.ed-planes .ed-plan.ed-plan-rec,.ed-planes .ed-plan.ed-plan-rec:hover{box-shadow:var(--ed-sombra)}
.ed-planes .ed-plan *{overflow-wrap:break-word}
.ed-planes .ed-plan .plan-name{font-size:20px;font-weight:600;color:var(--ed-ink)}
.ed-precio.plan-price{margin:18px 0 0;min-height:0}
.ed-precio .currency{align-self:baseline;margin-top:0}
.ed-plan.ed-plan-rec{border:1.5px solid var(--ed-ink);box-shadow:var(--ed-sombra)}
.ed-plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ed-plan h3{font-size:20px;letter-spacing:-.01em}
.ed-chip-rec{font-family:var(--ed-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--ed-ink);color:var(--ed-bg)}
.ed-plan-para{font-size:14.5px;color:var(--ed-ink-2);margin-top:8px;min-height:44px;line-height:1.5}
.ed-precio{margin-top:18px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.ed-precio .amount{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ed-ink)}
.ed-precio .currency{order:1;font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ed-ink)}
.ed-precio .per{order:2;font-size:14px;color:var(--ed-ink-2)}
html[lang="en"] .ed-precio .currency:not(.cur-texto){order:-1;margin-right:-6px}
.ed-precio .amount-texto{font-size:40px}
.ed-plan .plan-billed{font-size:13px;font-weight:500;color:var(--ed-ink-2);margin:6px 0 0;min-height:20px}
/* Los logos de las IAs que mide cada plan (19-10-2026, a petición del propietario): los de la franja, en blanco y negro (el
   color del texto: en oscuro salen en blanco). Hueco y tamaño siguen al ancho de la fila (unidades cqi) para que las 9 de
   Brand quepan en una línea también en la tarjeta más estrecha (portada, 4 tarjetas, 199 px útiles a 1100 px): 20 px y
   hasta 14 de hueco donde caben; sin unidades cqi, 20 px y la fila se parte si no cabe. En agencias van una vez, en «Los
   cuatro tamaños incluyen», y ahí pisan las reglas de su lista. */
.ed-plan-ias{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;color:var(--ed-ink);container-type:inline-size}
.ed-plan-ias li{display:flex}
.ed-plan-ia{width:20px;height:20px;flex-shrink:0}
.ed-incluye .ed-plan-ias{display:flex;gap:10px 14px}
.ed-incluye .ed-plan-ias li{display:flex}
.ed-incluye .ed-plan-ia{width:20px;height:20px;margin-top:0}
@supports (width:1cqi){
  .ed-plan-ias,.ed-incluye .ed-plan-ias{column-gap:0}
  .ed-plan-ias li + li{margin-left:clamp(6px,(100cqi - 184px) / 8,14px)}
  .ed-plan-ia,.ed-incluye .ed-plan-ia{width:clamp(14px,(100cqi - 52px) / 9,20px);height:clamp(14px,(100cqi - 52px) / 9,20px)}
}
.ed-plan-resumen{list-style:none;margin:16px 0 22px;padding:18px 0 0;border-top:1px solid var(--ed-line-2);display:grid;gap:10px}
.ed-plan-resumen li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:14.5px;line-height:1.45}
.ed-plan-resumen li svg{width:14px;height:14px;margin-top:3px}
.ed-plan > .ed-btn{margin-top:auto;width:100%}
.ed-plan-todo{margin-top:14px;font-size:13.5px;color:var(--ed-ink-2)}
.ed-plan-todo > summary{list-style:none;cursor:pointer;text-align:center;padding:2px 0}
.ed-plan-todo > summary::-webkit-details-marker{display:none}
.ed-plan-todo > summary::after{content:" ▾"}
.ed-plan-todo[open] > summary::after{content:" ▴"}
.ed-plan-todo .plan-feats{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--ed-line-2);display:grid;gap:8px;font-size:13.5px;line-height:1.45;color:var(--ed-ink-2);text-align:left}
.ed-plan-todo .plan-feats li{padding-left:14px;position:relative}
.ed-plan-todo .plan-feats li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:999px;background:var(--ed-ink-3)}
.ed-plan-todo .plan-feats .plan-feats-heredado{padding-left:0;font-weight:600;color:var(--ed-ink)}
.ed-plan-todo .plan-feats .plan-feats-heredado::before{display:none}
.ed-plan-nota{margin-top:14px;text-align:center;font-size:13.5px;color:var(--ed-ink-2)}
.ed-condiciones{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;font-size:14.5px;color:var(--ed-ink-2)}
.ed-condiciones li{display:inline-flex;align-items:center;gap:8px}
.ed-condiciones svg{width:15px;height:15px;color:var(--ed-ink);flex-shrink:0}
.ed-condiciones a{border-bottom:1px solid var(--ed-line);color:var(--ed-ink)}
.ed-otros-planes{margin-top:16px;text-align:center;font-size:14px;color:var(--ed-ink-2)}
.ed-otros-planes a{color:var(--ed-ink);border-bottom:1px solid var(--ed-line)}

/* Preguntas frecuentes */
.ed-faq{display:grid;grid-template-columns:4fr 8fr;gap:72px}
.ed-faq-ayuda{font-size:16px;color:var(--ed-ink-2);margin-top:16px}
.ed-faq-lista{border-top:1px solid var(--ed-line)}
.ed-faq-lista details{border-bottom:1px solid var(--ed-line);padding:22px 0}
.ed-faq-lista summary{display:flex;justify-content:space-between;gap:24px;font-size:18px;font-weight:600;letter-spacing:-.01em;cursor:pointer;list-style:none}
.ed-faq-lista summary::-webkit-details-marker{display:none}
.ed-faq-lista summary::after{content:"+";flex-shrink:0;width:18px;font-weight:400;font-size:22px;line-height:1;color:var(--ed-ink-2);text-align:center}
.ed-faq-lista details[open] summary::after{content:"–"}
.ed-faq-lista details p{font-size:16px;color:var(--ed-ink-2);margin-top:10px;max-width:640px}
.ed-faq-lista details p a{color:var(--ed-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ed-line)}
.ed-faq-lista details p a:hover{text-decoration-color:currentColor}

/* Cierre (banda negra) */
.ed-cierre{text-align:center;padding:128px 0}
.ed-cierre h2{font-size:clamp(2.125rem,1.3rem + 2.6vw,3.25rem);line-height:1.06;letter-spacing:-.035em;max-width:900px;margin:16px auto 0}
.ed-cierre .ed-btn{margin-top:36px}
.ed-cierre .ed-alt{margin-top:18px;font-size:15px;color:var(--ed-banda-ink-2)}
.ed-cierre .ed-alt a{border-bottom:1px solid var(--ed-banda-linea);font-weight:600}

/* Pie */
.ed-pie{padding:64px 0 40px;border-top:1px solid var(--ed-line-2);background:var(--ed-bg);color:var(--ed-ink)}
.ed-pie-in{display:grid;grid-template-columns:4fr repeat(4,2fr);gap:32px}
.ed-pie-marca p{font-size:14.5px;color:var(--ed-ink-2);margin-top:12px;max-width:280px}
.ed-pie-marca .ed-pie-correo{margin-top:10px}
.ed-pie-marca .ed-pie-correo a{color:var(--ed-ink);border-bottom:1px solid var(--ed-line)}
.ed-pie-marca .ed-pie-ayuda{margin-top:8px;font-size:14px}
.ed-pie-marca .ed-pie-ayuda a{color:var(--ed-ink)}
.ed-pie h3{font-family:var(--ed-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ed-ink-3);font-weight:400}
.ed-pie ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px;font-size:14.5px}
.ed-pie ul a{color:var(--ed-ink-2)}
.ed-pie ul a:hover{color:var(--ed-ink)}
.ed-pie-legal{margin-top:48px;padding-top:22px;border-top:1px solid var(--ed-line-2);display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;font-size:13px;color:var(--ed-ink-3)}
.ed-pie-legal nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.ed-pie-legal a{color:var(--ed-ink-3)}
.ed-pie-legal a:hover{color:var(--ed-ink)}
.ed-pie-idiomas{display:inline-flex;gap:4px}
.ed-pie-idiomas button{border:0;background:transparent;color:var(--ed-ink-3);font-size:12.5px;font-weight:600;padding:2px 6px;border-radius:6px;cursor:pointer}
.ed-pie-idiomas button.active{color:var(--ed-ink)}

/* ---------- Negocios locales (/negocios-locales) ----------
   Lo propio de esa landing: la ciudad a la vista en el formulario, el selector de sector, las preguntas por sector,
   «aparecer → visitas → clientes» y la rejilla de tres planes. El selector son radios de verdad: funciona sin
   JavaScript y con el teclado (?sector= en el enlace lo elige editorial.js). */
.ed-form-local{max-width:1200px}
/* Reparto medido para que ninguna etiqueta salte de línea en español, catalán ni inglés (la del sector es la más larga) */
.ed-form-local .ed-campo-ancho{flex:1.3}
.ed-form-local .ed-campo:nth-child(3){flex:.9}
.ed-sectores{position:relative;margin:56px auto 0;max-width:var(--ed-ancho)}
.ed-sectores > input{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ed-sectores-cab{display:flex;align-items:center;justify-content:center;gap:14px 18px;flex-wrap:wrap}
.ed-sectores-cab > span{font-family:var(--ed-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ed-ink-2)}
.ed-sectores-chips{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px;border:1px solid var(--ed-line);border-radius:999px;background:var(--ed-card)}
.ed-sectores-chips label{display:inline-flex;align-items:center;height:34px;padding:0 15px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--ed-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease;user-select:none}
.ed-sectores-chips label:hover{color:var(--ed-ink)}
.ed-sectores > #sec-clinica:checked ~ .ed-sectores-cab label[for="sec-clinica"],
.ed-sectores > #sec-restaurante:checked ~ .ed-sectores-cab label[for="sec-restaurante"],
.ed-sectores > #sec-despacho:checked ~ .ed-sectores-cab label[for="sec-despacho"],
.ed-sectores > #sec-inmobiliaria:checked ~ .ed-sectores-cab label[for="sec-inmobiliaria"],
.ed-sectores > #sec-tienda:checked ~ .ed-sectores-cab label[for="sec-tienda"],
.ed-sectores > #sec-servicios:checked ~ .ed-sectores-cab label[for="sec-servicios"]{background:var(--ed-ink);color:var(--ed-bg)}
.ed-sectores > #sec-clinica:focus-visible ~ .ed-sectores-cab label[for="sec-clinica"],
.ed-sectores > #sec-restaurante:focus-visible ~ .ed-sectores-cab label[for="sec-restaurante"],
.ed-sectores > #sec-despacho:focus-visible ~ .ed-sectores-cab label[for="sec-despacho"],
.ed-sectores > #sec-inmobiliaria:focus-visible ~ .ed-sectores-cab label[for="sec-inmobiliaria"],
.ed-sectores > #sec-tienda:focus-visible ~ .ed-sectores-cab label[for="sec-tienda"],
.ed-sectores > #sec-servicios:focus-visible ~ .ed-sectores-cab label[for="sec-servicios"]{outline:2px solid var(--ed-ink);outline-offset:2px}
.ed-sectores .ed-ej{display:none}
.ed-sectores > #sec-clinica:checked ~ .ed-escena .ed-ej-clinica,
.ed-sectores > #sec-restaurante:checked ~ .ed-escena .ed-ej-restaurante,
.ed-sectores > #sec-despacho:checked ~ .ed-escena .ed-ej-despacho,
.ed-sectores > #sec-inmobiliaria:checked ~ .ed-escena .ed-ej-inmobiliaria,
.ed-sectores > #sec-tienda:checked ~ .ed-escena .ed-ej-tienda,
.ed-sectores > #sec-servicios:checked ~ .ed-escena .ed-ej-servicios{display:block}
.ed-sectores .ed-escena{margin-top:30px;height:540px}
.ed-sectores .ed-capa-b{top:190px}
.ed-ranking li em{font-style:normal;font-weight:400;color:var(--ed-ink-2);font-size:14.5px}
/* Lo que pregunta la gente, por sector */
.ed-preg-cab{display:grid;grid-template-columns:7fr 5fr;gap:72px;align-items:end}
.ed-preg-cab .ed-dato{margin-top:0}
/* Dos datos con fuente, uno debajo del otro (revisión de copys del 16-10-2026: negocios locales y agencias). En negocios
   locales van juntos en .ed-datos para ocupar la misma columna de la cabecera. */
.ed-dato + .ed-dato{margin-top:12px}
.ed-preg-sector{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.ed-preg-sector > li{padding:22px 0 24px;border-top:1px solid var(--ed-line-2)}
.ed-preg-sector h3{display:flex;align-items:baseline;gap:12px;font-size:17px;letter-spacing:-.01em}
.ed-preg-sector h3 .ed-n{font-family:var(--ed-mono);font-size:12.5px;font-weight:400;color:var(--ed-ink-3)}
.ed-preg-sector ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.ed-preg-sector ul li{font-size:15.5px;color:var(--ed-ink-2)}
.ed-preg-sector ul li::before{content:"«"}
.ed-preg-sector ul li::after{content:"»"}
html[lang="en"] .ed-preg-sector ul li::before{content:"“"}
html[lang="en"] .ed-preg-sector ul li::after{content:"”"}
.ed-preg-pie{display:flex;justify-content:space-between;align-items:baseline;gap:12px 40px;margin-top:8px;padding-top:22px;border-top:1px solid var(--ed-line-2)}
.ed-preg-mas{font-size:15px;color:var(--ed-ink-2);max-width:820px}
.ed-preg-mas strong{color:var(--ed-ink);font-weight:600}
.ed-preg-nota{flex-shrink:0;font-family:var(--ed-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ed-ink-3)}
/* Aparecer → visitas → clientes, cada etapa con lo que se mide y cómo (Medido / Si lo conectas / Estimación) */
.ed-cab-ancha{max-width:980px}
.ed-embudo{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ed-etapa{position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--ed-line);border-radius:22px;padding:26px;background:var(--ed-bg)}
.ed-etapa + .ed-etapa::before{content:"";position:absolute;left:-13px;top:50%;width:10px;height:10px;margin-top:-5px;border-top:1.5px solid var(--ed-ink-3);border-right:1.5px solid var(--ed-ink-3);transform:rotate(45deg)}
.ed-etapa .ed-n{font-family:var(--ed-mono);font-size:13px;color:var(--ed-ink-3)}
.ed-etapa h3{font-size:22px;letter-spacing:-.02em;margin-top:8px;line-height:1.25}
.ed-etapa ul{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:8px}
.ed-etapa li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:15px;line-height:1.45;color:var(--ed-ink-2)}
.ed-etapa li svg{width:14px;height:14px;margin-top:4px;color:var(--ed-ink)}
.ed-etapa > .ed-etiq{margin-top:auto}
.ed-etiq{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-family:var(--ed-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.ed-etiq-medido{background:var(--ed-ink);color:var(--ed-bg)}
.ed-etiq-conecta{border:1px solid var(--ed-ink);color:var(--ed-ink)}
.ed-etiq-estima{border:1px dashed var(--ed-ink-3);color:var(--ed-ink-2)}
.ed-embudo-pie{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.ed-embudo-pie p{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-radius:16px;background:var(--ed-bg-2);font-size:14.5px;line-height:1.5;color:var(--ed-ink-2)}
.ed-embudo-pie p .ed-etiq{flex-shrink:0;margin-top:-2px}
.ed-embudo-pie svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--ed-ink)}
/* Banda «por qué fiarte» sin cifras (la garantía va solo junto a los planes) y planes en tres tarjetas */
.ed-fiar:first-child{margin-top:0}
.ed-planes.ed-planes-3{grid-template-columns:repeat(3,1fr)}

/* ---------- SaaS (/geo-para-saas) ----------
   Lo propio de esa landing: las cuatro preguntas tipo (opciones, alternativas, «X o Y» y por necesidad), cada una con su
   ejemplo y lo que aprendes, y bajo el mosaico de dónde sale cada dato. El formulario es el de la portada (tres campos,
   sin ciudad) y lo demás reutiliza piezas de arriba: la lista corta, la banda, los tres planes y las etiquetas Medido /
   Si lo conectas / Estimación. */
.ed-tipos-cab{display:grid;grid-template-columns:7fr 5fr;gap:72px;align-items:end}
.ed-tipos-cab .ed-tipos-lado{font-size:16px;line-height:1.6;color:var(--ed-ink-2);border-left:1px solid var(--ed-line-2);padding-left:24px}
.ed-tipos-cab .ed-tipos-lado strong{color:var(--ed-ink);font-weight:600}
.ed-preg-sector.ed-tipos{grid-template-columns:repeat(4,1fr)}
.ed-tipos .ed-tipo-aprendes{margin-top:14px;font-size:14.5px;line-height:1.5;color:var(--ed-ink-3)}
.ed-tipos .ed-tipo-aprendes b{display:block;font-family:var(--ed-mono);font-size:11.5px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.ed-origen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 36px;margin-top:28px;padding-top:22px;border-top:1px solid var(--ed-line-2);font-size:14.5px;color:var(--ed-ink-2)}
.ed-origen p{display:flex;align-items:baseline;gap:10px}

/* ---------- Agencias (/geo-para-agencias) ----------
   Lo propio de esa landing: en la primera pantalla la demo es el botón y la auditoría gratis un enlace a su sección; la
   escena son tres capturas de la plataforma de agencias; el hilo captar → vender → entregar → retener va con su índice y
   una pantalla por paso (el informe con la marca de la agencia y la cartera); la auditoría gratis tiene su propia sección
   (el formulario de la portada con textos de agencia); los planes son los cuatro tamaños de Agency, con lo que comparten
   y la calculadora, y el cierre lleva la posdata. Los límites y «Sin casos inventados» usan las piezas de la banda negra
   en los colores de la página. */
.ed-hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px 30px;flex-wrap:wrap;margin-top:34px}
.ed-hero-ctas .ed-enlace{font-size:16px}
.ed-hero .ed-hero-micro{margin:18px auto 0;font-size:15px;color:var(--ed-ink-2)}
.ed-escena-agencia{height:712px}
.ed-escena-agencia .ed-capa-a{left:0;top:26px;width:340px}
.ed-escena-agencia .ed-capa-b{left:236px;top:292px;width:340px}
.ed-escena-agencia .ed-capa-c{right:0;top:0;width:640px}
.ed-escena-agencia :is(.ed-capa-a,.ed-capa-b) .ed-marco img{width:calc(100% - 20px);margin:10px}
.ed-escena-agencia .ed-capa-a .ed-marco{box-shadow:var(--ed-sombra)}
.ed-marco-barra .ed-marco-punto{width:7px;height:7px;border-radius:999px;background:var(--ed-ink-3)}
/* Índice del hilo: captar → vender → entregar → retener */
.ed-hilo{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ed-line)}
.ed-hilo li{position:relative;padding:18px 20px 0 0}
.ed-hilo li::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:999px;background:var(--ed-ink)}
.ed-hilo a{display:block}
.ed-hilo .ed-n{font-family:var(--ed-mono);font-size:12.5px;color:var(--ed-ink-3)}
.ed-hilo strong{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em;margin-top:4px}
.ed-hilo span.ed-hilo-que{display:block;font-size:14.5px;color:var(--ed-ink-2);margin-top:2px}
/* 01 Captar y 02 Vender: el mismo posible cliente, su auditoría y su pitch */
.ed-par{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;align-items:start}
.ed-captura-nota{margin-top:18px;font-family:var(--ed-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ed-ink-3);text-align:center}
.ed-celda .ed-paso-n{font-family:var(--ed-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ed-ink-2)}
.ed-celda .ed-paso-n b{font-weight:500;color:var(--ed-ink)}
.ed-ticks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.ed-ticks li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:15px;line-height:1.45;color:var(--ed-ink-2)}
.ed-ticks svg{width:14px;height:14px;margin-top:4px;color:var(--ed-ink)}
.ed-celda .ed-marco.ed-marco-ajustado{max-width:420px;width:100%;align-self:center}
.ed-celda .ed-marco.ed-marco-medio{max-width:470px;width:100%;align-self:center}
.ed-par .ed-celda .ed-enlace{margin-top:20px}
/* 03 Entregar: el informe con la marca de la agencia, lo que cuenta y cómo se entrega */
.ed-informe{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.ed-informe-txt{position:sticky;top:calc(var(--ed-cab-h) + 40px)}
.ed-informe-txt > p{font-size:17px;color:var(--ed-ink-2);margin-top:16px}
.ed-lista-n{list-style:none;margin:26px 0 0;padding:0}
.ed-lista-n li{display:grid;grid-template-columns:36px 1fr;gap:4px;padding:15px 0;border-top:1px solid var(--ed-line-2)}
.ed-lista-n li:last-child{border-bottom:1px solid var(--ed-line-2)}
.ed-lista-n .ed-n{font-family:var(--ed-mono);font-size:12.5px;color:var(--ed-ink-3);padding-top:3px}
.ed-lista-n h3{font-size:17px;letter-spacing:-.01em;line-height:1.35}
.ed-lista-n p{font-size:15px;color:var(--ed-ink-2);margin-top:2px;line-height:1.5}
.ed-lista-n p a{color:var(--ed-ink);border-bottom:1px solid var(--ed-line)}
.ed-entrega{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ed-entrega li{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 14px;border:1px solid var(--ed-line);border-radius:999px;font-size:14px;line-height:1.3;color:var(--ed-ink)}
.ed-entrega svg{width:14px;height:14px;flex-shrink:0}
.ed-informe-nota{margin-top:18px;font-size:14.5px;color:var(--ed-ink-2)}
.ed-informe > .ed-marco{max-width:580px;width:100%;justify-self:end}
/* 04 Retener: la cartera, el equipo y los datos fuera */
.ed-cartera{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:start;margin-top:52px}
.ed-cartera-lista{list-style:none;margin:0;padding:0}
.ed-cartera-lista li{padding:18px 0;border-top:1px solid var(--ed-line-2)}
.ed-cartera-lista li:first-child{padding-top:0;border-top:0}
.ed-cartera-lista h3{font-size:18px;letter-spacing:-.01em;line-height:1.35}
.ed-cartera-lista p{font-size:15px;color:var(--ed-ink-2);margin-top:4px;line-height:1.5}
.ed-cartera-lista .ed-enlace{font-size:14.5px;margin-top:10px}
.ed-cartera-cierre{padding-top:16px;border-top:1px solid var(--ed-line-2);font-size:15px;line-height:1.5;color:var(--ed-ink-2)}
.ed-cartera-cierre strong{color:var(--ed-ink);font-weight:600}
/* Auditoría gratis en su propia sección, sobre gris claro (el formulario de siempre, con los textos de agencia) */
.ed-seccion-auditoria{text-align:center;background:var(--ed-bg-2)}
.ed-seccion-auditoria .ed-seccion-cab{margin:0 auto}
.ed-form-agencia .ed-campo-ancho{flex:1.3}
.ed-auditoria-mas{margin:10px auto 0;max-width:760px;font-size:14.5px;color:var(--ed-ink-2)}
.ed-auditoria-mas strong{color:var(--ed-ink);font-weight:600}
/* Planes Agency: cuatro tamaños con el coste por cliente, lo que comparten y la calculadora */
.ed-plan-porcli{margin-top:8px;font-size:14.5px;font-weight:600;color:var(--ed-ink)}
.ed-planes.ed-planes-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ed-planes-4 .ed-plan{padding:24px}
.ed-planes-4 .ed-plan > .ed-btn{padding:0 14px;font-size:15px}
.ed-planes-4 .ed-plan .plan-billed{margin-top:2px;min-height:0}
.ed-planes-4 .ed-plan .plan-billed:empty{display:none}
.ed-dos-lineas .ed-gris{display:block}
.ed-planes-pie{display:grid;grid-template-columns:7fr 5fr;gap:24px;margin-top:40px;align-items:start}
.ed-incluye{border:1px solid var(--ed-line-2);border-radius:22px;padding:26px 28px;background:var(--ed-bg-2)}
.ed-incluye h3{font-size:19px;letter-spacing:-.015em}
.ed-incluye ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.ed-incluye li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:14.5px;line-height:1.45}
.ed-incluye li svg{width:14px;height:14px;margin-top:3px}
.ed-incluye .ed-plan-todo{margin-top:16px}
.ed-incluye .ed-plan-todo > summary{text-align:left}
.ed-calc{border:1px solid var(--ed-line);border-radius:22px;padding:26px 28px;background:var(--ed-bg)}
.ed-calc h3{font-size:19px;letter-spacing:-.015em}
.ed-calc > p{font-size:14.5px;color:var(--ed-ink-2);margin-top:6px;line-height:1.5}
.ed-calc-in{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;align-items:end}
.ed-calc-in label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ed-ink-2)}
.ed-calc-in :is(select,input){width:100%;height:44px;padding:0 14px;border:1px solid var(--ed-line);border-radius:12px;background:var(--ed-card);color:var(--ed-ink);font-size:15px}
.ed-calc-in :is(select,input):focus{outline:none;border-color:var(--ed-ink);box-shadow:var(--ed-foco)}
.ed-calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--ed-line-2)}
.ed-calc-out > div{display:flex;flex-direction:column;gap:4px}
.ed-calc-out .ed-calc-n{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--ed-ink)}
.ed-calc-out .ed-calc-t{font-size:12.5px;line-height:1.35;color:var(--ed-ink-2)}
.ed-calc-out .ed-calc-neg .ed-calc-n{color:var(--ed-ko)}
.ed-calc-nota{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--ed-ink-3)}
/* «Sin casos inventados» fuera de la banda negra: el mismo componente, en los colores de la página (19-10-2026: fuera los
   recuadros de límites de las cuatro landings, a petición del propietario) */
.ed-seguridad.ed-seguridad-claro{color:var(--ed-ink-2)}
.ed-seguridad-claro svg{color:var(--ed-ink)}
/* Cierre: la posdata */
.ed-cierre .ed-pd{max-width:720px;margin:40px auto 0;padding-top:26px;border-top:1px solid var(--ed-banda-linea);font-size:15px;line-height:1.6;color:var(--ed-banda-ink-2);text-align:left}
.ed-cierre .ed-pd strong{color:var(--ed-banda-ink)}

/* Modales y banner de cookies (componentes compartidos de styles.css): en blanco y negro dentro de la portada */
body.ed .modal-box{background:var(--ed-card);color:var(--ed-ink);border:1px solid var(--ed-line)}
body.ed .modal-box .btn-primary{background:var(--ed-ink);color:var(--ed-bg);border-color:var(--ed-ink)}

/* Fundido único de las secciones al entrar en pantalla (solo con JS; sin JS todo se ve desde el principio) */
html.ed-js .ed-aparece{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
html.ed-js .ed-aparece.ed-visto{opacity:1;transform:none}

/* ---------- Tablet: la escena pasa a rejilla plana ---------- */
@media (max-width:1099px){
  .ed-nav-links{gap:18px;margin-left:8px}
  .ed-nav-extra{gap:10px}
  .ed-entrar{display:none}
  .ed-escena{height:auto;perspective:none}
  .ed-escena-plano{position:relative;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
  .ed-capa{position:relative;left:auto;right:auto;top:auto;width:auto}
  .ed-capa-c{grid-column:1 / -1;max-width:680px;width:100%;justify-self:center}
  .ed-planes{grid-template-columns:1fr 1fr}
  .ed-pie-in{grid-template-columns:repeat(4,1fr)}
  .ed-pie-marca{grid-column:1 / -1}
  .ed-sectores .ed-escena{height:auto}
  .ed-sectores .ed-capa-b{top:auto}
  .ed-preg-sector.ed-tipos{grid-template-columns:1fr 1fr}
  .ed-escena-agencia{height:auto}
  .ed-escena-agencia :is(.ed-capa-a,.ed-capa-b,.ed-capa-c){left:auto;right:auto;top:auto;width:auto}
  .ed-hilo{grid-template-columns:1fr 1fr;row-gap:24px}
  .ed-planes.ed-planes-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ed-planes-pie{grid-template-columns:1fr}
}
/* Negocios locales hasta 1279 px: los cuatro campos del análisis en dos filas y el botón debajo (en una sola fila, las
   etiquetas en catalán e inglés no caben por debajo de ese ancho) */
@media (min-width:761px) and (max-width:1279px){
  .ed-form-local .ed-barra{display:grid;grid-template-columns:1fr 1fr}
  .ed-form-local .ed-campo:nth-child(3){border-left:0}
  .ed-form-local .ed-campo:nth-child(n+3){border-top:1px solid var(--ed-line-2)}
  .ed-form-local .ed-barra .ed-btn{grid-column:1 / -1}
}
/* SaaS y agencias entre 761 y 959 px: la web y qué hace el software (o el cliente) arriba, el email y el botón debajo (en
   una sola fila, los textos de ejemplo se cortan y en catalán e inglés las etiquetas saltan de línea) */
@media (min-width:761px) and (max-width:959px){
  .ed-form-saas .ed-barra,.ed-form-agencia .ed-barra{display:grid;grid-template-columns:1fr 1fr}
  .ed-form-saas .ed-campo:nth-child(3),.ed-form-agencia .ed-campo:nth-child(3){border-left:0;border-top:1px solid var(--ed-line-2)}
}
/* La franja de las IAs entre 961 y 1199 px: letra y logos algo menores para que las 9 sigan cabiendo en una línea (y
   Meta AI, debajo, al mismo tamaño). Con DM Sans, 36 px entre IA e IA y logos de 22 px (19-10-2026, a petición del
   propietario: más espacio y logos más grandes), desde 1200 px caben a 14 px. El hueco crece con la ventana (aquí de 14
   a 36 px; entre 1200 y 1239 px, de 32 a 36) y deja sitio a una barra de desplazamiento de 17 px (Windows): las 9, sin
   huecos, miden 763 px a 12,5 px y 862 px a 14 px */
@media (min-width:961px) and (max-width:1199px){
  .ed-ias-lista{gap:clamp(14px,(100vw - 838px) / 8,36px);font-size:12.5px}
  .ed-ias-lista li,.ed-ias-pronto{gap:6px}
  .ed-ias-pronto{font-size:12.5px}
  .ed-ia-ico{width:20px;height:20px}
}
@media (min-width:1200px) and (max-width:1239px){
  .ed-ias-lista{gap:clamp(18px,(100vw - 937px) / 8,36px)}
}
@media (max-width:960px){
  .ed-cab-in{gap:12px}
  .ed-menu{display:grid;order:3}
  .ed-cab-cta{margin-left:auto}
  .ed-nav{display:none;position:absolute;top:var(--ed-cab-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--ed-gutter) 20px;background:var(--ed-bg);border-bottom:1px solid var(--ed-line);box-shadow:var(--ed-sombra);max-height:calc(100vh - var(--ed-cab-h));overflow-y:auto}
  .ed-nav.open{display:flex}
  .ed-nav-links{flex-direction:column;align-items:stretch;gap:0;margin:0;font-size:16px}
  .ed-nav-links > a,.ed-para > button{display:flex;width:100%;padding:13px 0;border-bottom:1px solid var(--ed-line-2);font-size:16px;color:var(--ed-ink)}
  .ed-para > button{justify-content:space-between}
  .ed-para-menu{position:static;display:none;min-width:0;border:0;box-shadow:none;background:transparent;padding:4px 0 8px 12px}
  .ed-para-menu.abierto{display:grid}
  .ed-nav-extra{margin:16px 0 0;flex-wrap:wrap;gap:12px}
  .ed-entrar{display:inline}
  .ed-nav-extra .ed-btn{flex:1 1 100%}
  .ed-dos-col,.ed-fiar,.ed-faq{grid-template-columns:1fr;gap:32px}
  .ed-ias-in{gap:14px}
  .ed-ias-tit .ed-antetitulo{white-space:normal}
  /* La línea que se desliza va de borde a borde de la pantalla y se difumina en los dos lados para que se vea que sigue:
     empieza alineada con el margen de la página, el hueco del final deja la última IA entera al llegar y, si cabe
     entera, queda centrada (19-10-2026; sin «safe», alineada al principio) */
  .ed-ias-lista{align-self:stretch;max-width:none;margin:0 calc(-1*var(--ed-gutter));padding:0 var(--ed-gutter);justify-content:flex-start;justify-content:safe center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--ed-gutter),#000 calc(100% - var(--ed-gutter)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--ed-gutter),#000 calc(100% - var(--ed-gutter)),transparent)}
  .ed-precios-cab{flex-direction:column;align-items:flex-start}
  .ed-preg-cab{grid-template-columns:1fr;gap:28px}
  .ed-tipos-cab{grid-template-columns:1fr;gap:24px}
  .ed-preg-sector{grid-template-columns:1fr 1fr}
  .ed-embudo{grid-template-columns:1fr}
  .ed-etapa + .ed-etapa::before{left:50%;top:-13px;margin:0 0 0 -5px;transform:rotate(135deg)}
  .ed-planes.ed-planes-3{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
  .ed-par,.ed-informe,.ed-cartera{grid-template-columns:1fr;gap:32px}
  .ed-informe-txt{position:static}
}

/* ---------- Móvil ---------- */
@media (max-width:760px){
  body.ed{--ed-gutter:20px;font-size:17px}
  .ed-hero{padding-top:40px;text-align:left}
  .ed-hero .ed-antetitulo{font-size:12px;margin-bottom:16px}
  .ed-hero h1{letter-spacing:-.03em;line-height:1.06}
  .ed-entrada{font-size:17px;margin-top:18px}
  .ed-form{margin-top:26px}
  .ed-barra{flex-direction:column;border-radius:20px;gap:0}
  .ed-campo{padding:10px 12px}
  .ed-campo + .ed-campo{border-left:0;border-top:1px solid var(--ed-line-2)}
  .ed-barra .ed-btn{margin-top:6px;white-space:normal;text-align:center;line-height:1.3;padding:12px 18px;font-size:15.5px}
  .ed-sub{flex-direction:column;align-items:flex-start;gap:10px;padding:0 4px}
  .ed-demo-alt{white-space:normal}
  .ed-afinar-campos{grid-template-columns:1fr}
  .ed-consent{font-size:12px}
  .ed-form+.ed-consent,.ed-form+.ed-auditoria-mas{margin-top:14px}
  .ed-marcas{margin-top:48px;padding:28px 0;text-align:left}
  .ed-marcas-fila{justify-content:flex-start;gap:12px 28px}
  .ed-marcas-fila span{font-size:18px}
  .ed-resultado .audit-card{padding:22px 20px}
  .ed-resultado .aud-score-num{font-size:44px}
  .ed-escena{margin-top:36px}
  .ed-marcas+.ed-contenedor>.ed-escena{margin-top:64px}
  .ed-marcas+.ed-contenedor>.ed-sectores{margin-top:44px}
  .ed-reticula{inset:-20px -40px}
  .ed-escena-plano{grid-template-columns:1fr;gap:18px}
  .ed-pregunta{font-size:20px}
  .ed-marco img,.ed-celda .ed-marco img{width:calc(100% - 16px);margin:8px}
  .ed-ias{margin-top:64px;padding:28px 0}
  .ed-seccion{padding:80px 0}
  .ed-seccion h2{line-height:1.12}
  .ed-ad{grid-template-columns:1fr}
  .ed-ad-col{padding:24px}
  .ed-pasos{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--ed-line);margin-left:4px}
  .ed-paso{padding:0 0 30px 26px}
  .ed-paso::before{top:6px;left:-4px}
  .ed-bento{grid-template-columns:1fr;gap:20px}
  .ed-bento-col{gap:20px}
  .ed-celda{padding:20px}
  .ed-cifras{grid-template-columns:1fr 1fr}
  .ed-cifra{padding:22px 14px 22px 0}
  .ed-cifra:nth-child(3){padding-left:0;border-left:0}
  .ed-cifra:nth-child(n+3){border-top:1px solid var(--ed-banda-linea)}
  .ed-cifra .result-num{font-size:36px}
  .ed-fiar{margin-top:56px}
  .ed-fiar-items{grid-template-columns:1fr}
  .ed-btn-lg{white-space:normal;text-align:center;min-height:52px;padding:12px 20px;line-height:1.3}
  .ed-cta-fila{flex-direction:column;align-items:stretch;text-align:center}
  .ed-planes{grid-template-columns:1fr}
  .ed-cierre{padding:88px 0}
  .ed-pie-in{grid-template-columns:1fr 1fr}
  .ed-pie-legal{flex-direction:column;align-items:flex-start}
  .ed-sectores{margin-top:40px}
  .ed-sectores-cab{justify-content:flex-start}
  .ed-sectores-chips{border-radius:18px;justify-content:flex-start}
  .ed-preg-sector{grid-template-columns:1fr;margin-top:40px}
  .ed-preg-sector.ed-tipos{grid-template-columns:1fr}
  .ed-preg-pie{flex-direction:column}
  .ed-embudo-pie{grid-template-columns:1fr}
  .ed-origen{grid-template-columns:1fr}
  .ed-hero-ctas{justify-content:flex-start;margin-top:26px}
  .ed-hero-ctas .ed-btn{width:100%}
  .ed-hero .ed-hero-micro{font-size:14.5px;margin-top:14px}
  .ed-hilo{grid-template-columns:1fr 1fr;row-gap:18px;margin-top:32px}
  .ed-hilo li{padding:14px 12px 0 0}
  .ed-hilo strong{font-size:16px}
  .ed-hilo span.ed-hilo-que{font-size:13.5px}
  .ed-marco-recorte{max-height:460px;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
  .ed-seccion-auditoria{text-align:left}
  .ed-seccion-auditoria .ed-auditoria-mas{margin-left:0}
  .ed-par{margin-top:40px;gap:20px}
  .ed-celda .ed-marco:is(.ed-marco-ajustado,.ed-marco-medio){max-width:none}
  .ed-cartera{margin-top:36px}
  .ed-planes.ed-planes-4{grid-template-columns:1fr}
  .ed-incluye ul{grid-template-columns:1fr}
  .ed-calc{padding:22px 20px}
  .ed-calc-in{grid-template-columns:1fr}
  .ed-calc-out{gap:10px}
  .ed-calc-out .ed-calc-n{font-size:19px}
  .ed-calc-out .ed-calc-t{font-size:12px}
  .ed-cierre .ed-pd{font-size:14.5px}
}
@media (max-width:380px){
  .ed-cab-cta{padding:0 12px;font-size:13px}
  .ed-cab .ed-logo{font-size:1rem}
}

/* Movimiento reducido: sin montaje de la escena, sin fundidos y sin inclinación que se mueva */
@media (prefers-reduced-motion:reduce){
  .ed-escena .ed-capa,.ed-resultado .audit-card{animation:none}
  .ed-escena-plano{transition:none}
  html.ed-js .ed-aparece{opacity:1;transform:none;transition:none}
  .ed-btn{transition:none}
}

/* ---------- Portada (26-10-2026, encargo «Cashvertising + AI Commerce» del propietario; docs/LANDING-AI-COMMERCE-2026-10.md) ----------
   Mismo sistema (tokens, botones, tarjetas y capturas de siempre): solo cambian la composición y los bloques nuevos. */
/* Primera pantalla: el mensaje y, debajo, el análisis gratis, a lo ancho (27-10-2026: fuera el hueco del vídeo). */
.ed-hero-rejilla{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "form";align-items:center;text-align:left}
.ed-hero-txt{grid-area:txt}
.ed-hero-rejilla > #auditoria{grid-area:form}
.ed-hero:has(.ed-hero-rejilla){padding-top:56px}
.ed-hero .ed-hero-rejilla h1{font-size:clamp(2.25rem,1.2rem + 2.3vw,3.125rem);line-height:1.06;max-width:none;margin:0}
.ed-hero-rejilla h1 .ed-gris{display:inline}
.ed-hero-rejilla .ed-entrada{margin:24px 0 0;max-width:620px}
.ed-hero-rejilla .ed-form{max-width:none;margin-top:36px}
.ed-hero-rejilla .ed-sub{align-items:center}
.ed-hero-rejilla .ed-afinar{display:block;margin-top:10px;padding:0 8px;font-size:14px;color:var(--ed-ink-2)}
.ed-hero-rejilla .ed-consent{margin:12px 0 0;padding:0 8px;max-width:none}
.ed-hero-rejilla .ed-form+.ed-consent{margin-top:12px}
.ed-micro{margin:0;font-size:14px;color:var(--ed-ink-2)}
/* Marcas: el título y los logos; la franja de las IAs, pegada debajo (una sola banda entre dos líneas) */
.ed-marcas + .ed-ias{margin-top:0;border-top:0}
/* El problema */
.ed-problema-cab{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:end}
.ed-problema-cab .ed-seccion-sub{margin-top:22px}
.ed-problema-cab .ed-dato{margin-top:0}
.ed-tres{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ed-tres li{border:1px solid var(--ed-line);border-radius:22px;padding:28px;background:var(--ed-card)}
.ed-tres .ed-n{font-family:var(--ed-mono);font-size:13px;color:var(--ed-ink-3)}
.ed-tres h3{font-size:22px;letter-spacing:-.02em;line-height:1.25;margin-top:16px}
.ed-tres p{font-size:16px;color:var(--ed-ink-2);margin-top:8px}
/* Remate de sección: la frase que cierra el argumento y el botón que toca */
.ed-remate{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;flex-wrap:wrap;margin-top:56px;padding-top:36px;border-top:1px solid var(--ed-line-2)}
.ed-remate p{flex:1 1 420px;max-width:760px;font-size:clamp(1.25rem,1rem + .8vw,1.625rem);font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--ed-ink)}
/* Un ejemplo (portada, 27-10-2026, propietario): una conversación con ChatGPT (01), el análisis (02) y el plan de acción
   del panel (03), y sus tres pasos debajo. Sin JavaScript o con «reducir movimiento» se ve terminada; editorial.js la
   reproduce una vez al verse: .ed-chat-anima oculta las partes y .ed-chat-f1…f5 las van enseñando. Solo cambian
   opacidad, desplazamiento y desenfoque: todo tiene su sitio desde el principio y nada empuja a nada. */
body.ed #ejemplo{overflow:hidden}
.ed-chat-escena{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,10fr);grid-template-areas:"chat analisis" "chat plan";grid-template-rows:auto 1fr;gap:28px 32px;align-items:start;max-width:var(--ed-ancho);margin:64px auto 0;text-align:left}
.ed-chat-col{grid-area:chat;align-self:stretch;display:flex;flex-direction:column}
.ed-chat-analisis{grid-area:analisis}
.ed-chat-plan{grid-area:plan}
.ed-chat{flex:1;display:flex;flex-direction:column;background:var(--ed-card);border-radius:22px;box-shadow:var(--ed-sombra-2);overflow:hidden}
.ed-chat-barra{display:flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-bottom:1px solid var(--ed-line-2);font-size:15px;font-weight:600;color:var(--ed-ink)}
.ed-chat-logo{display:inline-grid;place-items:center;color:var(--ed-ink)}
.ed-chat-logo svg{width:18px;height:18px}
.ed-chat-hilo{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:22px;padding:28px 24px 8px}
.ed-chat-yo{align-self:flex-end;max-width:82%;padding:10px 16px;border-radius:20px;background:var(--ed-bg-3);font-size:16px;line-height:1.4;color:var(--ed-ink)}
.ed-chat-ia{display:flex;align-items:flex-start;gap:12px}
.ed-chat-avatar{flex:none;width:30px;height:30px;border-radius:999px;border:1px solid var(--ed-line)}
.ed-chat-avatar svg{width:16px;height:16px}
.ed-chat-resp{position:relative;flex:1;min-width:0;padding-top:3px}
.ed-chat-pensando{position:absolute;left:0;top:11px;display:none;gap:5px}
.ed-chat-pensando i{width:7px;height:7px;border-radius:999px;background:var(--ed-ink-3);animation:ed-chat-punto 1s ease-in-out infinite}
.ed-chat-pensando i:nth-child(2){animation-delay:.15s}
.ed-chat-pensando i:nth-child(3){animation-delay:.3s}
@keyframes ed-chat-punto{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.ed-chat-campo{display:flex;align-items:center;gap:10px;margin:16px;padding:6px 6px 6px 18px;min-height:48px;border:1px solid var(--ed-line);border-radius:999px;font-size:16px;color:var(--ed-ink)}
.ed-chat-linea{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.ed-chat-cursor{display:none;width:2px;height:1.15em;margin-left:1px;vertical-align:-.2em;background:var(--ed-ink);animation:ed-chat-cursor 1s steps(1) infinite}
@keyframes ed-chat-cursor{50%{opacity:0}}
.ed-chat-enviar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--ed-bg-3);color:var(--ed-ink-3);transition:background-color .2s ease,color .2s ease}
.ed-chat-enviar svg{width:15px;height:15px}
.ed-chat-escribe .ed-chat-cursor{display:inline-block}
.ed-chat-escribe .ed-chat-enviar{background:var(--ed-ink);color:var(--ed-bg)}
.ed-chat-analisis .ed-tu-marca{margin-top:0;padding-top:0;border-top:0}
.ed-chat-plan .ed-marco{background:var(--ed-card)}
.ed-plan-accion{padding:20px 24px 24px}
.ed-plan-et{display:flex;gap:10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ed-ink-2)}
.ed-plan-tit{margin-top:8px;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ed-ink)}
.ed-plan-lista{list-style:none;margin:14px 0 0;padding:0}
.ed-plan-lista li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px;padding:14px 0;border-top:1px solid var(--ed-line-2)}
.ed-plan-lista li:first-child{border-top:0;padding-top:6px}
.ed-plan-n{font-size:16px;font-weight:600;line-height:1.4;color:var(--ed-ink-2)}
.ed-plan-lista strong{display:block;font-size:16px;font-weight:600;line-height:1.4;color:var(--ed-ink)}
.ed-plan-lista li div > span{display:block;margin-top:2px;font-size:15px;line-height:1.4;color:var(--ed-ink-2)}
.ed-plan-enlace{margin-top:10px;font-size:16px;font-weight:600;color:var(--ed-ink)}
body.ed:where(.estilo-apple) .ed-plan-enlace{color:var(--ed-enlace)}
html.ed-js .ed-chat-anima :is(.ed-chat-yo,.ed-chat-ia,.ed-chat-analisis,.ed-chat-plan){opacity:0;transform:translateY(12px);transition:opacity .45s cubic-bezier(.23,1,.32,1),transform .45s cubic-bezier(.23,1,.32,1)}
html.ed-js .ed-chat-anima :is(.ed-chat-lista li,.ed-plan-lista li,.ed-plan-enlace){opacity:0;transform:translateY(6px);filter:blur(4px);transition:opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1),filter .4s cubic-bezier(.23,1,.32,1)}
html.ed-js .ed-chat-anima .ed-chat-pensando{display:flex;opacity:0;transition:opacity .2s ease}
html.ed-js .ed-chat-anima.ed-chat-f1 .ed-chat-yo,html.ed-js .ed-chat-anima.ed-chat-f2 .ed-chat-ia,html.ed-js .ed-chat-anima.ed-chat-f4 .ed-chat-analisis,html.ed-js .ed-chat-anima.ed-chat-f5 .ed-chat-plan{opacity:1;transform:none}
html.ed-js .ed-chat-anima.ed-chat-f2:not(.ed-chat-f3) .ed-chat-pensando{opacity:1}
html.ed-js .ed-chat-anima.ed-chat-f3 .ed-chat-lista li,html.ed-js .ed-chat-anima.ed-chat-f5 :is(.ed-plan-lista li,.ed-plan-enlace){opacity:1;transform:none;filter:none}
html.ed-js .ed-chat-anima .ed-chat-lista li:nth-child(2){transition-delay:.18s}
html.ed-js .ed-chat-anima .ed-chat-lista li:nth-child(3){transition-delay:.36s}
html.ed-js .ed-chat-anima .ed-plan-lista li:nth-child(1){transition-delay:.2s}
html.ed-js .ed-chat-anima .ed-plan-lista li:nth-child(2){transition-delay:.32s}
html.ed-js .ed-chat-anima .ed-plan-lista li:nth-child(3){transition-delay:.44s}
html.ed-js .ed-chat-anima p.ed-plan-enlace{transition-delay:.56s}
@media (max-width:900px){
  .ed-chat-escena{grid-template-columns:minmax(0,1fr);grid-template-areas:"chat" "analisis" "plan";grid-template-rows:auto;max-width:620px;gap:28px}
}
@media (max-width:760px){
  .ed-chat-escena{margin-top:40px;gap:24px}
  .ed-chat-hilo{padding:22px 16px 4px}
  .ed-chat-campo{margin:12px}
  .ed-chat-yo,.ed-chat-campo{font-size:15px}
  .ed-plan-accion{padding:18px 18px 20px}
  .ed-plan-tit{font-size:21px}
}
.ed-pasos.ed-pasos-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px}
/* La plataforma: el mosaico de siempre (.ed-bento), con los cuatro bloques numerados en el orden de lectura */
.ed-nota-capturas{margin-top:14px;font-size:14px;color:var(--ed-ink-3)}
.ed-plataforma .ed-antetitulo .ed-n{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 6px;margin-right:4px;border:1px solid var(--ed-line);border-radius:6px;color:var(--ed-ink);letter-spacing:0}
.ed-celda > p.ed-celda-plan{font-size:14px;color:var(--ed-ink-2);margin-top:14px}
.ed-celda-lista{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--ed-line);display:grid;gap:12px}
.ed-celda-lista li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:15.5px;line-height:1.5;color:var(--ed-ink)}
.ed-celda-lista svg{width:15px;height:15px;margin-top:4px}
.ed-como{margin-top:96px;padding-top:64px;border-top:1px solid var(--ed-line-2)}
.ed-como .ed-pasos{margin-top:28px}
/* Valor comercial: el texto a la izquierda y, a la derecha, la cadena del producto a la nueva medición */
.ed-valor{background:var(--ed-bg-2)}
.ed-valor .ed-dos-col{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}
.ed-valor-txt{margin-top:24px;display:grid;gap:12px}
.ed-valor-txt p{font-size:17px;color:var(--ed-ink-2)}
.ed-valor-remate{margin-top:28px;font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.35;color:var(--ed-ink)}
.ed-cadena{list-style:none;margin:0;padding:0;display:grid}
.ed-cadena li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding-bottom:14px}
.ed-cadena li:last-child{padding-bottom:0}
.ed-cadena li::before{content:"";position:absolute;left:21.5px;top:44px;bottom:0;width:1px;background:var(--ed-line)}
.ed-cadena li:last-child::before{display:none}
.ed-cadena .ed-n{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--ed-line);border-radius:999px;background:var(--ed-card);font-family:var(--ed-mono);font-size:13px;color:var(--ed-ink)}
.ed-cadena li > div{border:1px solid var(--ed-line);border-radius:16px;padding:14px 18px;background:var(--ed-card);box-shadow:var(--ed-sombra)}
.ed-cadena-et{font-family:var(--ed-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ed-ink-3)}
.ed-cadena .ed-cadena-dato{margin-top:4px;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.35;color:var(--ed-ink)}
.ed-cadena li > div > p:last-child{margin-top:2px;font-size:14.5px;line-height:1.5;color:var(--ed-ink-2)}
.ed-cadena-nota{margin-top:16px;font-size:13.5px;color:var(--ed-ink-3)}
/* Análisis gratis: lo que obtienes y el botón que sube al formulario */
.ed-analisis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;align-items:center}
.ed-analisis-caja{border:1px solid var(--ed-line);border-radius:24px;padding:32px;background:var(--ed-card);box-shadow:var(--ed-sombra)}
.ed-analisis-lista{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:14px}
.ed-analisis-lista li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:17px;font-weight:500;line-height:1.45}
.ed-analisis-lista svg{width:16px;height:16px;margin-top:5px}
.ed-analisis-caja .ed-btn{width:100%}
.ed-analisis-caja .ed-micro{margin-top:12px;text-align:center}
/* Precios: la nota de la prueba de Starter, debajo de su botón */
.ed-plan > .ed-btn + .ed-plan-nota{margin-top:10px}
/* Condiciones (garantía, prueba, cancelación y análisis gratis) y, debajo, las preguntas frecuentes */
.ed-garantias{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ed-garantias li{border:1px solid var(--ed-line);border-radius:20px;padding:24px;background:var(--ed-card)}
.ed-garantias svg{width:22px;height:22px;color:var(--ed-ink)}
.ed-garantias h3{margin-top:14px;font-size:18px;letter-spacing:-.01em;line-height:1.3}
.ed-garantias p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ed-ink-2)}
.ed-garantias a{color:var(--ed-ink);border-bottom:1px solid var(--ed-line)}
body.ed #garantia .ed-faq{margin-top:96px;padding-top:80px;border-top:1px solid var(--ed-line-2)}
.ed-faq-lista details p + p{margin-top:10px}
/* Cierre */
.ed-cierre h2{margin-top:0}
.ed-cierre-txt{max-width:640px;margin:22px auto 0;font-size:18px;color:var(--ed-banda-ink-2)}
.ed-cierre-lema{margin-top:10px;font-size:18px;font-weight:600;color:var(--ed-banda-ink)}
.ed-cierre .ed-micro{margin-top:14px;color:var(--ed-banda-ink-2)}

@media (max-width:1099px){
  .ed-garantias{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ed-problema-cab{gap:48px}
}
/* Cabecera de la portada: cinco enlaces, el idioma, el tema, Entrar, la demo y el botón principal. Los enlaces no parten
   línea y, entre 961 y 1279 px, donde no cabe todo, la demo sale de la cabecera (sigue bajo el formulario, en el cierre, en
   el pie y en el menú del móvil) */
.ed-cab-portada .ed-nav-links > a,.ed-cab-portada .ed-para > button{white-space:nowrap}
@media (min-width:961px) and (max-width:1279px){
  .ed-cab-portada .ed-nav-extra [data-demo-pos="nav"]{display:none}
}
/* Entre 761 y 1099 px, los tres campos arriba y el botón (de texto largo) debajo, a todo el ancho: en una sola fila el botón
   aplastaba los campos, sobre todo en catalán */
@media (min-width:761px) and (max-width:1099px){
  .ed-hero-rejilla .ed-barra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .ed-hero-rejilla .ed-barra .ed-btn{grid-column:1 / -1}
}
@media (max-width:960px){
  .ed-problema-cab{grid-template-columns:minmax(0,1fr);gap:24px}
  .ed-tres{grid-template-columns:minmax(0,1fr);gap:14px}
  .ed-analisis{grid-template-columns:minmax(0,1fr);gap:32px}
  .ed-valor .ed-dos-col{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:760px){
  .ed-hero:has(.ed-hero-rejilla){padding-top:28px}
  .ed-hero-rejilla .ed-antetitulo{font-size:11.5px;margin-bottom:12px}
  .ed-hero .ed-hero-rejilla h1{font-size:clamp(1.875rem,1.1rem + 3.4vw,2.375rem);line-height:1.08}
  .ed-hero-rejilla .ed-entrada{margin-top:14px;font-size:16px;line-height:1.5}
  .ed-hero-rejilla .ed-form{margin-top:22px}
  .ed-hero-rejilla .ed-sub{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}
  .ed-hero-rejilla .ed-afinar,.ed-hero-rejilla .ed-consent{padding:0 4px}
  .ed-tres li{padding:22px}
  .ed-tres h3{font-size:20px;margin-top:10px}
  .ed-remate{margin-top:40px;padding-top:28px}
  .ed-remate .ed-btn{width:100%}
  .ed-pasos.ed-pasos-3{grid-template-columns:1fr;margin-top:48px}
  .ed-como{margin-top:64px;padding-top:48px}
  .ed-cadena li{grid-template-columns:36px minmax(0,1fr);gap:12px}
  .ed-cadena .ed-n{width:36px;height:36px;font-size:12px}
  .ed-cadena li::before{left:17.5px;top:36px}
  .ed-valor-remate{font-size:18px}
  .ed-analisis-caja{padding:24px 20px}
  .ed-analisis-lista li{font-size:16px}
  .ed-garantias{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:36px}
  .ed-garantias li{padding:20px}
  body.ed #garantia .ed-faq{margin-top:64px;padding-top:56px}
  .ed-cierre-txt,.ed-cierre-lema{font-size:16.5px}
}

/* ===== Estilo Apple (§212), solo en la portada (body.ed.estilo-apple) =====
   Cada sección es un bloque gris a todo lo ancho con 12 px de blanco entre bloques (como apple.com); «Por qué fiarte» y
   el cierre son los bloques negros. Dentro, tarjetas blancas redondeadas sin borde. La primera pantalla va centrada y
   en su propio bloque; marcas e IAs, en una franja blanca. Mismas secciones, mismo orden y mismos textos. */
body.ed:where(.estilo-apple) main > section + section{margin-top:12px}
body.ed:where(.estilo-apple) .ed-linea-arriba{border-top:0}
body.ed:where(.estilo-apple) .ed-seccion{padding:100px 0}
body.ed:where(.estilo-apple) main > .ed-seccion:not(.ed-banda),body.ed:where(.estilo-apple) .ed-valor,body.ed:where(.estilo-apple) .ed-seccion-auditoria{background:var(--ed-bloque)}
body.ed:where(.estilo-apple) .ed-banda{background:var(--ed-banda)}
body.ed:where(.estilo-apple) .ed-seccion h2{font-size:clamp(2rem,1.1rem + 2.6vw,3rem);line-height:1.08;letter-spacing:-.02em;font-weight:600}
body.ed:where(.estilo-apple) .ed-contenedor > .ed-seccion-cab,body.ed:where(.estilo-apple) .ed-precios-cab > .ed-seccion-cab{max-width:860px;margin-left:auto;margin-right:auto;text-align:center}
body.ed:where(.estilo-apple) .ed-seccion-sub{font-size:21px;line-height:1.38;letter-spacing:-.016em;color:var(--ed-ink-2)}
body.ed:where(.estilo-apple) .ed-contenedor > .ed-seccion-cab .ed-seccion-sub{max-width:760px;margin-left:auto;margin-right:auto}

/* Cabecera: fina, letra pequeña, botón principal en píldora azul pequeña (en escritorio; el menú del móvil sigue igual) */
body.ed:where(.estilo-apple) .ed-cab-in{gap:16px}
body.ed:where(.estilo-apple) .ed-logo{font-size:15px}
body.ed:where(.estilo-apple) .ed-logo svg{width:15px;height:15px}
@media (min-width:961px){
  body.ed:where(.estilo-apple) .ed-nav-links{gap:28px}
  body.ed:where(.estilo-apple) .ed-nav-links > a,body.ed:where(.estilo-apple) .ed-para > button{font-size:12px;color:color-mix(in srgb,var(--ed-ink) 80%,transparent)}
  body.ed:where(.estilo-apple) .ed-nav-links > a:hover,body.ed:where(.estilo-apple) .ed-para > button:hover,body.ed:where(.estilo-apple) .ed-para > button[aria-expanded="true"]{color:var(--ed-ink)}
  body.ed:where(.estilo-apple) .ed-entrar{font-size:12px;font-weight:400;color:color-mix(in srgb,var(--ed-ink) 80%,transparent)}
  body.ed:where(.estilo-apple) .ed-nav-extra{gap:12px}
  body.ed:where(.estilo-apple) .ed-cab .ed-btn-sm{min-height:0;padding:4px 11px;font-size:12px;gap:4px}
  body.ed:where(.estilo-apple) .ed-cab .ed-btn svg{display:none}
}
body.ed:where(.estilo-apple) .ed-cab .lang-switch{border:0;padding:0}
body.ed:where(.estilo-apple) .ed-cab .lang-switch button{font-size:11px;font-weight:400;padding:2px 6px;color:var(--ed-ink-2)}
body.ed:where(.estilo-apple) .ed-cab .lang-switch button.active{background:transparent;color:var(--ed-ink);font-weight:600}
body.ed:where(.estilo-apple) .ed-cab .tema-btn{width:26px;height:26px;border:0}
body.ed:where(.estilo-apple) .ed-para-menu{border:0;border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.14)}

/* Botones de la página: píldora de 17 px, sin flecha */
body.ed:where(.estilo-apple) main .ed-btn,body.ed:where(.estilo-apple) .ed-pie .ed-btn{font-size:17px;min-height:44px;padding:0 22px}
body.ed:where(.estilo-apple) main .ed-btn > svg{display:none}
body.ed:where(.estilo-apple) .ed-enlace:hover,body.ed:where(.estilo-apple) .ed-demo-alt a:hover{text-decoration:underline;text-underline-offset:3px}
body.ed:where(.estilo-apple) :is(.ed-demo-alt a,.ed-afinar > summary,.ed-faq-ayuda a,.ed-condiciones a,.ed-garantias a,.ed-otros-planes a,.ed-dato .ed-fuente a){color:var(--ed-enlace);border-bottom:0;font-weight:400}
body.ed:where(.estilo-apple) .ed-faq-lista details p a{color:var(--ed-enlace);text-decoration:none}
body.ed:where(.estilo-apple) .ed-cierre .ed-alt a,body.ed:where(.estilo-apple) .ed-seguridad a,body.ed:where(.estilo-apple) .ed-fiar-item a{border-bottom:0}

/* Primera pantalla: el texto y el formulario en un bloque gris centrado; la escena, en otro; marcas e IAs, en blanco */
body.ed:where(.estilo-apple) .ed-hero,body.ed:where(.estilo-apple) .ed-hero:has(.ed-hero-rejilla){padding:0}
body.ed:where(.estilo-apple) .ed-hero > .ed-contenedor{position:relative;isolation:isolate;padding-top:72px;padding-bottom:72px}
body.ed:where(.estilo-apple) .ed-hero > .ed-contenedor::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--ed-bloque);z-index:-1}
body.ed:where(.estilo-apple) .ed-hero > .ed-contenedor + .ed-contenedor,body.ed:where(.estilo-apple) .ed-hero > .ed-marcas + .ed-contenedor{margin-top:12px}
body.ed:where(.estilo-apple) .ed-hero > .ed-contenedor > :first-child,body.ed:where(.estilo-apple) .ed-marcas + .ed-contenedor > .ed-sectores{margin-top:0}
body.ed:where(.estilo-apple) .ed-hero .ed-antetitulo{font-size:21px;margin-bottom:10px}
body.ed:where(.estilo-apple) .ed-hero h1,body.ed:where(.estilo-apple) .ed-hero .ed-hero-rejilla h1{font-size:clamp(2.5rem,1.2rem + 3.4vw,3.5rem);line-height:1.07;letter-spacing:-.025em;font-weight:600}
/* «ChatGPT», al principio del título, en degradado del negro al azul de los botones (propietario, 26-10-2026); en oscuro, del
   blanco del texto al azul de los enlaces, para que se lea sobre el negro. Con colores forzados, el texto normal. */
body.ed:where(.estilo-apple) .ed-hero h1 .ed-degradado{background-image:linear-gradient(90deg,var(--ed-ink),var(--ed-azul));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* …y en la letra de ChatGPT (propietario, 26-10-2026). La suya, OpenAI Sans, es propia de OpenAI y no se puede usar en otra
   web; Inter, ya cargada, es la libre más parecida a Söhne, la que usaba antes. */
body.ed:where(.estilo-apple) .ed-hero h1 .ed-degradado{font-family:'Inter',var(--ed-sans)}
:root[data-theme="dark"] body.ed:where(.estilo-apple) .ed-hero h1 .ed-degradado{background-image:linear-gradient(90deg,var(--ed-ink),var(--ed-enlace))}
@media (forced-colors:active){body.ed:where(.estilo-apple) .ed-hero h1 .ed-degradado{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}}
/* «¿» solo en español: en catalán la pregunta va sin él y en inglés empieza por «Is» (el resto lo traducen los diccionarios). */
html[lang="ca"] .ed-titulo-pregunta .ed-signo,html[lang="en"] .ed-titulo-pregunta .ed-signo{display:none}
html[lang="en"] .ed-titulo-pregunta .ed-titulo-ia::before{content:"Is "}
/* El nombre de la IA que va cambiando (editorial.js; solo existe con JavaScript y sin «reducir movimiento»). «¿» y el
   nombre no se separan; el hueco cambia de ancho con transición y recorta lo que aún no cabe mientras crece; el nombre,
   en bloque en línea para poder subir al irse y bajar al llegar. Si el nombre más largo no cabe en una línea
   (.ed-rota-libre, móvil estrecho), todo vuelve a texto normal y el nombre solo se funde. El medidor, invisible y fuera
   del título por la izquierda, para que no lo ensanche. */
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota-par{white-space:nowrap}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota{display:inline-block;position:relative;text-align:left;transition:width .42s cubic-bezier(.77,0,.175,1);clip-path:inset(-.35em -.06em -.35em -.06em)}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota-pieza{display:inline-block}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota-ico{display:inline-block;width:.8em;height:.8em;margin-right:.2em;vertical-align:-.06em;color:var(--ed-ink)}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota-ico svg{display:block;width:100%;height:100%}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota > .ed-rota-mide{position:absolute;right:100%;top:0;margin-right:9999px;white-space:nowrap;visibility:hidden;pointer-events:none}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota-libre,body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota-libre .ed-rota{white-space:normal}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota-libre .ed-rota{display:inline;clip-path:none;transition:none}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-rota-libre .ed-rota-pieza{display:inline}
/* 27-10-2026 (propietario): el título en dos líneas, arriba «¿» con el nombre de la IA (y su logo) y debajo el resto, en una
   sola fila. Fuera del móvil (desde 761 px) el título usa todo el ancho del contenedor y la letra se ajusta a él: «vende tus
   productos o los de tu competencia?» mide unos 21,2 em (se divide entre 22,5 para dejar margen a otras letras y a la barra
   de desplazamiento); en inglés cabe igual. En catalán, más largo, y en el móvil se parte en líneas equilibradas. En el
   móvil estrecho, la primera línea baja un poco la letra para que quepa «¿ Google AI Overviews» con su logo. */
body.ed:where(.estilo-apple) .ed-hero h1 .ed-titulo-ia,body.ed:where(.estilo-apple) .ed-hero h1 .ed-titulo-resto{display:block}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-titulo-resto{text-wrap:balance}
body.ed:where(.estilo-apple) .ed-hero h1 .ed-titulo-ia{font-size:min(1em,calc((100vw - 2*var(--ed-gutter))/11))}
body.ed:where(.estilo-apple) .ed-entrada,body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-entrada{font-size:21px;line-height:1.38;letter-spacing:-.016em;max-width:760px;margin:20px auto 0;color:var(--ed-ink-2)}
body.ed:where(.estilo-apple) .ed-hero-rejilla{grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "form";text-align:center}
body.ed:where(.estilo-apple) .ed-hero-txt{max-width:900px;margin:0 auto}
/* Fuera del móvil, el título a todo el ancho y en una fila (ver «el título en dos líneas», más arriba) */
@media (min-width:761px){
  body.ed:where(.estilo-apple) .ed-hero-txt{max-width:none}
  body.ed:where(.estilo-apple) .ed-hero .ed-hero-rejilla h1{font-size:min(3.5rem,calc((min(100vw,var(--ed-ancho) + 2*var(--ed-gutter)) - 2*var(--ed-gutter))/22.5))}
}
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form{max-width:980px;margin:36px auto 0}
/* Bajo el formulario, solo la prueba de 14 días, a la derecha (propietario, 26-10-2026) */
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-sub{justify-content:flex-end;gap:8px 28px}
/* «Afinar el análisis» a la izquierda y la prueba de 14 días a la derecha, en la misma línea (propietario, 26-10-2026). Con la
   rejilla, al abrirlo los campos ocupan todo el ancho por debajo; el enlace va por encima para que se pueda pulsar. */
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form > *{grid-column:1 / -1}
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form > .ed-barra{grid-row:1}
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form > .ed-sub{grid-column:2;grid-row:2;position:relative;z-index:1;margin-top:12px;padding-top:6px}   /* los 6 px de arriba del resumen (.audit-mas>summary): mismo renglón */
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form > .ed-afinar{grid-row:2;margin-top:12px;text-align:left}
@media (max-width:520px){   /* en el móvil no caben en una línea: uno debajo del otro, centrados */
  body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form > :is(.ed-sub,.ed-afinar){grid-column:1 / -1;grid-row:auto}
  body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form > .ed-sub{justify-content:center}
  body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-form > .ed-afinar{margin-top:10px;text-align:center}
}
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-consent{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
body.ed:where(.estilo-apple) .ed-consent{font-size:12px;color:var(--ed-ink-3)}
body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-consent{font-size:11px}   /* el aviso bajo el formulario, un poco más pequeño */
body.ed:where(.estilo-apple) .ed-barra{border:0;border-radius:22px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:8px}
body.ed:where(.estilo-apple) .ed-campo{border-radius:14px}
body.ed:where(.estilo-apple) .ed-campo + .ed-campo{border-left:0;background:linear-gradient(var(--ed-line),var(--ed-line)) left center/1px 56% no-repeat}
body.ed:where(.estilo-apple) .ed-campo:focus-within{background:var(--ed-bg-2)}
body.ed:where(.estilo-apple) .ed-campo input{font-size:17px}
body.ed:where(.estilo-apple) .ed-barra .ed-btn{border-radius:14px;font-size:17px;padding:0 22px}
body.ed:where(.estilo-apple) .ed-marcas,body.ed:where(.estilo-apple) .ed-ias,body.ed:where(.estilo-apple) .ed-marcas + .ed-ias{margin-top:0;border:0}
body.ed:where(.estilo-apple) .ed-marcas{padding:56px 0 24px}
body.ed:where(.estilo-apple) .ed-ias{padding:24px 0 64px}
body.ed:where(.estilo-apple) .ed-hero > .ed-ias:not(.ed-marcas + .ed-ias){padding-top:56px}
body.ed:where(.estilo-apple) .ed-marcas-et{font-size:14px;font-weight:600;color:var(--ed-ink-2)}
body.ed:where(.estilo-apple) .ed-ias .ed-antetitulo{font-size:14px}

/* Tarjetas: blancas, redondeadas y sin borde sobre el gris de cada bloque */
body.ed:where(.estilo-apple) :is(.ed-tres li,.ed-garantias li,.ed-celda,.ed-paso,.ed-incluye,.ed-calc,.ed-etapa,.ed-analisis-caja,.ed-planes .ed-plan){border:0;border-radius:28px;background:var(--ed-card);box-shadow:none}
body.ed:where(.estilo-apple) :is(.ed-tres li,.ed-garantias li){padding:36px 32px}
body.ed:where(.estilo-apple) .ed-celda{padding:36px}
body.ed:where(.estilo-apple) .ed-analisis-caja{padding:40px}
body.ed:where(.estilo-apple) .ed-embudo-pie p{background:var(--ed-card)}
body.ed:where(.estilo-apple) :is(.ed-tres,.ed-paso,.ed-cadena) .ed-n{font-family:var(--ed-sans);font-weight:600;color:var(--ed-ink-3)}
body.ed:where(.estilo-apple) .ed-tres h3{font-size:24px;line-height:1.17;letter-spacing:-.02em}
body.ed:where(.estilo-apple) :is(.ed-tres p,.ed-paso p,.ed-celda > p,.ed-garantias p){font-size:17px}
body.ed:where(.estilo-apple) .ed-remate{text-align:center;border-top:0;display:flex;flex-direction:column;align-items:center;gap:22px}
body.ed:where(.estilo-apple) .ed-remate p{flex:none;font-size:21px;line-height:1.38;letter-spacing:-.016em;max-width:760px}
body.ed:where(.estilo-apple) .ed-tarjeta,body.ed:where(.estilo-apple) .ed-marco{border:0;border-radius:22px;box-shadow:var(--ed-sombra-2)}
body.ed:where(.estilo-apple) .ed-celda .ed-marco{border:1px solid var(--ed-line-2);box-shadow:var(--ed-sombra)}
body.ed:where(.estilo-apple) .ed-marco-barra,body.ed:where(.estilo-apple) .ed-capa-et,body.ed:where(.estilo-apple) .ed-escena .ed-meta,body.ed:where(.estilo-apple) .ed-cadena-et,body.ed:where(.estilo-apple) .ed-celda > p.ed-omitido{text-transform:none;letter-spacing:0;font-size:13px}
body.ed:where(.estilo-apple) .ed-capa-et .ed-num{border:0;background:var(--ed-card);font-weight:600}
body.ed:where(.estilo-apple) .ed-reticula{display:none}
body.ed:where(.estilo-apple) .ed-pasos{border-top:0;gap:16px}
body.ed:where(.estilo-apple) .ed-paso{padding:28px}
body.ed:where(.estilo-apple) .ed-paso::before{display:none}
body.ed:where(.estilo-apple) .ed-paso h3{font-size:21px;letter-spacing:-.02em}
body.ed:where(.estilo-apple) .ed-celda h3{font-size:28px;line-height:1.14;letter-spacing:-.02em}
body.ed:where(.estilo-apple) .ed-celda .ed-antetitulo{font-size:14px}
body.ed:where(.estilo-apple) .ed-como{border-top:0;text-align:center}
body.ed:where(.estilo-apple) .ed-como .ed-pasos{text-align:left}
body.ed:where(.estilo-apple) .ed-pasos-nota{justify-content:center}
body.ed:where(.estilo-apple) .ed-problema-cab{display:block;text-align:center;max-width:900px;margin:0 auto}
body.ed:where(.estilo-apple) .ed-dato{max-width:560px;margin:48px auto 0;border:0;border-radius:28px;background:var(--ed-card);padding:36px 40px;text-align:center}
body.ed:where(.estilo-apple) .ed-dato .ed-dato-cifra{font-size:80px;letter-spacing:-.03em}
/* La cifra del problema de la portada sube de 0 a su valor la primera vez que se ve (editorial.js). El número lo pinta un
   contador CSS desde --fin; el valor real está en un .ed-sr para lectores de pantalla y buscadores. Sin JavaScript, con
   «reducir movimiento» o sin @property, se ve directamente el valor. Cifras de ancho fijo, en un hueco de dos, para que el
   «%» no baile mientras cuenta. */
@property --ed-cuenta{syntax:'<integer>';inherits:false;initial-value:0}
body.ed:where(.estilo-apple) .ed-cuenta{--ed-cuenta:var(--fin);counter-reset:ed-cuenta var(--ed-cuenta);display:inline-block;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
body.ed:where(.estilo-apple) .ed-cuenta::after{content:counter(ed-cuenta)}
body.ed:where(.estilo-apple) .ed-cuenta.ed-cuenta-espera{--ed-cuenta:0}
body.ed:where(.estilo-apple) .ed-cuenta.ed-cuenta-va{transition:--ed-cuenta 1.6s cubic-bezier(.23,1,.32,1)}
@media (prefers-reduced-motion:reduce){body.ed:where(.estilo-apple) .ed-cuenta.ed-cuenta-va{transition:none}}
body.ed:where(.estilo-apple) .ed-dato p{font-size:17px}
body.ed:where(.estilo-apple) .ed-dato .ed-fuente{font-size:12px}
body.ed:where(.estilo-apple) .ed-valor-remate{font-size:24px;letter-spacing:-.02em}
body.ed:where(.estilo-apple) .ed-cadena .ed-n{border:0;background:var(--ed-card)}
body.ed:where(.estilo-apple) .ed-cadena li > div{border:0;border-radius:18px;box-shadow:none}

/* Bloques negros */
body.ed:where(.estilo-apple) .ed-cifras,body.ed:where(.estilo-apple) .ed-cifra + .ed-cifra{border-color:var(--ed-banda-linea)}
body.ed:where(.estilo-apple) .ed-cifra .result-num{font-size:56px}
body.ed:where(.estilo-apple) :is(.ed-fiar-item p,.ed-cifra p){font-size:17px}
body.ed:where(.estilo-apple) .ed-cierre{padding:120px 0}
body.ed:where(.estilo-apple) .ed-cierre h2{font-size:clamp(2.25rem,1.2rem + 3vw,3.5rem);line-height:1.07;letter-spacing:-.025em}
body.ed:where(.estilo-apple) .ed-cierre-txt{font-size:21px;color:var(--ed-banda-ink-2)}
body.ed:where(.estilo-apple) .ed-cierre-lema{font-size:24px}

/* Precios: control segmentado y plan recomendado con borde azul */
body.ed:where(.estilo-apple) .ed-precios-cab{flex-direction:column;align-items:center;text-align:center}
body.ed:where(.estilo-apple) .ed-segmento{border:0;background:var(--ed-seg);padding:3px}
body.ed:where(.estilo-apple) .ed-segmento .toggle-label.active{background:var(--ed-seg-on);color:var(--ed-ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}
body.ed:where(.estilo-apple) .ed-planes .ed-plan{padding:32px 28px}
body.ed:where(.estilo-apple) .ed-planes .ed-plan.ed-plan-rec,body.ed:where(.estilo-apple) .ed-planes .ed-plan.ed-plan-rec:hover{border:2px solid var(--ed-azul);box-shadow:none}
body.ed:where(.estilo-apple) .ed-chip-rec{font-family:var(--ed-sans);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;background:transparent;color:#bf4800;padding:0}
:root[data-theme="dark"] body.ed:where(.estilo-apple) .ed-chip-rec{color:#ff9f0a}
body.ed:where(.estilo-apple) .ed-planes .ed-plan .plan-name{font-size:24px;letter-spacing:-.02em}

/* Etiquetas pequeñas: sin mayúsculas ni espaciado de letra */
body.ed:where(.estilo-apple) :is(.ed-resultado .aud-score-lab,.ed-resultado .aud-lider-tag,.ed-meta,.ed-celda .ed-paso-n,.ed-sectores-cab > span,.ed-preg-nota,.ed-etiq,.ed-tipos .ed-tipo-aprendes b,.ed-captura-nota,.ed-cadena-et){text-transform:none;letter-spacing:0}

/* Preguntas frecuentes */
body.ed:where(.estilo-apple) .ed-faq-lista details{padding:24px 0}
body.ed:where(.estilo-apple) .ed-faq-lista summary{font-size:19px;letter-spacing:-.02em}
body.ed:where(.estilo-apple) .ed-faq-lista details p{font-size:17px}

/* Pie gris, letra pequeña */
body.ed:where(.estilo-apple) .ed-pie{margin-top:12px;background:var(--ed-bloque);border-top:0;padding:48px 0 32px;font-size:12px}
body.ed:where(.estilo-apple) .ed-pie h3{font-family:var(--ed-sans);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--ed-ink)}
body.ed:where(.estilo-apple) .ed-pie ul{font-size:12px;gap:8px}
body.ed:where(.estilo-apple) .ed-pie-marca p{font-size:12px}

@media (max-width:760px){
  body.ed:where(.estilo-apple) .ed-seccion{padding:64px 0}
  body.ed:where(.estilo-apple) .ed-hero > .ed-contenedor{padding-top:44px;padding-bottom:44px}
  body.ed:where(.estilo-apple) .ed-hero{text-align:center}
  body.ed:where(.estilo-apple) .ed-hero .ed-antetitulo{font-size:17px;margin-bottom:10px}
  body.ed:where(.estilo-apple) .ed-hero h1,body.ed:where(.estilo-apple) .ed-hero .ed-hero-rejilla h1{font-size:2.125rem;line-height:1.1}
  body.ed:where(.estilo-apple) .ed-entrada,body.ed:where(.estilo-apple) .ed-hero-rejilla .ed-entrada{font-size:17px}
  body.ed:where(.estilo-apple) .ed-seccion h2{font-size:2rem}
  body.ed:where(.estilo-apple) .ed-seccion-sub,body.ed:where(.estilo-apple) .ed-remate p{font-size:17px}
  body.ed:where(.estilo-apple) .ed-dato{padding:28px 24px}
  body.ed:where(.estilo-apple) .ed-dato .ed-dato-cifra{font-size:56px}
  body.ed:where(.estilo-apple) :is(.ed-tres li,.ed-garantias li,.ed-celda){padding:28px 24px}
  body.ed:where(.estilo-apple) .ed-remate .ed-btn{width:auto}
  body.ed:where(.estilo-apple) .ed-cierre{padding:80px 0}
  body.ed:where(.estilo-apple) .ed-campo{border-radius:0}
  body.ed:where(.estilo-apple) .ed-campo + .ed-campo{background:none;border-top:1px solid var(--ed-line-2)}
  body.ed:where(.estilo-apple) .ed-marcas{text-align:center;padding:44px 0 20px}
}