/* NexoWeb24H: lo común a las tres propuestas (A El reloj, B El probador, C El pedido).
   Colores y letras de la web actual de nexoweb24h.com: tinta #10131A, papel #EEF0F2,
   naranja #FF7A29; Archivo Black, IBM Plex Sans e IBM Plex Mono. */

/* ── Tipografías: alojadas aquí, pedidas desde la cabecera ──
   Si tardan, el texto sale con una letra del teléfono escalada al mismo ancho
   (Arial en iPhone y PC, Roboto en Android), para que nada se recoloque al llegar. */
@font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url(../fuentes/archivo-black.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fuentes/plexsans.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fuentes/plexmono-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(../fuentes/plexmono-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Porcentajes medidos el 18 oct 2026 con una frase larga a 100 px (Chrome, Arial de Windows y Roboto). */
@font-face{font-family:"AB A";src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:114.9%;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"AB R";src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:128.1%;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"PS A";font-weight:400 500;src:local("Arial"),local("ArialMT");size-adjust:100.1%;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"PS A";font-weight:600 700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:96.4%;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"PS R";font-weight:400 500;src:local("Roboto"),local("Roboto-Regular");size-adjust:101.1%;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"PS R";font-weight:600 700;src:local("Roboto Bold"),local("Roboto-Bold"),local("Roboto");size-adjust:102.9%;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

:root{
  --tinta:#10131A; --tinta-2:#1A1E27; --tinta-3:#232833;
  --papel:#EEF0F2; --papel-2:#E2E6E8; --blanco:#FFFFFF;
  --naranja:#FF7A29; --verde:#2FAE84;
  --degradado:linear-gradient(135deg,#FFA35C 0%,#FF7A29 55%,#E85D1F 100%);
  --f-titulo:"Archivo Black","AB A","AB R","Arial Black",sans-serif;
  --f-texto:"IBM Plex Sans","PS A","PS R",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono","Courier New",ui-monospace,monospace;
  --suave:cubic-bezier(.16,1,.3,1);
  --ancho:1180px;
}

/* Cada bloque dice si es oscuro o claro y el texto se acomoda solo. */
.oscuro{--fondo:var(--tinta);--sup:var(--tinta-2);--txt:#ECEEF0;--mudo:#A7ADBB;--tenue:#7A8090;--raya:rgba(236,238,240,.14);--raya-2:rgba(236,238,240,.28);--acento:#FF9455;background:var(--fondo);color:var(--txt)}
.claro{--fondo:var(--papel);--sup:var(--blanco);--txt:#10131A;--mudo:#4B5160;--tenue:#6B7180;--raya:rgba(16,19,26,.14);--raya-2:rgba(16,19,26,.28);--acento:#C75613;background:var(--fondo);color:var(--txt)}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip;background:var(--tinta)}
body{font-family:var(--f-texto);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;background:var(--tinta);color:#ECEEF0}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
input{font:inherit;color:inherit}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:var(--f-titulo);font-weight:400;letter-spacing:-.01em;text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--naranja);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 20px}
@media (min-width:760px){.wrap{padding:0 32px}}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.solo-lector{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Cabecera ── */
.cab{position:sticky;top:0;z-index:40;background:rgba(16,19,26,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(236,238,240,.1)}
.cab .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}
@media (min-width:760px){.cab .wrap{height:72px}}
.marca{display:flex;align-items:baseline;gap:10px;color:#ECEEF0}
.marca__nw{font-family:var(--f-titulo);font-size:19px;line-height:1.25;letter-spacing:-.02em;background:var(--naranja);color:var(--tinta);padding:3px 8px 2px}
.marca__por{font-family:var(--f-mono);font-size:11px;color:#A7ADBB;letter-spacing:.04em;white-space:nowrap}
@media (max-width:380px){.marca__por{display:none}}

/* ── Botones ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--f-mono);font-size:14px;font-weight:600;line-height:1.2;padding:14px 22px;border-radius:3px;transition:filter .2s var(--suave),transform .2s var(--suave),background-position .5s var(--suave)}
.btn--pri{background:var(--degradado);background-size:200% 200%;background-position:0% 50%;color:var(--tinta)}
.btn--pri:hover{background-position:100% 50%;filter:brightness(1.05);transform:translateY(-1px)}
.btn--sec{border:1px solid var(--raya-2,rgba(236,238,240,.28));color:inherit}
.btn--sec:hover{border-color:var(--mudo,#A7ADBB)}
.btn--chico{font-size:13px;padding:10px 14px;white-space:nowrap}
@media (max-width:420px){.cab .btn--chico{font-size:12.5px;padding:9px 12px}}

/* ── Fichas para elegir (rubro, sí o no, páginas…) ── */
.fichas{display:flex;flex-wrap:wrap;gap:8px}
.ficha{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 14px;border:1px solid var(--raya-2);border-radius:999px;font-size:15px;font-weight:500;line-height:1.2;color:var(--txt);background:transparent;transition:background .2s,border-color .2s,color .2s}
.ficha:hover{border-color:var(--mudo)}
.ficha[aria-pressed="true"]{background:var(--naranja);border-color:var(--naranja);color:var(--tinta)}
.ficha[aria-disabled="true"]{opacity:.4;cursor:not-allowed}
.ficha[aria-disabled="true"]:hover{border-color:var(--raya-2)}

/* ── Campos de escribir ── */
.campo{display:grid;gap:8px}
.campo__nombre{font-family:var(--f-mono);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mudo)}
.campo__nombre small{font-size:inherit;font-weight:400;letter-spacing:.04em;text-transform:none}
.caja{width:100%;min-height:50px;padding:12px 16px;border:1px solid var(--raya-2);border-radius:4px;background:var(--sup);color:var(--txt);font-size:17px;line-height:1.3;transition:border-color .2s}
.caja::placeholder{color:var(--tenue);opacity:1}
.caja:focus{outline:none;border-color:var(--naranja);box-shadow:0 0 0 3px rgba(255,122,41,.25)}

/* ── Bloques de la página ── */
.bloque{padding:88px 0}
@media (max-width:759px){.bloque{padding:64px 0}}
.bloque h2{font-size:clamp(30px,4.4vw,50px);line-height:1.04;margin-bottom:16px}
.bajada{font-size:18px;line-height:1.6;color:var(--mudo);max-width:56ch}
.brillo{position:relative;isolation:isolate;overflow:clip}
.brillo::before{content:"";position:absolute;inset:-20% -10% auto;height:760px;z-index:-1;pointer-events:none;
  background:radial-gradient(560px circle at 22% 30%,rgba(255,122,41,.24),transparent 62%),radial-gradient(460px circle at 72% 58%,rgba(255,122,41,.1),transparent 65%);filter:blur(40px)}
.brillo::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.05;mix-blend-mode:overlay;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px}

/* ── Qué incluye y precio (A y B) ── */
.incluye__rejilla{display:grid;gap:40px;align-items:start}
@media (min-width:900px){.incluye__rejilla{grid-template-columns:1fr 440px;gap:64px}}
.precio{background:var(--blanco);color:var(--tinta);border-radius:6px;padding:30px 26px;box-shadow:0 24px 60px -30px rgba(16,19,26,.35);border-top:4px solid var(--naranja)}
.precio__que{font-family:var(--f-mono);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4B5160}
.precio__cifra{display:flex;align-items:flex-start;gap:4px;font-family:var(--f-titulo);font-size:76px;line-height:1;margin:14px 0 6px;letter-spacing:-.03em}
.precio__cifra small{font-size:34px;margin-top:6px}
.precio__nota{font-size:15px;color:#4B5160;margin-bottom:22px}
.lista-si{display:grid;gap:12px;margin-bottom:26px}
.lista-si li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px;line-height:1.45}
.lista-si li::before{content:"";width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--naranja) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='%2310131A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/20px no-repeat}
.precio .btn{width:100%}
.aparte{margin-top:28px;padding-top:22px;border-top:1px dashed var(--raya-2);font-size:15.5px;color:var(--mudo)}
.aparte b{color:var(--txt);font-weight:600}

/* ── Preguntas ── */
.preguntas{max-width:820px}
.preguntas details{border-bottom:1px solid var(--raya)}
.preguntas details:first-of-type{border-top:1px solid var(--raya)}
.preguntas summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:22px 0;font-size:19px;font-weight:600;line-height:1.35}
.preguntas summary::-webkit-details-marker{display:none}
.preguntas summary::after{content:"+";flex:none;font-family:var(--f-mono);font-size:22px;line-height:1.1;color:var(--acento);transition:transform .25s var(--suave)}
.preguntas details[open] summary::after{transform:rotate(45deg)}
.preguntas details p{padding:0 0 24px;color:var(--mudo);font-size:16.5px;max-width:64ch}

/* ── Cierre: el mensaje de WhatsApp ya escrito ── */
.cierre__rejilla{display:grid;gap:40px;align-items:start}
@media (min-width:960px){.cierre__rejilla{grid-template-columns:1fr 460px;gap:64px}}
.cierre__campos{display:grid;gap:22px;margin-top:30px;max-width:560px}
.wa{border-radius:20px;overflow:hidden;background:#EFEAE2;border:1px solid #D1D7DB;box-shadow:0 24px 60px -24px rgba(0,0,0,.55);color:#111B21}
@media (min-width:960px){.wa{position:sticky;top:96px}}
.wa__cab{display:flex;align-items:center;gap:10px;background:#008069;color:#fff;padding:10px 14px}
.wa__foto{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--naranja);color:var(--tinta);font-family:var(--f-titulo);font-size:12px;letter-spacing:-.02em}
.wa__quien{display:grid;line-height:1.2}
.wa__quien strong{font-size:16px;font-weight:600}
.wa__quien small{font-size:12.5px;color:#fff}
.wa__fondo{min-height:90px;display:grid;place-items:start center;padding:12px}
.wa__dia{background:#fff;color:#54656F;font-size:12px;font-weight:500;line-height:1;padding:6px 12px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wa__barra{display:flex;align-items:flex-end;gap:8px;padding:8px;background:#F0F2F5}
.wa__campo{flex:1;min-width:0;min-height:48px;background:#fff;color:#111B21;border-radius:24px;padding:12px 16px;font-size:15.5px;line-height:1.45;overflow-wrap:anywhere}
.wa__campo b{font-weight:600;border-radius:3px}
.wa__campo b.nuevo{animation:wa-marca 1.2s ease-out}
@keyframes wa-marca{from{background:#B6F5C9;box-shadow:0 0 0 3px #B6F5C9}to{background:transparent;box-shadow:0 0 0 3px transparent}}
.wa__enviar{position:relative;width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;background:#00A884;color:#fff;animation:wa-late 2.4s ease-out infinite}
.wa__enviar svg{width:24px;height:24px;fill:currentColor;margin-left:3px}
@keyframes wa-late{0%{box-shadow:0 0 0 0 rgba(0,168,132,.6)}70%,100%{box-shadow:0 0 0 15px rgba(0,168,132,0)}}
.wa__ayuda{padding:10px 16px 14px;background:#F0F2F5;font-size:13.5px;line-height:1.45;color:#3B4A54;border-top:1px solid #E1E6E9}
.btn--wa{background:#00A884;color:#fff;margin-top:14px}

/* ── Pie ── */
.pie{padding:56px 0 40px;border-top:1px solid var(--raya)}
.pie__rejilla{display:grid;gap:28px}
@media (min-width:760px){.pie__rejilla{grid-template-columns:1.4fr 1fr;align-items:end}}
.pie p{color:var(--mudo);font-size:15px;max-width:46ch;margin-top:14px}
.pie__enlaces{display:grid;gap:8px;font-size:15px}
@media (min-width:760px){.pie__enlaces{justify-items:end}}
.pie__enlaces a{color:var(--txt);border-bottom:1px solid var(--raya-2);padding-bottom:2px;width:max-content}
.pie__firma{margin-top:40px;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--tenue)}

/* ── El móvil ──
   Todo lo de adentro se mide en proporción al ancho de la pantalla (unidades cqw),
   así la web de muestra se ve igual en un móvil chico y en un ordenador, sin recalcular nada. */
.movil{position:relative;flex:none;width:var(--movil,300px);aspect-ratio:300/622;padding:9px;border-radius:46px;background:linear-gradient(160deg,#2B303B,#171A21 60%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1),0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px #0B0D12}
.movil__pantalla{position:relative;height:100%;border-radius:38px;overflow:hidden;background:#fff;container-type:inline-size;isolation:isolate}
.movil__isla{position:absolute;z-index:5;top:2.6%;left:50%;width:30%;height:4.2%;transform:translateX(-50%);border-radius:99px;background:#07080B}

/* La web de muestra (mw). Sus colores vienen de cada rubro y estilo (variables --mw-…). */
.mw{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--mw-fondo);color:var(--mw-tinta);font-family:var(--f-texto);font-size:4.6cqw;line-height:1.4;transition:background-color .6s,color .6s;
  --mw-mudo:color-mix(in srgb,var(--mw-tinta) 64%,var(--mw-fondo));--mw-raya:color-mix(in srgb,var(--mw-tinta) 14%,var(--mw-fondo));--mw-sup:color-mix(in srgb,var(--mw-tinta) 6%,var(--mw-fondo))}
.mw[data-letra="serif"]{--mw-t:Georgia,"Times New Roman",serif}
.mw[data-letra="sans"]{--mw-t:var(--f-texto)}
.mw[data-letra="display"]{--mw-t:var(--f-titulo)}
/* Arriba, la hora del teléfono; abajo, la barra con la dirección, como en Safari. */
.mw::before{content:"9:41";position:absolute;top:1.2em;left:2.2em;font-size:.74em;font-weight:600;line-height:1}
.mw::after{content:"";position:absolute;left:50%;bottom:.42em;width:34%;height:.28em;border-radius:1em;background:var(--mw-tinta);opacity:.85;transform:translateX(-50%)}
.mw__url{flex:none;display:flex;justify-content:center;padding:.45em 1em 1.3em;background:var(--mw-fondo);box-shadow:0 -1px 0 var(--mw-raya);transition:background-color .6s}
.mw__url p{display:flex;align-items:center;justify-content:center;gap:.4em;width:88%;padding:.62em 1em;border-radius:99em;background:var(--mw-sup);font-size:.74em;line-height:1.2;color:var(--mw-mudo);transition:background-color .6s,color .6s}
.mw__url svg{flex:none;width:.95em;height:.95em;fill:currentColor;transition:color .4s}
.mw__url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw__cuerpo{position:relative;flex:1;overflow:hidden;padding:3.2em 1.15em 1em}
.mw__cab{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:.55em 0 .8em}
.mw__logo{font-family:var(--mw-t);font-size:1.12em;line-height:1.1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}
.mw[data-letra="display"] .mw__logo{font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.mw[data-letra="serif"] .mw__logo{font-weight:400;font-style:italic;font-size:1.25em}
.mw__menu{display:grid;gap:.25em;width:1.3em}
.mw__menu i{height:.13em;background:currentColor;border-radius:1em}
.mw__foto{position:relative;height:8.6em;border-radius:.8em;overflow:hidden;background:var(--mw-foto,var(--mw-sup));transition:background .6s}
.mw__foto svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .5s}
.mw__foto.con-foto{background-size:cover;background-position:center 30%}
.mw__foto.con-foto svg{opacity:0}
.mw__h{font-family:var(--mw-t);font-size:1.86em;line-height:1.06;margin:.62em 0 .32em;letter-spacing:-.01em;text-wrap:balance}
.mw[data-letra="serif"] .mw__h{font-weight:400;font-style:italic;font-size:2.05em;letter-spacing:-.02em}
.mw[data-letra="sans"] .mw__h{font-weight:700;letter-spacing:-.03em}
.mw[data-letra="display"] .mw__h{text-transform:uppercase;font-size:1.7em;line-height:1.02}
.mw__p{font-size:.9em;line-height:1.45;color:var(--mw-mudo)}
.mw__cta{display:inline-flex;align-items:center;gap:.45em;margin-top:.85em;padding:.72em 1.15em;border-radius:99em;background:var(--mw-acento);color:var(--mw-sobre);font-size:.86em;font-weight:600;line-height:1.1;transition:background-color .6s,color .6s,transform .5s var(--suave)}
.mw__cta svg{width:1.1em;height:1.1em;fill:currentColor}
.mw__nota{display:flex;align-items:center;gap:.45em;margin:1em 0 .2em;font-size:.78em;color:var(--mw-mudo)}
.mw__nota b{color:var(--mw-acento);letter-spacing:.06em;font-weight:400}
.mw__seccion{font-family:var(--mw-t);font-size:1.3em;line-height:1.1;margin:.9em 0 .3em}
.mw[data-letra="display"] .mw__seccion{text-transform:uppercase;font-size:1.12em}
.mw[data-letra="serif"] .mw__seccion{font-style:italic}
.mw[data-letra="sans"] .mw__seccion{font-weight:700}
.mw__lista li{display:flex;align-items:baseline;justify-content:space-between;gap:.8em;padding:.6em 0;border-bottom:1px solid var(--mw-raya);font-size:.9em}
.mw__lista b{font-weight:600;white-space:nowrap}
.mw__lista small{display:block;font-size:.82em;color:var(--mw-mudo)}
.mw__horario{display:flex;gap:.6em;align-items:center;margin-top:.9em;padding:.75em .9em;border-radius:.6em;background:var(--mw-sup);font-size:.8em}
.mw__horario i{width:.6em;height:.6em;border-radius:50%;background:#2FAE84;flex:none}
.mw__persona{display:flex;align-items:center;gap:.8em;padding:.7em 0;border-bottom:1px solid var(--mw-raya)}
.mw__cara{width:2.9em;height:2.9em;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--mw-acento);color:var(--mw-sobre);font-family:var(--mw-t);font-size:.95em;font-weight:700}
.mw__persona span{display:grid;line-height:1.25;font-size:.92em}
.mw__persona small{color:var(--mw-mudo);font-size:.85em}
.mw__opinion{padding:.85em .95em;margin-top:.7em;border-radius:.7em;background:var(--mw-sup);font-size:.86em}
.mw__opinion b{display:block;color:var(--mw-acento);font-weight:400;letter-spacing:.08em;margin-bottom:.2em}
.mw__opinion small{display:block;margin-top:.35em;color:var(--mw-mudo)}
.mw__form{display:grid;gap:.5em;margin-top:.6em}
.mw__form i{display:block;height:2.5em;border-radius:.5em;border:1px solid var(--mw-raya);background:var(--mw-fondo);font-style:normal;font-size:.8em;line-height:2.5em;padding:0 .9em;color:var(--mw-mudo)}
.mw__form i.alto{height:4.4em}
.mw__form .mw__cta{margin-top:.2em;justify-content:center}
.mw__mapa{height:5.2em;margin-top:.8em;border-radius:.6em;background:var(--mw-sup);background-image:linear-gradient(var(--mw-raya) 1px,transparent 1px),linear-gradient(90deg,var(--mw-raya) 1px,transparent 1px);background-size:1.4em 1.4em;position:relative}
.mw__mapa::after{content:"";position:absolute;left:52%;top:30%;width:1em;height:1em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--mw-acento)}
.mw__wa{position:absolute;z-index:3;right:.95em;bottom:4.7em;width:3.1em;height:3.1em;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 .4em 1em rgba(0,0,0,.25);transition:opacity .5s,transform .5s var(--suave)}
.mw__wa svg{width:56%;height:56%;fill:currentColor}

/* Boceto: la misma web en gris, antes del diseño (lo usa la A). */
.mw--boceto{--mw-fondo:#FFFFFF!important;--mw-tinta:#10131A!important;--mw-acento:#D9DDE3!important;--mw-sobre:transparent!important;--mw-foto:#EEF0F2!important}
.mw--boceto .mw__url p{color:#9AA0AC}
.mw--boceto :is(.mw__logo,.mw__h span,.mw__p span,.mw__lista span,.mw__lista b,.mw__nota span,.mw__nota b,.mw__horario span,.mw__seccion span){color:transparent!important;background:#E3E6EA;border-radius:.3em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mw--boceto .mw__foto svg{opacity:0}
.mw--boceto .mw__foto{background-image:linear-gradient(to top right,transparent calc(50% - 1px),#D5D9DF 50%,transparent calc(50% + 1px)),linear-gradient(to top left,transparent calc(50% - 1px),#D5D9DF 50%,transparent calc(50% + 1px))!important;background-size:auto!important}
.mw--boceto .mw__cta svg,.mw--boceto .mw__horario i{opacity:0}
.mw--boceto .mw__wa{opacity:0;transform:scale(.4)}
.mw :is(.mw__logo,.mw__h span,.mw__p span,.mw__lista span,.mw__lista b,.mw__nota span,.mw__nota b,.mw__horario span,.mw__seccion span){transition:color .6s,background-color .6s}

/* ── El muro: móviles con webs de muchos negocios, pasando solos ── */
.muro{position:relative;overflow:hidden;padding:6px 0 2px;
  -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.muro__pista{display:flex;gap:18px;width:max-content;animation:muro 80s linear infinite}
.muro:hover .muro__pista,.muro:focus-within .muro__pista{animation-play-state:paused}
@keyframes muro{to{transform:translateX(calc(-50% - 9px))}}
.muro__item{flex:none;display:grid;justify-items:center;gap:10px;transition:transform .3s var(--suave)}
.muro__item:hover{transform:translateY(-4px)}
.movil--mini,.movil--mini .movil__pantalla{display:block}
.movil--mini{--movil:128px;padding:5px;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 18px 34px -16px rgba(0,0,0,.6)}
.movil--mini .movil__pantalla{border-radius:18px}
@media (min-width:760px){.movil--mini{--movil:156px;border-radius:26px}.movil--mini .movil__pantalla{border-radius:21px}}
.muro__rotulo{font-family:var(--f-mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--mudo);white-space:nowrap}
.muro__item:hover .muro__rotulo{color:var(--acento)}

/* ── La franja naranja con las cifras del paquete ── */
.cifras{background:var(--naranja);color:var(--tinta);padding:64px 0}
.cifras__rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}
@media (min-width:900px){.cifras__rejilla{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}}
.cifra b{display:block;font-family:var(--f-titulo);font-weight:400;font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.04em}
.cifra b small{font-size:.48em;letter-spacing:-.02em;margin-left:.14em}
.cifra span{display:block;margin-top:12px;font-size:16px;font-weight:500;line-height:1.4;max-width:22ch}

/* El chat de WhatsApp dentro del móvil (lo usa la A). */
.ch{position:absolute;inset:0;display:flex;flex-direction:column;background:#EFEAE2;color:#111B21;font-size:4.4cqw;line-height:1.35;transition:opacity .5s}
.ch__cab{flex:none;display:flex;align-items:center;gap:.6em;padding:3.3em .9em .6em;background:#008069;color:#fff}
.ch__cab span:last-child{display:grid;line-height:1.2}
.ch__cab b{font-size:.98em;font-weight:600}
.ch__cab small{font-size:.74em}
.ch__foto{width:2.3em;height:2.3em;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--naranja);color:var(--tinta);font-family:var(--f-titulo);font-size:.72em}
.ch__fondo{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.4em;padding:.8em .7em;overflow:hidden}
.ch__m{position:relative;max-width:84%;padding:.45em .65em 1.15em;border-radius:.6em;background:#fff;font-size:.86em;box-shadow:0 1px .5px rgba(11,20,26,.13);align-self:flex-start}
.ch__m--yo{align-self:flex-end;background:#D9FDD3}
.ch__m i{position:absolute;right:.6em;bottom:.3em;font-style:normal;font-size:.72em;color:#667781}
.ch__fotos{align-self:flex-end;display:grid;grid-template-columns:repeat(3,1fr);gap:.25em;width:68%;padding:.25em;border-radius:.6em;background:#D9FDD3}
.ch__fotos span{aspect-ratio:1;border-radius:.4em;background:var(--mw-foto,#ccc)}
.ch__adj{display:flex;align-items:center;gap:.5em}
.ch__adj u{width:1.9em;height:2.3em;flex:none;border-radius:.25em;background:#fff;border:1px solid #cfd5d9;text-decoration:none;display:grid;place-items:center;font-size:.62em;font-weight:700;color:#8696A0}
.ch__barra{flex:none;display:flex;gap:.5em;align-items:center;padding:.5em .6em 1.3em;background:#F0F2F5}
.ch__barra span{flex:1;height:2.4em;border-radius:2em;background:#fff}
.ch__barra i{width:2.4em;height:2.4em;border-radius:50%;background:#00A884}
.ch .ch__nuevo{animation:ch-entra .45s var(--suave) both}
@keyframes ch-entra{from{opacity:0;transform:translateY(.8em) scale(.96)}to{opacity:1;transform:none}}