/* TonyCell HN · página web. Colores del diseño aprobado (diseno/Main.dc.html, objeto "temas"). */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/a/poppins-400.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/a/poppins-500.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/a/poppins-600.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/a/poppins-700.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/a/poppins-800.woff2) format("woff2")}

:root{
  --bg:#FFFFFF;--foot:#F4F6F9;--strip:#F4F6F9;--head:rgba(255,255,255,.96);--card:#FFFFFF;--soft:#F6F8FB;--menu:#FFFFFF;--pill:#EEF4FF;--menuHi:#F2F6FC;
  --line:#E6EAF0;--line2:#D5DCE5;--h:#0F172A;--tx:#1E293B;--tx2:#334155;--mut:#5B6778;--mut2:#7A8595;--acc:#0A7FA8;--acc2:#C2560A;
  --tileA:linear-gradient(160deg,#E8F8FD,#FFFFFF 75%);--tileB:linear-gradient(160deg,#FFF1E5,#FFFFFF 75%);--tileAl:#CDEFF9;--tileBl:#FBDDC4;--icA:#DDF4FB;--icB:#FFE7D3;
  --badge:#E8F8FD;--badgeL:#BFE9F6;--shadow:rgba(15,23,42,.12);--foto:#F3F5F8;--fotoTx:#8A96A5;
  --hero:radial-gradient(900px 500px at 80% 40%,rgba(47,107,255,.10),transparent 60%),radial-gradient(600px 400px at 95% 95%,rgba(25,211,255,.10),transparent 60%),#F7F9FC;
  --band:radial-gradient(700px 300px at 85% 50%,rgba(255,122,26,.14),transparent 60%),linear-gradient(120deg,#F2F6FC,#FFFFFF);
  --okBg:rgba(52,211,153,.16);--okTx:#0E7A52;--noBg:rgba(15,20,29,.85);--noTx:#F3F5F8;
  --celeste:#19D3FF;--azul:#2F6BFF;--naranja:#FF7A1A;--verde:#25D366;
  --pad:80px;--r:20px;color-scheme:light
}
html[data-tema="oscuro"]{
  --bg:#10151D;--foot:#0C1117;--strip:#0C1117;--head:rgba(16,21,29,.95);--card:#18202B;--soft:#141B25;--menu:#18202B;--pill:#1E2835;--menuHi:#1E2835;
  --line:#243040;--line2:#2E3B4E;--h:#FFFFFF;--tx:#E6ECF2;--tx2:#C9D3DD;--mut:#9AA7B6;--mut2:#7D8A9A;--acc:#19D3FF;--acc2:#FF9A4D;
  --tileA:linear-gradient(160deg,#13303D,#141B25 75%);--tileB:linear-gradient(160deg,#33200F,#141B25 75%);--tileAl:#1F3E4D;--tileBl:#473019;--icA:rgba(25,211,255,.14);--icB:rgba(255,122,26,.14);
  --badge:#10262F;--badgeL:#1F4F5F;--shadow:rgba(0,0,0,.5);--foto:#F3F5F8;
  --hero:radial-gradient(900px 500px at 78% 40%,rgba(47,107,255,.20),transparent 60%),radial-gradient(600px 400px at 90% 90%,rgba(25,211,255,.10),transparent 60%),#10151D;
  --band:radial-gradient(700px 300px at 85% 50%,rgba(255,122,26,.18),transparent 60%),linear-gradient(120deg,#18202B,#121822);
  --okBg:rgba(52,211,153,.18);--okTx:#34D399;color-scheme:dark
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--tx);font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
h1,h2,h3{color:var(--h);margin:0;line-height:1.15}
button,input,select{font:inherit;color:inherit}
svg{flex:none}
.env{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.oculto{display:none!important}
.salto{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--card);padding:10px 14px;border-radius:10px}
.salto:focus{left:12px}
:focus-visible{outline:3px solid var(--celeste);outline-offset:2px}

/* barra superior */
.barra{background:var(--strip);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mut)}
.barra .env{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.barra .der{display:flex;gap:22px}

/* encabezado */
.cab{position:sticky;top:0;z-index:30;background:var(--head);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.cab .env{height:84px;display:flex;align-items:center;gap:36px}
.logo img{height:40px;width:auto}
.logo .l-os{display:none}
html[data-tema="oscuro"] .logo .l-cl{display:none}
html[data-tema="oscuro"] .logo .l-os{display:block}
.nav{display:flex;gap:6px;font-size:15px;font-weight:500}
.nav>a,.nav>.prod>button{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;color:var(--tx2);background:none;border:0;cursor:pointer;font-weight:500}
.nav>a:hover,.nav>.prod>button:hover,.nav>a.on{color:var(--h);text-decoration:none;background:var(--pill)}
.nav>.prod>button{background:var(--pill);color:var(--h)}
.nav>.prod>button svg{color:var(--acc);transition:transform .2s}
.prod{position:relative}
.prod.abierto>button svg{transform:rotate(180deg)}
.mega{position:absolute;left:0;top:calc(100% + 14px);width:min(760px,calc(100vw - 40px));background:var(--menu);border:1px solid var(--line2);border-radius:18px;box-shadow:0 30px 80px var(--shadow);padding:26px;display:none;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}
.prod.abierto .mega{display:grid}
.mega .col{display:flex;flex-direction:column;gap:6px}
.mega .tit{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);padding:0 12px 8px}
.mega .rep .tit{color:var(--acc2)}
.mega a{display:flex;gap:14px;align-items:center;padding:12px;border-radius:12px;color:var(--tx)}
.mega a:hover{background:var(--menuHi);text-decoration:none}
.mega a b{display:block;font-weight:600;font-size:15px}
.mega a small{font-size:12.5px;color:var(--mut)}
.mega a.todo{font-size:13.5px;color:var(--acc);padding:8px 12px}
.mega .rep a.todo{color:var(--acc2)}
.ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--icA);color:var(--acc)}
.rep .ic,.ic.rep{background:var(--icB);color:var(--acc2)}
.cab .esp{flex:1}
.busca{position:relative;width:340px}
.busca label{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border:1px solid var(--line2);border-radius:12px;background:var(--card);color:var(--mut)}
.busca label:focus-within{border-color:var(--acc)}
.busca input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--tx);font-size:14px}
.busca input::-webkit-search-cancel-button{display:none}
.res{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--menu);border:1px solid var(--line2);border-radius:14px;box-shadow:0 24px 60px var(--shadow);padding:8px;z-index:40;max-height:70vh;overflow:auto}
.res a{display:flex;gap:12px;align-items:center;padding:8px;border-radius:10px;color:var(--tx)}
.res a:hover,.res a.sel{background:var(--menuHi);text-decoration:none}
.res img,.res .sf{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--foto);flex:none}
.res .t{font-size:14px;font-weight:600;line-height:1.3}
.res .s{font-size:12.5px;color:var(--mut)}
.res .todos{justify-content:center;color:var(--acc);font-size:13.5px;font-weight:600}
.res .nada{padding:14px;color:var(--mut);font-size:14px;text-align:center}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;font-weight:600;font-size:15px;border:0;cursor:pointer;white-space:nowrap}
.bt:hover{text-decoration:none;filter:brightness(1.05)}
.bt.ico{width:46px;padding:0;border:1px solid var(--line2);background:var(--card);color:var(--tx)}
.bt.or{background:var(--naranja);color:#140A02}
.bt.ce{background:var(--celeste);color:#03141A}
.bt.ln{border:1px solid var(--naranja);color:var(--acc2);background:transparent}
.bt.wa{background:var(--verde);color:#06210F}
.bt.gr{height:56px;padding:0 28px;border-radius:14px;font-size:16px}
.tema .sol{display:none}
html[data-tema="oscuro"] .tema .sol{display:block}
html[data-tema="oscuro"] .tema .luna{display:none}
.solo-movil{display:none!important}

/* menú del celular */
.cajon{position:fixed;inset:0;z-index:60;display:none}
.cajon.abierto{display:block}
.cajon .velo{position:absolute;inset:0;background:rgba(8,12,18,.45)}
.cajon .panel{position:absolute;left:0;top:0;bottom:0;width:min(340px,88vw);background:var(--bg);padding:18px;overflow:auto;display:flex;flex-direction:column;gap:6px;box-shadow:20px 0 60px var(--shadow)}
.cajon .cerrar{align-self:flex-end}
.cajon .tit{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);padding:14px 8px 6px}
.cajon .rep .tit{color:var(--acc2)}
.cajon a{display:flex;gap:12px;align-items:center;padding:10px 8px;border-radius:12px;color:var(--tx);font-weight:500}
.cajon a:hover{background:var(--menuHi);text-decoration:none}
.cajon .ic{width:36px;height:36px}
.cajon hr{border:0;border-top:1px solid var(--line);margin:10px 0;width:100%}

/* secciones */
.sec{padding:70px 0 40px}
.kick{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.kick.rep{color:var(--acc2)}
.sec-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.sec-cab h2{margin-top:8px;font-size:38px;font-weight:700}
.sec-cab>a{font-size:15px;font-weight:500}

/* portada */
.hero{background:var(--hero);overflow:hidden}
.hero .env{min-height:620px;display:flex;align-items:center;gap:60px;padding-top:40px;padding-bottom:40px}
.hero .txt{flex:0 1 640px;display:flex;flex-direction:column;gap:26px}
.hero .chip{align-self:flex-start;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);border:1px solid var(--badgeL);background:var(--badge);padding:8px 14px;border-radius:999px}
.hero h1{font-size:64px;line-height:1.04;font-weight:800;letter-spacing:-.02em}
.hero h1 span{color:var(--acc)}
.hero p{margin:0;font-size:19px;line-height:1.6;color:var(--mut);max-width:540px}
.hero .bts{display:flex;gap:14px;flex-wrap:wrap}
.hero .vis{flex:1;min-width:0;position:relative;height:460px}
.hero .foto{position:absolute;right:40px;top:10px;width:420px;height:420px;border-radius:36px;overflow:hidden;background:var(--foto);box-shadow:0 30px 80px var(--shadow)}
.hero .foto img{width:100%;height:100%;object-fit:cover}
.hero .foto.vacia{display:flex;align-items:center;justify-content:center;background:var(--soft);border:1px dashed var(--line2);box-shadow:none}
.hero .foto.vacia img{width:62%;height:auto;object-fit:contain}
.hero .gar{position:absolute;left:20px;bottom:30px;width:260px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line2);box-shadow:0 20px 50px var(--shadow);display:flex;gap:14px;align-items:center}
.hero .gar b{display:block;font-weight:600;font-size:15px;color:var(--h)}
.hero .gar small{font-size:13px;color:var(--mut)}
.ic.gr{width:44px;height:44px;border-radius:12px}

/* cuadros de categorías */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tile{min-height:190px;border-radius:var(--r);padding:24px;background:var(--tileA);border:1px solid var(--tileAl);display:flex;flex-direction:column;justify-content:space-between;gap:16px;color:var(--tx);transition:transform .2s,box-shadow .2s}
.tile.rep{background:var(--tileB);border-color:var(--tileBl)}
.tile:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 18px 40px var(--shadow)}
.tile .ic{width:52px;height:52px;border-radius:14px}
.tile b{display:block;font-size:20px;font-weight:600;color:var(--h)}
.tile small{font-size:13.5px;color:var(--mut)}

/* tarjetas de producto */
.chips{display:flex;gap:8px;flex-wrap:wrap;font-size:14px}
.chips a,.chips button{padding:9px 16px;border-radius:999px;border:1px solid var(--line2);color:var(--tx2);background:transparent;cursor:pointer;font-size:14px}
.chips a:hover,.chips button:hover{text-decoration:none;border-color:var(--acc)}
.chips .on{background:var(--celeste);border-color:var(--celeste);color:#03141A;font-weight:600}
.grilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card{border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 18px 40px var(--shadow);transform:translateY(-2px)}
.card .ft{position:relative;aspect-ratio:1;background:var(--foto);display:block}
.card .ft img{width:100%;height:100%;object-fit:cover}
.sinfoto{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--fotoTx);background:var(--foto)}
.est{position:absolute;left:14px;top:14px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--okBg);color:var(--okTx)}
.est.no{background:var(--noBg);color:var(--noTx)}
.card .cp{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .ct{font-size:12.5px;color:var(--mut)}
.card h3{font-size:16.5px;font-weight:600;line-height:1.35}
.card h3 a{color:var(--h)}
.precio{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:4px}
.precio b{font-size:22px;font-weight:700;color:var(--h)}
.precio span{font-size:13px;color:var(--acc2)}
.card .pedir{margin-top:auto;height:44px;border-radius:12px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:var(--tx)}
.card .pedir svg{color:var(--verde)}
.card .pedir:hover{text-decoration:none;border-color:var(--verde)}
.card .cp>.pedir{margin-top:10px}
.vacio{padding:50px 20px;text-align:center;color:var(--mut);border:1px dashed var(--line2);border-radius:var(--r);background:var(--soft)}
.vacio b{display:block;color:var(--h);font-size:18px;margin-bottom:6px}

/* por qué */
.porque{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.porque div{padding:26px;border-radius:18px;background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.porque svg{color:var(--acc)}
.porque .rep svg{color:var(--acc2)}
.porque b{font-size:18px;font-weight:600;color:var(--h)}
.porque span{font-size:14px;line-height:1.55;color:var(--mut)}

/* reparaciones */
.banda{min-height:300px;border-radius:28px;padding:40px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--band);border:1px solid var(--line)}
.banda .tx{display:flex;flex-direction:column;gap:14px;max-width:640px}
.banda h2{font-size:40px;font-weight:700}
.banda p{margin:0;font-size:17px;color:var(--mut)}
.bt.xl{height:60px;padding:0 30px;border-radius:16px;font-size:17px;font-weight:700}

/* visitanos */
.visita{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center;padding:90px 0 70px}
.visita .dat{display:flex;flex-direction:column;gap:22px}
.visita h2{margin-top:8px;font-size:38px;font-weight:700}
.fila{display:flex;gap:14px;align-items:flex-start;font-size:16px;color:var(--tx2)}
.fila svg{color:var(--acc);margin-top:1px}
.fila.wa svg{color:var(--verde)}
.mapa{height:340px;border-radius:24px;border:1px solid var(--line2);background:var(--soft);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--mut);text-align:center;padding:20px}
.mapa iframe{width:100%;height:100%;border:0;margin:-20px;width:calc(100% + 40px);height:calc(100% + 40px)}

/* pie */
.pie{border-top:1px solid var(--line);background:var(--foot);padding:50px 0 36px;margin-top:40px}
.pie .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.pie .cols>div{display:flex;flex-direction:column;gap:10px;font-size:14px}
.pie .cols b{color:var(--h);font-weight:600}
.pie .cols a{color:var(--mut)}
.pie .cols a:hover{color:var(--acc)}
.pie .logo img{height:34px}
.pie .desc{font-size:14px;line-height:1.6;color:var(--mut)}
.pie .copy{font-size:13px;color:var(--mut2);margin-top:36px}
.redes a{display:inline-flex;align-items:center;gap:8px}

/* botón flotante */
.flota{position:fixed;right:24px;bottom:24px;z-index:25;width:64px;height:64px;border-radius:50%;background:var(--verde);color:#06210F;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(37,211,102,.35)}
.flota:hover{transform:scale(1.05);text-decoration:none}

/* migas y páginas internas */
.migas{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--mut);padding:26px 0 0}
.migas a{color:var(--mut)}
.migas a:hover{color:var(--acc)}
.migas span[aria-current]{color:var(--tx)}
.titulo{padding:18px 0 26px}
.titulo h1{font-size:44px;font-weight:700;letter-spacing:-.01em}
.titulo p{margin:10px 0 0;color:var(--mut);font-size:17px}
.filtros{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:24px}
.filtros .der{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--tx2)}
.sel{height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--tx)}
.chk{display:inline-flex;gap:8px;align-items:center;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--celeste)}
.cuenta{font-size:14px;color:var(--mut);margin-bottom:14px}
.texto{max-width:760px;font-size:17px;line-height:1.75;color:var(--tx2)}
.texto p{margin:0 0 18px}

/* producto */
.ficha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;padding:24px 0 40px}
.ficha .ft{aspect-ratio:1;border-radius:28px;overflow:hidden;background:var(--foto);border:1px solid var(--line)}
.ficha .ft img{width:100%;height:100%;object-fit:cover}
.ficha .inf{display:flex;flex-direction:column;gap:18px}
.ficha .ct a{font-size:13.5px}
.ficha h1{font-size:38px;font-weight:700;letter-spacing:-.01em}
.ficha .precio b{font-size:36px}
.ficha .precio span{font-size:15px}
.ficha .est{position:static;align-self:flex-start;font-size:13px;padding:7px 12px}
.ficha .compat{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--soft);border:1px solid var(--line);font-size:15px;color:var(--tx2)}
.ficha .compat svg{color:var(--acc)}
.ficha .bts{display:flex;gap:12px;flex-wrap:wrap}
.ficha .bts .bt{height:56px;border-radius:14px;font-size:16px}
.ficha .bts .wa{flex:1;min-width:220px}
.ficha .desc{font-size:16px;line-height:1.7;color:var(--tx2)}
.ficha .desc p{margin:0 0 12px}
.ficha .nota{font-size:13.5px;color:var(--mut)}
.aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--h);color:var(--bg);padding:12px 18px;border-radius:12px;font-size:14px;z-index:70;box-shadow:0 14px 34px var(--shadow)}

/* buscar y 404 */
.busca-gr{max-width:640px;margin-bottom:26px;width:100%}
.busca-gr .busca{width:100%}
.busca-gr label{height:56px;border-radius:14px}
.busca-gr input{font-size:16px}

/* ---------- tamaños ---------- */
@media (max-width:1280px){
  :root{--pad:40px}
  .cab .env{gap:20px}
  .busca{width:260px}
  .hero h1{font-size:54px}
  .hero .foto{width:360px;height:360px;right:0}
}
@media (max-width:1100px){
  .nav,.cab .wa-cab{display:none}
  .solo-movil{display:inline-flex!important}
  .busca{width:auto;flex:1}
  .grilla,.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .porque{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pie .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero .env{flex-direction:column;align-items:stretch;min-height:0;padding-top:50px}
  .hero .vis{height:auto;display:flex;flex-direction:column;align-items:center;gap:18px}
  .hero .foto{position:relative;right:auto;top:auto;width:min(420px,100%);height:auto;aspect-ratio:1}
  .hero .gar{position:relative;left:auto;bottom:auto;width:auto;align-self:center}
  .ficha{grid-template-columns:1fr;gap:28px}
  .visita{grid-template-columns:1fr}
  .banda{flex-direction:column;align-items:flex-start;padding:36px}
}
@media (max-width:760px){
  :root{--pad:16px;--r:16px}
  body{font-size:15px}
  .barra .env{justify-content:center;text-align:center;font-size:12px;padding-top:6px;padding-bottom:6px}
  .barra .der{display:none}
  .cab .env{height:64px;gap:10px}
  .logo img{height:32px}
  .cab .env .busca{display:none}
  .busca-movil{display:block!important;padding:0 var(--pad) 12px}
  .busca-movil .busca{width:100%}
  .bt.ico{width:42px;height:42px}
  .hero .env{padding-top:30px;gap:30px}
  .hero .txt{gap:18px}
  .hero h1{font-size:36px}
  .hero p{font-size:16px}
  .bt.gr{height:50px;padding:0 20px;font-size:15px;flex:1}
  .sec{padding:44px 0 20px}
  .sec-cab{margin-bottom:20px}
  .sec-cab h2{font-size:28px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .tile{min-height:140px;padding:16px}
  .tile .ic{width:44px;height:44px}
  .tile b{font-size:16px}
  .tile small{font-size:12px}
  .grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .card .cp{padding:12px 12px 14px;gap:6px}
  .card h3{font-size:14px}
  .precio b{font-size:18px}
  .precio span{font-size:12px}
  .card .pedir{height:40px;font-size:12.5px;gap:6px}
  .est{left:8px;top:8px;font-size:11px;padding:4px 8px}
  .porque{grid-template-columns:1fr;gap:12px}
  .porque div{padding:20px}
  .banda{padding:26px 20px;border-radius:22px}
  .banda h2{font-size:28px}
  .bt.xl{width:100%}
  .visita{padding:50px 0 30px;gap:24px}
  .visita h2{font-size:28px}
  .mapa{height:260px}
  .pie .cols{grid-template-columns:1fr 1fr;gap:24px}
  .pie .cols>div:first-child{grid-column:1/-1}
  .flota{width:56px;height:56px;right:16px;bottom:16px}
  .titulo h1{font-size:30px}
  .ficha h1{font-size:26px}
  .ficha .precio b{font-size:30px}
  .ficha .ft{border-radius:20px}
}
.busca-movil{display:none}
.pedir .cel{display:none}
@media (max-width:760px){.pedir .pc{display:none}.pedir .cel{display:inline}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}