/* ============================================================
   Autos & Taxi Indalo — nocturno premium
   Piel visual sobre la estructura verificada (paridad SEO intacta).
   Prioridad absoluta: formulario, llamadas y WhatsApp.
   ============================================================ */

:root{
  --noche:#0b1420;
  --noche-2:#101c2b;
  --noche-3:#16273a;
  --tinta:#f2f6f8;
  --tinta-suave:#b8c4cd;
  --tinta-apagada:#7d8b96;
  --turquesa:#12d3c4;
  --turquesa-osc:#0ba896;
  --turquesa-tinta:#062b28;
  --oro:#e8b14c;
  --oro-suave:#f6d77a;
  --error:#ff8a80;
  --wa:#25D366;
  --linea:rgba(255,255,255,.09);
  --linea-fuerte:rgba(255,255,255,.16);
  --sombra-tarjeta:0 22px 48px rgba(2,8,16,.45);
  --radio:14px;
  --ancho:1180px;
  --fuente:'Jost',system-ui,-apple-system,sans-serif;
  --transicion:.28s cubic-bezier(.22,.9,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--fuente);
  background:var(--noche);
  color:var(--tinta-suave);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
/* los <picture> que envuelven cada imagen no deben crear caja propia:
   sin esto, la galería flex reparte los envoltorios y espachurra las fotos */
picture{display:contents}
a{color:var(--turquesa);text-decoration:none;transition:color var(--transicion)}
a:hover{color:var(--oro-suave)}
input,select,button,textarea{font-family:inherit;font-size:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--turquesa);outline-offset:3px;
}
::selection{background:rgba(18,211,196,.35);color:#fff}
.contenedor{max-width:var(--ancho);margin:0 auto;padding-inline:20px}

/* accesibilidad */
.solo-lectores{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{
  position:absolute;left:-9999px;top:0;z-index:300;
  background:var(--turquesa);color:var(--turquesa-tinta);padding:10px 18px;font-weight:600;
}
.saltar:focus{left:10px;top:10px}

/* ============================================================
   MOVIMIENTO: revelados con desenfoque + utilidades
   ============================================================ */
.revela{
  opacity:0;transform:translateY(26px);filter:blur(7px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,.9,.3,1),filter .7s ease;
}
.revela.visible{opacity:1;transform:none;filter:none}
.revela-retardo-1{transition-delay:.09s}
.revela-retardo-2{transition-delay:.18s}
.revela-retardo-3{transition-delay:.27s}
.revela-retardo-4{transition-delay:.36s}
.revela-retardo-5{transition-delay:.45s}

/* barra de progreso de lectura (la inyecta main.js) */
.progreso-lectura{
  position:fixed;top:0;left:0;height:3px;width:100%;z-index:180;
  transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--turquesa),var(--oro));
  pointer-events:none;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .revela{opacity:1;transform:none;filter:none}
  .progreso-lectura{display:none}
}

/* parallax con retirada en móvil/reduced-motion */
.parallax{background-attachment:fixed;background-position:center;background-size:cover;background-repeat:no-repeat}
@media (max-width:960px),(prefers-reduced-motion:reduce){
  .parallax{background-attachment:scroll}
}

/* ============================================================
   CABECERA — oscura con blur, LLAMAR en oro con pulso
   ============================================================ */
.cabecera{
  position:sticky;top:0;z-index:100;
  background:rgba(11,20,32,.78);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--linea);
  transition:background var(--transicion),box-shadow var(--transicion);
}
.cabecera.compacta{background:rgba(11,20,32,.95);box-shadow:0 12px 32px rgba(2,8,16,.5)}
.cabecera-interna{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}
.logo img{height:46px;width:auto;transition:height var(--transicion)}
.cabecera.compacta .logo img{height:40px}

.nav-escritorio ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav-escritorio a{
  display:block;padding:24px 14px;color:var(--tinta);
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  position:relative;
}
.nav-escritorio > ul > li > a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:16px;height:2px;
  background:var(--turquesa);transform:scaleX(0);transform-origin:left;
  transition:transform var(--transicion);
}
.nav-escritorio > ul > li > a:hover{color:var(--turquesa)}
.nav-escritorio > ul > li > a:hover::after{transform:scaleX(1)}

.tiene-submenu{position:relative}
.submenu{
  position:absolute;top:100%;left:0;min-width:290px;
  background:rgba(16,28,43,.97);
  backdrop-filter:blur(14px);
  border:1px solid var(--linea-fuerte);
  border-top:3px solid var(--turquesa);
  border-radius:0 0 12px 12px;
  box-shadow:var(--sombra-tarjeta);
  list-style:none;margin:0;padding:8px 0;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity var(--transicion),transform var(--transicion),visibility var(--transicion);
}
.tiene-submenu:hover .submenu,
.tiene-submenu:focus-within .submenu{opacity:1;visibility:visible;transform:none}
.submenu a{padding:11px 20px;font-size:14px;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--tinta-suave)}
.submenu a:hover{background:rgba(18,211,196,.1);color:var(--turquesa)}
.submenu a::after{display:none!important}

/* selector de idioma */
.idioma{
  border:1px solid var(--linea-fuerte);border-radius:999px;
  padding:8px 14px!important;margin-left:6px;
  font-size:12px!important;letter-spacing:.1em;color:var(--tinta-suave)!important;
}
.idioma:hover{border-color:var(--turquesa);color:var(--turquesa)!important}
.idioma::after{display:none!important}

.cta-llamar{
  background:linear-gradient(120deg,var(--oro),#d99a2b);
  color:#231a05!important;border-radius:999px;
  padding:11px 20px!important;margin-left:10px;
  animation:pulso-oro 2.6s infinite;
}
.cta-llamar:hover{color:#000!important;filter:brightness(1.08)}
.cta-llamar::after{display:none!important}
@keyframes pulso-oro{
  0%{box-shadow:0 0 0 0 rgba(232,177,76,.45)}
  70%{box-shadow:0 0 0 14px rgba(232,177,76,0)}
  100%{box-shadow:0 0 0 0 rgba(232,177,76,0)}
}

/* menú móvil */
.boton-menu{
  display:none;background:none;border:1px solid var(--linea-fuerte);border-radius:8px;
  color:var(--tinta);padding:9px 14px;cursor:pointer;font-weight:600;letter-spacing:.06em;font-size:14px;
}
.nav-movil{
  display:none;background:rgba(11,20,32,.98);border-top:1px solid var(--linea);
  box-shadow:0 24px 48px rgba(2,8,16,.6);max-height:calc(100dvh - 76px);overflow:auto;
}
.nav-movil.abierto{display:block;animation:despliega .3s ease}
@keyframes despliega{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.nav-movil ul{list-style:none;margin:0;padding:8px 0 14px}
.nav-movil a{display:block;padding:13px 24px;color:var(--tinta);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.nav-movil .sub a{padding:10px 24px 10px 42px;color:var(--tinta-suave);font-weight:400;text-transform:none}
.nav-movil a:hover{color:var(--turquesa)}

@media (max-width:960px){
  .nav-escritorio{display:none}
  .boton-menu{display:inline-block}
}

/* ============================================================
   BOTONES — el teléfono manda
   ============================================================ */
.boton-principal{
  display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;
  background:linear-gradient(120deg,var(--turquesa),#0fc0ae);
  border:2px solid transparent;color:var(--turquesa-tinta);
  font-size:14px;font-weight:700;letter-spacing:.08em;
  padding:13px 30px;border-radius:999px;cursor:pointer;
  box-shadow:0 10px 28px rgba(18,211,196,.32);
  transition:transform var(--transicion),box-shadow var(--transicion);
}
.boton-principal:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(18,211,196,.45);color:var(--turquesa-tinta)}
/* destello que recorre el botón */
.boton-principal::after{
  content:"";position:absolute;top:0;bottom:0;left:-80%;width:50%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-20deg);
  animation:destello 4.2s ease-in-out infinite;
}
@keyframes destello{0%,60%{left:-80%}80%,100%{left:130%}}
.boton-secundario{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.75);color:#fff;
  font-size:14px;font-weight:600;letter-spacing:.08em;
  padding:13px 30px;border-radius:999px;
  transition:all var(--transicion);
}
.boton-secundario:hover{background:#fff;border-color:#fff;color:var(--noche)}
/* sobre bandas planas, el contorno pasa a turquesa */
.banda-a .boton-secundario,.banda-b .boton-secundario,.int-flujo .boton-secundario{
  border-color:rgba(18,211,196,.6);color:var(--turquesa);
}
.banda-a .boton-secundario:hover,.banda-b .boton-secundario:hover,.int-flujo .boton-secundario:hover{
  background:var(--turquesa);border-color:var(--turquesa);color:var(--turquesa-tinta);
}
.boton-blanco{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--noche);color:#fff;
  font-size:14px;font-weight:700;letter-spacing:.08em;
  padding:13px 34px;border-radius:999px;
  box-shadow:0 12px 30px rgba(2,8,16,.4);
  transition:transform var(--transicion),box-shadow var(--transicion),color var(--transicion);
}
.boton-blanco:hover{transform:translateY(-2px);color:var(--turquesa);box-shadow:0 18px 40px rgba(2,8,16,.55)}

/* ============================================================
   HERO PORTADA — cinemático
   ============================================================ */
.hero{position:relative;display:flex;align-items:center;overflow:hidden;color:#fff}
.hero-fondo{
  position:absolute;inset:-6%;
  background:url('/wp-content/uploads/nueva-imagen-portada-vehiculos.png') center/cover no-repeat;
  background-image:image-set(
    url('/wp-content/uploads/nueva-imagen-portada-vehiculos-1536.webp?v=12e57b1862') type('image/webp'),
    url('/wp-content/uploads/nueva-imagen-portada-vehiculos.png') type('image/png'));
  animation:kenburns 26s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes kenburns{
  from{transform:scale(1) translateY(0)}
  to{transform:scale(1.1) translateY(-2%)}
}
.hero-velo{
  position:absolute;inset:0;
  background:
    radial-gradient(70rem 42rem at 14% 24%,rgba(18,211,196,.16),transparent 62%),
    radial-gradient(50rem 30rem at 90% 80%,rgba(232,177,76,.1),transparent 60%),
    linear-gradient(rgba(11,20,32,.72),rgba(11,20,32,.94));
}
.hero-interna{
  position:relative;z-index:2;width:100%;
  display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start;
  padding-block:88px 96px;
}
.hero-texto{flex:1 1 420px;min-width:300px}
.hero-etiqueta{
  display:inline-flex;align-items:center;gap:10px;
  margin:0 0 14px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--turquesa);font-weight:600;
}
.hero-etiqueta::before{content:"";width:34px;height:2px;background:var(--turquesa)}
.hero h1{
  margin:0 0 20px;
  font-size:clamp(30px,4.2vw,46px);
  line-height:1.16;font-weight:700;color:var(--tinta);
  text-wrap:pretty;
}
.hero h1 .oro{color:var(--oro)}
.hero-parrafo{margin:0 0 28px;font-size:16.5px;line-height:1.75;color:var(--tinta-suave);max-width:56ch}
.hero-acciones{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 22px}
.hero-nota{margin:0;font-size:15px;line-height:1.7;color:var(--tinta-apagada);max-width:52ch}

/* formulario en cristal oscuro — la estrella de la página */
.hero-form{flex:1 1 440px;min-width:300px;max-width:560px}
.tarjeta-cristal{
  position:relative;
  background:rgba(16,28,43,.72);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--linea-fuerte);
  border-radius:var(--radio);
  box-shadow:var(--sombra-tarjeta);
  padding:30px 28px;
}
/* halo turquesa que respira alrededor del formulario */
.tarjeta-cristal::before{
  content:"";position:absolute;inset:-1px;border-radius:var(--radio);z-index:-1;
  background:linear-gradient(140deg,rgba(18,211,196,.55),transparent 30%,transparent 70%,rgba(232,177,76,.45));
  filter:blur(10px);opacity:.55;
  animation:respira 5s ease-in-out infinite alternate;
}
@keyframes respira{from{opacity:.35}to{opacity:.75}}
.hero .tarjeta-cristal h2,.hero-form h2{margin:0 0 10px;font-size:20px;font-weight:600;color:var(--tinta)}
.hero-form .intro-form{margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--tinta-apagada)}
.rejilla-form{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.campo{position:relative}
.campo-ancho{grid-column:1/-1}
.rejilla-form input,.rejilla-form select,.rejilla-form textarea{
  width:100%;padding:12px 14px;
  background:rgba(11,20,32,.65);
  border:1px solid rgba(255,255,255,.14);border-radius:9px;
  color:var(--tinta);font-size:14px;
  transition:border-color var(--transicion),background var(--transicion),box-shadow var(--transicion);
}
.rejilla-form input::placeholder,.rejilla-form textarea::placeholder{color:var(--tinta-apagada)}
.rejilla-form input:focus,.rejilla-form select:focus,.rejilla-form textarea:focus{
  outline:none;border-color:var(--turquesa);
  background:rgba(11,20,32,.9);
  box-shadow:0 0 0 3px rgba(18,211,196,.18);
}
.rejilla-form input[type=time],.rejilla-form input[type=date]{color-scheme:dark}
.rejilla-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tinta-apagada) 50%),linear-gradient(135deg,var(--tinta-apagada) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.rejilla-form textarea{resize:vertical;min-height:130px}
.consentimiento{display:flex;align-items:flex-start;gap:9px;margin:15px 0;font-size:13px;color:var(--tinta-apagada);cursor:pointer;line-height:1.5}
.consentimiento input{margin-top:3px;accent-color:var(--turquesa)}
.consentimiento a{text-decoration:underline;text-underline-offset:2px}
.boton-enviar{
  width:100%;position:relative;overflow:hidden;
  background:linear-gradient(120deg,var(--turquesa),#0fc0ae);color:var(--turquesa-tinta);
  border:none;border-radius:999px;padding:15px 32px;
  font-size:15px;font-weight:700;letter-spacing:.1em;cursor:pointer;
  box-shadow:0 10px 28px rgba(18,211,196,.32);
  transition:transform var(--transicion),box-shadow var(--transicion),opacity var(--transicion);
}
.boton-enviar:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(18,211,196,.45)}
.boton-enviar:disabled{opacity:.65;cursor:progress;transform:none}
.form-aviso{
  margin:14px 0 0;padding:12px 16px;border-radius:9px;
  background:rgba(232,177,76,.12);border:1px solid rgba(232,177,76,.4);
  color:var(--oro-suave);font-size:14px;line-height:1.5;
}
.form-aviso a{color:var(--oro-suave);text-decoration:underline;font-weight:600}
.form-aviso-error{background:rgba(255,138,128,.1);border-color:rgba(255,138,128,.4);color:var(--error)}
.form-aviso-error a{color:var(--error)}
.campo-error{margin:5px 0 0;font-size:12.5px;line-height:1.4;color:var(--error)}
.campo-error:empty{display:none}
.campo-invalido input,.campo-invalido select,.campo-invalido textarea{
  border-color:var(--error);
  box-shadow:0 0 0 3px rgba(255,138,128,.14);
}
.consentimiento.campo-invalido span{color:var(--error)}

/* indicador de scroll */
.hero-scroll{
  position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:2;
  color:var(--tinta-apagada);font-size:11px;letter-spacing:.28em;text-transform:uppercase;
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.hero-scroll::after{
  content:"";width:1px;height:36px;
  background:linear-gradient(var(--turquesa),transparent);
  animation:gotea 1.8s ease-in-out infinite;
}
@keyframes gotea{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ============================================================
   HERO INTERIOR — parallax centrado
   ============================================================ */
.hero-dc{position:relative;overflow:hidden;color:#fff}
.hero-dc-fondo{position:absolute;inset:0}
.hero-dc-velo{
  position:absolute;inset:0;
  background:
    radial-gradient(70rem 40rem at 50% 115%,rgba(18,211,196,.14),transparent 62%),
    linear-gradient(rgba(11,20,32,.76),rgba(11,20,32,.92));
}
.hero-dc-interna{
  position:relative;z-index:2;
  padding-block:104px 112px;text-align:center;
  display:flex;flex-direction:column;align-items:center;
}
.hero-dc-interna .hero-etiqueta{justify-content:center;margin-bottom:12px}
.hero-dc-interna .hero-etiqueta::before{width:26px}
.hero-dc-interna .hero-etiqueta::after{content:"";width:26px;height:2px;background:var(--turquesa)}
.hero-dc-titulo{
  margin:0 0 14px;max-width:30ch;
  font-size:clamp(28px,3.8vw,44px);line-height:1.16;font-weight:700;color:var(--tinta);
  text-wrap:balance;
}
p.hero-dc-titulo{font-weight:600}
.hero-dc-lead{margin:0 0 10px;font-size:16.5px;line-height:1.7;color:var(--tinta-suave);max-width:64ch}
.hero-dc-lead a{color:var(--oro-suave);font-weight:600}
.hero-dc-lead a:hover{color:var(--oro)}
.hero-dc-interna .hero-acciones{justify-content:center;margin:20px 0 0}

/* hero de legales / gracias / 404 */
.hero-int{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:44svh;color:#fff}
.hero-int-fondo{position:absolute;inset:0;background-size:cover;background-position:center}
.hero-int-velo{
  position:absolute;inset:0;
  background:
    radial-gradient(60rem 34rem at 12% 30%,rgba(18,211,196,.1),transparent 60%),
    linear-gradient(rgba(11,20,32,.62),rgba(11,20,32,.95));
}
.hero-int-interna{position:relative;z-index:2;width:100%;padding-block:130px 60px}
.hero-int-titulo{
  margin:0 0 14px;max-width:24ch;
  font-size:clamp(26px,3.6vw,40px);line-height:1.18;font-weight:700;color:var(--tinta);
  text-wrap:balance;
}
.hero-int-lead{margin:0 0 24px;font-size:16px;line-height:1.7;color:var(--tinta-suave);max-width:58ch}

/* ============================================================
   BANDAS
   ============================================================ */
.seccion{padding-block:72px}
.seccion-compacta{padding-block:52px}
.banda{padding-block:72px}
.banda-a{background:var(--noche)}
.banda-b{background:var(--noche-2);border-block:1px solid var(--linea)}
.kicker{
  display:inline-flex;align-items:center;gap:10px;
  margin:0 0 12px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--turquesa);font-weight:600;
}
.kicker::before{content:"";width:26px;height:2px;background:var(--turquesa)}
.titulo-centrado .kicker::after{content:"";width:26px;height:2px;background:var(--turquesa)}
.titulo-seccion{
  margin:0 0 16px;font-size:clamp(23px,2.9vw,30px);
  line-height:1.3;font-weight:700;color:var(--tinta);text-wrap:balance;
}
.titulo-centrado{text-align:center}
.subrayado{position:relative;display:inline-block}
.subrayado::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;
  width:44px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--turquesa),var(--oro));
}

.banda-cabecera{max-width:900px;margin:0 auto 44px;text-align:center}
.banda-cabecera .int-titulo{margin:0;padding:0}
.banda-cabecera p{margin:14px 0 0;font-size:15.5px;line-height:1.75;color:var(--tinta-suave)}

/* rejilla de tarjetas */
.banda-rejilla{
  display:grid;gap:24px;
  grid-template-columns:repeat(var(--cols,3),1fr);
}
@media (max-width:960px){.banda-rejilla{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.banda-rejilla{grid-template-columns:1fr}}
.banda-tarjeta{
  background:var(--noche-3);border:1px solid var(--linea);border-radius:var(--radio);
  padding:30px 28px;position:relative;overflow:hidden;
  transition:transform var(--transicion),border-color var(--transicion),box-shadow var(--transicion);
}
.banda-b .banda-tarjeta{background:var(--noche-2)}
.banda-tarjeta::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,var(--turquesa),transparent 60%);
  opacity:0;transition:opacity var(--transicion);
}
.banda-tarjeta:hover{transform:translateY(-7px);border-color:rgba(18,211,196,.4);box-shadow:var(--sombra-tarjeta)}
.banda-tarjeta:hover::before{opacity:1}
.banda-tarjeta h3,.banda-tarjeta h4,.banda-tarjeta .int-subtitulo{margin:0 0 12px;font-size:17px;font-weight:700;color:var(--tinta)}
.banda-tarjeta .int-titulo{margin:0 0 14px;padding:0;font-size:clamp(18px,2vw,21px);line-height:1.4;color:var(--tinta)}
.banda-tarjeta p{margin:0 0 10px;font-size:14px;line-height:1.75;color:var(--tinta-apagada)}
.banda-tarjeta p:last-child{margin:0}
.banda-tarjeta .int-figura{margin:-30px -28px 22px}
.banda-tarjeta .int-figura img{border-radius:0;box-shadow:none;aspect-ratio:3/2;object-fit:cover;width:100%;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.banda-tarjeta:hover .int-figura img{transform:scale(1.06)}
.banda-tarjeta h3 a,.banda-tarjeta .int-titulo a{color:var(--tinta)}
.banda-tarjeta h3 a:hover,.banda-tarjeta .int-titulo a:hover{color:var(--turquesa)}

/* imagen + texto, con marco dorado descentrado */
.banda-media-interna{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.banda-media-texto{flex:1 1 440px;min-width:300px}
.banda-media-texto .int-titulo{margin:0 0 16px;padding:0}
.banda-media-texto p{margin:0 0 16px;font-size:15.5px;line-height:1.8;color:var(--tinta-suave)}
.banda-media-texto p:last-child{margin:0}
.banda-media-imagen{flex:1 1 420px;min-width:300px;position:relative}
.banda-media-imagen .int-figura{margin:0}
.banda-media-imagen img{width:100%;border-radius:var(--radio);box-shadow:var(--sombra-tarjeta)}
.banda-media-imagen::after{
  content:"";position:absolute;inset:16px -16px -16px 16px;z-index:-1;
  border:1px solid rgba(232,177,76,.4);border-radius:var(--radio);
}

/* banda formulario con parallax — velo oscuro, formulario protagonista */
.banda-parallax{position:relative;overflow:hidden}
.banda-parallax-fondo{position:absolute;inset:0}
.banda-parallax-velo{
  position:absolute;inset:0;
  background:
    radial-gradient(60rem 36rem at 86% 12%,rgba(18,211,196,.12),transparent 60%),
    linear-gradient(rgba(13,23,37,.9),rgba(11,20,32,.96));
}
.banda-parallax .banda-form-interna{position:relative;z-index:2;padding-block:84px}
.banda-form-interna{display:flex;flex-wrap:wrap;gap:52px;align-items:flex-start}
.banda-form-texto{flex:1 1 420px;min-width:300px}
.banda-form-texto .int-titulo{margin:0 0 10px;padding:0;font-size:clamp(23px,2.9vw,30px);color:var(--tinta)}
.banda-form-texto .int-titulo + .int-titulo{font-size:clamp(19px,2.2vw,23px);margin-top:18px}
.banda-form-texto h6{
  margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--turquesa);
}
.banda-form-texto h3,.banda-form-texto .int-subtitulo{margin:22px 0 6px;font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--turquesa)}
.banda-form-texto h5{margin:0;font-size:16px;font-weight:700;letter-spacing:.08em;color:var(--oro)}
.banda-form-texto p{margin:0 0 18px;font-size:14.5px;line-height:1.78;color:var(--tinta-suave)}
.banda-form-caja{flex:1 1 460px;min-width:300px;max-width:600px}
.banda-form-caja .int-form{margin:0}

/* banda oro — cierre de página */
.banda-oro{background:linear-gradient(135deg,#c08b26,var(--oro));color:#241a06}
.banda-oro-interna{max-width:780px;padding-block:60px;text-align:center}
.banda-oro-interna h2,.banda-oro-interna h3{margin:0 0 10px;color:#241a06}
.banda-oro-interna h2:first-child,.banda-oro-interna h3:first-child{
  font-size:14px;letter-spacing:.2em;font-weight:700;margin-bottom:6px;
}
.banda-oro-interna h2{font-size:clamp(21px,2.7vw,28px);line-height:1.3;font-weight:700}
.banda-oro-interna p{margin:0 0 14px;font-size:15px;line-height:1.7;color:rgba(36,26,6,.85)}
.banda-oro-cta{margin-top:12px!important}

/* banda CTA del pie */
.pie-banda-cta{background:linear-gradient(135deg,#c08b26,var(--oro));color:#241a06}
.pie-banda-cta-interna{
  display:flex;flex-wrap:wrap;align-items:center;gap:28px 56px;
  padding-block:48px;
}
.pie-banda-cta-interna h3{margin:0;font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:.04em;color:#241a06;flex-shrink:0}
.pie-banda-cta-texto{flex:1 1 300px;min-width:240px}
.pie-banda-cta-texto h4{margin:0 0 4px;font-size:20px;font-weight:700;color:#241a06}
.pie-banda-cta-texto p{margin:0;font-size:14px;line-height:1.6;color:rgba(36,26,6,.8)}
.pie-banda-cta-interna > p{margin:0;flex-shrink:0}

/* ============================================================
   FLUJO DE PROSA
   ============================================================ */
.int-flujo{max-width:980px;margin-inline:auto}
.int-titulo{
  margin:52px 0 16px;font-size:clamp(21px,2.5vw,27px);line-height:1.32;font-weight:700;
  color:var(--tinta);text-wrap:pretty;position:relative;
}
.int-flujo > .int-titulo{padding-top:16px}
.int-flujo > .int-titulo::before{
  content:"";position:absolute;top:0;left:0;width:44px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--turquesa),transparent);
}
.int-titulo:first-child{margin-top:0}
.int-subtitulo{margin:30px 0 10px;font-size:18px;font-weight:700;color:var(--tinta)}
.int-flujo > p{margin:0 0 16px;font-size:15.5px;line-height:1.8;color:var(--tinta-suave)}
.int-flujo > p a{text-decoration:underline;text-underline-offset:3px}
.int-lista{
  margin:0 0 20px;padding:0 0 0 4px;list-style:none;
  display:flex;flex-direction:column;gap:10px;
}
.int-lista li{
  position:relative;padding-left:28px;
  font-size:15px;line-height:1.7;color:var(--tinta-suave);
}
.int-lista li::before{
  content:"";position:absolute;left:0;top:9px;width:14px;height:2px;
  background:var(--turquesa);
}
.int-lista a{text-decoration:underline;text-underline-offset:3px}
.int-figura{margin:32px 0}
.int-figura img{width:100%;border-radius:var(--radio);box-shadow:var(--sombra-tarjeta)}
.int-cta{margin:26px 0}
.int-etiqueta{
  margin:22px 0 4px!important;font-size:13px!important;letter-spacing:.14em;
  text-transform:uppercase;color:var(--turquesa)!important;font-weight:600;
}
.int-form{margin:44px 0}
.int-rejilla{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:22px;margin:38px 0;
}
.int-tarjeta{
  background:var(--noche-2);border:1px solid var(--linea);border-radius:var(--radio);
  padding:28px 26px;
  transition:transform var(--transicion),border-color var(--transicion),box-shadow var(--transicion);
}
.int-tarjeta:hover{transform:translateY(-5px);border-color:rgba(18,211,196,.35);box-shadow:var(--sombra-tarjeta)}
.int-tarjeta h3{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--tinta)}
.int-tarjeta p{margin:0 0 8px;font-size:14px;line-height:1.7;color:var(--tinta-apagada)}
.int-tarjeta p:last-child{margin:0}

/* FAQ */
.faq-lista{display:flex;flex-direction:column;gap:13px}
.int-faq{
  background:var(--noche-3);border:1px solid var(--linea);border-radius:12px;
  padding:18px 22px;
  transition:border-color var(--transicion);
}
.banda-b .int-faq{background:var(--noche-2)}
.int-faq[open]{border-color:rgba(18,211,196,.4)}
.int-faq summary{
  cursor:pointer;list-style:none;position:relative;padding-right:40px;
  font-size:16px;font-weight:600;color:var(--tinta);
  transition:color var(--transicion);
}
.int-faq summary::-webkit-details-marker{display:none}
.int-faq summary::after{
  content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:50%;
  border:1px solid rgba(18,211,196,.5);color:var(--turquesa);
  display:flex;align-items:center;justify-content:center;
  font-size:17px;line-height:1;
  transition:transform var(--transicion),background var(--transicion);
}
.int-faq[open] summary::after{content:"−";background:rgba(18,211,196,.12)}
.int-faq summary:hover{color:var(--turquesa)}
.int-faq-cuerpo{padding-top:14px;display:flex;flex-direction:column;gap:10px}
.int-faq-cuerpo p{margin:0;font-size:15px;line-height:1.75;color:var(--tinta-suave)}

/* mapa */
.mapa-contacto{margin:26px 0;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra-tarjeta)}
.mapa-contacto iframe{display:block;filter:grayscale(.25) contrast(1.05)}

/* ============================================================
   PORTADA: VENTAJAS / TRASLADOS / GALERÍA / URGENTE / DESTINOS
   ============================================================ */
.ventajas{background:var(--noche-2);border-block:1px solid var(--linea)}
.ventajas-interna{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:32px;padding-block:56px;
}
.ventaja{display:flex;gap:18px;align-items:flex-start}
.ventaja-icono{
  flex-shrink:0;width:60px;height:60px;border-radius:18px;
  background:linear-gradient(140deg,rgba(18,211,196,.16),rgba(18,211,196,.04));
  border:1px solid rgba(18,211,196,.3);
  display:flex;align-items:center;justify-content:center;color:var(--turquesa);
  transition:transform var(--transicion);
}
.ventaja:hover .ventaja-icono{transform:translateY(-4px) rotate(-4deg)}
.ventaja h3{margin:0 0 6px;font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--tinta)}
.ventaja p{margin:0;font-size:14px;line-height:1.6;color:var(--tinta-apagada)}

.intro-destacado{
  margin:0 auto;max-width:900px;text-align:center;
  font-size:clamp(20px,2.6vw,26px);line-height:1.4;font-weight:600;color:var(--turquesa);
}
.traslados{display:flex;flex-wrap:wrap;gap:44px;align-items:center;margin-top:48px}
.traslados-tarjeta{
  flex:1 1 380px;min-width:300px;
  background:var(--noche-3);border:1px solid var(--linea);border-radius:var(--radio);
  box-shadow:var(--sombra-tarjeta);padding:36px 32px;
}
.traslados-tarjeta .icono{color:var(--oro);margin-bottom:20px;display:inline-block}
.traslados-tarjeta h2{
  margin:0;font-size:clamp(17px,2vw,19px);line-height:1.55;font-weight:700;color:var(--tinta);text-wrap:pretty;
}
.traslados-imagen{flex:1 1 460px;min-width:300px;position:relative}
.traslados-imagen img{width:100%;border-radius:var(--radio);box-shadow:var(--sombra-tarjeta)}
.traslados-imagen::after{
  content:"";position:absolute;inset:16px -16px -16px 16px;z-index:-1;
  border:1px solid rgba(232,177,76,.4);border-radius:var(--radio);
}

.galeria{position:relative;border-radius:var(--radio);overflow:hidden;margin-top:40px;box-shadow:var(--sombra-tarjeta)}
.galeria-pista{display:flex;transition:transform .65s cubic-bezier(.6,.05,.25,1);will-change:transform}
.galeria-pista img{
  flex:0 0 100%;width:100%;
  height:clamp(260px,42vw,560px);object-fit:cover;
}
.galeria-controles{display:flex;justify-content:center;align-items:center;gap:9px;padding-top:18px}
.galeria-punto{
  width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:rgba(255,255,255,.25);transition:background var(--transicion),transform var(--transicion);
}
.galeria-punto[aria-current="true"]{background:var(--turquesa);transform:scale(1.3)}
.galeria-flecha{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;border:1px solid var(--linea-fuerte);
  background:rgba(11,20,32,.6);backdrop-filter:blur(8px);color:var(--tinta);
  font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background var(--transicion),border-color var(--transicion);
}
.galeria-flecha:hover{background:rgba(18,211,196,.25);border-color:var(--turquesa)}
.galeria-flecha.anterior{left:16px}
.galeria-flecha.siguiente{right:16px}

.urgente-rejilla{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:40px;margin-top:48px;
}
.urgente-item{position:relative;padding:26px 24px;border-left:1px solid var(--linea)}
.urgente-item .icono{color:var(--turquesa);margin-bottom:16px;display:inline-block}
.urgente-item h3{margin:0 0 10px;font-size:18px;font-weight:700;color:var(--tinta)}
.urgente-item p{margin:0;font-size:14px;line-height:1.7;color:var(--tinta-apagada)}
.urgente-numero{
  position:absolute;top:6px;right:10px;
  font-size:52px;font-weight:700;color:rgba(255,255,255,.05);line-height:1;
}

/* curvas y banda azul de destinos */
.curva-superior{height:64px;background:var(--noche-3);border-radius:100% 100% 0 0}
.curva-inferior{height:64px;background:var(--noche-3);border-radius:0 0 100% 100%}
.destinos{background:var(--noche-3)}
.destinos-rejilla{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:40px 48px;padding-block:16px 48px;
}
.destino{display:flex;gap:18px;align-items:flex-start}
.destino .icono{flex-shrink:0;color:var(--oro);margin-top:2px}
.destino:nth-child(4) .icono,.destino:nth-child(6) .icono{color:var(--turquesa)}
.destino h3{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--tinta)}
.destino p{margin:0;font-size:14px;line-height:1.7;color:var(--tinta-suave)}

.tarjetas-rejilla{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:32px;margin-top:40px;max-width:1020px;margin-inline:auto;
}
.tarjeta-servicio{
  background:var(--noche-2);border:1px solid var(--linea);border-radius:var(--radio);
  overflow:hidden;position:relative;
  transition:transform var(--transicion),border-color var(--transicion),box-shadow var(--transicion);
}
.tarjeta-servicio:hover{transform:translateY(-7px);border-color:rgba(18,211,196,.4);box-shadow:var(--sombra-tarjeta)}
.tarjeta-servicio figure{margin:0;overflow:hidden}
.tarjeta-servicio img{width:100%;aspect-ratio:8/5;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.tarjeta-servicio:hover img{transform:scale(1.06)}
.tarjeta-cuerpo{padding:26px 26px 30px;text-align:center}
.tarjeta-cuerpo h3{margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:.05em}
.tarjeta-cuerpo h3 a{color:var(--tinta)}
.tarjeta-cuerpo h3 a:hover{color:var(--turquesa)}
.tarjeta-cuerpo h3 a::after{content:"";position:absolute;inset:0}
.tarjeta-cuerpo p{margin:0;font-size:14px;line-height:1.7;color:var(--tinta-apagada)}
.tarjeta-cuerpo .mas{
  display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--turquesa);font-weight:600;
}

/* ============================================================
   OPINIONES
   ============================================================ */
.opiniones{position:relative;overflow:hidden}
.opiniones-fondo{
  position:absolute;inset:0;
  background:url('/wp-content/uploads/2024/07/home3-autos-taxi-indalo.jpg') center/cover no-repeat;
}
.opiniones-velo{
  position:absolute;inset:0;
  background:
    radial-gradient(60rem 34rem at 80% 20%,rgba(232,177,76,.14),transparent 60%),
    linear-gradient(rgba(11,20,32,.88),rgba(11,20,32,.94));
}
.opiniones-interna{position:relative;z-index:2;padding-block:64px}
.opiniones .titulo-seccion{color:var(--tinta)}
.puntuacion{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px;
  margin:0 auto 30px;max-width:640px;
  background:rgba(16,28,43,.8);
  backdrop-filter:blur(12px);
  border:1px solid var(--linea-fuerte);border-radius:var(--radio);
  padding:20px 28px;
}
.puntuacion-bloque{text-align:center}
.puntuacion-bloque .grande{margin:0 0 4px;font-size:17px;font-weight:700;color:var(--tinta)}
.puntuacion-bloque .estrellas{margin:0 0 4px;color:#f6a723;font-size:19px;letter-spacing:2px}
.puntuacion-bloque .detalle{margin:0;font-size:12.5px;color:var(--tinta-apagada)}
.resena-pista{
  display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 2px 18px;scrollbar-width:none;cursor:grab;
}
.resena-pista::-webkit-scrollbar{display:none}
.resena-pista.arrastrando{cursor:grabbing;scroll-snap-type:none}
.resena{
  scroll-snap-align:start;flex:0 0 290px;
  background:rgba(16,28,43,.85);
  border:1px solid var(--linea);border-radius:var(--radio);
  padding:20px 22px;
  transition:transform var(--transicion),border-color var(--transicion);
}
.resena:hover{transform:translateY(-4px);border-color:rgba(232,177,76,.4)}
.resena-cabecera{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.resena-avatar{
  width:38px;height:38px;border-radius:50%;color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;
}
.resena-nombre{margin:0;font-size:13.5px;font-weight:700;color:var(--tinta)}
.resena-fecha{margin:0;font-size:11.5px;color:var(--tinta-apagada)}
.resena-estrellas{margin:0 0 8px;font-size:13px;letter-spacing:2px;color:#f6a723}
.resena p:last-child{margin:0;font-size:13.5px;line-height:1.65;color:var(--tinta-suave)}
.opiniones-controles{display:flex;justify-content:center;gap:12px;margin-top:6px}
.opinion-flecha{
  width:40px;height:40px;border-radius:50%;border:1px solid var(--linea-fuerte);
  background:rgba(11,20,32,.6);color:var(--tinta);font-size:16px;cursor:pointer;
  transition:background var(--transicion),border-color var(--transicion);
}
.opinion-flecha:hover{background:rgba(18,211,196,.22);border-color:var(--turquesa)}

/* ============================================================
   PIE
   ============================================================ */
.pie{background:#081019;color:var(--tinta-suave);border-top:1px solid var(--linea)}
.pie-rejilla{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:44px;padding-block:60px 40px;
}
.pie h2{
  margin:0 0 18px;font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--tinta);
}
.pie p,.pie li{font-size:14px;line-height:1.9;color:var(--tinta-apagada)}
.pie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pie ul a{color:var(--tinta-suave);text-decoration:underline;text-underline-offset:3px}
.pie ul a:hover{color:var(--turquesa)}
.pie ul li::before{content:"› ";color:var(--turquesa)}
.pie .tel-pie{color:var(--oro-suave);font-weight:600}
.pie .tel-pie:hover{color:var(--oro)}
.pie-logo{width:160px;margin-top:16px;opacity:.9}
.pie-legal{
  border-top:1px solid var(--linea);
  padding:18px 20px;text-align:center;font-size:13px;color:var(--tinta-apagada);
}
.pie-legal a{color:var(--tinta-suave);text-decoration:underline}
.pie-legal a:hover{color:var(--turquesa)}
.pie-cta{
  display:inline-flex;align-items:center;gap:8px;margin-top:22px;
  border:2px solid rgba(255,255,255,.7);color:#fff;
  font-weight:600;letter-spacing:.06em;font-size:13px;
  padding:11px 22px;border-radius:999px;
  transition:all var(--transicion);
}
.pie-cta:hover{background:#fff;color:var(--noche)}

/* ============================================================
   BANNER DE COOKIES — cristal oscuro
   ============================================================ */
.cookies{
  position:fixed;left:0;right:0;bottom:0;z-index:200;
  padding:16px;
  animation:cookies-entra .4s cubic-bezier(.22,.9,.3,1) both;
}
@keyframes cookies-entra{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.cookies-caja{
  max-width:960px;margin:0 auto;
  background:rgba(16,28,43,.96);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--linea-fuerte);
  border-radius:var(--radio);box-shadow:0 24px 60px rgba(2,8,16,.65);
  padding:22px 24px;
}
.cookies-texto h2{margin:0 0 8px;font-size:17px;font-weight:700;color:var(--tinta)}
.cookies-texto p{margin:0;font-size:14px;line-height:1.65;color:var(--tinta-suave)}
.cookies-texto a{text-decoration:underline}
.cookies-opciones{display:flex;flex-direction:column;gap:12px;margin:18px 0 4px;padding-top:16px;border-top:1px solid var(--linea)}
.cookies-opciones label{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--tinta-suave);cursor:pointer}
.cookies-opciones input{margin-top:3px;accent-color:var(--turquesa);flex-shrink:0}
.cookies-opciones strong{color:var(--tinta)}
.cookies-botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cookies-btn{
  border:2px solid var(--turquesa);border-radius:999px;
  padding:10px 22px;font-size:13.5px;font-weight:600;letter-spacing:.04em;
  cursor:pointer;background:transparent;color:var(--turquesa);
  transition:background var(--transicion),color var(--transicion);
}
/* aceptar y rechazar con el mismo peso visual: lo exige el RGPD */
.cookies-btn-si{background:var(--turquesa);color:var(--turquesa-tinta)}
.cookies-btn-si:hover{background:var(--turquesa-osc);border-color:var(--turquesa-osc)}
.cookies-btn-no:hover,.cookies-btn-guardar:hover{background:var(--turquesa);color:var(--turquesa-tinta)}
.cookies-btn-mas{border-color:var(--linea-fuerte);color:var(--tinta-suave)}
.cookies-btn-mas:hover{border-color:var(--turquesa);color:var(--turquesa)}
@media (max-width:560px){
  .cookies{padding:10px}
  .cookies-caja{padding:18px 18px 20px}
  .cookies-botones .cookies-btn{flex:1 1 100%;text-align:center}
}

/* ============================================================
   WHATSAPP FLOTANTE — con anillos
   ============================================================ */
.whatsapp-flotante{
  position:fixed;right:20px;bottom:20px;z-index:120;
  width:56px;height:56px;border-radius:50%;
  background:var(--wa);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(37,211,102,.4);
  transition:transform var(--transicion);
}
.whatsapp-flotante::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  border:2px solid var(--wa);
  animation:anillo 2.4s ease-out infinite;
}
@keyframes anillo{
  0%{transform:scale(1);opacity:.7}
  100%{transform:scale(1.75);opacity:0}
}
.whatsapp-flotante:hover{transform:scale(1.1);color:#fff}
.whatsapp-flotante svg{width:29px;height:29px}

/* ============================================================
   BARRA DE ACCIÓN MÓVIL — Llamar · WhatsApp · Reservar
   (la inyecta main.js; el negocio vive del teléfono)
   ============================================================ */
.barra-movil{
  position:fixed;left:0;right:0;bottom:0;z-index:150;
  display:none;
  background:rgba(11,20,32,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--linea-fuerte);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
}
.barra-movil-interna{display:flex;gap:10px}
.barra-movil a{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 8px;border-radius:12px;
  font-size:13.5px;font-weight:700;letter-spacing:.05em;
}
.barra-movil .bm-llamar{background:linear-gradient(120deg,var(--oro),#d99a2b);color:#231a05}
.barra-movil .bm-whatsapp{background:var(--wa);color:#fff}
.barra-movil .bm-reservar{background:linear-gradient(120deg,var(--turquesa),#0fc0ae);color:var(--turquesa-tinta)}
.barra-movil svg{width:17px;height:17px;flex-shrink:0}
@media (max-width:760px){
  .barra-movil{display:block;animation:sube-barra .45s cubic-bezier(.22,.9,.3,1) both;animation-delay:.6s}
  body{padding-bottom:76px}
  .whatsapp-flotante{display:none}   /* la barra ya lleva WhatsApp */
  .cookies{bottom:76px}
}
@keyframes sube-barra{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){
  .barra-movil{animation:none}
}

/* móvil fino */
@media (max-width:640px){
  .seccion,.banda{padding-block:52px}
  .hero-interna{padding-block:60px 68px;gap:36px}
  .hero-dc-interna{padding-block:72px 80px}
  .rejilla-form{grid-template-columns:1fr}
  .tarjeta-cristal{padding:24px 20px}
  .galeria-flecha{display:none}
  .urgente-item{border-left:none;border-top:1px solid var(--linea);padding:22px 4px}
}