/* /negocios-locales (4 nov, con el kit v2): lo que solo tiene esta página. La escena de la cabecera es lo que ve tu cliente en Google Maps
   (la búsqueda, el plano, tres fichas y lo que te quita clientes); S4 lleva sus piezas; S5, una lista que se marca y se cuenta en CSS; S6,
   las tarjetas por sector; S7, la tabla por grupos al lado del panel; S10, las 75 fuentes en puntos; S11, las reseñas que faltan en puntos.
   Solo transform y opacity en lo que se mueve. */
.np-est{--t:13px;position:relative;display:inline-block;flex:none;width:calc(var(--t) * 5);height:calc(var(--t) * .92);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath fill='%23E9E6DE' d='M6 .3l1.6 3.8 4.1.3-3.1 2.7 1 4.1L6 9l-3.6 2.2 1-4.1L.3 4.4l4.1-.3z'/%3E%3C/svg%3E") 0 0/var(--t) 100% repeat-x}
.np-est::before{content:"";position:absolute;inset:0;width:calc(var(--n) * 20%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath fill='%23121416' d='M6 .3l1.6 3.8 4.1.3-3.1 2.7 1 4.1L6 9l-3.6 2.2 1-4.1L.3 4.4l4.1-.3z'/%3E%3C/svg%3E") 0 0/var(--t) 100% repeat-x}
sup.y::before{content:",";color:var(--texto-3)}

/* ── S2: las dos acciones (la llamada manda; la clave, como enlace) y la escena de Google Maps ─────────────────────────────────── */
@media (min-width:761px){.np-acciones .cabecera-accion:first-child{flex:1 1 19em}.np-otra{flex:1 1 13em}}
.np-enlace{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:600;color:var(--texto);text-decoration:underline;text-decoration-color:var(--linea-3);text-underline-offset:4px}
.np-enlace:hover{text-decoration-color:currentColor}
.np-enlace .flecha{transition:transform .2s var(--suave)}
.np-enlace:hover .flecha{transform:translateX(3px)}
.np-busca{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 14px;border-radius:999px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta);font-size:15.5px;font-weight:500;color:var(--texto);white-space:nowrap;overflow:hidden}
.np-busca img{flex:none;width:22px;height:22px}
.np-busca::after{content:"";flex:none;width:18px;height:18px;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367635B' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5l5 5'/%3E%3C/svg%3E") center/contain no-repeat}
.np-busca em{margin-right:.25em}
.np-plano{position:relative;display:block;height:92px;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--linea);
  background:linear-gradient(104deg,transparent 47%,var(--tarjeta) 47.5% 50%,transparent 50.5%),linear-gradient(6deg,transparent 56%,var(--tarjeta) 56.5% 59%,transparent 59.5%),var(--trama) 0 0/12px 12px,var(--pista)}
.np-plano i{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;margin:-18px 0 0 -9px;border-radius:50% 50% 50% 0;background:var(--tinta);transform:rotate(-45deg);box-shadow:-2px 2px 6px -2px rgba(18,20,22,.45)}
.np-plano i::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--tarjeta)}
.np-plano i.tuya{width:22px;height:22px;margin:-22px 0 0 -11px;background:var(--naranja)}
.np-plano i.tuya::after{inset:7px}
.np-plano i:nth-child(2){--i:1}.np-plano i:nth-child(3){--i:2}
.np-fichas{display:grid;gap:8px}
.np-fichas li{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea),var(--sombra-tarjeta)}
.np-fichas li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--tinta)}
.np-fichas li.tuya{box-shadow:0 0 0 1.5px rgba(254,90,32,.6),var(--sombra-alza)}
.np-fichas li.tuya::before{background:var(--naranja)}
.np-mapa .ec{grid-template-columns:minmax(0,1fr)}
.np-fichas b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:560;color:var(--texto)}
.np-fichas em.c,.np-prueba em.c{background:var(--hundido);color:var(--texto-2)}
.np-val{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--texto);font-variant-numeric:tabular-nums}
.np-val small{font-size:13px;font-weight:500;color:var(--texto-3)}
.np-mapa .ec-flota{bottom:-34px}
@media (min-width:1000px){.np-mapa .np-fichas li.tuya{margin:0 -26px 0 26px}}
@media (prefers-reduced-motion:no-preference){
  .ec.activa .np-busca{animation:ec-entra .4s var(--e) .2s both}
  .ec.activa .np-plano i{animation:np-cae .5s var(--e) calc(.4s + var(--i,0) * .1s) both}
  .ec.activa .np-fichas li{animation:ec-entra .5s var(--e) calc(.55s + var(--i,0) * .1s) both}
  .escena-cab.cambia .ec.activa .np-busca{animation-delay:0s}
  .escena-cab.cambia .ec.activa .np-plano i{animation-delay:calc(.1s + var(--i,0) * .08s)}
  .escena-cab.cambia .ec.activa .np-fichas li{animation-delay:calc(.15s + var(--i,0) * .08s)}
}
@keyframes np-cae{from{opacity:0;transform:translateY(-10px) rotate(-45deg)}}
@media (max-width:999px){
  .np-mapa{height:376px}
  .np-mapa .np-plano,.np-mapa .np-fichas li:nth-child(3){display:none}
  .np-mapa .ec-flota{bottom:62px}
}
@media (max-width:379px){.np-fichas li{gap:10px;padding:12px 14px}.np-val small{display:none}}

/* ── S3 y S4 ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
.cifras.np-dos{grid-template-columns:repeat(2,minmax(0,1fr))}
.np-cierre{margin-top:clamp(36px,4.5vw,56px)}
.paso-t .burbuja{white-space:nowrap}
.pz-plano{padding:0;overflow:hidden}
.pz-plano .np-plano{width:100%;height:84px;border-radius:14px}
.pz-notas{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pz-notas>span{display:grid;gap:5px;padding:9px 10px;border-radius:10px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea)}
.pz-notas b{font-size:22px;font-weight:340;font-stretch:118%;letter-spacing:-.04em;line-height:1;color:var(--texto)}
.pz-notas small{font-size:11px;color:var(--texto-3)}
.paso-pieza .np-est{--t:10px}
.pz-recientes,.pz-respuesta{display:grid;gap:8px;align-content:start}
.np-orden{display:flex;gap:4px}
.np-orden span{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--tarjeta);box-shadow:0 0 0 1px var(--linea);font-size:11.5px;font-weight:600;white-space:nowrap}
.np-orden .si{background:var(--tinta);color:#fff;box-shadow:none}
.np-linea{display:flex;align-items:center;gap:10px}
.np-linea .esq{flex:1}
.np-linea small{font-size:12px;color:var(--texto-3)}
.np-resp{display:grid;gap:6px;margin-left:14px;padding:8px 10px;border-left:2px solid var(--naranja);border-radius:0 8px 8px 0;background:var(--tarjeta)}
.np-resp em{justify-self:end;font-size:11px}

/* ── S5: la lista que se marca. La casilla nativa, invisible, encima de su número; el contador de CSS las cuenta. ──────────────── */
.np-hoy-caja{counter-reset:hechas;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,25rem);gap:clamp(32px,5vw,80px);align-items:start}
.np-hoy{counter-reset:hoy;max-width:44em}
.np-hoy>li{position:relative;counter-increment:hoy;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--linea)}
.np-hoy>li:first-child{padding-top:0;border-top:0}
.np-hoy input{position:absolute;z-index:1;left:0;top:24px;width:44px;height:44px;margin:0;opacity:0;cursor:pointer}
.np-hoy>li:first-child input{top:0}
.np-hoy label{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tarjeta);box-shadow:inset 0 0 0 1.5px var(--linea-3);font-size:17px;font-weight:600;color:var(--texto);transition:box-shadow .2s}
.np-hoy label::before{content:counter(hoy)}
.np-hoy label::after{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .35s var(--e-back2,ease);
  background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/22px no-repeat}
.np-hoy li:hover label{box-shadow:inset 0 0 0 1.5px var(--texto-3)}
.np-hoy input:checked+label{counter-increment:hechas}
.np-hoy input:checked+label::after{opacity:1;transform:none}
.np-hoy input:focus-visible+label{outline:2px solid var(--tinta);outline-offset:3px}
.np-hoy p{padding-top:9px;font-size:clamp(16.5px,1.2vw,17.5px);line-height:1.6;color:var(--texto-2)}
.np-hoy p>b:first-child{display:block;margin-bottom:4px;font-size:19px;font-weight:560;font-stretch:104%;letter-spacing:-.014em;line-height:1.35;color:var(--texto)}
.np-hoy p>a,.np-hoy-fin a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.np-hoy.anima>li{opacity:0;transform:translateY(12px)}
.np-hoy.en>li{opacity:1;transform:none;transition:opacity .45s ease calc(var(--i) * 70ms),transform .6s var(--e) calc(var(--i) * 70ms)}
.np-hoy-lado{position:sticky;top:calc(var(--cab) + 96px);display:grid;gap:22px;padding:clamp(22px,2.6vw,32px);border-radius:24px;background:var(--hundido)}
.np-hoy-cuenta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--linea-2)}
.np-hoy-n::before{content:counter(hechas);font-size:clamp(44px,4vw,58px);font-weight:300;font-stretch:118%;letter-spacing:-.05em;line-height:1;color:var(--texto);font-variant-numeric:tabular-nums}
.np-hoy-n::after{content:"de 6 hechas";margin-left:8px;font-size:14px;font-weight:500;color:var(--texto-3)}
.np-hoy-puntos{display:flex;gap:6px}
.np-hoy-puntos i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--linea-3);transition:transform .3s var(--e-back2,ease)}
.np-hoy-caja:has(#hoy-1:checked) .np-hoy-puntos i:nth-child(1),.np-hoy-caja:has(#hoy-2:checked) .np-hoy-puntos i:nth-child(2),.np-hoy-caja:has(#hoy-3:checked) .np-hoy-puntos i:nth-child(3),
.np-hoy-caja:has(#hoy-4:checked) .np-hoy-puntos i:nth-child(4),.np-hoy-caja:has(#hoy-5:checked) .np-hoy-puntos i:nth-child(5),.np-hoy-caja:has(#hoy-6:checked) .np-hoy-puntos i:nth-child(6){background:var(--naranja);box-shadow:none;transform:scale(1.15)}
.np-hoy-caja:not(:has(.np-hoy input:not(:checked))) .np-hoy-n::before{color:var(--naranja)}
.np-hoy-fin{font-size:16.5px;line-height:1.6;color:var(--texto)}
@media (max-width:999px){.np-hoy-caja{grid-template-columns:minmax(0,1fr)}.np-hoy-lado{position:static}}

/* ── S6: las tarjetas por sector y quien busca la suya ────────────────────────────────────────────────────────────────────────── */
.np-elige{margin-top:clamp(28px,3.5vw,40px);margin-bottom:0}
.np-elige img{width:18px;height:18px}
.np-sectores{margin-top:20px}
@media (min-width:1200px){.np-sectores{grid-template-columns:repeat(3,minmax(0,1fr))}}
.np-sectores .quien-tarjeta{transition:transform .24s var(--e),box-shadow .24s,opacity .3s ease,border-color .2s}
.np-sectores.anima .quien-tarjeta{opacity:0;transform:translateY(14px)}
.np-sectores.en .quien-tarjeta{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * 60ms),transform .7s var(--e) calc(var(--i) * 60ms),box-shadow .24s,border-color .2s}
.np-sectores .quien-tarjeta:hover{transform:translateY(-2px);box-shadow:var(--sombra-alza);transition-delay:0s}
.np-sectores[data-s] .quien-tarjeta:not(.elegida){opacity:.4;transition-delay:0s}
.np-sectores .elegida{border-color:rgba(254,90,32,.6);box-shadow:var(--sombra-alza)}
.np-pesa{display:grid;gap:12px;width:100%;margin-top:6px;padding-top:14px;border-top:1px solid var(--linea)}
.np-pesa li{font-size:15px;line-height:1.5;color:var(--texto-2)}
.np-pesa b{font-weight:600;color:var(--texto)}
.np-pesa li:nth-child(2){padding:12px 14px;border-radius:12px;background:var(--hundido);color:var(--texto)}

/* ── S7: la tabla, por grupos, al lado del panel; cada grupo enseña su pantalla ───────────────────────────────────────────────── */
/* Con una entradilla más alta que el título (S7 y S13), los dos arriba: el H2 y su número no bajan y se lee antes que su párrafo. */
:is(#que-miramos,#para-quien)>.contenedor>.bloque-cab.dos{align-items:start}
.np-grupos{margin:clamp(32px,4vw,48px) 0 0}
.tinta .np-grupos button{background:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);color:rgba(255,255,255,.78)}
.tinta .np-grupos button::before{background:#fff}
.tinta .np-grupos button[aria-pressed="true"]{color:var(--tinta)}
.np-mira{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(24px,3.2vw,48px);align-items:start;margin-top:22px}
.np-mira .captura{position:sticky;top:calc(var(--cab) + 96px);margin-top:0}
.np-mira [data-pestanas]{display:none!important}
.np-mira .escena-fondo,.np-responde .escena-fondo{padding:28px 24px 52px}
@media (min-width:761px){.np-mira figcaption p,.np-responde figcaption p{margin-top:44px}}
.tabla-mira tbody th{width:36%;font-size:15.5px;line-height:1.35}
.tabla-mira tbody th .ic{display:block;margin-bottom:10px;color:var(--texto-3)}
.tabla-mira tbody tr.fuera-filtro{display:none}
.tabla-mira tbody tr.entra{animation:aparece .3s ease both}
@media (max-width:999px){.np-mira{grid-template-columns:minmax(0,1fr)}.np-mira .captura{position:static}}
@media (max-width:760px){.tabla-mira tbody th{width:auto}.tabla-mira tbody th .ic{margin-bottom:8px}.np-mira .captura-marco,.np-responde .captura-marco{width:auto;margin-right:var(--margen)}}

/* ── S8: lo que hacemos y, a su lado, una respuesta que espera tu visto bueno; los 30 días ─────────────────────────────────────── */
.np-hace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:start}
.np-hace .lista-check{max-width:36em}
.np-hace .lista-check a{color:var(--texto);text-underline-offset:3px;text-decoration-color:var(--linea-3)}
.np-hace .captura{position:sticky;top:calc(var(--cab) + 96px);margin-top:0}
.np-borrador{border-color:rgba(254,90,32,.4)}
.np-firma{justify-self:end;font-size:12.5px;color:var(--texto-3)}
.np-botones{display:flex;justify-content:flex-end;gap:8px}
.np-botones .cp-chip{height:32px;padding:0 13px;font-size:13px}
.escena-flota .np-ok{display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px;color:var(--bueno)}
.np-30 .nota-clave-vis{display:grid;grid-template-columns:auto auto;gap:8px 18px;align-items:center;justify-items:start}
.np-30-n{grid-row:span 3;font-size:clamp(48px,4.6vw,68px);font-weight:300;font-stretch:118%;letter-spacing:-.05em;line-height:.85;color:var(--texto)}
.np-30-n small{display:block;margin-top:6px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--texto-3)}
.np-30 .pastilla{background:var(--tarjeta)}
.np-30 .pastilla::before{width:14px;height:14px;background:var(--naranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/10px no-repeat}
@media (max-width:999px){.np-hace{grid-template-columns:minmax(0,1fr)}.np-hace .captura{position:static}}

/* ── S9: la prueba de la banda, lo que ve tu cliente ───────────────────────────────────────────────────────────────────────────── */
.np-prueba .np-busca{height:44px;font-size:14.5px;box-shadow:none}
.np-prueba em{font-style:normal;padding:0 .14em;border-radius:.25em;background:var(--tuyo-suave);color:var(--tuyo)}
.np-prueba .np-fichas li{padding:12px 14px;box-shadow:none}
.np-prueba .np-fichas li.tuya{box-shadow:0 0 0 1.5px var(--naranja)}

/* ── S10: las 75 fuentes que citó, en puntos que se encienden una vez ─────────────────────────────────────────────────────────── */
.np-ia{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.np-75{container-type:inline-size;display:grid;gap:20px}
.np-75-t{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--texto)}
.np-75-t img{width:20px;height:20px}
.np-75-puntos{--p:min(26px,100cqw / 15);display:grid;justify-content:start}
.np-75-puntos>i{display:flex;height:var(--p);width:calc(var(--p) * 15)}
.np-75-puntos>i,.np-75-puntos b{background:radial-gradient(circle,var(--texto) 28%,transparent 33%) 0 0/var(--p) var(--p) repeat-x}
.np-75-puntos>i:last-child{background:none}
.np-75-puntos b{width:calc(var(--k) * var(--p));height:100%}
.np-75-puntos b.o{background-image:radial-gradient(circle,transparent 22%,var(--linea-3) 24% 30%,transparent 34%)}
.np-75-puntos b.t{background-image:radial-gradient(circle,var(--naranja) 34%,transparent 39%)}
.np-75-puntos>i:nth-child(2){--d:1}.np-75-puntos>i:nth-child(3){--d:2}.np-75-puntos>i:nth-child(4){--d:3}.np-75-puntos>i:nth-child(5){--d:4}
.np-75-ley{display:grid;gap:7px;font-size:13.5px;color:var(--texto-2)}
.np-75-ley span{display:flex;align-items:center;gap:10px}
.np-75-ley span::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--texto)}
.np-75-ley .o::before{background:none;box-shadow:inset 0 0 0 1.5px var(--linea-3)}
.np-75-ley .t::before{background:var(--naranja)}
.np-75.anima .np-75-puntos>i{opacity:0;transform:translateY(6px)}
.np-75.anima .np-75-puntos b.t{opacity:0;transform:scale(1.6)}
.np-75.en .np-75-puntos>i{opacity:1;transform:none;transition:opacity .35s ease calc(var(--d,0) * 70ms + .2s),transform .5s var(--e) calc(var(--d,0) * 70ms + .2s)}
.np-75.en .np-75-puntos b.t{opacity:1;transform:none;transform-origin:20% 50%;transition:opacity .25s ease .9s,transform .4s var(--e-back2,ease) .9s}
@media (max-width:999px){.np-ia{grid-template-columns:minmax(0,1fr)}}

/* ── S11: las reseñas de cinco estrellas que faltan, una por punto (en el móvil, una barra) ───────────────────────────────────── */
.np-nota-ej{margin-top:clamp(28px,3.5vw,44px)}
.np-decimas{width:100%;margin-top:18px;border-collapse:collapse}
.np-decimas thead th{padding:0 16px 12px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600;text-align:left;color:rgba(255,255,255,.55)}
.np-decimas tbody>tr>*{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:middle}
.np-decimas tbody th{width:150px;font-size:clamp(32px,3.2vw,46px);font-weight:300;font-stretch:118%;letter-spacing:-.045em;line-height:1;text-align:left;color:#fff}
.np-decimas td{white-space:nowrap}
.np-decimas td b{display:inline-block;width:2.4em;font-size:clamp(20px,1.8vw,26px);font-weight:450;color:#fff;font-variant-numeric:tabular-nums;vertical-align:middle}
.np-dec{container-type:inline-size;display:inline-block;width:calc(100% - 2.4em * 1.25);height:14px;overflow:hidden;vertical-align:middle}
.np-dec i{--p:min(12px,100cqw / 73);display:block;width:calc(var(--n) * var(--p));height:var(--p);background:radial-gradient(circle,rgba(255,255,255,.88) 30%,transparent 36%) 0 0/var(--p) var(--p) repeat-x}
.np-decimas tr:first-child .np-dec i{background-image:radial-gradient(circle,var(--naranja) 30%,transparent 36%)}
.np-decimas.anima .np-dec i{transform:translateX(-101%)}
.np-decimas.en .np-dec i{transform:none;transition:transform 1s var(--e) calc(var(--i) * 140ms + .2s)}
.np-nota-pie{align-items:start}
.np-calc{padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.panel.tinta .np-calc a{font-weight:600}
@media (max-width:760px){
  .np-decimas tbody th{width:84px}
  .np-dec{height:6px;border-radius:3px}
  .np-dec i{width:calc(var(--n) / 73 * 100%);height:6px;border-radius:3px;background:rgba(255,255,255,.88)}
  .np-decimas tr:first-child .np-dec i{background:var(--naranja)}
}

/* ── S14: los tres pasos de la portada, con su texto ──────────────────────────────────────────────────────────────────────────── */
.np-tres .tres-paso{grid-template-areas:"n ic" "t t" "p p";align-content:start;row-gap:14px;min-height:0}
.np-tres .tres-n{margin-bottom:clamp(20px,3vw,44px)}
.np-tres .tres-paso h3{font-size:clamp(21px,1.8vw,25px)}
.np-tres .tres-paso p{grid-area:p;font-size:15.5px;line-height:1.55;color:var(--texto-2)}
.np-tres .tres-paso-final p{color:rgba(255,255,255,.72)}
.np-datos{max-width:62em}
.np-planes{margin-top:18px}
@media (max-width:760px){.np-tres .tres-paso{grid-template-areas:"n t ic" "p p p"}.np-tres .tres-n{margin:0}}
@media (max-width:379px){.np-tres .tres-paso{grid-template-areas:"n t" "p p"}}