/* pemf.es — hoja de estilos única. La genera _scripts/generar.py copiándola tal cual. */
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(/assets/fuentes/barlow-400-latin.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(/assets/fuentes/barlow-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Barlow";font-weight:500;font-display:swap;src:url(/assets/fuentes/barlow-500-latin.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(/assets/fuentes/barlow-600-latin.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(/assets/fuentes/barlowcondensed-600-latin.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(/assets/fuentes/barlowcondensed-700-latin.woff2) format("woff2")}

:root{
  --azul:#14336b;        /* azul oscuro del logo */
  --azul-2:#0e2550;
  --celeste:#2f9be3;     /* azul claro del logo */
  --celeste-suave:#e8f3fc;
  --tinta:#1d2533;
  --gris:#5b6475;
  --linea:#dfe4ec;
  --fondo:#ffffff;
  --fondo-2:#f4f7fb;
  --wasap:#13803f;       /* verde oscurecido: el blanco encima da 5:1 (el #1fa855 daba 3:1) */
  --wasap-2:#0f6a34;
  --radio:14px;
  --ancho:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 18px/1.65 "Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta);background:var(--fondo)}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul)}
a:hover{color:var(--celeste)}
h1,h2,h3{font-family:"Barlow Condensed","Barlow",sans-serif;font-weight:700;line-height:1.08;color:var(--azul);margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.4rem,5.4vw,4rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}
h3{font-size:1.45rem;font-weight:600}
p{margin:0 0 1em;text-wrap:pretty}
.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 20px}
.saltar{position:absolute;left:-9999px}
.saltar:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px}

/* Cabecera */
.cabecera{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--linea)}
.cabecera .contenedor{display:flex;align-items:center;gap:20px;min-height:72px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--azul);font:700 1.6rem/1 "Barlow Condensed",sans-serif;letter-spacing:.01em}
.marca img{width:40px;height:auto}
.marca span b{color:var(--celeste);font-weight:700}
.menu{margin-left:auto;display:flex;align-items:center;gap:4px}
.menu a{text-decoration:none;color:var(--tinta);font-weight:500;padding:10px 12px;border-radius:8px}
.menu a:hover,.menu a[aria-current=page]{color:var(--azul);background:var(--celeste-suave)}
.menu .grupo{position:relative}
.menu .sub{display:none;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--linea);border-radius:12px;padding:8px;box-shadow:0 18px 40px rgba(20,51,107,.12)}
.menu .sub a{display:block}
.menu .grupo:hover .sub,.menu .grupo:focus-within .sub{display:block}
.boton-menu{display:none;margin-left:auto;background:none;border:1px solid var(--linea);border-radius:10px;padding:10px 12px;font:600 1rem "Barlow";color:var(--azul);cursor:pointer}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:999px;font:600 1.05rem/1.2 "Barlow",sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
.boton:hover{transform:translateY(-1px)}
.boton--wasap{background:var(--wasap);color:#fff}
.boton--wasap:hover{background:var(--wasap-2);color:#fff}
.boton--azul{background:var(--azul);color:#fff}
.boton--azul:hover{background:var(--azul-2);color:#fff}
.boton--borde{border-color:var(--azul);color:var(--azul);background:#fff}
.boton--borde:hover{background:var(--celeste-suave);color:var(--azul)}
.boton svg{width:22px;height:22px;flex:none}
.botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.menu .boton{min-height:44px;padding:8px 18px;margin-left:8px;font-size:.98rem}
/* Con «Contactar con un distribuidor BEMER» la cabecera no cabe en una línea por debajo de 1.100 px: menú plegado */
.menu .boton{white-space:nowrap}
@media (max-width:1100px){
  .boton-menu{display:inline-flex}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 16px 18px;border-bottom:1px solid var(--linea);box-shadow:0 20px 30px rgba(20,51,107,.1)}
  .menu.abierto{display:flex}
  .menu .sub{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0}
  .menu .boton{margin:10px 0 0}
}
/* Botón «Contactar con BEMER» de la cabecera (a ramonfandos.es) */
.menu .boton--bemer,.menu .boton--bemer:hover{background:#fff;color:var(--azul);border-color:var(--azul);font-weight:600}
.menu .boton--bemer:hover{background:var(--celeste-suave)}
/* .menu a pone el texto en gris oscuro: en el botón verde tiene que ser blanco */
.menu .boton--wasap,.menu .boton--wasap:hover{color:#fff;font-weight:600}
.menu .boton--wasap:hover{background:var(--wasap-2)}

/* Portada de cada página */
.portada{background:linear-gradient(135deg,var(--fondo-2) 0%,#fff 60%);padding:64px 0 56px;overflow:hidden}
.portada .contenedor{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.portada .antetitulo{display:inline-block;font-weight:600;color:var(--celeste);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;margin-bottom:14px}
.portada .entradilla{font-size:1.2rem;color:var(--gris);max-width:36em}
.portada figure{margin:0}
.portada figure img{width:100%;max-height:520px;object-fit:cover;border-radius:22px;box-shadow:0 30px 60px rgba(20,51,107,.18)}
.portada figure:not(.producto) img{aspect-ratio:4/5;object-position:50% 40%}
.portada figure.producto img{object-fit:contain;background:#fff;box-shadow:none;max-height:460px}
.portada figure.oscura img{background:#000}
.portada--simple .contenedor{grid-template-columns:1fr}
.migas{font-size:.9rem;color:var(--gris);margin-bottom:10px}
.migas a{color:var(--gris)}

/* Bloques */
.bloque{padding:72px 0}
.bloque--gris{background:var(--fondo-2)}
.bloque--azul{background:var(--azul);color:#e9eef7}
.bloque--azul h2,.bloque--azul h3{color:#fff}
.bloque--azul a:not(.boton){color:#fff}
.cabeza{max-width:760px;margin-bottom:36px}
.cabeza p{color:var(--gris);font-size:1.12rem}
.bloque--azul .cabeza p{color:#c9d5ea}
.prosa{max-width:760px}
.prosa h2{margin-top:1.4em}
.prosa h2:first-child{margin-top:0}
.prosa ul{padding-left:1.2em}
.prosa li{margin-bottom:.4em}

.duo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.duo--invertido figure{order:2}
.duo figure{margin:0}
.duo figure img{width:100%;border-radius:18px;object-fit:cover;max-height:540px}
.duo figure.producto img{object-fit:contain;background:#fff}

/* Tarjetas */
.rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.rejilla--2{grid-template-columns:repeat(2,1fr)}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column}
.tarjeta figure{margin:0;background:#fff;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--linea)}
.tarjeta figure img{width:100%;height:100%;object-fit:contain;padding:16px}
.tarjeta figure.oscura{background:#000}
.tarjeta .cuerpo{padding:22px 24px 26px;display:flex;flex-direction:column;gap:6px;flex:1}
.tarjeta .cuerpo p{color:var(--gris);margin:0}
.tarjeta .botones{margin-top:auto;padding-top:16px}
.tarjeta .boton{min-height:46px;padding:10px 18px;font-size:.98rem}
.etiqueta{align-self:flex-start;background:#fff4e0;color:#8a5300;font-weight:600;font-size:.85rem;padding:3px 10px;border-radius:999px}

.ventajas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ventaja{background:#fff;border-radius:var(--radio);padding:26px;border-top:4px solid var(--celeste)}
.ventaja h3{margin-bottom:.3em}
.ventaja p{margin:0;color:var(--gris)}
.bloque--azul .ventaja{background:rgba(255,255,255,.06);border-top-color:var(--celeste)}
.bloque--azul .ventaja p{color:#c9d5ea}

.lista-tec{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;padding:0;margin:0 0 1em;list-style:none}
.lista-tec li{padding:12px 16px;background:#fff;border:1px solid var(--linea);border-radius:10px;font-weight:500}
.lista-tec li::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--celeste);margin-right:10px;vertical-align:middle}

/* Pasos de la sesión */
.pasos{display:grid;gap:22px;counter-reset:paso}
.paso{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:18px}
.paso figure{margin:0}
.paso figure img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.paso .num{font:700 2.4rem/1 "Barlow Condensed";color:var(--celeste)}
.paso h3{margin:.1em 0 .3em}
.paso p{margin:0;color:var(--gris)}
.paso--sin-foto{grid-template-columns:1fr}

.marcas{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:center;font:700 1.6rem "Barlow Condensed";color:var(--azul);letter-spacing:.04em}
.marcas a{text-decoration:none}

.aviso-salud{background:var(--celeste-suave);border-left:4px solid var(--celeste);padding:18px 22px;border-radius:10px;color:var(--tinta)}
.aviso-salud p:last-child{margin:0}

/* Cómo elegir: las seis preguntas */
.quien{max-width:820px;background:var(--celeste-suave);border-left:4px solid var(--celeste);border-radius:10px;padding:20px 24px;margin-bottom:40px}
.quien p{margin:0}
.preguntas{display:grid;gap:22px;max-width:920px}
.pregunta{display:grid;grid-template-columns:64px 1fr;gap:20px;background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:28px;scroll-margin-top:90px}
.pregunta .num{font:700 3rem/1 "Barlow Condensed";color:var(--celeste)}
.pregunta h3{margin-top:.1em}
.pregunta p{color:var(--gris)}
.pregunta .pedir{color:var(--tinta)}
.respuesta-bemer{background:var(--fondo-2);border-radius:10px;padding:16px 20px}
.respuesta-bemer span{display:block;font-weight:600;color:var(--azul);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;margin-bottom:6px}
.respuesta-bemer p{margin:0;color:var(--tinta)}
.tabla-envoltura{overflow-x:auto}
.tabla-lista{width:100%;max-width:920px;border-collapse:collapse;background:#fff;color:var(--tinta);border-radius:var(--radio);overflow:hidden}
.tabla-lista th,.tabla-lista td{padding:14px 18px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:middle}
.tabla-lista th{background:var(--fondo-2);color:var(--azul);font-weight:600}
.bloque--azul .tabla-lista a{color:var(--azul)}
.tabla-lista .si{font-weight:600;color:#178c46;white-space:nowrap}
.tabla-lista .hueco{min-width:140px}

/* Fichas de marca */
.tabla-ficha{width:100%;max-width:920px;border-collapse:collapse;background:#fff;border:1px solid var(--linea);border-radius:var(--radio)}
.tabla-ficha th,.tabla-ficha td{padding:12px 18px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
.tabla-ficha th{width:34%;color:var(--azul);font-weight:600;background:var(--fondo-2)}
.sin-dato{color:var(--gris);font-style:italic}
.fuente{font-size:.85rem;color:var(--gris);white-space:nowrap}
.estudios{max-width:920px;padding-left:1.2em}
.estudios li{margin-bottom:.5em}
.tabla-frente .si{color:#178c46;white-space:normal}
.tarjeta--texto{border-top:4px solid var(--celeste)}
.ventaja--enlace{display:block;text-decoration:none;color:inherit;border:1px solid var(--linea);border-top:4px solid var(--celeste);transition:transform .15s,box-shadow .15s}
.ventaja--enlace:hover{color:inherit;transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,51,107,.10)}
.ventaja--enlace h3{font-size:1.3rem}
.ventaja--enlace p strong{color:var(--azul)}
.destacada{flex-direction:row;border:2px solid var(--azul)}
.destacada figure{flex:0 0 38%;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--linea)}
@media (max-width:820px){.destacada{flex-direction:column}.destacada figure{border-right:0;border-bottom:1px solid var(--linea);aspect-ratio:4/3}}

/* Experiencia personal de Ramón en una ficha */
.experiencia{max-width:820px;background:#fff8ec;border-left:4px solid #e8a33d;border-radius:10px;padding:22px 26px;margin-bottom:40px}
.experiencia h2{font-size:1.6rem;margin-bottom:.4em}
.experiencia .firma{margin:0}

/* Comparativa de todas las marcas */
.comparativa{scroll-margin-top:90px;border:1px solid var(--linea);border-radius:var(--radio);background:#fff;box-shadow:0 14px 34px rgba(20,51,107,.08)}
.tabla-comparativa{width:100%;border-collapse:separate;border-spacing:0;font-size:.98rem;min-width:760px}
.tabla-comparativa th,.tabla-comparativa td{padding:14px 16px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
.tabla-comparativa thead th{background:var(--azul);color:#fff;font-weight:600;position:sticky;top:0}
.tabla-comparativa thead th a{color:#fff}
.tabla-comparativa tbody th{font-weight:600;background:#fff;min-width:190px}
.tabla-comparativa tbody th a{color:var(--azul)}
.tabla-comparativa th:first-child{position:sticky;left:0;z-index:1}
.tabla-comparativa thead th:first-child{z-index:2}
.tabla-comparativa .col-bemer{background:#eaf7ef;color:#0f5a2c;font-weight:600}
.tabla-comparativa thead .col-bemer{background:var(--wasap);color:#fff}
.tabla-comparativa .fila-fichas td,.tabla-comparativa .fila-fichas th{border-bottom:0}
.tabla-comparativa .fila-fichas .boton{min-height:40px;padding:8px 14px;font-size:.9rem}
.nota-tabla{font-size:.88rem;color:var(--gris);margin-top:12px}
.resumen-comparativa{background:#eaf7ef;border-left:4px solid var(--wasap);border-radius:10px;padding:16px 20px;margin-bottom:18px;max-width:920px}
.resumen-comparativa p{margin:0}
.barra-comparativa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-bottom:12px}
.barra-comparativa .fecha-datos{margin:0}
.selector-comparativa{font-weight:600;color:var(--azul);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.selector-comparativa select{font:500 1rem "Barlow",sans-serif;padding:8px 12px;border:1px solid #c3cbd8;border-radius:10px;background:#fff;color:var(--tinta);max-width:100%}
.tabla-comparativa.pocas{min-width:0;table-layout:fixed}
.tabla-comparativa.pocas tbody th,.tabla-comparativa.pocas thead th:first-child{width:28%;min-width:0}
.tabla-comparativa thead th{white-space:nowrap}
.chips-comparativa{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.chips-comparativa span{font-weight:600;color:var(--azul);margin-right:4px}
.chips-comparativa button{font:500 .95rem "Barlow",sans-serif;padding:7px 14px;border-radius:999px;border:1px solid #c3cbd8;background:#fff;color:var(--tinta);cursor:pointer}
.chips-comparativa button[aria-pressed="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.chips-comparativa .chip-todas{border-style:dashed}
@media (max-width:700px){.tabla-comparativa.pocas tbody th,.tabla-comparativa.pocas thead th:first-child{width:38%}}
.tabla-comparativa.una td,.tabla-comparativa.una th{width:auto}
.fecha-datos{display:inline-block;font-size:.92rem;font-weight:600;color:var(--azul);background:var(--celeste-suave);border-radius:999px;padding:4px 14px;margin:0 0 12px}
.bloque--comparativa{padding-top:40px}
@media (max-width:560px){.tabla-comparativa{font-size:.9rem}.tabla-comparativa th,.tabla-comparativa td{padding:12px 12px}.tabla-comparativa tbody th{min-width:150px}}

/* Cronología */
.cronologia{list-style:none;padding:0;margin:1.5em 0;border-left:3px solid var(--celeste-suave)}
.cronologia li{position:relative;padding:0 0 1.2em 26px}
.cronologia li::before{content:"";position:absolute;left:-8px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--celeste)}
.cronologia .anio{display:block;font:700 1.3rem/1.2 "Barlow Condensed","Barlow",sans-serif;color:var(--azul)}
.cronologia p{margin:.2em 0 0}

/* Glosario */
.glosario{margin:0 0 1.5em}
.glosario dt{font:700 1.25rem/1.3 "Barlow Condensed","Barlow",sans-serif;color:var(--azul);margin-top:1.2em}
.glosario dd{margin:.25em 0 0;padding-bottom:.9em;border-bottom:1px solid var(--linea)}

/* Preguntas frecuentes */
.faq{border:1px solid var(--linea);border-radius:12px;background:#fff;margin-bottom:12px}
.faq summary{cursor:pointer;padding:16px 20px;font:600 1.15rem/1.3 "Barlow",sans-serif;color:var(--azul);list-style:none;position:relative;padding-right:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--celeste)}
.faq[open] summary::after{content:"–"}
.faq p{padding:0 20px 18px;margin:0;color:var(--tinta)}

/* Formulario de prueba */
.antetitulo-bloque{display:inline-block;font-weight:600;color:var(--celeste);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;margin-bottom:10px}
.firma{font:600 1.1rem/1.3 "Barlow";color:var(--azul);margin-top:1.4em}
.firma span{font-weight:400;color:var(--gris);font-size:.95rem}
.formulario{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:28px;display:grid;gap:16px}
.formulario__fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.formulario label{display:block;font-weight:600;margin-bottom:6px;font-size:1rem}
.formulario .opcional{font-weight:400;color:var(--gris)}
.formulario .ayuda{display:block;margin-top:.3rem;font-size:.85rem;color:var(--gris)}
.formulario input[type=text],.formulario input[type=email],.formulario input[type=tel],.formulario textarea{width:100%;font:400 1rem/1.4 "Barlow",sans-serif;padding:12px 14px;border:1px solid #c3cbd8;border-radius:10px;background:#fff;color:var(--tinta)}
.formulario input:focus,.formulario textarea:focus{outline:3px solid rgba(47,155,227,.35);border-color:var(--celeste)}
.formulario__casilla{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.formulario__casilla input{width:20px;height:20px;margin-top:3px}
.formulario__casilla label{font-weight:400;font-size:.92rem;color:var(--gris)}
.cazabobos{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formulario__aviso{margin:0;font-size:.95rem;min-height:0}
.formulario__aviso:empty{display:none}
.formulario__aviso--error{color:#b3261e}
.formulario__aviso--espera{color:var(--gris)}
.formulario__gracias{background:#fff;border:1px solid var(--linea);border-left:4px solid var(--wasap);border-radius:var(--radio);padding:28px}
.formulario__gracias p:last-child{margin:0}

/* Llamada final */
.llamada{background:var(--azul);color:#e9eef7;border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.llamada h2{color:#fff;margin-bottom:.25em}
.llamada p{margin:0;color:#c9d5ea}

/* Pie */
.pie{background:#0b1d40;color:#b9c6dd;padding:56px 0 32px;font-size:.95rem}
.pie a{color:#fff}
.pie .columnas{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.pie h2{color:#fff;font-size:1.2rem}
.pie ul{list-style:none;padding:0;margin:0}
.pie li{margin-bottom:6px}
.pie .descargo{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:22px;font-size:.88rem;color:#9fb0cc}

/* WhatsApp flotante */
.wasap-flotante{color:#fff;position:fixed;right:18px;bottom:18px;z-index:60;width:62px;height:62px;border-radius:50%;background:var(--wasap);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.wasap-flotante svg{width:34px;height:34px}
.wasap-flotante:hover{background:var(--wasap-2)}

/* Botón fijo «Pruébalo 2 meses en casa» (abajo a la izquierda; WhatsApp va a la derecha) */
.prueba-flotante{position:fixed;left:18px;bottom:22px;z-index:60;display:inline-flex;align-items:center;min-height:52px;padding:10px 22px;border-radius:999px;background:var(--azul);color:#fff;font:600 1rem/1.2 "Barlow",sans-serif;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.22);transition:opacity .2s,transform .2s}
.prueba-flotante:hover{background:var(--azul-2);color:#fff}
.prueba-flotante.oculto{opacity:0;transform:translateY(20px);pointer-events:none}
@media (max-width:560px){.prueba-flotante{left:12px;bottom:20px;min-height:48px;padding:8px 18px;font-size:.95rem}}

/* Autoría y fecha de las guías */
.autoria{font-size:.92rem;color:var(--gris);border-bottom:1px solid var(--linea);padding-bottom:12px;margin-bottom:1.6em}

/* Aparición suave */
@media (prefers-reduced-motion:no-preference){
  .aparece{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .aparece.visto{opacity:1;transform:none}
}

/* Móvil */
@media (max-width:960px){
  .rejilla,.ventajas{grid-template-columns:repeat(2,1fr)}
  .pie .columnas{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .boton-menu{display:inline-flex}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 16px 18px;border-bottom:1px solid var(--linea);box-shadow:0 20px 30px rgba(20,51,107,.1)}
  .menu.abierto{display:flex}
  .menu .sub{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0}
  .menu .boton{margin:10px 0 0}
  .portada{padding:40px 0}
  .portada .contenedor,.duo,.llamada{grid-template-columns:1fr;gap:28px}
  .duo--invertido figure{order:0}
  .bloque{padding:52px 0}
  .lista-tec{grid-template-columns:1fr}
  .paso{grid-template-columns:1fr;gap:14px}
  .paso figure img{aspect-ratio:16/10}
  .llamada{padding:32px 24px}
}
@media (max-width:560px){
  body{font-size:17px}
  .contenedor{padding:0 16px}
  .rejilla,.rejilla--2,.ventajas,.pie .columnas{grid-template-columns:1fr}
  .botones .boton{width:100%}
  .formulario__fila{grid-template-columns:1fr}
  .formulario{padding:20px}
  .pregunta{grid-template-columns:1fr;gap:6px;padding:22px 20px}
  .pregunta .num{font-size:2.4rem}
  .tabla-lista th,.tabla-lista td{padding:12px 10px;font-size:.95rem}
  .tabla-lista .hueco{min-width:0;width:22%}
}