/* INAMB – Ingeniería & Ambiente · estilos del sitio */
:root{
  --azul:#0B1434; --azul-2:#13204D; --azul-3:#1B2C66;
  --turq:#17DFD7; --turq-2:#19C6B7; --turq-logo:#36C5D4;
  --verde:#2DB945; --verde-2:#38A84A; --lima:#5BE04A;
  --tinta:#121A33; --texto:#4A5470; --suave:#F3F7FA; --linea:#E3EAF1; --blanco:#fff;
  --rojo:#EE3B3B; --wa:#25D366;
  --radio:18px; --sombra:0 18px 50px -20px rgba(11,20,52,.35);
  --ancho:1200px; --transicion:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--texto);background:var(--blanco);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{color:var(--tinta);line-height:1.15;margin:0 0 .6em;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:clamp(1.8rem,3.4vw,2.75rem)}
h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1em}
.contenedor{width:min(100% - 32px,var(--ancho));margin-inline:auto}
:focus-visible{outline:3px solid var(--turq);outline-offset:3px;border-radius:6px}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font-weight:700;font-size:.95rem;padding:.85em 1.5em;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .3s var(--transicion),box-shadow .3s,background .3s,color .3s;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--transicion);z-index:-1}
.btn:hover::after{transform:translateX(120%)}
.btn:hover{transform:translateY(-2px)}
.btn--grande{font-size:1rem;padding:1em 1.8em}
.btn--verde{background:linear-gradient(135deg,var(--lima),var(--verde));color:#fff;box-shadow:0 12px 30px -10px rgba(45,185,69,.7)}
.btn--azul{background:var(--azul);color:#fff}
.btn--azul:hover{background:var(--azul-3)}
.btn--contorno{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(6px)}
.btn--contorno:hover{background:#fff;color:var(--azul)}
.btn--whatsapp{background:var(--wa);color:#fff;box-shadow:0 12px 30px -10px rgba(37,211,102,.7)}

.etiqueta{display:inline-flex;align-items:center;gap:.5em;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-2);margin-bottom:1rem}
.etiqueta::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--lima),var(--turq));border-radius:2px}
.etiqueta--clara{color:var(--turq)}
.etiqueta--verde{color:var(--lima)}
.punto{width:8px;height:8px;border-radius:50%;background:var(--lima);box-shadow:0 0 0 0 rgba(91,224,74,.7);animation:latido 1.8s infinite}
.etiqueta:has(.punto)::before{display:none}
@keyframes latido{70%{box-shadow:0 0 0 10px rgba(91,224,74,0)}100%{box-shadow:0 0 0 0 rgba(91,224,74,0)}}
.texto-flujo{font-style:normal;background:linear-gradient(90deg,var(--turq),var(--lima),var(--turq));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fluir 5s linear infinite}
@keyframes fluir{to{background-position:-200% 0}}

/* Pantalla de carga: el logo se llena de agua */
.carga{display:none}
.js .carga{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(600px 420px at 50% 46%,#F2FBFB,#fff 70%);transition:transform .85s cubic-bezier(.76,0,.24,1);animation:carga-seguro .5s 8s forwards}
.cargando{overflow:hidden}
.cargando .hero,.cargando .hero *{animation-play-state:paused!important}
.carga.fuera{transform:translateY(calc(-100% - 90px))}
.carga.fuera .carga__logo,.carga.fuera .carga__tubo,.carga.fuera .carga__texto{opacity:0;transform:translateY(-30px);transition:opacity .45s,transform .6s var(--transicion)}
@keyframes carga-seguro{to{opacity:0;visibility:hidden}}
.carga__logo{position:relative;z-index:2;width:min(72vw,340px);height:auto;overflow:visible;animation:carga-aparece .9s var(--transicion) both}
.carga__base{filter:grayscale(1);opacity:.14}
@keyframes carga-aparece{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.carga__ondas{position:absolute;left:50%;top:calc(50% - 30px);width:0;height:0}
.carga__ondas span{position:absolute;left:-190px;top:-190px;width:380px;height:380px;border-radius:50%;border:1.5px solid rgba(23,223,215,.35);opacity:0;animation:carga-onda 3.2s cubic-bezier(.2,.6,.3,1) infinite}
.carga__ondas span:nth-child(2){animation-delay:1.05s;border-color:rgba(91,224,74,.3)}
.carga__ondas span:nth-child(3){animation-delay:2.1s}
@keyframes carga-onda{0%{transform:scale(.25);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.carga__burbujas{position:absolute;left:50%;top:50%;width:300px;height:220px;margin:-80px 0 0 -150px;pointer-events:none}
.carga__burbujas i{position:absolute;bottom:0;width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(23,223,215,.55);background:rgba(23,223,215,.08);opacity:0;animation:burbuja 3.4s ease-in infinite}
.carga__burbujas i:nth-child(1){left:12%;animation-delay:.2s}
.carga__burbujas i:nth-child(2){left:30%;width:5px;height:5px;animation-delay:1.3s}
.carga__burbujas i:nth-child(3){left:52%;width:10px;height:10px;animation-delay:.7s;border-color:rgba(91,224,74,.5)}
.carga__burbujas i:nth-child(4){left:68%;width:6px;height:6px;animation-delay:2s}
.carga__burbujas i:nth-child(5){left:84%;animation-delay:1.6s}
.carga__burbujas i:nth-child(6){left:42%;width:4px;height:4px;animation-delay:2.6s}
@keyframes burbuja{0%{transform:translate(0,0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translate(12px,-200px) scale(1.1);opacity:0}}
.carga__tubo{position:relative;z-index:2;width:min(56vw,220px);height:4px;border-radius:4px;background:#E8F0F4;overflow:hidden}
.carga__tubo i{position:relative;display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--turq-2),var(--turq),var(--lima));overflow:hidden}
.carga__tubo i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(-100%);animation:brillo-tubo 1.2s linear infinite}
@keyframes brillo-tubo{to{transform:translateX(100%)}}
.carga__texto{position:relative;z-index:2;margin:-10px 0 0;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8A95AD}
.carga__texto span{color:var(--turq-2);font-variant-numeric:tabular-nums}
.carga__ola{position:absolute;left:0;right:0;top:100%;width:100%;height:90px;fill:#fff;pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .js .carga{transition:opacity .3s}
  .carga.fuera{transform:none;opacity:0}
}

/* Barra de progreso */
.progreso{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--lima),var(--turq));z-index:200}

/* Aviso */
.aviso{background:var(--azul);color:#cfd6ea;font-size:.85rem}
.aviso__in{display:flex;align-items:center;gap:14px;min-height:40px;flex-wrap:wrap}
.aviso p{margin:0}
.aviso strong{color:#fff}
.aviso__pulso{width:9px;height:9px;border-radius:50%;background:var(--rojo);animation:latido-rojo 1.6s infinite}
@keyframes latido-rojo{0%{box-shadow:0 0 0 0 rgba(238,59,59,.7)}70%{box-shadow:0 0 0 9px rgba(238,59,59,0)}100%{box-shadow:0 0 0 0 rgba(238,59,59,0)}}
.aviso__tel{color:var(--turq);font-weight:700}
.aviso__link{margin-left:auto;font-weight:600;color:#fff}
.aviso__link:hover,.aviso__tel:hover{text-decoration:underline}

/* Cabecera */
.cabecera{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.cabecera.con-sombra{box-shadow:0 10px 30px -18px rgba(11,20,52,.4);border-color:var(--linea)}
.cabecera__in{display:flex;align-items:center;justify-content:space-between;height:84px;transition:height .3s}
.con-sombra .cabecera__in{height:70px}
.marca img{height:52px;width:auto;transition:height .3s}
.con-sombra .marca img{height:44px}
.menu{display:flex;align-items:center;gap:6px}
.menu>a,.menu__btn{font:600 .9rem/1 Montserrat,sans-serif;color:var(--tinta);padding:.8em .9em;border-radius:10px;position:relative;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.menu>a:not(.btn)::after,.menu__btn::after{content:"";position:absolute;left:.9em;right:.9em;bottom:.35em;height:2px;background:var(--verde);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--transicion)}
.menu>a:not(.btn):hover::after,.menu>a.activo::after,.menu__grupo:hover .menu__btn::after{transform:scaleX(1)}
.menu>.menu__cta{margin-left:10px;padding:.75em 1.3em;font-size:.88rem;color:#fff;background:linear-gradient(135deg,var(--lima),var(--verde));justify-content:center}
.menu__grupo{position:relative}
.menu__btn svg{transition:transform .3s}
.menu__grupo:hover .menu__btn svg,.menu__grupo.abierto .menu__btn svg{transform:rotate(180deg)}
.submenu{position:absolute;top:calc(100% + 8px);left:50%;width:300px;padding:10px;background:#fff;border-radius:16px;box-shadow:var(--sombra);border:1px solid var(--linea);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.25s var(--transicion)}
.submenu::before{content:"";position:absolute;inset:-12px 0 auto;height:12px}
.menu__grupo:hover .submenu,.menu__grupo.abierto .submenu,.menu__grupo:focus-within .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.submenu a{display:block;padding:12px 14px;border-radius:12px;transition:background .2s}
.submenu a:hover{background:var(--suave)}
.submenu b{display:block;color:var(--tinta);font-size:.92rem}
.submenu span{font-size:.8rem;color:var(--texto)}
.hamburguesa{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--linea);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.hamburguesa span{width:20px;height:2px;background:var(--azul);border-radius:2px;transition:.3s}
.hamburguesa[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburguesa[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburguesa[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hero (blanco limpio con la sala de bombas; en celular, degradado negro) */
.hero{position:relative;background:#fff;color:var(--texto);overflow:hidden;isolation:isolate;min-height:clamp(640px,84vh,800px);display:flex;flex-direction:column}
.hero__foto{position:absolute;inset:0;z-index:-3;overflow:hidden}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:100% 30%;transform:scale(1.06);animation:acercar 16s ease-out forwards;transition:translate .6s var(--transicion)}
@keyframes acercar{to{transform:scale(1)}}
.hero__velo{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#fff 0%,#fff 30%,rgba(255,255,255,.8) 44%,rgba(255,255,255,0) 60%),linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 20%)}
.hero__in{position:relative;flex:1;display:flex;align-items:center;padding:30px 0 40px}
.hero__texto{flex:1;max-width:660px}
.hero__guardia{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;padding:8px 16px 8px 12px;border-radius:999px;background:#fff;border:1px solid var(--linea);box-shadow:0 8px 24px -14px rgba(11,20,52,.3);color:var(--tinta);font-size:.78rem;font-weight:600;animation:aparecer .8s var(--transicion) both}
.hero__hora{color:var(--texto);font-weight:500}
.hero__hora b{color:var(--turq-2);font-variant-numeric:tabular-nums}
.hero__kicker{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--turq-2);animation:aparecer .8s .1s var(--transicion) both}
.hero__kicker::before{content:"";width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--turq),var(--lima));flex:none}
.hero h1{color:var(--azul);font-size:clamp(2.6rem,5vw,4.4rem);line-height:1;letter-spacing:-.04em;margin:0 0 20px;font-weight:800}
.hero .texto-flujo{background-image:linear-gradient(90deg,var(--turq-2),var(--verde),var(--turq-2))}
.linea{display:block;overflow:hidden;padding-bottom:.08em}
.linea>span{display:inline-block;transform:translateY(110%);animation:subir 1s var(--transicion) forwards}
.linea:nth-child(2)>span{animation-delay:.12s}
.linea:nth-child(3)>span{animation-delay:.24s}
@keyframes subir{to{transform:none}}
@keyframes aparecer{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero__rotar{font-size:clamp(1.1rem,1.6vw,1.25rem);font-weight:600;color:var(--tinta);margin:0 0 14px;animation:aparecer .8s .35s var(--transicion) both}
.rotador{display:inline-grid;vertical-align:bottom}
.rotador__item{grid-area:1/1;color:var(--verde-2);opacity:0;transform:translateY(55%);transition:opacity .55s,transform .55s var(--transicion);white-space:nowrap}
.rotador__item.activo{opacity:1;transform:none}
.rotador__item.sale{opacity:0;transform:translateY(-55%)}
.hero__lead{font-size:.98rem;max-width:520px;margin-bottom:28px;animation:aparecer .8s .45s var(--transicion) both}
.hero__botones{display:flex;flex-wrap:wrap;gap:12px;animation:aparecer .8s .55s var(--transicion) both}
.hero__botones .btn--grande{padding:.95em 1.6em;font-size:.95rem}
.btn--linea{border-color:var(--azul);color:var(--azul);background:rgba(255,255,255,.6)}
.btn--linea:hover{background:var(--azul);color:#fff}
/* Columna de datos: solo sobre la franja de bombas de la derecha, sin tapar al ingeniero */
.hero__datos{position:absolute;z-index:2;right:max(24px,calc((100vw - var(--ancho)) / 2 - 110px));top:50%;width:236px;padding:10px;display:grid;gap:8px;border-radius:22px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(1.4);border:1px solid #fff;box-shadow:0 30px 60px -30px rgba(11,20,52,.5);transform:translateY(-42%);animation:entrar-datos 1s .5s var(--transicion) both}
@keyframes entrar-datos{from{opacity:0;transform:translate(30px,-42%)}to{opacity:1;transform:translateY(-42%)}}
.hero__dato{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#fff;transition:transform .3s var(--transicion),box-shadow .3s}
.hero__dato:hover{transform:translateX(-4px);box-shadow:0 12px 24px -16px rgba(11,20,52,.5)}
.hero__dato b{font-size:1.45rem;font-weight:800;color:var(--azul);letter-spacing:-.03em;line-height:1;min-width:66px}
.hero__dato:nth-child(2) b{color:var(--turq-2)}
.hero__dato span{font-size:.72rem;line-height:1.3}
.hero__dato strong{display:block;color:var(--tinta)}
.hero__dato--urgente{background:linear-gradient(135deg,#FFF3F3,#fff)}
.hero__dato--urgente b{color:var(--rojo);font-size:1.3rem}
.hero__dato-ds{font-size:1.05rem!important}
/* Franja inferior: invitación a bajar + cinta de servicios */
.hero__raya{position:relative;display:flex;align-items:center;gap:30px;padding:16px max(16px,calc((100vw - var(--ancho)) / 2));border-top:1px solid var(--linea);background:#fff}
.hero__desliza{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;color:var(--tinta);white-space:nowrap}
.hero__desliza i{width:22px;height:34px;border:2px solid var(--linea);border-radius:12px;position:relative;flex:none}
.hero__desliza i::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--turq-2);animation:rueda 1.8s infinite}
@keyframes rueda{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.hero__cinta{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hero__cinta-pista{display:flex;width:max-content;animation:desfile-cinta 32s linear infinite}
@keyframes desfile-cinta{to{transform:translateX(-50%)}}
.hero__cinta span{display:inline-flex;align-items:center;gap:26px;padding-right:26px;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--azul)}
.hero__cinta span::after{content:"";width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--turq),var(--lima))}
.estado-dot{width:9px;height:9px;border-radius:50%;background:var(--lima);animation:latido 1.8s infinite;flex:none}

/* Tablet y celular: foto arriba clara, degradado negro solo detrás de los textos */
@media (max-width:960px){
  .hero{min-height:0;display:block;background:#05080F;border-radius:0 0 30px 30px;padding-bottom:34px}
  .hero__foto{position:relative;inset:auto;height:clamp(440px,118vw,600px)}
  .hero__foto img{object-position:68% 15%}
  .hero__velo{bottom:auto;height:clamp(440px,118vw,600px);background:linear-gradient(0deg,#05080F 0%,rgba(5,8,15,.94) 16%,rgba(5,8,15,.55) 34%,rgba(5,8,15,0) 52%),linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0) 22%)}
  .hero__in{position:static;margin-top:-110px;padding:0}
  .hero__texto{position:static;max-width:none}
  .hero__guardia{position:absolute;top:20px;left:16px;margin:0;font-size:.72rem}
  .hero__kicker{color:var(--turq)}
  .hero h1{color:#fff;font-size:clamp(2.4rem,9.6vw,3.4rem);margin-bottom:16px}
  .hero .texto-flujo{background-image:linear-gradient(90deg,var(--turq),var(--lima),var(--turq))}
  .hero__rotar{color:#fff;font-size:1.05rem;margin-bottom:22px}
  .rotador{display:grid}
  .rotador__item{color:var(--lima);white-space:normal}
  .hero__lead{display:none}
  .hero__botones{flex-direction:column}
  .hero__botones .btn{width:100%}
  .hero .btn--linea{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.04)}
  .hero__datos,.hero__raya{display:none}
}
@media (min-width:641px) and (max-width:960px){
  .hero__botones{flex-direction:row}
  .hero__botones .btn{width:auto}
}

/* Secciones */
.seccion{padding:clamp(70px,9vw,120px) 0}
.seccion--suave{background:var(--suave)}
.seccion--oscura{background:var(--azul);color:#b9c2dc}
.titulo-seccion{max-width:760px;margin:0 auto 56px;text-align:center}
.titulo-seccion .etiqueta{justify-content:center}
.titulo-seccion p{font-size:1.04rem}
.titulo-seccion--claro h2{color:#fff}

/* Servicios */
.servicios{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.servicio{display:flex;flex-direction:column;background:#fff;border-radius:var(--radio);overflow:hidden;border:1px solid var(--linea);box-shadow:0 2px 0 rgba(11,20,52,.02);transition:box-shadow .4s,transform .4s var(--transicion),border-color .4s;transform-style:preserve-3d;will-change:transform}
.servicio:hover{box-shadow:var(--sombra);border-color:transparent}
.servicio__img{aspect-ratio:57/35;overflow:hidden;position:relative}
.servicio__img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,20,52,.35),transparent 60%);opacity:.6;transition:opacity .4s}
.servicio__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transicion)}
.servicio:hover .servicio__img img{transform:scale(1.08)}
.servicio__cuerpo{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1;position:relative}
.servicio__num{position:absolute;top:-22px;right:18px;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--turq),var(--verde));color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center;box-shadow:0 10px 20px -8px rgba(23,223,215,.8)}
.servicio h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.01em;padding-right:40px}
.servicio p{font-size:.9rem;flex:1}
.servicio__mas{font-weight:700;font-size:.88rem;color:var(--verde-2);display:inline-flex;gap:8px}
.servicio__mas i{font-style:normal;transition:transform .3s}
.servicio:hover .servicio__mas i{transform:translateX(5px)}

/* Banda oscura */
.banda-oscura{position:relative;background:var(--azul);color:#c4cce3;padding:clamp(80px,10vw,130px) 0;overflow:hidden}
.banda-oscura__fondo{position:absolute;inset:-15% 0}
.banda-oscura__fondo img{width:100%;height:100%;object-fit:cover;opacity:.25;filter:grayscale(.3)}
.banda-oscura__fondo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--azul) 10%,rgba(11,20,52,.75))}
.banda-oscura__in{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.banda-oscura h2{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem);text-transform:uppercase}
.subtitulo-turq{color:var(--turq);font-size:1.25rem}
.banda-oscura p{font-size:1.05rem}
.radar{position:relative;width:120px;height:120px;margin-top:20px}
.radar span{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--turq);opacity:0;animation:onda 3s infinite}
.radar span:nth-child(2){animation-delay:1s}.radar span:nth-child(3){animation-delay:2s}
.radar i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--lima);box-shadow:0 0 20px var(--lima)}
@keyframes onda{0%{transform:scale(.15);opacity:1}100%{transform:scale(1);opacity:0}}

/* Bloque de video: Soluciones que fluyen */
.seccion--video{position:relative;background:linear-gradient(180deg,#fff 0%,#F3F8FA 100%);overflow:hidden}
.seccion--video::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,20,52,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(11,20,52,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 75% 50%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 75% 50%,#000,transparent 75%);pointer-events:none}
.respuesta{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.respuesta h2{font-size:clamp(1.9rem,3.2vw,2.7rem)}
.texto-flujo--oscuro{background-image:linear-gradient(90deg,var(--turq-2),var(--verde),var(--turq-2))}
.respuesta .subtitulo-turq{color:var(--turq-2);font-size:1.1rem;font-weight:700;margin-bottom:.6em}
.respuesta__puntos{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.respuesta__puntos li{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--linea);transition:transform .35s var(--transicion),box-shadow .35s}
.respuesta__puntos li:hover{transform:translateX(6px);box-shadow:var(--sombra)}
.respuesta__puntos span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(23,223,215,.16),rgba(91,224,74,.16));color:var(--verde-2);flex:none}
.respuesta__puntos svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.respuesta__puntos b{display:block;color:var(--tinta);font-size:.95rem}
.respuesta__puntos small{font-size:.8rem}
.respuesta__video{position:relative}
.respuesta__video::before{content:"";position:absolute;inset:8% -4% -6% 10%;border-radius:32px;background:linear-gradient(135deg,var(--turq),var(--lima));opacity:.18;filter:blur(40px);z-index:0}
.video{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;border-radius:28px;overflow:hidden;cursor:pointer;background:var(--azul);box-shadow:0 40px 80px -36px rgba(11,20,52,.6);isolation:isolate}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform 1.2s var(--transicion)}
.video:hover img{transform:scale(1.05)}
.video__velo{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,20,52,.75) 0%,rgba(11,20,52,0) 40%),linear-gradient(180deg,rgba(11,20,52,.35),transparent 30%)}
.video__vivo{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:rgba(11,20,52,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.video__vivo i{width:8px;height:8px;border-radius:50%;background:var(--rojo);animation:latido-rojo 1.6s infinite}
.video__play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);box-shadow:0 20px 40px -12px rgba(0,0,0,.5);transition:transform .4s var(--transicion),background .3s}
.video__play svg{width:30px;height:30px;margin-left:5px;fill:var(--azul);transition:fill .3s}
.video__play i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:onda-play 2.4s ease-out infinite}
.video__play i+i{animation-delay:1.2s}
@keyframes onda-play{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.video:hover .video__play{transform:scale(1.1);background:linear-gradient(135deg,var(--lima),var(--verde))}
.video:hover .video__play svg{fill:#fff}
.video__barra{position:absolute;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;background:rgba(11,20,52,.5);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);color:#fff}
.video__barra svg{width:16px;height:16px;fill:#fff;flex:none}
.video__progreso{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden}
.video__progreso i{display:block;width:28%;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--turq),var(--lima));transition:width 1.2s var(--transicion)}
.video:hover .video__progreso i{width:42%}
.video__barra small{font-size:.72rem;font-variant-numeric:tabular-nums;color:#d6dcef}
.video__barra em{font-style:normal;font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.5)}
.video__chip{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border:1px solid #fff;box-shadow:0 24px 50px -24px rgba(11,20,52,.5);color:var(--tinta);font-size:.76rem;line-height:1.3;animation:flotar 6s ease-in-out infinite}
.video__chip b{font-weight:800}
.video__chip--a{left:-34px;bottom:72px}
.video__chip--a>b{font-size:1.6rem;color:var(--turq-2);letter-spacing:-.03em}
.video__chip--b{right:-26px;top:-22px;animation-delay:-3s}
/* Reproductor */
.visor--video{width:min(92vw,1100px)}
.reproductor__marco{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.reproductor__marco iframe,.reproductor__marco video{width:100%;height:100%;border:0;display:block}

@media (max-width:960px){
  .respuesta{grid-template-columns:1fr;gap:44px}
  .video__chip--a{left:12px}
  .video__chip--b{right:12px}
}

/* Por qué */
.porque{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.porque__intro{position:sticky;top:120px}
.porque__lista{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:b}
.beneficio{display:flex;gap:20px;align-items:flex-start;background:#fff;padding:22px 24px;border-radius:var(--radio);border:1px solid var(--linea);transition:transform .35s var(--transicion),box-shadow .35s,border-color .35s}
.beneficio:hover{transform:translateX(8px);box-shadow:var(--sombra);border-color:transparent}
.beneficio__ico{flex:none;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(23,223,215,.15),rgba(91,224,74,.15));color:var(--verde-2);transition:background .35s,color .35s}
.beneficio:hover .beneficio__ico{background:linear-gradient(135deg,var(--turq),var(--verde));color:#fff}
.beneficio__ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.beneficio h3{margin-bottom:.3em}
.beneficio p{margin:0;font-size:.93rem}

/* Estándar */
.estandar{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.estandar__fotos{position:relative;aspect-ratio:1/1.02}
.foto{position:absolute;margin:0;border-radius:22px;overflow:hidden;box-shadow:var(--sombra)}
.foto img{width:100%;height:100%;object-fit:cover}
.foto--a{inset:0 22% 26% 0}
.foto--b{inset:34% 0 0 38%;border:8px solid #fff}
.sello{position:absolute;left:4%;bottom:4%;background:var(--azul);color:#fff;border-radius:20px;padding:18px 22px;display:flex;align-items:center;gap:12px;box-shadow:var(--sombra);animation:flotar 5s ease-in-out infinite}
.sello b{font-size:2.3rem;font-weight:800;color:var(--lima);line-height:1}
.sello span{font-size:.8rem;line-height:1.25;font-weight:600}
@keyframes flotar{50%{transform:translateY(-10px)}}
.checks{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}
.checks li{position:relative;padding-left:36px;font-weight:600;color:var(--tinta)}
.checks li::before{content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 12.5 3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}

/* Galería */
.galeria{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px;grid-auto-flow:dense}
.galeria__item{position:relative;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:zoom-in;background:var(--azul-2)}
.galeria__item.g-ancho{grid-column:span 2}
.galeria__item.g-alto{grid-row:span 2}
.galeria__item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transicion),filter .5s}
.galeria__item::after{content:attr(data-titulo);position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;color:#fff;font:700 .9rem Montserrat,sans-serif;text-align:left;background:linear-gradient(0deg,rgba(11,20,52,.9),transparent);transform:translateY(100%);transition:transform .4s var(--transicion)}
.galeria__item:hover img,.galeria__item:focus-visible img{transform:scale(1.07)}
.galeria__item:hover::after,.galeria__item:focus-visible::after{transform:none}

/* Aliados */
.aliados{background:linear-gradient(180deg,var(--azul) 0%,var(--azul-2) 100%);color:#b9c2dc;padding:0 0 clamp(70px,8vw,100px);border-top:1px solid rgba(255,255,255,.06)}
.aliados__in{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;padding-top:clamp(70px,8vw,100px)}
.aliados h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.2rem)}
.carrusel{margin:50px 0 40px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.carrusel__pista{display:flex;gap:70px;width:max-content;animation:desfile 28s linear infinite;align-items:center}
.carrusel:hover .carrusel__pista{animation-play-state:paused}
.carrusel img{height:56px;width:auto;opacity:.7;transition:opacity .3s,transform .3s}
.carrusel img:hover{opacity:1;transform:scale(1.06)}
@keyframes desfile{to{transform:translateX(calc(-50% - 35px))}}
.aliados__cta{text-align:center}

/* Resolver */
.resolver{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.opcion{position:relative;padding:30px 26px;border-radius:var(--radio);background:#fff;border:1px solid var(--linea);overflow:hidden;transition:transform .35s var(--transicion),box-shadow .35s,color .35s;isolation:isolate}
.opcion::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,var(--azul),var(--azul-3));z-index:-1;transform:translateY(101%);transition:transform .45s var(--transicion)}
.opcion:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.opcion:hover::before{transform:none}
.opcion:hover h3{color:#fff}.opcion:hover p{color:#c4cce3}
.opcion__ico{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--suave);color:var(--verde-2);margin-bottom:22px;transition:background .35s,color .35s}
.opcion:hover .opcion__ico{background:rgba(255,255,255,.1);color:var(--turq)}
.opcion__ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.opcion h3,.opcion p{transition:color .35s}
.opcion p{font-size:.92rem}
.opcion__accion{font-weight:700;font-size:.88rem;color:var(--verde-2)}
.opcion:hover .opcion__accion{color:var(--lima)}
.opcion--urgente{border-color:rgba(238,59,59,.35)}
.opcion--urgente .opcion__ico{background:rgba(238,59,59,.1);color:var(--rojo);animation:alerta 2.4s infinite}
@keyframes alerta{0%,100%{box-shadow:0 0 0 0 rgba(238,59,59,.4)}50%{box-shadow:0 0 0 10px rgba(238,59,59,0)}}

/* Íconos de soluciones */
.iconos{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.icono-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:30px 14px;border-radius:var(--radio);background:#fff;border:1px solid var(--linea);font-weight:700;color:var(--tinta);font-size:.92rem;line-height:1.3;transition:transform .35s var(--transicion),box-shadow .35s}
.icono-tile span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(23,223,215,.22),rgba(91,224,74,.12));color:var(--azul);transition:transform .5s var(--transicion),background .35s,color .35s}
.icono-tile svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.icono-tile:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.icono-tile:hover span{transform:rotate(-8deg) scale(1.08);background:linear-gradient(135deg,var(--turq),var(--verde));color:#fff}

/* Soporte */
.soporte{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.soporte__onda svg{width:220px;height:44px;fill:none;stroke:var(--turq);stroke-width:3;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420}
.soporte__onda.visible svg,.revelar.visible .soporte__onda svg{animation:dibujar 2s var(--transicion) forwards}
@keyframes dibujar{to{stroke-dashoffset:0}}
.soporte__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.soporte__lista li{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--suave);font-weight:700;color:var(--tinta);line-height:1.35;border-left:4px solid transparent;transition:border-color .3s,background .3s,transform .3s var(--transicion)}
.soporte__lista li:hover{border-color:var(--verde);background:#fff;transform:translateY(-3px);box-shadow:var(--sombra)}
.soporte__ico{color:var(--verde-2);background:#fff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;flex:none}
.soporte__ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Sectores */
.sectores{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.sector{padding:30px 16px;border-radius:var(--radio);background:#fff;text-align:center;border:1px solid var(--linea);transition:transform .35s var(--transicion),box-shadow .35s}
.sector svg{width:52px;height:52px;margin:0 auto 16px;fill:none;stroke:var(--azul);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.sector h3{font-size:.95rem;margin:0}
.sector:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.sector:hover svg{stroke:var(--verde)}

/* CTA estado */
.cta-estado{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center;padding:44px 48px;border-radius:28px;background:linear-gradient(120deg,#E9FBFA,#EEFCEA);border:1px solid #CFEFEA;position:relative;overflow:hidden}
.cta-estado::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.25),transparent 70%)}
.cta-estado__ico{width:92px;height:92px;border-radius:24px;background:#fff;display:grid;place-items:center;box-shadow:var(--sombra)}
.cta-estado__ico svg{width:46px;height:46px;fill:none;stroke:var(--turq-2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cta-estado h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:.35em}
.cta-estado p{margin:0}
.cta-estado .btn{position:relative;z-index:1}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.faq__intro{position:sticky;top:120px}
.faq__lista{display:grid;gap:12px}
.pregunta{background:#fff;border-radius:16px;border:1px solid var(--linea);transition:box-shadow .3s,border-color .3s}
.pregunta[open]{box-shadow:var(--sombra);border-color:transparent}
.pregunta summary{list-style:none;cursor:pointer;padding:22px 64px 22px 24px;font-weight:700;color:var(--tinta);position:relative}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta summary::after{content:"";position:absolute;right:22px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--suave) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%230B1434' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .35s var(--transicion),background-color .3s}
.pregunta[open] summary::after{transform:rotate(45deg);background-color:var(--turq)}
.pregunta>div{padding:0 24px 6px;overflow:hidden}
.pregunta p{font-size:.95rem}

/* Diagnóstico */
.diagnostico{position:relative;background:radial-gradient(1000px 500px at 80% 0%,rgba(23,223,215,.22),transparent 60%),radial-gradient(800px 400px at 0% 100%,rgba(91,224,74,.18),transparent 60%),var(--azul);color:#c4cce3;padding:clamp(80px,10vw,130px) 0 clamp(120px,12vw,170px);text-align:center;overflow:hidden}
.diagnostico__in{max-width:820px}
.diagnostico .etiqueta{justify-content:center}
.diagnostico h2{color:#fff;font-size:clamp(1.9rem,4vw,3rem)}
.diagnostico p{font-size:1.08rem}
.diagnostico__botones{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.diagnostico__ola{position:absolute;left:0;bottom:-1px;width:100%;height:80px;fill:#08102A}

/* Pie */
.pie{background:#08102A;color:#94a0c0;padding:60px 0 0;font-size:.92rem}
.pie__in{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.2fr;gap:40px}
.pie__marca img{height:64px;width:auto;margin-bottom:18px}
.pie h3{color:#fff;font-size:1rem;margin-bottom:18px}
.pie__col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pie__col p{margin:0}
.pie__col a{transition:color .2s}
.pie__col a:hover{color:var(--turq)}
.pie__redes{display:flex;gap:10px}
.pie__redes a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#fff;transition:background .3s}
.pie__redes a:hover{background:var(--verde)}
.pie__redes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.pie__base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);margin-top:50px;padding:22px 0;font-size:.82rem}
.pie__base p{margin:0}

/* Flotantes */
.flotante-wa{position:fixed;right:22px;bottom:22px;z-index:90;width:60px;height:60px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -8px rgba(37,211,102,.7);transition:transform .3s}
.flotante-wa::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:onda-wa 2.2s infinite}
@keyframes onda-wa{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.flotante-wa:hover{transform:scale(1.08)}
.barra-movil{display:none}

/* Visor */
.visor{border:0;padding:0;background:transparent;max-width:min(92vw,1100px);max-height:92vh;overflow:visible}
.visor::backdrop{background:rgba(5,10,28,.88);backdrop-filter:blur(6px)}
.visor figure{margin:0}
.visor img{max-height:82vh;width:auto;margin:auto;border-radius:14px}
.visor figcaption{color:#fff;text-align:center;font-weight:700;margin-top:12px}
.visor__cerrar,.visor__nav{position:fixed;background:rgba(255,255,255,.12);color:#fff;border:0;width:52px;height:52px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.visor__cerrar:hover,.visor__nav:hover{background:var(--verde)}
.visor__cerrar{top:20px;right:20px}
.visor__prev{left:20px;top:50%;margin-top:-26px}
.visor__next{right:20px;top:50%;margin-top:-26px}

/* Animación de entrada */
.js .revelar{opacity:0;transform:translateY(28px);transition:opacity .8s var(--transicion) var(--d,0s),transform .8s var(--transicion) var(--d,0s)}
.js .revelar.visible{opacity:1;transform:none}

/* Responsivo */
@media (max-width:1100px){
  .servicios{grid-template-columns:repeat(2,1fr)}
  .iconos,.sectores{grid-template-columns:repeat(3,1fr)}
  .resolver{grid-template-columns:repeat(2,1fr)}
  .pie__in{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .cabecera{backdrop-filter:none;background:#fff}
  .menu{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);flex-direction:column;align-items:stretch;gap:2px;background:#fff;padding:100px 22px 30px;box-shadow:-20px 0 60px rgba(11,20,52,.25);transform:translateX(100%);transition:transform .4s var(--transicion);overflow-y:auto;z-index:-1}
  .menu.abierto{transform:none}
  .menu>a,.menu__btn{padding:14px;font-size:1rem;width:100%;justify-content:space-between}
  .menu>a:not(.btn)::after,.menu__btn::after{display:none}
  .menu__cta{margin:16px 0 0}
  .submenu{position:static;width:auto;transform:none;box-shadow:none;border:0;padding:0 0 0 10px;opacity:1;visibility:visible;display:none}
  .menu__grupo.abierto .submenu{display:block;transform:none}
  .menu__grupo:hover .submenu{transform:none}
  .hamburguesa{display:flex}
  .banda-oscura__in,.porque,.estandar,.soporte,.faq,.aliados__in{grid-template-columns:1fr}
  .porque__intro,.faq__intro{position:static}
  .estandar__fotos{max-width:560px}
  .cta-estado{grid-template-columns:1fr;text-align:center;justify-items:center;padding:36px 26px}
}
@media (max-width:640px){
  body{font-size:15px}
  .aviso__link{display:none}
  .cabecera__in{height:70px}
  .marca img{height:42px}
  .servicios,.resolver,.soporte__lista{grid-template-columns:1fr}
  .iconos,.sectores{grid-template-columns:repeat(2,1fr)}
  .galeria{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
  .galeria__item.g-ancho{grid-column:span 2}
  .pie__in{grid-template-columns:1fr}
  .diagnostico__botones .btn{width:100%}
  .flotante-wa{display:none}
  .barra-movil{display:grid;grid-template-columns:1fr 1fr 1.2fr;position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;border-top:1px solid var(--linea);box-shadow:0 -10px 30px -15px rgba(11,20,52,.3)}
  .barra-movil a{padding:15px 6px;text-align:center;font-weight:700;font-size:.9rem;color:var(--azul)}
  .barra-movil__cta{background:linear-gradient(135deg,var(--lima),var(--verde));color:#fff!important}
  .pie{padding-bottom:56px}
}
/* ===== Versión móvil premium (estructura del móvil original) ===== */
.solo-movil,.solo-movil-flex{display:none}
.aviso__llamar{display:none}
@media (max-width:640px){
  .solo-escritorio{display:none!important}
  .solo-movil{display:inline}
  .solo-movil-flex{display:inline-flex}
  main{display:flex;flex-direction:column}
  #aliados{order:2}

  /* Aviso de emergencia: franja verde */
  .aviso{background:linear-gradient(100deg,var(--verde-2),var(--verde) 55%,var(--lima));color:#fff}
  .aviso__in{min-height:46px;gap:10px;flex-wrap:nowrap}
  .aviso p{font-size:.78rem;line-height:1.25;color:#eafff0}
  .aviso strong{display:block;color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.02em}
  .aviso__pulso{background:#fff;animation:latido 1.6s infinite}
  .aviso__tel{display:none}
  .aviso__llamar{display:inline-flex;margin-left:auto;padding:8px 16px;border-radius:999px;background:#fff;color:var(--verde-2);font-weight:800;font-size:.8rem;box-shadow:0 8px 18px -8px rgba(0,0,0,.35)}

  /* Secciones móviles */
  .seccion{padding:56px 0}
  .titulo-seccion{margin-bottom:30px}
  h2{font-size:1.75rem}

  /* ¿Qué necesita resolver? — panel 2x2 de atención rápida */
  #resolver{padding:26px 0 44px}
  #resolver .titulo-seccion{margin:0;padding:18px 20px;text-align:left;border-radius:22px 22px 0 0;background:linear-gradient(120deg,var(--azul),var(--azul-2))}
  #resolver .titulo-seccion .etiqueta{justify-content:flex-start;margin-bottom:4px;font-size:.66rem;color:var(--turq)}
  #resolver .titulo-seccion .etiqueta::before{display:none}
  #resolver .titulo-seccion h2{color:#fff;font-size:1.15rem;margin:0}
  #resolver .titulo-seccion p{display:none}
  .resolver{grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--linea);border-top:0;border-radius:0 0 22px 22px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(11,20,52,.5)}
  .opcion{display:flex;flex-direction:column;align-items:flex-start;padding:18px 14px;border:0;border-radius:0;border-top:1px solid var(--linea);box-shadow:none}
  .opcion:nth-child(even){border-left:1px solid var(--linea)}
  .opcion:hover{transform:none}
  .opcion__ico{width:44px;height:44px;margin:0 0 12px;border-radius:14px}
  .opcion__ico svg{width:22px;height:22px}
  .opcion h3{margin:0;font-size:.86rem;line-height:1.25}
  .opcion p{display:none}
  .opcion__accion{position:absolute;top:18px;right:14px;font-size:0}
  .opcion__accion::before{content:"→";font-size:1rem;color:var(--verde-2)}
  .opcion--urgente{background:#fff}
  .opcion--urgente .opcion__accion::before{color:var(--rojo)}

  /* Soluciones — panel turquesa */
  #soluciones{background:#fff;padding:8px 0 40px}
  #soluciones>.contenedor{position:relative;overflow:hidden;border-radius:32px;padding:46px 14px 14px;background:radial-gradient(260px 200px at 100% 0%,rgba(255,255,255,.22),transparent 70%),radial-gradient(240px 220px at 0% 55%,rgba(255,255,255,.12),transparent 70%),linear-gradient(165deg,#0A9CC4 0%,#17C2C8 45%,#22B98A 100%);box-shadow:0 30px 60px -30px rgba(10,156,196,.8)}
  #soluciones .titulo-seccion h2{color:#fff;font-size:1.55rem}
  #soluciones .titulo-seccion p{color:rgba(255,255,255,.88);font-size:.9rem}
  #soluciones .etiqueta{color:#fff}
  #soluciones .etiqueta::before{background:#fff}
  .iconos{gap:10px}
  .icono-tile{padding:22px 10px;border-radius:20px;border:0;font-size:.86rem;box-shadow:0 12px 24px -16px rgba(5,40,60,.6)}
  .icono-tile span{width:64px;height:64px}
  .icono-tile svg{width:34px;height:34px}

  /* Soporte — panel azul */
  #soporte{padding:16px 0 48px}
  #soporte>.contenedor{border-radius:32px;padding:44px 16px 16px;background:radial-gradient(300px 220px at 0% 0%,rgba(23,223,215,.18),transparent 70%),linear-gradient(170deg,#13204D,var(--azul));box-shadow:0 30px 60px -30px rgba(11,20,52,.9);gap:26px}
  .soporte__titulo{text-align:center}
  .soporte__titulo .etiqueta{color:var(--turq);justify-content:center}
  .soporte__titulo h2{color:#fff;font-size:1.5rem}
  .soporte__onda svg{margin:0 auto;width:140px}
  .soporte__lista li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);color:#fff;padding:16px;font-size:.92rem}
  .soporte__lista li:hover{background:rgba(255,255,255,.08);transform:none;box-shadow:none}
  .soporte__ico{background:rgba(23,223,215,.14);color:var(--turq);border-radius:50%}
  .soporte__lista li:first-child .soporte__ico{background:rgba(238,59,59,.18);color:#ff6b6b}

  /* Sectores */
  .sectores{gap:10px}
  .sector{padding:24px 10px;border-radius:20px}
  .sector svg{width:44px;height:44px}

  /* Estado de la instalación — tarjeta oscura con foto */
  #estado{padding:8px 0 40px}
  .cta-estado{background:linear-gradient(0deg,rgba(11,20,52,.96) 40%,rgba(11,20,52,.75)),url("../img/caso-1.webp") center/cover;border:0;color:#c3cbe4;padding:40px 22px;gap:18px;box-shadow:0 30px 60px -30px rgba(11,20,52,.9)}
  .cta-estado::after{background:radial-gradient(circle,rgba(91,224,74,.25),transparent 70%)}
  .cta-estado h2{color:#fff;font-size:1.4rem}
  .cta-estado__ico{width:76px;height:76px;background:rgba(255,255,255,.08);box-shadow:none;border:1px solid rgba(255,255,255,.14)}
  .cta-estado__ico svg{stroke:var(--turq)}
  .cta-estado__botones{display:flex;flex-direction:column;gap:12px;width:100%}
  .cta-estado__botones .btn{width:100%}
  .btn--whatsapp{background:transparent;border-color:rgba(255,255,255,.6);box-shadow:none}

  /* FAQ */
  .faq{gap:26px}
  .pregunta summary{padding:18px 56px 18px 18px;font-size:.93rem}
  .pregunta>div{padding:0 18px 4px}

  /* ¿Con quiénes trabajamos? */
  .aliados{padding-bottom:48px}
  .aliados__in{text-align:center;gap:14px;padding-top:56px}
  .aliados .etiqueta{justify-content:center;font-size:.9rem;letter-spacing:.06em}
  .aliados .etiqueta::before{display:none}
  .aliados h2{font-size:1.35rem}
  .aliados__in p{font-size:.88rem}
  .carrusel{margin:30px 0 30px}
  .carrusel__pista{gap:44px}
  .carrusel img{height:42px}

  /* Barra inferior premium */
  body{padding-bottom:72px}
  .pie{padding-bottom:20px}
  .barra-movil{grid-template-columns:1fr 1fr 1.15fr;gap:6px;left:10px;right:10px;bottom:10px;padding:6px;border-radius:20px;background:rgba(11,20,52,.88);backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px -12px rgba(5,10,28,.6)}
  .barra-movil a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:14px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
  .barra-movil svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .barra-movil a:nth-child(2) svg{color:var(--wa)}
  .barra-movil__cta{background:linear-gradient(135deg,var(--lima),var(--verde))}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .revelar{opacity:1;transform:none}
}

/* Galería: mosaico fijo de 4x3 en escritorio */
@media (min-width:641px){
  .galeria{grid-template-rows:repeat(3,220px)}
  .galeria__item:nth-child(1){grid-area:1/1/2/3}
  .galeria__item:nth-child(2){grid-area:1/3/2/4}
  .galeria__item:nth-child(3){grid-area:1/4/3/5}
  .galeria__item:nth-child(4){grid-area:2/1/3/2}
  .galeria__item:nth-child(5){grid-area:2/2/4/3}
  .galeria__item:nth-child(6){grid-area:2/3/4/4}
  .galeria__item:nth-child(7){grid-area:3/1/4/2}
  .galeria__item:nth-child(8){grid-area:3/4/4/5}
}


/* ===== Inicio premium (01-11-2026): bloques 3 a 7 con GSAP + Lenis ===== */
@media (min-width:961px){ .hero__kicker{display:none} }
.acento{background:linear-gradient(100deg,var(--turq-2) 0%,var(--verde) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.acento--claro{background-image:linear-gradient(100deg,var(--turq) 0%,var(--lima) 90%)}
[data-lineas] .sl-linea{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}

/* Botón de texto con ícono de reproducir */
.enlace-play{display:inline-flex;align-items:center;gap:14px;margin-top:8px;padding:0;border:0;background:none;font:inherit;font-size:.95rem;font-weight:700;color:var(--tinta);cursor:pointer}
.enlace-play__ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linea);transition:background .4s var(--transicion),border-color .4s}
.enlace-play__ico svg{width:16px;height:16px;margin-left:2px;fill:var(--azul);transition:fill .4s}
.enlace-play:hover .enlace-play__ico{background:var(--azul);border-color:var(--azul)}
.enlace-play:hover .enlace-play__ico svg{fill:#fff}

/* 3. Soluciones que fluyen: el video se abre al bajar */

/* 4. ¿Por qué elegirnos? */

/* 5. Estándar: el sello va arriba a la derecha, sin tapar la foto pequeña */
.sello{left:auto;bottom:auto;right:0;top:6%}
.foto img[data-paralaje]{position:absolute;top:-8%;height:116%}

/* 6. Casos reales: galería horizontal anclada */
.cr{position:relative;overflow:hidden}
.cr__fijo{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:110px 0 70px}
.cr__cabeza{display:grid;grid-template-columns:1.15fr .85fr;gap:88px;align-items:end;margin-bottom:52px}
.cr h2{color:#fff;font-size:clamp(2.4rem,4.4vw,3.9rem);line-height:1.04;letter-spacing:-.045em;margin:0}
.cr__lado p{color:#AAB4CF;margin:0 0 26px;font-size:1.02rem}
.cr__contador{display:flex;align-items:center;gap:16px;color:#fff;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.cr__contador span:last-child{color:#6F7BA0}
.cr__barra{position:relative;width:180px;height:2px;background:rgba(255,255,255,.14);overflow:hidden}
.cr__barra i{position:absolute;inset:0;background:linear-gradient(90deg,var(--turq),var(--lima));transform:scaleX(.125);transform-origin:left}
.cr__pista{display:flex;gap:24px;height:clamp(300px,50vh,470px);padding:0 max(16px,calc((100% - var(--ancho)) / 2));overflow-x:auto;scrollbar-width:none}
.cr__pista::-webkit-scrollbar{display:none}
.cr--anclada .cr__pista{overflow:visible;width:max-content;padding-right:max(16px,calc((100vw - var(--ancho)) / 2))}
.cr__item{position:relative;flex:none;height:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:20px;overflow:hidden;cursor:pointer;background:var(--azul-2)}
.cr__item--alto{aspect-ratio:3/4}
.cr__item::after{display:none}
.cr__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--transicion),filter .6s}
.cr__item:hover img{transform:scale(1.06)}
.cr__dato{position:absolute;left:0;right:0;bottom:0;padding:70px 24px 22px;background:linear-gradient(0deg,rgba(5,8,15,.85),rgba(5,8,15,0));color:#fff;font-size:.95rem;font-weight:600;text-align:left;line-height:1.35}
.cr__dato small{display:block;margin-bottom:6px;color:var(--turq);font-size:.7rem;font-weight:700;letter-spacing:.18em}

/* Pie: íconos de redes (Phosphor) */
.pie__redes .ph{width:21px;height:21px;fill:currentColor;stroke:none}

@media (max-width:960px){
}

/* Casos reales anclado: todo el bloque cabe en la altura de la ventana (títulos de las fotos siempre visibles) */
.cr--anclada .cr__fijo{height:100vh;height:100svh;min-height:0;padding:calc(80px + 4vh) 0 5vh;box-sizing:border-box}
.cr--anclada .cr__cabeza{margin-bottom:clamp(18px,4vh,52px)}
.cr--anclada h2{font-size:clamp(1.9rem,min(4.4vw,7.6vh),3.9rem)}
.cr--anclada .cr__lado p{margin-bottom:clamp(10px,2.4vh,26px)}
.cr--anclada .cr__pista{flex:1 1 auto;min-height:0;height:auto;max-height:480px}

/* Bloques que en el sitio publicado solo existen en la versión celular: no se muestran en computador */
@media (min-width:641px){ .solo-movil-bloque{display:none!important} }

/* ===== Rediseño 2 (01-11-2026): Soluciones que fluyen + ¿Por qué elegirnos? + Estándar ===== */
.enlace-play--claro{color:#fff}
.enlace-play--claro .enlace-play__ico{border-color:rgba(255,255,255,.28)}
.enlace-play--claro .enlace-play__ico svg{fill:#fff}
.enlace-play--claro:hover .enlace-play__ico{background:#fff;border-color:#fff}
.enlace-play--claro:hover .enlace-play__ico svg{fill:var(--azul)}

/* 3. Soluciones que fluyen: panel de operaciones */
.op{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center;padding:72px 64px 72px 72px;border-radius:32px;background:var(--azul);overflow:hidden;isolation:isolate}
.op__luz{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(42% 60% at 12% 18%,rgba(23,223,215,.20),transparent 70%),
  radial-gradient(38% 55% at 88% 92%,rgba(45,185,69,.16),transparent 70%),
  radial-gradient(30% 40% at 55% 50%,rgba(54,197,212,.07),transparent 70%);
  background-size:140% 140%;animation:luz-agua 16s ease-in-out infinite alternate}
@keyframes luz-agua{to{background-position:30% 20%,70% 80%,40% 60%}}
.op::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.op__titulo{color:#fff;font-size:clamp(2.1rem,3.4vw,3.15rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 22px}
.op__sub{color:var(--turq);font-weight:700;font-size:1.08rem;margin:0 0 12px}
.op__p{color:#B9C2DC;font-size:1.04rem;line-height:1.75;max-width:470px;margin:0 0 30px}
.op__medio{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.op__video.video{position:relative;display:block;width:100%;aspect-ratio:16/11;border-radius:0;box-shadow:none;cursor:none}
.op__video img{top:-7%;height:114%;object-position:50% 40%}
.op__velo{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,15,.55),rgba(5,8,15,0) 45%)}
.op__vivo{position:absolute;left:20px;top:20px;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:999px;background:rgba(5,8,15,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.04em}
.op__vivo i{width:7px;height:7px;border-radius:50%;background:var(--rojo);animation:latido-rojo 1.6s infinite}
.op__play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .35s,transform .5s var(--transicion)}
.op__play svg{width:24px;height:24px;margin-left:3px;fill:#fff}
.op__cursor{position:absolute;left:0;top:0;z-index:3;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--azul);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;opacity:0;transform:scale(.4)}
.op__medio.con-cursor .op__play{opacity:0;transform:scale(.6)}
.op__medio:not(.con-cursor) .op__video{cursor:pointer}

/* 4. ¿Por qué elegirnos?: selector con escena que cambia */
@keyframes pq-avance{to{transform:scaleX(1)}}

/* 5. Estándar: una sola foto y el sello fuera del contenido de la imagen */
.estandar__fotos{aspect-ratio:1/1}
.foto--unica{inset:0 0 6% 6%}
.sello{left:0;bottom:0;top:auto;right:auto}

@media (max-width:960px){
  .op{grid-template-columns:1fr;padding:48px 32px}
}
@media (prefers-reduced-motion:reduce){
  .op__luz{animation:none}
}

/* ===== ¿Por qué elegirnos? · bento (propuesta A aprobada 01-11-2026) ===== */
.bt{background:var(--suave)}
.bt__cab{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;margin-bottom:52px}
.bt__titulo{font-size:clamp(3rem,5.4vw,4.4rem);line-height:1;letter-spacing:-.05em;margin:0}
.bt__cab p{position:relative;margin:0;padding-left:56px;max-width:600px;font-size:1.1rem;line-height:1.7}
.bt__cab p::before{content:"";position:absolute;left:0;top:50%;width:2px;height:96px;margin-top:-48px;border-radius:2px;background:linear-gradient(180deg,var(--turq-2),var(--verde))}
.bt__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:290px 290px;gap:18px}
.bt__c{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 1px 0 var(--linea),0 30px 60px -40px rgba(11,20,52,.35);transition:transform .6s var(--transicion),box-shadow .6s var(--transicion)}
.bt__c:hover{transform:translateY(-6px);box-shadow:0 1px 0 var(--linea),0 40px 70px -36px rgba(11,20,52,.45)}
.bt__c h3{position:relative;z-index:2;font-size:1.3rem;margin:0 0 8px}
.bt__c p{position:relative;z-index:2;margin:0;font-size:.95rem;line-height:1.6;max-width:330px}
.bt__n{position:absolute;z-index:2;top:26px;right:28px;font-size:.75rem;font-weight:800;letter-spacing:.16em;color:#9AA4BD}
.bt__n--abajo{top:auto;bottom:30px}
.bt__n--izq{right:auto;left:30px}
/* 04 foto */
.bt__c--foto{grid-row:span 2;padding:36px}
.bt__c--foto img{position:absolute;left:0;top:-6%;z-index:0;width:100%;height:112%;object-fit:cover;transition:scale 1.2s var(--transicion)}
.bt__c--foto:hover img{scale:1.04}
.bt__c--foto::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.72) 16%,rgba(0,0,0,.48) 32%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.06) 62%,rgba(0,0,0,0) 72%),linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 22%)}
.bt__c--foto h3{color:#fff;font-size:1.9rem}
.bt__c--foto p{color:rgba(255,255,255,.86);font-size:1.02rem}
.bt__c--foto .bt__n{color:rgba(255,255,255,.75)}
.bt__chip{position:absolute;z-index:2;top:30px;left:32px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:.75rem;font-weight:700}
.bt__chip i{width:7px;height:7px;border-radius:50%;background:var(--lima);box-shadow:0 0 0 0 rgba(91,224,74,.7);animation:latido 1.8s infinite}
/* 01 costos */
.bt__c--costos{grid-column:2}
.bt__curva{position:absolute;left:0;top:40px;width:100%;height:120px}
.bt__punto{position:absolute;right:-5px;top:137px;width:10px;height:10px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 6px rgba(45,185,69,.15)}
/* 02 24/7 */
.bt__c--24{grid-column:3;background:var(--azul);color:#B9C2DC}
.bt__c--24 h3{color:#fff}
.bt__c--24 .bt__n{color:#6F7BA0}
.bt__grande{position:absolute;top:22px;left:28px;font-size:5.2rem;font-weight:800;letter-spacing:-.06em;line-height:1;background:linear-gradient(100deg,var(--turq),var(--lima));-webkit-background-clip:text;background-clip:text;color:transparent}
.bt__pulso{position:absolute;top:42px;right:30px;width:10px;height:10px;border-radius:50%;background:var(--lima);animation:bt-pulso 2.4s ease-out infinite}
@keyframes bt-pulso{0%{box-shadow:0 0 0 0 rgba(91,224,74,.45),0 0 0 0 rgba(91,224,74,.2)}100%{box-shadow:0 0 0 14px rgba(91,224,74,0),0 0 0 26px rgba(91,224,74,0)}}
/* 03 normativa: sello */
.bt__c--norma{grid-column:2;grid-row:2;background:radial-gradient(120% 90% at 100% 0%,#DDF7F4 0%,#F5FCFB 45%,#fff 70%)}
.bt__sello{position:absolute;right:22px;top:20px;width:150px;height:150px}
.bt__anillo{position:absolute;inset:0;width:100%;height:100%;animation:bt-girar 22s linear infinite}
.bt__anillo text{font-size:9px;font-weight:700;fill:var(--turq-2);text-transform:uppercase}
.bt__escudo{position:absolute;inset:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--turq-2),var(--verde));box-shadow:0 14px 30px -12px rgba(25,198,183,.7),inset 0 0 0 6px rgba(255,255,255,.18);transition:transform .6s var(--transicion)}
.bt__c--norma:hover .bt__escudo{transform:scale(1.08)}
.bt__escudo svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes bt-girar{to{transform:rotate(360deg)}}
/* 05 trazabilidad: reporte */
.bt__c--traza{grid-column:3;grid-row:2;background:linear-gradient(160deg,#fff 40%,#EEF5FA)}
.bt__doc{position:absolute;left:30px;top:26px;width:190px;height:138px}
.bt__doc>i{position:absolute;inset:0;border-radius:14px;background:#fff;border:1px solid var(--linea)}
.bt__doc>i:nth-child(1){transform:translate(16px,10px) rotate(4deg);opacity:.6}
.bt__doc>i:nth-child(2){transform:translate(8px,5px) rotate(2deg);opacity:.85}
.bt__hoja{position:absolute;inset:0;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--linea);box-shadow:0 20px 40px -24px rgba(11,20,52,.45);overflow:hidden;transition:transform .6s var(--transicion)}
.bt__c--traza:hover .bt__hoja{transform:translateY(-4px) rotate(-1deg)}
.bt__doc-cab{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.bt__doc-cab b{width:22px;height:22px;border-radius:7px;background:var(--azul)}
.bt__doc-cab span{height:6px;width:70px;border-radius:4px;background:#C9D3E3}
.bt__fila{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.bt__fila em{flex:none;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#E6F8F6}
.bt__fila em::after{content:"";width:6px;height:3px;border-left:2px solid var(--turq-2);border-bottom:2px solid var(--turq-2);transform:rotate(-45deg) translate(1px,-1px)}
.bt__fila span{height:5px;border-radius:4px;background:var(--linea)}
.bt__barras{display:flex;align-items:flex-end;gap:5px;height:24px;margin-top:6px}
.bt__barras s{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--turq-2),var(--verde));opacity:.85;transform-origin:bottom}
.bt__verif{position:absolute;left:176px;top:110px;display:inline-flex;align-items:center;gap:7px;padding:8px 13px 8px 9px;border-radius:999px;background:var(--azul);color:#fff;font-size:.72rem;font-weight:700;box-shadow:0 14px 26px -12px rgba(11,20,52,.6)}
.bt__verif b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--verde)}
.bt__verif b::after{content:"";width:7px;height:3.5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
@media (max-width:960px){
  .bt__cab,.bt__grid{grid-template-columns:1fr}
  .bt__grid{grid-template-rows:none;grid-auto-rows:290px}
  .bt__c--foto{grid-row:span 1}
  .bt__c--costos,.bt__c--24,.bt__c--norma,.bt__c--traza{grid-column:auto;grid-row:auto}
}
@media (prefers-reduced-motion:reduce){
  .bt__anillo,.bt__pulso,.bt__chip i{animation:none}
}

/* ===== Ajuste a la altura de pantalla (computador): ¿Por qué elegirnos? cabe completo sin bajar ===== */
@media (min-width:961px){
  .bt__cab{margin-bottom:clamp(20px,4.5vh,52px)}
  .bt__titulo{font-size:clamp(2.6rem,min(5.4vw,9.5vh),4.4rem)}
}
@media (min-width:961px){
  .bt.seccion{padding-block:clamp(28px,calc(8vh - 22px),110px)}
}


/* Pantallas bajas: ¿Por qué elegirnos? con el título en la columna izquierda (las tarjetas conservan su tamaño) */
@media (min-width:961px) and (max-height:900px){
  .bt .contenedor{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:290px 290px;gap:18px}
  .bt__grid{display:contents}
  .bt__cab{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;margin:0;padding-right:12px}
  .bt__titulo{font-size:3.5rem}
  .bt__cab p{padding:22px 0 0;font-size:1rem;max-width:none}
  .bt__cab p::before{top:0;width:56px;height:2px;margin:0;background:linear-gradient(90deg,var(--turq-2),var(--verde))}
  .bt__c--foto{grid-column:1;grid-row:2}
  .bt__c--foto h3{font-size:1.6rem}
}


/* =====================================================================
   NOSOTROS v2 (01-11-2026) · mismo lenguaje del Inicio (ver GUIA-ESTILO.md)
   ===================================================================== */
.cab-linea{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;margin-bottom:56px}
.cab-linea h2{font-size:clamp(2.4rem,4.4vw,3.6rem);line-height:1.04;letter-spacing:-.045em;margin:0}
.cab-linea>p{position:relative;margin:0;padding-left:56px;max-width:560px;font-size:1.06rem;line-height:1.7}
.cab-linea>p::before{content:"";position:absolute;left:0;top:50%;width:2px;height:84px;margin-top:-42px;border-radius:2px;background:linear-gradient(180deg,var(--turq-2),var(--verde))}
.cab-linea--claro h2{color:#fff}
.cab-linea--claro>p{color:#B9C2DC}
.ico-ph{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#EAF8F7;color:var(--turq-2);flex:none;transition:transform .6s var(--transicion),background .5s,color .5s}
.ico-ph svg{width:32px;height:32px;fill:currentColor}
.ico-ph--claro{background:rgba(23,223,215,.1);color:var(--turq);border:1px solid rgba(23,223,215,.22)}

/* 1. ¿Quiénes somos? — foto del equipo a sangre, título gigante letra a letra */
.nq{position:relative;overflow:hidden;isolation:isolate;background:#fff;min-height:clamp(600px,88vh,820px);display:flex;align-items:center}
.nq__foto{position:absolute;inset:0;z-index:-2;overflow:hidden}
.nq__foto img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:70% 40%;animation:nq-zoom 18s ease-out forwards}
@keyframes nq-zoom{from{scale:1.12}to{scale:1}}
.nq__velo{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,0) 64%),linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 22%)}
.nq__in{padding:90px 0 110px}
.nq__titulo{font-size:clamp(3.6rem,8.4vw,7.6rem);line-height:.92;letter-spacing:-.06em;color:var(--azul);margin:0 0 28px;max-width:760px}
.nq__titulo .sl-letra{display:inline-block}
.nq__sub{max-width:600px;margin:0 0 30px;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.25;font-weight:700;letter-spacing:-.025em;color:var(--tinta)}
.nq__tarjeta{position:relative;max-width:560px;padding:26px 30px 26px 34px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 60px -36px rgba(11,20,52,.35)}
.nq__tarjeta::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--turq-2),var(--verde))}
.nq__tarjeta p{margin:0;font-size:1rem;line-height:1.75}
.nq__bajar{position:absolute;left:50%;bottom:26px;width:2px;height:54px;border-radius:2px;background:rgba(11,20,52,.12);overflow:hidden}
.nq__bajar i{position:absolute;left:0;top:-40%;width:100%;height:40%;background:linear-gradient(180deg,transparent,var(--turq-2));animation:nq-bajar 2.2s cubic-bezier(.6,0,.4,1) infinite}
@keyframes nq-bajar{to{top:100%}}

/* 2. Fundación — la ilustración original flotando sobre un halo de agua */
.fe__in{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.fe__visual{position:relative;aspect-ratio:1/1;display:grid;place-items:center}
.fe__halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 50% 45%,#DDF7F4 0%,#EEF9FB 45%,rgba(255,255,255,0) 70%)}
.fe__puntos{position:absolute;right:2%;top:6%;width:42%;height:46%;background-image:radial-gradient(rgba(25,198,183,.35) 1.6px,transparent 1.8px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 70% 30%,#000 30%,transparent 72%);mask-image:radial-gradient(circle at 70% 30%,#000 30%,transparent 72%)}
.fe__orbita{position:absolute;inset:4%;border-radius:50%;border:1.5px dashed rgba(25,198,183,.35);animation:fe-girar 40s linear infinite}
.fe__orbita i{position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:linear-gradient(140deg,var(--turq-2),var(--verde));box-shadow:0 0 0 6px rgba(25,198,183,.15)}
@keyframes fe-girar{to{transform:rotate(360deg)}}
.fe__ilus{position:relative;width:78%;height:auto;filter:drop-shadow(0 30px 40px rgba(11,20,52,.18));animation:fe-flotar 6s ease-in-out infinite}
@keyframes fe-flotar{50%{transform:translateY(-14px)}}
.fe__texto h2{font-size:clamp(2.2rem,3.8vw,3.2rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 26px}
.fe__texto p{font-size:1.06rem;line-height:1.8;max-width:540px;margin:0}

/* 3. Misión y Visión — tarjetas con las ilustraciones originales e inclinación 3D */
.mv{padding-top:0}
.mv__in{display:grid;grid-template-columns:1fr 1fr;gap:24px;perspective:1200px}
.mv__c{position:relative;overflow:hidden;padding:40px 48px 50px;border-radius:32px;transform-style:preserve-3d;transition:transform .5s var(--transicion),box-shadow .6s var(--transicion);will-change:transform}
.mv__c--mision{background:linear-gradient(160deg,#E4F8F5 0%,#F5FCFB 50%,#fff 100%);box-shadow:0 1px 0 var(--linea),0 34px 70px -46px rgba(11,20,52,.4)}
.mv__c--vision{background:linear-gradient(160deg,#E7F1FB 0%,#F5F9FD 50%,#fff 100%);box-shadow:0 1px 0 var(--linea),0 34px 70px -46px rgba(11,20,52,.4)}
.mv__c:hover{box-shadow:0 1px 0 var(--linea),0 50px 90px -46px rgba(11,20,52,.5)}
.mv__ilus{height:230px;display:grid;place-items:center;margin-bottom:22px;transform:translateZ(40px)}
.mv__ilus img{max-height:100%;width:auto;animation:fe-flotar 7s ease-in-out infinite}
.mv__c--vision .mv__ilus img{animation-delay:-3.5s}
.mv__c h2{font-size:clamp(2.2rem,3.6vw,3rem);letter-spacing:-.045em;line-height:1;margin:0 0 16px;transform:translateZ(24px)}
.mv__c p{margin:0;font-size:1.04rem;line-height:1.75;transform:translateZ(12px)}
.mv__c::after{content:"";position:absolute;left:48px;right:48px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--turq-2),var(--verde));transform:scaleX(0);transform-origin:left;transition:transform .8s var(--transicion)}
.mv__c:hover::after{transform:scaleX(1)}

/* 4. Nuestros valores — paneles que se expanden con los íconos originales */
.va{background:var(--suave)}
.va__fila{display:flex;gap:14px;height:400px}
.va__p{position:relative;flex:1;min-width:0;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border:0;border-radius:28px;background:#fff;font:inherit;text-align:left;color:var(--texto);cursor:pointer;box-shadow:0 1px 0 var(--linea),0 30px 60px -44px rgba(11,20,52,.35);transition:flex .8s var(--transicion),background .6s,color .6s}
.va__p.activo{flex:2.4;background:var(--azul);color:#B9C2DC}
.va__luz{position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(60% 70% at 100% 0%,rgba(23,223,215,.25),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(45,185,69,.18),transparent 70%);transition:opacity .8s}
.va__p.activo .va__luz{opacity:1}
.va__n{position:absolute;top:24px;right:28px;font-size:4.6rem;font-weight:800;letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1.5px #D5DDE8;transition:-webkit-text-stroke-color .6s}
.va__p.activo .va__n{-webkit-text-stroke-color:rgba(23,223,215,.55)}
.va__ico{position:absolute;top:28px;left:28px;width:76px;height:76px;border-radius:50%;box-shadow:0 18px 36px -14px rgba(0,98,255,.55);transition:transform .8s var(--transicion)}
.va__p.activo .va__ico{transform:scale(1.15) translate(4px,4px)}
.va__txt b{display:block;font-size:1.25rem;font-weight:700;letter-spacing:-.015em;line-height:1.25;color:var(--tinta);transition:color .6s}
.va__p.activo .va__txt b{color:#fff;font-size:1.7rem}
.va__desc{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .7s var(--transicion),opacity .5s,margin .7s var(--transicion)}
.va__desc>span{min-height:0;overflow:hidden;font-size:1rem;line-height:1.65;max-width:420px}
.va__p.activo .va__desc{grid-template-rows:1fr;opacity:1;margin-top:12px}
.va__barra{position:absolute;left:30px;right:30px;bottom:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;opacity:0}
.va__barra i{position:absolute;inset:0;background:linear-gradient(90deg,var(--turq),var(--lima));transform:scaleX(0);transform-origin:left}
.va__p.activo .va__barra{opacity:1}
.va__p.activo .va__barra i{animation:va-avance 5s linear forwards}
.va__fila.pausa .va__p.activo .va__barra i{animation-play-state:paused}
@keyframes va-avance{to{transform:scaleX(1)}}
.va__p:not(.activo):hover{background:#F7FBFD}

/* 5. Equipo técnico especializado — panel azul */
.es{display:block;padding:72px}
.es__cab{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center;margin-bottom:48px}
.es__cab .op__titulo{margin-bottom:22px}
.es__cab .op__p{margin:0}
.es__foto{position:relative;margin:0;aspect-ratio:4/3;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.es__foto img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover}
.es__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.es__c{padding:28px 24px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);transition:background .5s var(--transicion),border-color .5s,transform .6s var(--transicion)}
.es__c .ico-ph{background:rgba(23,223,215,.1);color:var(--turq);border:1px solid rgba(23,223,215,.2)}
.es__c:hover{background:rgba(255,255,255,.09);border-color:rgba(23,223,215,.4);transform:translateY(-4px)}
.es__c:hover .ico-ph{transform:translateY(-4px) rotate(-6deg);background:linear-gradient(140deg,var(--turq-2),var(--verde));color:#fff}
.es__c h3{color:#fff;font-size:1.08rem;margin:22px 0 8px}
.es__c p{margin:0;color:#9AA6C7;font-size:.92rem;line-height:1.6}

/* 6. Equipo técnico — retratos con inclinación 3D */
.eq__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;perspective:1200px}
.eq__c{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:28px;background:var(--azul);transform-style:preserve-3d;transition:transform .5s var(--transicion),box-shadow .6s;box-shadow:0 34px 70px -44px rgba(11,20,52,.55);will-change:transform}
.eq__c:nth-child(2){margin-top:48px}
.eq__c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:scale 1.2s var(--transicion)}
.eq__c:hover img{scale:1.06}
.eq__c::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.6) 18%,rgba(0,0,0,.2) 40%,rgba(0,0,0,0) 58%)}
.eq__borde{position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;background:linear-gradient(140deg,var(--turq),var(--lima));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .5s}
.eq__c:hover .eq__borde{opacity:1}
.eq__info{position:absolute;left:28px;right:28px;bottom:28px;z-index:3;transform:translateZ(30px)}
.eq__info h3{color:#fff;font-size:1.6rem;letter-spacing:-.03em;margin:0 0 6px}
.eq__info p{margin:0;color:rgba(255,255,255,.82);font-size:.95rem}
.eq__info::before{content:"";display:block;width:36px;height:3px;margin-bottom:16px;border-radius:3px;background:linear-gradient(90deg,var(--turq),var(--lima));transition:width .6s var(--transicion)}
.eq__c:hover .eq__info::before{width:72px}

/* 7. Equipamiento y metodología — red de control con núcleo INAMB */
.em{position:relative;overflow:hidden;isolation:isolate}
.em__fondo{position:absolute;inset:0;z-index:-1}
.em__fondo img{width:100%;height:100%;object-fit:cover;opacity:.55;mix-blend-mode:screen}
.em__fondo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,20,52,.6),rgba(11,20,52,.85))}
.em .cab-linea h2{margin-bottom:12px}
.em__sub{margin:0;color:var(--turq);font-weight:700;font-size:1.08rem}
.red{position:relative;height:460px}
.red__lineas{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.red__lineas path{fill:none;stroke:rgba(23,223,215,.28);stroke-width:1.5;stroke-dasharray:6 8;animation:red-flujo 1.6s linear infinite;transition:stroke .5s}
.red__lineas path.activo{stroke:var(--turq);stroke-width:2.2}
@keyframes red-flujo{to{stroke-dashoffset:-28}}
.red__nucleo{position:absolute;left:50%;top:50%;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#13204D 0%,#0B1434 70%);border:1px solid rgba(23,223,215,.35);box-shadow:0 0 80px -10px rgba(23,223,215,.45),inset 0 0 40px rgba(23,223,215,.12)}
.red__nucleo img{width:128px;height:auto;position:relative}
.red__anillo{position:absolute;inset:-18px;border-radius:50%;border:1.5px dashed rgba(23,223,215,.4);animation:fe-girar 30s linear infinite}
.red__onda{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(23,223,215,.5);animation:red-onda 3.2s ease-out infinite}
.red__onda+.red__onda{animation-delay:1.6s}
@keyframes red-onda{from{transform:scale(1);opacity:.8}to{transform:scale(1.9);opacity:0}}
.red__c{position:absolute;width:300px;display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .6s,border-color .6s,box-shadow .6s,transform .6s var(--transicion)}
.red__c--1{left:0;top:30px}.red__c--2{left:0;bottom:30px}.red__c--3{right:0;top:30px}.red__c--4{right:0;bottom:30px}
.red__c.activo,.red__c:hover{background:rgba(23,223,215,.1);border-color:rgba(23,223,215,.55);box-shadow:0 0 60px -20px rgba(23,223,215,.6);transform:translateY(-4px)}
.red__c.activo .ico-ph{background:linear-gradient(140deg,var(--turq-2),var(--verde));color:#fff;border-color:transparent}
.red__c h3{color:#fff;font-size:1.15rem;margin:4px 0 6px}
.red__c p{margin:0;color:#A9B4D2;font-size:.92rem;line-height:1.55}

/* 8. Capacidades técnicas — lista con íconos animados */
.ct__in{display:grid;grid-template-columns:.95fr 1.05fr;gap:96px;align-items:center}
.ct__texto h2{font-size:clamp(2.2rem,3.8vw,3.2rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 24px}
.ct__texto p{margin:0;font-size:1.06rem;line-height:1.75;max-width:500px}
.ct__lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea)}
.ct__f{position:relative;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:22px;padding:24px 0;border-bottom:1px solid var(--linea)}
.ct__f::before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,var(--turq-2),var(--verde));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--transicion)}
.ct__f:hover::before{transform:scaleX(1)}
.ct__ico{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#EAF8F7;color:var(--turq-2)}
.ct__ico::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,var(--turq-2),var(--verde),transparent 70%);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%);opacity:0;transition:opacity .4s}
.ct__ico svg{width:32px;height:32px;fill:currentColor;transition:transform .7s var(--transicion)}
.ct__f:hover .ct__ico{background:var(--azul);color:var(--turq)}
.ct__f:hover .ct__ico::before{opacity:1;animation:fe-girar 2.4s linear infinite}
.ct__f--seg:hover .ct__ico svg{transform:scale(1.12)}
.ct__f--pre:hover .ct__ico svg{transform:rotate(90deg)}
.ct__f--tra:hover .ct__ico svg{transform:translateY(-3px) rotate(-6deg)}
.ct__f--efi:hover .ct__ico svg{transform:scale(1.1) rotate(8deg)}
.ct__n{font-size:.8rem;font-weight:800;letter-spacing:.14em;color:#AEB6CA}
.ct__f h3{font-size:1.4rem;letter-spacing:-.03em;margin:0 0 6px}
.ct__f p{margin:0;font-size:.97rem}

/* 9. Compromiso — foto original de la página */
.cp{position:relative;overflow:hidden;isolation:isolate;padding:clamp(100px,14vh,150px) 0;text-align:center;color:#C9D1E6}
.cp__foto{position:absolute;inset:0;z-index:-2;overflow:hidden}
.cp__foto img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;object-position:60% 35%}
.cp__velo{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,20,52,.88) 0%,rgba(11,20,52,.66) 50%,rgba(11,20,52,.92) 100%)}
.cp__in{max-width:860px}
.cp .etiqueta{justify-content:center}
.cp h2{color:#fff;font-size:clamp(2.4rem,4.6vw,3.8rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}
.cp p{max-width:700px;margin:0 auto 36px;font-size:1.08rem;line-height:1.75}

@media (max-width:960px){
  .cab-linea,.fe__in,.mv__in,.es__cab,.ct__in{grid-template-columns:1fr;gap:32px}
  .cab-linea>p{padding-left:0}.cab-linea>p::before{display:none}
  .es__grid{grid-template-columns:1fr 1fr}
  .eq__grid{grid-template-columns:1fr}.eq__c:nth-child(2){margin-top:0}
  .es{padding:44px 28px}
  .va__fila{flex-direction:column;height:auto}.va__p{min-height:150px}
  .red{height:auto;display:grid;gap:14px}.red__lineas,.red__nucleo{display:none}.red__c{position:static;width:auto}
}
@media (max-width:640px){ .es__grid{grid-template-columns:1fr} .mv__c{padding:32px 26px 40px} }
@media (prefers-reduced-motion:reduce){
  .nq__foto img,.nq__bajar i,.fe__orbita,.fe__ilus,.mv__ilus img,.red__lineas path,.red__anillo,.red__onda,.ct__f:hover .ct__ico::before{animation:none}
  .va__p.activo .va__barra i{animation:none;transform:scaleX(1)}
}
.va__p:not(.activo) .va__n{opacity:0;transform:translateY(-8px)}
.va__n{transition:opacity .5s,transform .6s var(--transicion),-webkit-text-stroke-color .6s}

/* Nosotros · ajuste de tamaños y párrafos justificados (corrección 01-11-2026) */
.nq__titulo{font-size:clamp(2.8rem,4.6vw,4.2rem);line-height:1;letter-spacing:-.05em;margin-bottom:22px}
.nq__sub{font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.35;max-width:560px;margin-bottom:26px}
.fe__texto h2{font-size:clamp(1.9rem,2.7vw,2.45rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:22px}
.mv__c h2{font-size:clamp(1.8rem,2.5vw,2.25rem);letter-spacing:-.04em;margin-bottom:14px}
.nq__tarjeta p,.fe__texto p,.mv__c p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
.mv__ilus{height:210px;margin-bottom:34px}
.eq__c img.eq__foto-real{object-position:50% 12%}

/* =====================================================================
   SALAS DE BOMBAS (01-11-2026) · mismo lenguaje del Inicio y Nosotros
   ===================================================================== */
.menu__btn.activo{color:var(--azul);font-weight:700}

/* 1. Portada: foto original de la página, ya fundida en blanco */
.sh{position:relative;overflow:hidden;isolation:isolate;background:#fff;min-height:clamp(580px,84vh,780px);display:flex;align-items:center}
.sh__foto{position:absolute;inset:0;z-index:-2;overflow:hidden}
.sh__foto img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:70% 50%;animation:nq-zoom 18s ease-out forwards}
.sh__velo{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 34%,rgba(255,255,255,0) 58%),linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 20%)}
.sh__in{padding:80px 0 100px}
.sh__titulo{font-size:clamp(2.8rem,4.6vw,4.2rem);line-height:1;letter-spacing:-.05em;color:var(--azul);margin:0 0 20px}
.sh__titulo .sl-letra{display:inline-block}
.sh__sub{max-width:560px;margin:0 0 26px;font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.35;font-weight:700;letter-spacing:-.025em;color:var(--tinta)}
.sh__tarjeta{position:relative;max-width:520px;padding:24px 28px 24px 32px;border-radius:22px;background:rgba(255,255,255,.75);border:1px solid #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 60px -36px rgba(11,20,52,.35)}
.sh__tarjeta::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--turq-2),var(--verde))}
.sh__tarjeta p{margin:0;font-size:1rem;line-height:1.75;text-align:justify;hyphens:auto;-webkit-hyphens:auto}

/* 2-5. Servicios: filas editoriales que se alternan */
.svs .contenedor{display:grid;gap:clamp(90px,11vw,140px)}
.sv{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}
.sv--inv .sv__foto{order:2}
.sv__foto{position:relative;margin:0;aspect-ratio:900/832;border-radius:30px;overflow:hidden;background:var(--linea);box-shadow:0 40px 80px -44px rgba(11,20,52,.55);z-index:1}
.sv__foto img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;transition:scale 1.2s var(--transicion)}
.sv:hover .sv__foto img{scale:1.04}
.sv__num{position:absolute;left:26px;bottom:20px;z-index:2;font-size:5.5rem;font-weight:800;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85);text-shadow:0 10px 30px rgba(0,0,0,.25)}
.sv__hex{position:absolute;z-index:0;width:300px;height:auto;opacity:.5;pointer-events:none;left:-80px;top:-70px;animation:fe-flotar 9s ease-in-out infinite}
.sv--inv .sv__hex{left:auto;right:-80px;top:auto;bottom:-70px}
.sv__texto{position:relative;z-index:1}
.sv__texto h2{font-size:clamp(1.9rem,2.7vw,2.45rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px}
.sv__p{margin:0 0 28px;font-size:1.04rem;line-height:1.8;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.sv__ventajas{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--turq-2)}
.sv__ventajas::before{content:"";width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--turq-2),var(--verde))}
.sv__lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sv__lista li{position:relative;padding:14px 18px 14px 56px;border-radius:16px;background:var(--suave);font-size:.96rem;line-height:1.5;color:var(--tinta);transition:background .5s var(--transicion),transform .5s var(--transicion),box-shadow .5s}
.sv__lista li::before{content:"";position:absolute;left:16px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:linear-gradient(140deg,var(--turq-2),var(--verde)) center/100% no-repeat;box-shadow:0 8px 16px -8px rgba(25,198,183,.8)}
.sv__lista li::after{content:"";position:absolute;left:25px;top:50%;width:8px;height:4px;margin-top:-4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.sv__lista li:hover{background:#fff;transform:translateX(6px);box-shadow:0 18px 40px -26px rgba(11,20,52,.4)}

/* 6. Metodología: ruta de 6 etapas con flujo animado */
.mt{position:relative;overflow:hidden;isolation:isolate}
.mt .em__fondo{position:absolute;inset:0;z-index:-1}
.mt__ruta{position:relative;padding-top:10px}
.mt__linea{position:absolute;left:0;right:0;top:46px;width:100%;height:40px;overflow:visible;pointer-events:none}
.mt__base{stroke:rgba(255,255,255,.12);stroke-width:2;fill:none}
.mt__flujo{stroke:var(--turq);stroke-width:2.5;fill:none;stroke-dasharray:1200;stroke-dashoffset:1200}
.mt__pasos{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.mt__p{position:relative;padding:0 6px}
.mt__ico{position:relative;display:grid;place-items:center;width:72px;height:72px;margin:0 0 26px;border-radius:50%;background:#0F1A40;border:1.5px solid rgba(23,223,215,.35);color:var(--turq);box-shadow:0 0 0 8px var(--azul);transition:background .5s var(--transicion),color .5s,border-color .5s,box-shadow .5s,transform .5s var(--transicion)}
.mt__ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mt__p.activo .mt__ico,.mt__p:hover .mt__ico{background:linear-gradient(140deg,var(--turq-2),var(--verde));border-color:transparent;color:#fff;box-shadow:0 0 0 8px var(--azul),0 0 40px -4px rgba(23,223,215,.7);transform:scale(1.06)}
.mt__p h3{color:#fff;font-size:1.05rem;line-height:1.3;margin:0 0 10px;letter-spacing:-.01em}
.mt__p p{margin:0;color:#A9B4D2;font-size:.9rem;line-height:1.6}

/* 7. Cotizar: panel azul con el técnico que sale del marco */
.cz__panel{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:380px;padding:64px 72px;border-radius:32px;background:var(--azul);overflow:visible}
.cz__panel>.op__luz{border-radius:inherit;overflow:hidden}
.cz__texto h2{color:#fff;font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}
.cz__texto p{color:#B9C2DC;font-size:1.06rem;line-height:1.7;max-width:520px;margin:0 0 30px}
.cz__tecnico{position:absolute;right:56px;bottom:0;height:136%;width:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));pointer-events:none}

@media (max-width:960px){
  .sv,.cz__panel{grid-template-columns:1fr;gap:36px}
  .sv--inv .sv__foto{order:0}
  .mt__pasos{grid-template-columns:1fr 1fr;row-gap:36px}.mt__linea{display:none}
  .cz__panel{padding:48px 32px}.cz__tecnico{position:relative;right:auto;height:320px;justify-self:center}
}
@media (max-width:640px){ .mt__pasos{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .sh__foto img,.sv__hex{animation:none} .mt__flujo{stroke-dashoffset:0} }
.mt__p:not(:last-child)::before,.mt__p:not(:last-child)::after{content:"";position:absolute;top:36px;left:96px;width:calc(100% - 96px + 22px);height:2px;border-radius:2px;background:rgba(255,255,255,.12)}
.mt__p:not(:last-child)::after{background:linear-gradient(90deg,var(--turq),var(--lima));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--transicion)}
.mt__p.activo:has(+ .mt__p.activo)::after{transform:scaleX(1)}
@media (max-width:960px){ .mt__p::before,.mt__p::after{display:none} }

/* ===== Salas de bombas · servicios con escenario fijo e instrumentos animados (01-11-2026) ===== */
.sx__in{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}
.sx__escena{position:sticky;top:110px;height:calc(100vh - 150px);max-height:680px;min-height:460px;border-radius:32px;overflow:hidden;background:var(--azul);box-shadow:0 50px 90px -50px rgba(11,20,52,.6);isolation:isolate}
.sx__capa{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s var(--transicion),visibility 0s .9s}
.sx__capa.activo{opacity:1;visibility:visible;transition:opacity .9s var(--transicion),visibility 0s}
.sx__capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 6s cubic-bezier(.2,.6,.3,1)}
.sx__capa.activo img{transform:scale(1)}
.sx__capa::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,15,.6) 0%,rgba(5,8,15,0) 45%),linear-gradient(180deg,rgba(5,8,15,.35) 0%,rgba(5,8,15,0) 30%)}
.sx__riel{position:absolute;left:24px;top:24px;bottom:24px;z-index:3;display:flex;flex-direction:column;gap:8px;width:4px}
.sx__riel i{flex:1;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}
.sx__riel i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--turq),var(--lima));transform:scaleY(0);transform-origin:top;transition:transform .8s var(--transicion)}
.sx__riel i.activo::after{transform:scaleY(1)}
.sx__cifra{position:absolute;right:28px;top:22px;z-index:3;color:rgba(255,255,255,.7);font-size:.85rem;font-weight:700;letter-spacing:.1em}
.sx__cifra b{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:#fff;margin-right:2px}

/* Instrumentos: tarjetas de vidrio sobre la foto */
.gd{position:absolute;left:44px;bottom:30px;z-index:2;padding:18px 20px;border-radius:22px;background:rgba(11,20,52,.42);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);transform:translateY(24px);opacity:0;transition:transform .9s var(--transicion) .25s,opacity .9s .25s}
.sx__capa.activo .gd{transform:none;opacity:1}
.gd svg{display:block;overflow:visible}

/* 1 · Manómetro */
.gd--manometro{display:grid;grid-template-columns:120px 180px;gap:16px;align-items:center}
.gd__dial{width:120px;height:120px}
.gd__pista,.gd__arco{fill:none;stroke-width:9;stroke-linecap:round}
.gd__pista{stroke:rgba(255,255,255,.15)}
.gd__arco{stroke:url(#gd-arco);stroke-dasharray:210;stroke-dashoffset:210;transition:stroke-dashoffset 1.6s var(--transicion) .4s}
.sx__capa.activo .gd__arco{stroke-dashoffset:52}
.gd__marcas path{stroke:rgba(255,255,255,.5);stroke-width:2;stroke-linecap:round;fill:none}
.gd__aguja{transform-origin:60px 70px;transform:rotate(-120deg)}
.gd__aguja path{stroke:#fff;stroke-width:3;stroke-linecap:round}
.gd__aguja circle{fill:#fff}
.sx__capa.activo .gd__aguja{animation:gd-aguja 4.5s cubic-bezier(.5,0,.3,1) .4s infinite}
@keyframes gd-aguja{0%{transform:rotate(-120deg)}30%{transform:rotate(58deg)}45%{transform:rotate(40deg)}60%{transform:rotate(66deg)}80%{transform:rotate(48deg)}100%{transform:rotate(-120deg)}}
.gd__pulso{width:180px;height:44px}
.gd__pulso path{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.gd__pulso-base{stroke:rgba(255,255,255,.22)}
.gd__pulso-luz{stroke:var(--lima);stroke-dasharray:22 78;stroke-dashoffset:100;filter:drop-shadow(0 0 4px rgba(91,224,74,.8))}
.sx__capa.activo .gd__pulso-luz{animation:gd-pulso 2.2s linear infinite}
@keyframes gd-pulso{to{stroke-dashoffset:0}}
.gd__led{position:absolute;right:16px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--lima);box-shadow:0 0 0 0 rgba(91,224,74,.6);animation:latido 1.8s infinite}

/* 2 · Tablero eléctrico */
.gd--tablero{display:grid;grid-template-columns:auto 220px auto;gap:18px;align-items:center}
.gd__switches{display:grid;grid-template-columns:repeat(2,34px);gap:8px}
.gd__switches i{position:relative;width:34px;height:20px;border-radius:20px;background:rgba(255,255,255,.18)}
.gd__switches i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .5s var(--transicion)}
.sx__capa.activo .gd__switches i{animation:gd-switch 4s infinite}
.sx__capa.activo .gd__switches i::after{animation:gd-perilla 4s infinite}
.gd__switches i:nth-child(2),.gd__switches i:nth-child(2)::after{animation-delay:.35s!important}
.gd__switches i:nth-child(3),.gd__switches i:nth-child(3)::after{animation-delay:.7s!important}
.gd__switches i:nth-child(4),.gd__switches i:nth-child(4)::after{animation-delay:1.05s!important}
@keyframes gd-switch{0%,10%{background:rgba(255,255,255,.18)}20%,85%{background:var(--verde)}100%{background:rgba(255,255,255,.18)}}
@keyframes gd-perilla{0%,10%{transform:none}20%,85%{transform:translateX(14px)}100%{transform:none}}
.gd__onda{width:220px;height:56px;overflow:hidden}
.gd__onda path{fill:none;stroke:var(--turq);stroke-width:2.4}
.sx__capa.activo .gd__onda path{animation:gd-onda 1.6s linear infinite}
@keyframes gd-onda{to{transform:translateX(-60px)}}
.gd__rayo{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,var(--turq-2),var(--verde));box-shadow:0 0 30px -4px rgba(23,223,215,.7)}
.gd__rayo svg{width:22px;height:22px;fill:#fff}
.sx__capa.activo .gd__rayo{animation:latido 1.6s infinite}

/* 3 · Estanque que se llena */
.gd--estanque{display:flex;align-items:flex-end;gap:16px}
.gd__tanque{position:relative;width:120px;height:150px;border-radius:16px 16px 22px 22px;border:2px solid rgba(255,255,255,.55);overflow:hidden;background:rgba(255,255,255,.06)}
.gd__agua{position:absolute;left:0;right:0;bottom:0;height:8%;background:linear-gradient(180deg,rgba(23,223,215,.85),rgba(25,198,183,.95));transition:height 2.4s var(--transicion) .4s}
.sx__capa.activo .gd__agua{height:72%}
.gd__agua svg{position:absolute;left:0;top:-12px;width:200%;height:14px;fill:rgba(23,223,215,.85);animation:gd-ola 3s linear infinite}
@keyframes gd-ola{to{transform:translateX(-50%)}}
.gd__burbuja{position:absolute;bottom:6px;width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);opacity:0}
.gd__burbuja:nth-of-type(1){left:22%}.gd__burbuja:nth-of-type(2){left:46%;width:5px;height:5px}.gd__burbuja:nth-of-type(3){left:64%}.gd__burbuja:nth-of-type(4){left:80%;width:4px;height:4px}
.sx__capa.activo .gd__burbuja{animation:gd-burbuja 3s ease-in infinite}
.gd__burbuja:nth-of-type(2){animation-delay:.8s!important}.gd__burbuja:nth-of-type(3){animation-delay:1.5s!important}.gd__burbuja:nth-of-type(4){animation-delay:2.2s!important}
@keyframes gd-burbuja{0%{transform:none;opacity:0}15%{opacity:1}90%{opacity:.8}100%{transform:translateY(-100px);opacity:0}}
.gd__regla{position:absolute;right:8px;top:12px;bottom:12px;width:10px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.6) 0 2px,transparent 2px 14px)}
.gd__gota{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;color:var(--turq-2)}
.gd__gota svg{width:24px;height:24px;fill:currentColor}

/* 4 · Plano de tuberías */
.gd--plano{padding:16px;background:rgba(11,20,52,.55);background-image:linear-gradient(rgba(23,223,215,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,223,215,.12) 1px,transparent 1px);background-size:16px 16px}
.gd--plano svg{width:260px;height:150px}
.gd__trazo{fill:none;stroke:var(--turq);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520}
.gd__trazo--2{stroke:var(--lima);stroke-width:3}
.sx__capa.activo .gd__trazo{animation:gd-trazo 5s var(--transicion) .4s infinite}
@keyframes gd-trazo{0%{stroke-dashoffset:520}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-520}}
.gd__nodos circle{fill:var(--azul);stroke:#fff;stroke-width:2.5;transform-box:fill-box;transform-origin:center;transform:scale(0)}
.sx__capa.activo .gd__nodos circle{animation:gd-nodo 5s .4s infinite}
.gd__nodos circle:nth-child(2){animation-delay:.8s!important}.gd__nodos circle:nth-child(3){animation-delay:1.2s!important}.gd__nodos circle:nth-child(4){animation-delay:1.6s!important}.gd__nodos circle:nth-child(5){animation-delay:2s!important}
@keyframes gd-nodo{0%,8%{transform:scale(0)}16%,85%{transform:scale(1)}100%{transform:scale(0)}}
.gd__valvulas path{stroke:#fff;stroke-width:3;stroke-linecap:round}

/* Relato: cada servicio se ilumina al llegar */
.sx__relato{display:grid}
.sx__s{min-height:calc(100vh - 150px);max-height:none;display:flex;flex-direction:column;justify-content:center;padding:40px 0;opacity:.28;transition:opacity .7s var(--transicion)}
.sx__s.activo{opacity:1}
.sx__foto-movil{display:none}
.sx__s h2{font-size:clamp(1.9rem,2.7vw,2.45rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px}
.sx__p{margin:0 0 26px;font-size:1.04rem;line-height:1.8;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.sx__lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sx__lista li{position:relative;padding:13px 18px 13px 54px;border-radius:16px;background:var(--suave);font-size:.95rem;line-height:1.5;color:var(--tinta);border:1px solid transparent;transition:background .5s var(--transicion),border-color .5s,transform .5s var(--transicion),box-shadow .5s}
.sx__lista li::before{content:"";position:absolute;left:16px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;border:2px solid #C9D3E3;background:#fff;transition:background .4s,border-color .4s,box-shadow .4s}
.sx__lista li::after{content:"";position:absolute;left:24px;top:50%;width:8px;height:4px;margin-top:-4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.sx__s.activo .sx__lista li::before{background:linear-gradient(140deg,var(--turq-2),var(--verde));border-color:transparent;box-shadow:0 8px 16px -8px rgba(25,198,183,.8)}
.sx__s.activo .sx__lista li::after{transform:rotate(-45deg) scale(1)}
.sx__s.activo .sx__lista li:nth-child(1)::before,.sx__s.activo .sx__lista li:nth-child(1)::after{transition-delay:.25s}
.sx__s.activo .sx__lista li:nth-child(2)::before,.sx__s.activo .sx__lista li:nth-child(2)::after{transition-delay:.5s}
.sx__s.activo .sx__lista li:nth-child(3)::before,.sx__s.activo .sx__lista li:nth-child(3)::after{transition-delay:.75s}
.sx__s.activo .sx__lista li:nth-child(4)::before,.sx__s.activo .sx__lista li:nth-child(4)::after{transition-delay:1s}
.sx__s.activo .sx__lista li:nth-child(5)::before,.sx__s.activo .sx__lista li:nth-child(5)::after{transition-delay:1.25s}
.sx__lista li:hover{background:#fff;border-color:var(--linea);transform:translateX(6px);box-shadow:0 18px 40px -26px rgba(11,20,52,.4)}

@media (max-width:960px){
  .sx__in{grid-template-columns:1fr}
  .sx__escena{display:none}
  .sx__s{min-height:0;opacity:1;padding:0 0 60px}
  .sx__foto-movil{display:block;margin:0 0 26px;border-radius:24px;overflow:hidden;aspect-ratio:900/832}
  .sx__foto-movil img{width:100%;height:100%;object-fit:cover}
  .sx__lista li::before{background:linear-gradient(140deg,var(--turq-2),var(--verde));border-color:transparent}
  .sx__lista li::after{transform:rotate(-45deg) scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .sx__capa.activo .gd__aguja,.sx__capa.activo .gd__pulso-luz,.sx__capa.activo .gd__onda path,.gd__agua svg,.sx__capa.activo .gd__burbuja,.sx__capa.activo .gd__trazo,.sx__capa.activo .gd__nodos circle,.sx__capa.activo .gd__switches i,.sx__capa.activo .gd__switches i::after{animation:none}
  .gd__trazo{stroke-dashoffset:0}.gd__nodos circle{transform:none}
}

/* ===== Salas de bombas · servicios v2: el fondo cambia de color por servicio + tarjetas de vidrio ===== */
@property --sx-fondo{syntax:'<color>';inherits:true;initial-value:#F1FBFA}
@property --sx-a{syntax:'<color>';inherits:true;initial-value:#17DFD7}
@property --sx-b{syntax:'<color>';inherits:true;initial-value:#5BE04A}
.sx{--sx-fondo:#EEF9F8;--sx-a:#17DFD7;--sx-b:#5BE04A;position:relative;isolation:isolate;overflow:clip;background:var(--sx-fondo);transition:--sx-fondo 1.2s var(--transicion),--sx-a 1.2s var(--transicion),--sx-b 1.2s var(--transicion)}
.sx[data-tono="1"]{--sx-fondo:#EEF3FD;--sx-a:#3E7BFA;--sx-b:#17DFD7}
.sx[data-tono="2"]{--sx-fondo:#EAF8FB;--sx-a:#19C6B7;--sx-b:#36A9E0}
.sx[data-tono="3"]{--sx-fondo:#EFF8EE;--sx-a:#2DB945;--sx-b:#5BE04A}
/* Luces difuminadas que acompañan al servicio activo */
.sx::before,.sx::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}
.sx::before{width:620px;height:620px;right:-160px;top:10%;background:var(--sx-a);animation:sx-luz 16s ease-in-out infinite alternate}
.sx::after{width:520px;height:520px;left:-160px;bottom:6%;background:var(--sx-b);animation:sx-luz 19s ease-in-out infinite alternate-reverse}
@keyframes sx-luz{to{transform:translate(-60px,80px) scale(1.12)}}

.sx__escena{box-shadow:0 50px 90px -50px color-mix(in srgb,var(--sx-a) 55%,rgba(11,20,52,.7))}
.sx__s{position:relative;opacity:1;padding:56px 0}
.sx__marca{position:absolute;top:0;right:-10px;z-index:0;font-size:13rem;font-weight:800;line-height:1;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--sx-a) 45%,transparent);opacity:.25;transform:translateY(30px);transition:opacity .8s var(--transicion),transform 1.2s var(--transicion);pointer-events:none}
.sx__s.activo .sx__marca{opacity:1;transform:none}
.sx__tarjeta{position:relative;z-index:1;padding:40px 40px 34px;border-radius:30px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 30px 70px -44px rgba(11,20,52,.35);transform:scale(.95);opacity:.42;filter:saturate(.5);transition:transform .9s var(--transicion),opacity .7s,filter .7s,box-shadow .9s}
.sx__s.activo .sx__tarjeta{transform:none;opacity:1;filter:none;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 46px 90px -46px color-mix(in srgb,var(--sx-a) 60%,rgba(11,20,52,.5))}
.sx__ico{display:grid;place-items:center;width:62px;height:62px;margin-bottom:22px;border-radius:18px;background:linear-gradient(140deg,var(--sx-a),var(--sx-b));color:#fff;box-shadow:0 16px 30px -14px var(--sx-a)}
.sx__ico svg{width:32px;height:32px;fill:currentColor}
.sx__s.activo .sx__ico{animation:sx-ico 1s var(--transicion)}
@keyframes sx-ico{0%{transform:scale(.6) rotate(-12deg);opacity:0}100%{transform:none;opacity:1}}
.sx__s .sv__ventajas{color:color-mix(in srgb,var(--sx-a) 80%,#0B1434)}
.sx__s .sv__ventajas::before{background:linear-gradient(90deg,var(--sx-a),var(--sx-b))}
.sx__lista li{background:rgba(255,255,255,.75)}
.sx__s.activo .sx__lista li::before{background:linear-gradient(140deg,var(--sx-a),var(--sx-b));box-shadow:0 8px 16px -8px var(--sx-a)}
.sx__progreso{display:block;position:relative;height:3px;margin-top:22px;border-radius:3px;background:rgba(11,20,52,.08);overflow:hidden}
.sx__progreso i{position:absolute;inset:0;background:linear-gradient(90deg,var(--sx-a),var(--sx-b));transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--transicion) .2s}
.sx__s.activo .sx__progreso i{transform:scaleX(1)}

@media (max-width:960px){
  .sx__tarjeta{transform:none;opacity:1;filter:none;padding:28px 24px}
  .sx__marca{font-size:7rem;opacity:1}
}
@media (prefers-reduced-motion:reduce){ .sx::before,.sx::after{animation:none} }
/* Servicios: tarjeta compacta para que cada una quepa completa en la pantalla */
@media (min-width:961px){
  .sx__s{min-height:calc(100vh - 110px);padding:24px 0}
  .sx__tarjeta{padding:30px 34px 26px}
  .sx__ico{width:52px;height:52px;margin-bottom:16px;border-radius:15px}
  .sx__ico svg{width:27px;height:27px}
  .sx__s h2{font-size:clamp(1.65rem,2.2vw,2.05rem);margin-bottom:14px}
  .sx__p{font-size:.97rem;line-height:1.68;margin-bottom:18px}
  .sx__s .sv__ventajas{margin-bottom:12px}
  .sx__lista{gap:7px}
  .sx__lista li{padding:10px 14px 10px 48px;font-size:.9rem;line-height:1.45}
  .sx__lista li::before{left:14px;width:22px;height:22px;margin-top:-11px}
  .sx__lista li::after{left:21px}
  .sx__progreso{margin-top:16px}
}
.gd svg.gd__onda{overflow:hidden}
@media (min-width:961px){ .sx__marca{display:none} }
/* Servicios: texto un poco más grande (punto medio entre la versión anterior y la compacta) */
@media (min-width:961px){
  .sx__s h2{font-size:clamp(1.78rem,2.45vw,2.25rem)}
  .sx__p{font-size:1.01rem;line-height:1.72}
  .sx__s .sv__ventajas{font-size:.76rem}
  .sx__lista li{font-size:.94rem;line-height:1.48}
}
/* Servicios: texto con el tamaño original (pedido del usuario) */
@media (min-width:961px){
  .sx__s h2{font-size:clamp(1.9rem,2.7vw,2.45rem);margin-bottom:16px}
  .sx__p{font-size:1.06rem;line-height:1.75}
  .sx__s .sv__ventajas{font-size:.78rem}
  .sx__lista li{font-size:.98rem;line-height:1.5}
}
/* Servicios: sin reducción en pantallas bajas y texto más grande y cómodo de leer (pedido del usuario) */
@media (min-width:961px){
  .sx__in{grid-template-columns:1fr 1fr;gap:64px}
  .sx__s{min-height:calc(100vh - 110px);height:auto}
  .sx__tarjeta{padding:36px 40px 32px}
  .sx__ico{width:56px;height:56px;margin-bottom:18px}
  .sx__ico svg{width:30px;height:30px}
  .sx__s h2{font-size:clamp(2.05rem,2.9vw,2.65rem);line-height:1.1;margin-bottom:18px}
  .sx__p{font-size:1.14rem;line-height:1.72;margin-bottom:22px}
  .sx__s .sv__ventajas{font-size:.82rem;margin-bottom:14px}
  .sx__lista{gap:9px}
  .sx__lista li{font-size:1.05rem;line-height:1.5;padding:12px 18px 12px 54px}
  .sx__lista li::before{left:16px;width:24px;height:24px;margin-top:-12px}
  .sx__lista li::after{left:24px}
}

/* ===== Salas de bombas · portada D: foto + tablero de mando + ondas sutiles (aprobada 02-11-2026) ===== */
.hd{position:relative;overflow:hidden;isolation:isolate;background:#0B1434;min-height:clamp(600px,calc(100vh - 80px),820px);display:flex}
.hd__foto{position:absolute;inset:0;z-index:-3;overflow:hidden}
.hd__foto img{position:absolute;right:0;top:-8%;height:122%;width:auto;max-width:none;min-width:70%;filter:saturate(1.1);animation:nq-zoom 18s ease-out forwards}
.hd__velo{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0B1434 0%,rgba(11,20,52,.97) 38%,rgba(11,20,52,.55) 52%,rgba(11,20,52,0) 70%),linear-gradient(0deg,rgba(11,20,52,.95) 0%,rgba(11,20,52,0) 34%)}
/* Ondas de bolitas: corren muy suaves y se desvanecen antes de llegar a la foto */
.hd__ondas{position:absolute;left:0;bottom:170px;z-index:-1;width:100%;height:120px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 28%,transparent 46%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 28%,transparent 46%);opacity:.55}
.hd__onda{fill:none;stroke-linecap:round}
.hd__onda--1{stroke:#17DFD7;stroke-width:2.5;stroke-dasharray:16 11;animation:hd-correr 3.2s linear infinite}
.hd__onda--2{stroke:#5BE04A;stroke-width:4.5;stroke-dasharray:.1 14;animation:hd-correr2 2.6s linear infinite}
.hd__onda--3{stroke:#17DFD7;stroke-width:3.2;stroke-dasharray:.1 10;opacity:.7;animation:hd-correr3 3.6s linear infinite}
@keyframes hd-correr{to{stroke-dashoffset:-54}}
@keyframes hd-correr2{to{stroke-dashoffset:-28.2}}
@keyframes hd-correr3{to{stroke-dashoffset:-30.3}}

.hd__in{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(56px,9vh,96px) 0 clamp(32px,5vh,46px)}
.hd__texto{max-width:560px}
.hd__titulo{font-size:clamp(3.2rem,5.6vw,5rem);line-height:.95;letter-spacing:-.055em;color:#fff;margin:0 0 22px}
.hd__sub{font-size:clamp(1.3rem,1.8vw,1.55rem);font-weight:700;letter-spacing:-.02em;color:#E8EDF8;line-height:1.3;margin:0 0 22px}
.hd__p{margin:0;font-size:1.08rem;line-height:1.75;max-width:480px;color:#C9D3E8;text-align:justify;hyphens:auto;-webkit-hyphens:auto}

/* Tablero de mando */
.hd__tablero{display:grid;grid-template-columns:repeat(4,1fr);border-radius:24px;background:rgba(11,20,52,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);animation:hd-subir 1.2s var(--transicion) .5s both}
@keyframes hd-subir{from{transform:translateY(40px);opacity:0}}
.hd__celda{display:flex;align-items:center;justify-content:center;gap:16px;height:110px;padding:0 20px;border-left:1px solid rgba(255,255,255,.1);transition:background .5s}
.hd__celda:first-child{border-left:0}
.hd__celda:hover{background:rgba(23,223,215,.07)}
/* manómetro */
.hd__dial{width:96px;height:96px;overflow:visible}
.hd__pista,.hd__arco{fill:none;stroke-width:8;stroke-linecap:round}
.hd__pista{stroke:rgba(255,255,255,.14)}
.hd__arco{stroke:url(#hd-arco);stroke-dasharray:210;stroke-dashoffset:210;animation:hd-arco 1.8s var(--transicion) .8s forwards}
@keyframes hd-arco{to{stroke-dashoffset:60}}
.hd__aguja{transform-origin:60px 70px;transform:rotate(-120deg);animation:hd-aguja 5s cubic-bezier(.5,0,.3,1) 1s infinite}
.hd__aguja path{stroke:#fff;stroke-width:3;stroke-linecap:round}.hd__aguja circle{fill:#fff}
@keyframes hd-aguja{0%{transform:rotate(-120deg)}28%{transform:rotate(44deg)}40%{transform:rotate(30deg)}55%{transform:rotate(52deg)}75%{transform:rotate(36deg)}100%{transform:rotate(-120deg)}}
/* impulsor + luces */
.hd__rueda{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:2px solid rgba(23,223,215,.5);box-shadow:0 0 24px -6px rgba(23,223,215,.6)}
.hd__rueda svg{width:44px;height:44px;animation:hd-girar 2.4s linear infinite}
.hd__rueda g{fill:none;stroke:#17DFD7;stroke-width:2.4;stroke-linecap:round}
.hd__rueda circle{fill:#17DFD7}
@keyframes hd-girar{to{transform:rotate(360deg)}}
.hd__leds{display:grid;grid-template-columns:repeat(4,16px);gap:8px}
.hd__leds i{height:16px;border-radius:5px;background:rgba(255,255,255,.2);animation:hd-led 3.2s infinite}
.hd__leds i:nth-child(2){animation-delay:.4s}.hd__leds i:nth-child(3){animation-delay:.8s}.hd__leds i:nth-child(4){animation-delay:1.2s}
@keyframes hd-led{0%,8%{background:rgba(255,255,255,.2);box-shadow:none}18%,80%{background:#5BE04A;box-shadow:0 0 10px #5BE04A}100%{background:rgba(255,255,255,.2);box-shadow:none}}
/* barras de caudal */
.hd__barras{display:flex;gap:7px;align-items:flex-end;height:62px}
.hd__barras i{width:12px;height:100%;border-radius:4px;background:linear-gradient(180deg,#17DFD7,#2DB945);transform-origin:bottom;animation:hd-barra 1.8s ease-in-out infinite alternate}
.hd__barras i:nth-child(1){animation-delay:-.2s}.hd__barras i:nth-child(2){animation-delay:-.9s}.hd__barras i:nth-child(3){animation-delay:-.5s}.hd__barras i:nth-child(4){animation-delay:-1.3s}.hd__barras i:nth-child(5){animation-delay:-.7s}.hd__barras i:nth-child(6){animation-delay:-1.6s}
@keyframes hd-barra{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
/* pulso */
.hd__pulso{width:200px;height:46px;overflow:visible}
.hd__pulso path{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.hd__pulso-base{stroke:rgba(255,255,255,.2)}
.hd__pulso-luz{stroke:#5BE04A;stroke-dasharray:24 76;stroke-dashoffset:100;filter:drop-shadow(0 0 5px rgba(91,224,74,.8));animation:hd-pulso 2.2s linear infinite}
@keyframes hd-pulso{to{stroke-dashoffset:0}}

@media (max-width:960px){
  .hd__velo{background:linear-gradient(0deg,#0B1434 0%,rgba(11,20,52,.92) 45%,rgba(11,20,52,.45) 100%)}
  .hd__tablero{grid-template-columns:1fr 1fr}.hd__celda:nth-child(3){border-left:0}.hd__celda:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
  .hd__ondas{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hd__foto img,.hd__onda,.hd__aguja,.hd__rueda svg,.hd__leds i,.hd__barras i,.hd__pulso-luz,.hd__tablero{animation:none}
  .hd__arco{animation:none;stroke-dashoffset:60}.hd__aguja{transform:rotate(40deg)}
}
/* Portada D: las ondas pasan detrás del borde superior del tablero (nunca sobre el texto) */
.hd__base{position:relative}
.hd__base .hd__ondas{position:absolute;left:-120px;right:auto;bottom:62px;width:calc(100% + 240px);height:90px;z-index:-1}
.hd__tablero{position:relative;z-index:1}
@media (min-width:961px) and (max-height:760px){
  .hd__in{padding-top:36px;gap:26px}
  .hd__titulo{font-size:clamp(3rem,4.6vw,3.6rem);margin-bottom:14px}
  .hd__sub{margin-bottom:14px}
  .hd__celda{height:96px}
  .hd__dial{width:84px;height:84px}
}
/* Portada D (versión elegida): ondas en el espacio libre, justo encima del tablero */
.hd__base .hd__ondas{bottom:calc(100% + 6px);height:90px}
@media (min-width:961px) and (max-height:760px){ .hd__in{padding-bottom:16px} }
.hd{min-height:clamp(520px,calc(100vh - 80px),820px)}
.hd__titulo{max-width:8.6em}
/* Portada D · íconos de bombas animados (centrífuga y vertical multietapa) */
.hd__bomba{overflow:visible}
.hd__bomba--h{width:124px;height:80px}
.hd__bomba--v{width:70px;height:92px}
.hd__b-linea{fill:none;stroke:#17DFD7;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hd__b-fina{fill:none;stroke:rgba(23,223,215,.45);stroke-width:1.6;stroke-linecap:round}
.hd__rodete{transform-box:view-box;transform-origin:80px 38px;animation:hd-girar 1.6s linear infinite}
.hd__rodete circle{fill:#17DFD7}
.hd__rodete path{fill:none;stroke:#5BE04A;stroke-width:2.6;stroke-linecap:round}
.hd__flujo{fill:none;stroke:#5BE04A;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:.1 8;filter:drop-shadow(0 0 3px rgba(91,224,74,.9));animation:hd-flujo 1.1s linear infinite}
.hd__flujo--2{animation-delay:-.5s}
.hd__flujo--sube{animation-duration:.9s}
@keyframes hd-flujo{to{stroke-dashoffset:-16.2}}
/* Portada D · la foto se acerca al texto, recortada para no mostrar su velo blanco */
.hd__foto{left:28%}
.hd__foto img{right:0;left:auto;top:auto;bottom:-4%;height:auto;width:175%;min-width:0;min-height:108%;object-fit:cover}
.hd__velo{background:linear-gradient(90deg,#0B1434 0%,#0B1434 26%,rgba(11,20,52,.86) 34%,rgba(11,20,52,.35) 44%,rgba(11,20,52,0) 56%),linear-gradient(0deg,rgba(11,20,52,.95) 0%,rgba(11,20,52,0) 34%)}
.hd__ondas.oculta{opacity:0!important}
@media (prefers-reduced-motion:reduce){ .hd__rodete,.hd__flujo{animation:none} }
.hd__foto img{top:-6%;bottom:auto}
.hd__velo{background:linear-gradient(90deg,#0B1434 0%,#0B1434 30%,rgba(11,20,52,.82) 37%,rgba(11,20,52,.35) 47%,rgba(11,20,52,0) 58%),linear-gradient(0deg,rgba(11,20,52,.95) 0%,rgba(11,20,52,0) 34%)}
.hd__foto img{top:-8%;height:116%;width:auto;min-width:100%;min-height:0}
.hd__foto{left:30%}
.hd__foto img{inset:-4%;width:108%;height:108%;min-width:0;object-fit:cover;object-position:45% 42%}
.hd__velo{background:linear-gradient(90deg,#0B1434 0%,#0B1434 30%,rgba(11,20,52,.75) 36%,rgba(11,20,52,.25) 45%,rgba(11,20,52,0) 54%),linear-gradient(0deg,rgba(11,20,52,.95) 0%,rgba(11,20,52,0) 34%)}
/* Portada D: azul sólido hasta pasar el texto y fundido largo y suave hacia la foto */
.hd__velo{background:linear-gradient(90deg,#0B1434 0%,#0B1434 44%,rgba(11,20,52,.86) 49%,rgba(11,20,52,.55) 54%,rgba(11,20,52,.22) 60%,rgba(11,20,52,0) 67%),linear-gradient(0deg,rgba(11,20,52,.95) 0%,rgba(11,20,52,0) 34%)}
/* Portada D: foto más alejada para que se vea la escena completa (los dos técnicos) */
.hd__foto img{inset:auto;right:0;left:auto;top:-22%;bottom:auto;height:126%;width:auto;min-width:0;min-height:0;max-width:none;object-fit:fill}
/* Portada D: mismo encuadre en pantallas bajas (ancho fijo 70 %, recorte por cover) y borde izquierdo fundido */
.hd__foto img{width:70%;height:126%;object-fit:cover;object-position:right 30%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
/* Portada D: fundido azul→foto más limpio. Curva suave (sin escalones) + capa en multiplicar que tiñe de azul
   la pared blanca del borde de la foto, para que no quede una neblina gris entre el azul y la imagen */
.hd__foto img{-webkit-mask-image:none;mask-image:none}
.hd__velo{background:linear-gradient(90deg,#0B1434 0%,#0B1434 44%,rgba(11,20,52,.94) 47%,rgba(11,20,52,.82) 50.5%,rgba(11,20,52,.64) 54%,rgba(11,20,52,.44) 57.5%,rgba(11,20,52,.26) 61%,rgba(11,20,52,.12) 64.5%,rgba(11,20,52,.04) 68%,rgba(11,20,52,0) 72%),linear-gradient(0deg,rgba(11,20,52,.95) 0%,rgba(11,20,52,0) 34%)}
.hd__foto::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#0B1434 0%,#0B1434 30%,#1B2F66 37%,#4F6FA8 44%,#A9BDDC 51%,#fff 58%)}
/* Portada D: la foto protagonista. Ocupa desde el 40% (se ve más escena, mismo tamaño) y el fundido
   azul marino → azul → celeste queda corto, justo después del texto (44% → 61%) */
.hd__foto img{width:86%}
.hd__velo{background:linear-gradient(90deg,#0B1434 0%,#0B1434 42%,rgba(11,20,52,.94) 44%,rgba(11,20,52,.72) 47%,rgba(11,20,52,.46) 50%,rgba(11,20,52,.24) 53%,rgba(11,20,52,.09) 56%,rgba(11,20,52,0) 59%),linear-gradient(0deg,rgba(11,20,52,.95) 0%,rgba(11,20,52,0) 34%)}
.hd__foto::after{background:linear-gradient(90deg,#0B1434 0%,#0B1434 20%,#1B2F66 25.7%,#4F6FA8 31.4%,#A9BDDC 37%,#fff 44%)}
/* Portada D: color del fondo del texto = azul casi negro (#02030D) y fundido con la misma gama de azules */
.hd{background:#02030D}
.hd__velo{background:linear-gradient(90deg,#02030D 0%,#02030D 42%,rgba(2,3,13,.94) 44%,rgba(2,3,13,.72) 47%,rgba(2,3,13,.46) 50%,rgba(2,3,13,.24) 53%,rgba(2,3,13,.09) 56%,rgba(2,3,13,0) 59%),linear-gradient(0deg,rgba(2,3,13,.95) 0%,rgba(2,3,13,0) 34%)}
.hd__foto::after{background:linear-gradient(90deg,#02030D 0%,#02030D 20%,#0A0F2C 23%,#172349 26%,#2C4271 29%,#4B6596 32%,#748CB8 35%,#9CB0D3 38%,#DDE5F1 41.5%,#fff 44%)}
/* Portada D: tablero más discreto (franja fina, instrumentos ~70%) */
.hd__tablero{border-radius:20px;border-color:rgba(255,255,255,.12);box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
.hd__celda{height:76px;gap:12px;padding:0 16px}
.hd__dial{width:60px;height:60px}
.hd__bomba--h{width:86px;height:56px}
.hd__bomba--v{width:46px;height:62px}
.hd__leds{grid-template-columns:repeat(4,11px);gap:6px}
.hd__leds i{height:11px;border-radius:3.5px}
.hd__pulso{width:150px;height:34px}
.hd__celda{height:84px}
.hd__dial{width:70px;height:70px}
.hd__bomba--h{width:100px;height:64px}
.hd__bomba--v{width:52px;height:70px}
.hd__leds{grid-template-columns:repeat(4,12px)}.hd__leds i{height:12px}
.hd__pulso{width:170px;height:38px}

/* ===================== RILES (02-11-2026): misma portada que Salas de bombas + capítulos por sistema ===================== */
/* Portada: título largo en 3 líneas, botón bajo el párrafo */
.hd--riles .hd__titulo{font-size:clamp(2.3rem,3.3vw,3.05rem);line-height:1.04;letter-spacing:-.045em;max-width:12.6em}
.hd--riles .hd__texto{max-width:580px}
.hd__btn{margin-top:26px}
@media (min-width:961px) and (max-height:760px){ .hd--riles .hd__titulo{font-size:clamp(2.1rem,3vw,2.6rem)} .hd--riles .hd__in{gap:20px} .hd__btn{margin-top:18px} }
/* Instrumentos del tablero */
.rl-gota{width:44px;height:56px;overflow:visible}
.rl-gota__agua{fill:#17DFD7;opacity:.85;animation:rl-gota 3.4s linear infinite}
.rl-gota__brillo{fill:none;stroke:rgba(255,255,255,.7);stroke-width:2.4;stroke-linecap:round}
@keyframes rl-gota{0%{transform:translate(0,12px)}50%{transform:translate(15px,-8px)}100%{transform:translate(30px,12px)}}
.rl-camara{width:86px;height:62px;overflow:visible}
.rl-camara__agua{fill:rgba(23,223,215,.22)}
.rl-camara__grasa{fill:#E8B54A;opacity:.9;transform-box:fill-box;transform-origin:50% 0;animation:rl-grasa 4.8s ease-in-out infinite}
@keyframes rl-grasa{0%,12%{transform:scaleY(1);opacity:.9}70%,82%{transform:scaleY(.12);opacity:.25}100%{transform:scaleY(1);opacity:.9}}
.rl-camara__bact circle,.rg__bact ellipse{fill:#5BE04A;filter:drop-shadow(0 0 3px rgba(91,224,74,.9));animation:rl-bact 2.4s ease-in-out infinite alternate}
.rl-camara__bact circle:nth-child(2),.rg__bact ellipse:nth-child(2){animation-delay:-.6s}
.rl-camara__bact circle:nth-child(3),.rg__bact ellipse:nth-child(3){animation-delay:-1.2s}
.rl-camara__bact circle:nth-child(4),.rg__bact ellipse:nth-child(4){animation-delay:-1.8s}
@keyframes rl-bact{from{transform:translate(-3px,3px)}to{transform:translate(3px,-5px)}}
.rl-bio{width:62px;height:62px;overflow:visible}
.rl-bio__nucleo{fill:#17DFD7;filter:drop-shadow(0 0 8px rgba(23,223,215,.8));animation:rl-latido 2.2s ease-in-out infinite}
.rl-bio__orbita{fill:#5BE04A;transform-box:view-box;transform-origin:40px 40px;animation:hd-girar 7s linear infinite}
.rl-bio__orbita--2{fill:#17DFD7;animation-duration:4.5s;animation-direction:reverse}
@keyframes rl-latido{0%,100%{opacity:.75}50%{opacity:1}}

/* Capítulos de tratamiento */
.rt{background:#fff}
.rt__cap{--a:#17DFD7;--b:#5BE04A}
.rt__cap--2{--a:#3E8BFA;--b:#17DFD7}
.rt__cap--3{--a:#19C6B7;--b:#2DB945}
.rt__cap+.rt__cap{margin-top:clamp(90px,10vw,140px)}
.rt__banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(380px,32vw,460px);border-radius:28px;background:#02030D;overflow:hidden;box-shadow:0 50px 90px -60px rgba(2,3,13,.9)}
.rt__foto{position:absolute;inset:0 0 0 auto;width:64%;isolation:isolate;overflow:hidden}
.rt__foto img{position:relative;z-index:0;width:100%;height:112%;object-fit:cover;object-position:60% 50%}
.rt__foto::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#02030D 0%,rgba(2,3,13,.72) 8%,rgba(2,3,13,.36) 17%,rgba(2,3,13,.1) 26%,rgba(2,3,13,0) 34%),linear-gradient(0deg,rgba(2,3,13,.55) 0%,rgba(2,3,13,0) 30%)}
.rt__foto::after{content:"";position:absolute;inset:0;z-index:1;mix-blend-mode:multiply;background:linear-gradient(90deg,#02030D 0%,#0A0F2C 5%,#172349 9%,#2C4271 13%,#4B6596 17%,#748CB8 21%,#9CB0D3 25%,#DDE5F1 30%,#fff 36%)}
.rt__num{position:absolute;left:clamp(36px,5vw,72px);bottom:-.22em;z-index:1;font-size:clamp(8rem,13vw,12rem);font-weight:800;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.07);pointer-events:none}
.rt__btxt{position:relative;z-index:2;max-width:min(520px,44%);padding:clamp(40px,5vw,72px)}
.rt__btxt h2{color:#fff;font-size:clamp(1.75rem,2.5vw,2.3rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 18px}
.rt__btxt h2::before{content:"";display:block;width:48px;height:4px;border-radius:4px;margin-bottom:22px;background:linear-gradient(90deg,var(--a),var(--b))}
.rt__btxt p{color:#C9D3E8;font-size:1.06rem;line-height:1.72;margin:0;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
/* Instrumento de vidrio sobre la foto (esquina inferior derecha, lejos del técnico) */
.rg{position:absolute;right:26px;bottom:26px;z-index:3;width:172px;padding:10px 12px;border-radius:18px;background:rgba(2,3,13,.5);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.rg svg{display:block;width:100%;height:auto;overflow:visible}
.rg__linea{fill:none;stroke:#17DFD7;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rg__fina{fill:none;stroke:rgba(23,223,215,.45);stroke-width:1.8;stroke-linecap:round}
.rg__agua{fill:rgba(23,223,215,.2)}
.rg__grasa{fill:#E8B54A;transform-box:fill-box;transform-origin:50% 0;animation:rl-grasa 5.2s ease-in-out infinite}
.rg__gotas circle{fill:#F3CB6B;animation:rg-gota 5.2s ease-in-out infinite}
@keyframes rg-gota{0%,10%{transform:translateY(0);opacity:1}60%,100%{transform:translateY(26px);opacity:0}}
.rg__lodo{fill:#7A6A4E;opacity:.85;transform-box:fill-box;transform-origin:50% 100%;animation:rg-lodo 5.2s ease-in-out infinite}
@keyframes rg-lodo{0%,12%{transform:scaleY(1)}70%,82%{transform:scaleY(.2)}100%{transform:scaleY(1)}}
.rg__olor path{fill:none;stroke:#9BA6BF;stroke-width:2.2;stroke-linecap:round;animation:rg-olor 5.2s ease-in-out infinite}
.rg__olor path:nth-child(2){animation-delay:.3s}.rg__olor path:nth-child(3){animation-delay:.6s}
@keyframes rg-olor{0%,10%{opacity:.9;transform:translateY(0)}65%,100%{opacity:0;transform:translateY(-10px)}}
.rg__burbujas circle{fill:#5BE04A;animation:rg-burbuja 2.6s ease-in infinite}
.rg__burbujas circle:nth-child(2){animation-delay:-.7s}.rg__burbujas circle:nth-child(3){animation-delay:-1.4s}.rg__burbujas circle:nth-child(4){animation-delay:-2s}
@keyframes rg-burbuja{from{transform:translateY(0);opacity:.95}to{transform:translateY(-34px);opacity:0}}
.rg__sarro{fill:#B38B5A;transform-box:fill-box;transform-origin:50% 0;animation:rg-sarro 5s ease-in-out infinite}
.rg__sarro--b{transform-origin:50% 100%}
@keyframes rg-sarro{0%,12%{transform:scaleY(1);opacity:.95}65%,85%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:.95}}
.rg__flujo{fill:none;stroke:#5BE04A;stroke-width:4;stroke-linecap:round;stroke-dasharray:.1 12;filter:drop-shadow(0 0 3px rgba(91,224,74,.9));animation:rg-flujo 1s linear infinite}
.rg__flujo--2{stroke:#17DFD7;stroke-width:2.4;stroke-dasharray:14 22;opacity:.6;animation-duration:1.6s}
@keyframes rg-flujo{to{stroke-dashoffset:-36.1}}
/* Sistema + ventajas + beneficios */
.rt__det{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:28px;align-items:start;margin-top:44px}
.rt__sis{padding:12px 8px 0 0}
.rt__sis h3{font-size:clamp(1.45rem,1.9vw,1.8rem);line-height:1.15;letter-spacing:-.035em;color:#0B1434;margin:0 0 18px}
.rt__sis h3::before{content:"";display:block;width:40px;height:4px;border-radius:4px;margin-bottom:18px;background:linear-gradient(90deg,var(--a),var(--b))}
.rt__sis p{margin:0;font-size:1.05rem;line-height:1.75;color:#4A5470;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.rt__card{position:relative;padding:30px 28px 28px;border-radius:24px;background:#fff;border:1px solid #E3EAF1;box-shadow:0 30px 60px -44px rgba(11,20,52,.45);transition:transform .5s var(--transicion),box-shadow .5s}
.rt__card:hover{transform:translateY(-4px);box-shadow:0 40px 70px -44px rgba(11,20,52,.55)}
.rt__card--osc{background:linear-gradient(160deg,#0B1434,#13204D);border-color:rgba(255,255,255,.08)}
.rt__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:18px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 12px 24px -12px var(--a)}
.rt__ico svg{width:26px;height:26px;fill:#fff}
.rt__card h4{margin:0 0 6px;font-size:.88rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#0B1434}
.rt__sub{margin:0 0 18px;font-size:.98rem;font-weight:600;line-height:1.45;color:#4A5470}
.rt__card--osc h4{color:#fff}.rt__card--osc .rt__sub{color:#B9C2DC}
.rt__lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rt__lista li{position:relative;padding-left:30px;font-size:1rem;line-height:1.55;color:#2B3550}
.rt__lista li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;background:linear-gradient(135deg,var(--a),var(--b));-webkit-mask:var(--chk) center/contain no-repeat;mask:var(--chk) center/contain no-repeat}
.rt__lista{--chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22Zm5.2 8.2-6 6a1 1 0 0 1-1.4 0l-3-3a1 1 0 1 1 1.4-1.4l2.3 2.3 5.3-5.3a1 1 0 1 1 1.4 1.4Z'/%3E%3C/svg%3E")}
.rt__card--osc .rt__lista li{color:#DCE3F2}
.cz--riles .cz__tecnico{height:128%;right:40px}
@media (max-width:1100px){ .rt__det{grid-template-columns:1fr 1fr}.rt__sis{grid-column:1/-1} }
@media (max-width:960px){
  .rt__banner{flex-direction:column;align-items:stretch;min-height:0}
  .rt__foto{position:relative;width:100%;height:260px}
  .rt__foto::before{background:linear-gradient(0deg,#02030D 0%,rgba(2,3,13,.4) 30%,rgba(2,3,13,0) 60%)}
  .rt__foto::after{display:none}
  .rt__btxt{max-width:none;padding:8px 26px 36px}
  .rg{top:180px;bottom:auto;right:16px;width:140px}
  .rt__det{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){ .rl-gota__agua,.rl-camara__grasa,.rl-camara__bact circle,.rg *,.rl-bio__orbita,.rl-bio__nucleo{animation:none!important} }
/* Riles: el texto termina antes del fundido (azul sólido detrás de todo el texto) */
.hd--riles .hd__texto{max-width:min(540px,calc(44vw - 80px))}
@media (min-width:961px) and (max-height:760px){ .hd--riles .hd__titulo{font-size:clamp(2rem,2.8vw,2.4rem);margin-bottom:12px} .hd--riles .hd__sub{font-size:1.2rem;margin-bottom:12px} .hd--riles .hd__p{font-size:1rem;line-height:1.62} }
/* Riles: el bloque del sistema acompaña al bajar junto a las tarjetas */
@media (min-width:1101px){ .rt__sis{position:sticky;top:110px} }
/* Riles: Ventajas y Beneficios con la misma altura (base alineada); el bloque del sistema sigue arriba y fijo */
.rt__det{align-items:stretch}.rt__sis{align-self:start}

/* ===================== TANQUES INDUSTRIALES (02-11-2026): plantilla de servicios ===================== */
/* Portada: usa .hd--riles (título largo + botón); el título de tanques entra en 2 líneas */
.hd--tanques .hd__titulo{max-width:11em}
/* Instrumentos del tablero */
.tq-tanque{width:50px;height:60px;overflow:visible}
.tq-tanque__agua{fill:#17DFD7;opacity:.55;animation:tq-nivel 4s linear infinite}
@keyframes tq-nivel{0%{transform:translate(0,22px)}50%{transform:translate(15px,2px)}100%{transform:translate(30px,22px)}}
.tq-tanque__sedimento{fill:#B38B5A;transform-box:fill-box;transform-origin:50% 100%;animation:rg-lodo 4s ease-in-out infinite}
.tq-lavado{width:96px;height:56px;overflow:visible}
.tq-chorro path{fill:none;stroke:#17DFD7;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.1 7;animation:tq-chorro .7s linear infinite}
.tq-chorro path:nth-child(2n){stroke:#5BE04A;animation-duration:.55s}
@keyframes tq-chorro{to{stroke-dashoffset:-14.1}}
.tq-escudo{width:48px;height:54px;overflow:visible}
.tq-escudo__check{fill:none;stroke:#5BE04A;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 4px rgba(91,224,74,.8));animation:tq-check 3.2s ease-in-out infinite}
@keyframes tq-check{0%,12%{stroke-dashoffset:100}40%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}

/* 2 · ¿Por qué es un servicio clave? */
.tk{background:linear-gradient(180deg,#fff 0%,#F3F7FA 100%);overflow:clip}
.tk__in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,6vw,96px);align-items:center}
.tk__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#19A99C}
.tk__eyebrow::before{content:"";width:36px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
.tk__titulo{font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1.04;letter-spacing:-.045em;color:#0B1434;margin:0 0 22px}
.tk__texto>p{margin:0 0 34px;max-width:520px;font-size:1.12rem;line-height:1.75;color:#4A5470;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.tk__gd{max-width:520px;padding:18px 20px;border-radius:22px;background:#0B1434;box-shadow:0 30px 60px -36px rgba(11,20,52,.7)}
.tk__gd svg{display:block;width:100%;height:auto;overflow:visible}
.tk__pared{fill:none;stroke:#17DFD7;stroke-width:3;stroke-linecap:round}
.tk__sedimento{fill:#B38B5A;transform-box:fill-box;transform-origin:50% 100%;animation:tk-sed 6s ease-in-out infinite}
@keyframes tk-sed{0%,10%{transform:scaleY(1);opacity:.95}60%,85%{transform:scaleY(.08);opacity:.3}100%{transform:scaleY(1);opacity:.95}}
.tk__oxido circle{fill:#C97B3C;animation:tk-oxido 6s ease-in-out infinite}
@keyframes tk-oxido{0%,10%{opacity:.95}60%,85%{opacity:0}100%{opacity:.95}}
.tk__boquilla path{fill:none;stroke:#E8EDF8;stroke-width:4;stroke-linecap:round}
.tk__chorro path{fill:none;stroke:#5BE04A;stroke-width:3;stroke-linecap:round;stroke-dasharray:.1 9;filter:drop-shadow(0 0 3px rgba(91,224,74,.8));animation:tk-chorro .8s linear infinite}
.tk__chorro path:nth-child(2n){stroke:#17DFD7;animation-duration:.6s}
@keyframes tk-chorro{to{stroke-dashoffset:-18.1}}
.tk__visual{position:relative;padding-top:70px}
.tk__foto{position:relative;height:clamp(360px,34vw,460px);border-radius:28px;overflow:hidden;background:#DDE5F1}
.tk__foto img{width:100%;height:112%;object-fit:cover;object-position:60% 50%}
.tk__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(23,223,215,.18),rgba(11,20,52,.12) 60%,rgba(11,20,52,.35))}
.tk__tecnico{position:absolute;right:8%;bottom:0;height:calc(100% + 10px);width:auto;filter:drop-shadow(0 30px 40px rgba(11,20,52,.35));pointer-events:none}
.tk__chip{position:absolute;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 40px -24px rgba(11,20,52,.6);animation:flotar 6s ease-in-out infinite}
.tk__chip svg{width:30px;height:30px;fill:#19A99C}
.tk__chip--1{left:-22px;top:140px}
.tk__chip--2{left:38%;bottom:-24px;animation-delay:-3s}

/* 3 · ¿Por qué elegir a INAMB? */
.pe{background:#fff}
.pe__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.pe__ilus{position:relative;display:grid;place-items:center;aspect-ratio:1.1}
.pe__halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.18),rgba(91,224,74,.08) 45%,transparent 70%)}
.pe__anillo{position:absolute;inset:4%;border-radius:50%;border:1.5px dashed rgba(23,198,183,.35);animation:hd-girar 40s linear infinite}
.pe__anillo--2{inset:16%;border-style:solid;border-color:rgba(91,224,74,.18);animation-duration:26s;animation-direction:reverse}
.pe__ilus img{position:relative;width:92%;height:auto;filter:drop-shadow(0 30px 40px rgba(11,20,52,.18));animation:flotar 7s ease-in-out infinite}
.pe__texto h2{font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1.04;letter-spacing:-.045em;color:#0B1434;margin:0 0 30px}
.pe__lista{list-style:none;margin:0;padding:0;border-top:1px solid #E3EAF1}
.pe__lista li{display:flex;align-items:center;gap:18px;padding:18px 6px;border-bottom:1px solid #E3EAF1;font-size:1.1rem;font-weight:500;line-height:1.5;color:#1C2540;transition:transform .5s var(--transicion),background .5s}
.pe__lista li:hover{transform:translateX(8px);background:linear-gradient(90deg,rgba(23,223,215,.07),transparent)}
.pe__ico{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#17DFD7,#5BE04A);box-shadow:0 12px 24px -12px #17DFD7}
.pe__ico svg{width:26px;height:26px;fill:#fff}

/* 4 · Cotizar con foto de tanques de noche */
.cz--tanques .cz__panel{grid-template-columns:1fr;min-height:340px;background:#02030D}
.cz__fondo{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden}
.cz__fondo img{width:100%;height:118%;object-fit:cover;object-position:60% 50%;opacity:.95}
.cz__fondo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02030D 0%,rgba(2,3,13,.9) 30%,rgba(2,3,13,.35) 65%,rgba(2,3,13,.15) 100%)}
.cz--tanques .cz__texto h2{max-width:13em;margin-bottom:30px}

@media (max-width:960px){
  .tk__in,.pe__in{grid-template-columns:1fr}
  .tk__chip--1{left:10px}
  .pe__ilus{max-width:460px;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){ .tq-tanque__agua,.tq-tanque__sedimento,.tq-chorro path,.tq-escudo__check,.tk__gd *,.tk__chip,.pe__anillo,.pe__ilus img{animation:none!important} .tq-escudo__check{stroke-dashoffset:0} }

/* ===================== PISCINAS (02-11-2026): plantilla de servicios ===================== */
.hd--piscinas .hd__titulo{max-width:11em}
/* Instrumentos del tablero */
.pi-pileta{width:92px;height:50px;overflow:visible}
.pi-pileta__agua{fill:rgba(23,223,215,.22)}
.pi-pileta__ola{fill:none;stroke:#17DFD7;stroke-width:2.2;stroke-linecap:round;animation:pi-ola 2.4s linear infinite}
.pi-pileta__ola--2{stroke:#5BE04A;opacity:.8;animation-duration:3.2s;animation-direction:reverse}
@keyframes pi-ola{to{transform:translateX(24px)}}
.pi-filtro{width:92px;height:56px;overflow:visible}
.pi-filtro__rodete{transform-box:view-box;transform-origin:70px 38px;animation:hd-girar 1.6s linear infinite}
.pi-filtro__rodete circle{fill:#17DFD7}
.pi-filtro__rodete path{fill:none;stroke:#5BE04A;stroke-width:2.4;stroke-linecap:round}

/* Banner de mantención de equipos (sin número; destacado con línea) */
.rt__destacado{list-style:none;margin:0 0 16px;padding:0}
.rt__destacado li{position:relative;padding-left:18px;color:#fff;font-size:1.1rem;font-weight:600;line-height:1.5}
.rt__destacado li::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--a),var(--b))}
.rt__banner--pi .rt__foto{width:62%}
.rt__banner--pi .rt__foto img{object-position:70% 50%}
.rt__det--2{grid-template-columns:1fr 1fr}
.rt__card .rt__h{margin:0 0 6px;font-size:.88rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#0B1434}
.rt__card--osc .rt__h{color:#fff}
.rg__turbia{fill:none;stroke:#B38B5A;stroke-width:4;stroke-linecap:round;stroke-dasharray:.1 10;animation:rg-flujo 1.2s linear infinite}
.rg__particulas circle{fill:#B38B5A;animation:rl-bact 2s ease-in-out infinite alternate}

/* Importancia operativa */
.ip{position:relative;isolation:isolate;overflow:hidden;background:#02030D}
.ip__fondo{position:absolute;inset:0;z-index:-2}
.ip__fondo img{width:100%;height:100%;object-fit:cover;opacity:.55}
.ip__luz{position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 420px at 85% 40%,rgba(23,223,215,.22),transparent 65%),radial-gradient(600px 400px at 10% 100%,rgba(91,224,74,.12),transparent 60%),linear-gradient(90deg,rgba(2,3,13,.92) 0%,rgba(2,3,13,.6) 60%,rgba(2,3,13,.3) 100%)}
.ip__in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(30px,5vw,80px);align-items:end}
.ip__texto{padding-bottom:clamp(20px,4vw,60px)}
.ip__eyebrow{color:#5BE04A}
.ip__titulo{color:#fff;font-size:clamp(2.1rem,3.4vw,3rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 24px;max-width:15em}
.ip__lead{color:#E8EDF8;font-size:1.18rem;line-height:1.7;margin:0 0 34px;max-width:680px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ip__cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.ip__cols p{position:relative;margin:0;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);color:#B9C2DC;font-size:1.04rem;line-height:1.72;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ip__cols p::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:2px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
.ip__visual{position:relative;align-self:stretch;min-height:520px;margin-bottom:calc(-1 * clamp(64px,8vw,120px))}
.ip__aro{position:absolute;left:50%;bottom:18%;width:min(380px,100%);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.28),rgba(23,223,215,0) 68%);border:1px solid rgba(23,223,215,.25)}
.ip__tecnico{position:absolute;left:50%;bottom:0;height:100%;max-height:640px;width:auto;transform:translateX(-50%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.ip__gd{position:absolute;left:-8px;top:22%;width:110px;padding:12px;border-radius:22px;background:rgba(2,3,13,.55);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 50px -24px rgba(0,0,0,.8);animation:flotar 6s ease-in-out infinite}
.ip__gd svg{display:block;width:100%;height:auto}
.ip__arco{fill:none;stroke:#5BE04A;stroke-width:8;stroke-linecap:round;stroke-dasharray:210;stroke-dashoffset:70;filter:drop-shadow(0 0 4px rgba(91,224,74,.6))}
.ip__aguja{transform-origin:60px 70px;animation:hd-aguja 5s cubic-bezier(.5,0,.3,1) infinite}
.ip__aguja path{stroke:#fff;stroke-width:3;stroke-linecap:round}.ip__aguja circle{fill:#fff}

/* ¿Por qué elegir a INAMB para piscinas? (dos fotos escalonadas) */
.pe__fotos{position:relative;min-height:clamp(440px,40vw,560px)}
.pe__f{position:absolute;margin:0;width:56%;aspect-ratio:2/3;border-radius:26px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(11,20,52,.6)}
.pe__f img{width:100%;height:100%;object-fit:cover}
.pe__f--1{left:0;top:0}
.pe__f--2{right:0;bottom:0;width:50%;border:6px solid #fff}
.pe__burbuja{position:absolute;left:48%;top:8%;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#17DFD7,#5BE04A);box-shadow:0 18px 36px -16px #17DFD7;animation:flotar 6s ease-in-out infinite;z-index:2}
.pe__burbuja svg{width:32px;height:32px;fill:#fff}
.pe--pi .pe__texto h2{font-size:clamp(2rem,3.2vw,2.85rem)}
.pe__lista li h3{margin:0;font:inherit;color:inherit}

@media (max-width:960px){
  .ip__in,.ip__cols{grid-template-columns:1fr}
  .ip__visual{min-height:420px;margin-bottom:-64px}
  .rt__det--2{grid-template-columns:1fr}
  .pe__fotos{max-width:520px;width:100%;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){ .pi-pileta__ola,.pi-filtro__rodete,.rg__turbia,.rg__particulas circle,.ip__gd,.ip__aguja,.pe__burbuja{animation:none!important} }
.pe__lista li h3{max-width:none;flex:1;letter-spacing:normal;line-height:1.5;font-weight:500}

/* ===================== BLOG (02-11-2026): portada editorial blanca + entrada destacada ===================== */
.bl-hero{position:relative;isolation:isolate;overflow:hidden;background:#fff;padding:clamp(56px,9vh,110px) 0 clamp(40px,6vh,70px)}
.bl-hero__plano{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(11,20,52,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,20,52,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 90% at 70% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 90% at 70% 30%,#000 20%,transparent 75%)}
.bl-hero__luz{position:absolute;z-index:-1;right:-10%;top:-40%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.16),rgba(91,224,74,.06) 45%,transparent 70%);animation:bl-luz 14s ease-in-out infinite alternate}
@keyframes bl-luz{to{transform:translate(-8%,10%) scale(1.08)}}
.bl-hero__in{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}
.bl-hero__titulo{grid-column:1;margin:0;font-size:clamp(6rem,15vw,13.5rem);line-height:.82;letter-spacing:-.075em;font-weight:800;color:#0B1434}
.bl-hero__punto{color:#2DB945}
.bl-hero__ola{grid-column:1/-1;width:100%;height:46px;margin-top:6px;overflow:visible}
.bl-hero__trazo{fill:none;stroke:url(#bl-grad);stroke:#17DFD7;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:18 12;animation:hd-correr 3.2s linear infinite}
.bl-hero__gotas{fill:none;stroke:#5BE04A;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:.1 14;animation:hd-correr2 2.6s linear infinite;opacity:.8}
/* Filtros: control segmentado con pastilla que se desliza */
.bl-filtros{grid-column:2;grid-row:1;align-self:end;position:relative;display:inline-flex;gap:4px;padding:6px;margin-bottom:14px;border-radius:999px;background:#F1F5F9;border:1px solid #E3EAF1;box-shadow:inset 0 1px 2px rgba(11,20,52,.05)}
.bl-filtros__pastilla{position:absolute;top:6px;left:6px;height:calc(100% - 12px);border-radius:999px;background:#0B1434;box-shadow:0 10px 24px -10px rgba(11,20,52,.7);transition:transform .55s var(--transicion),width .55s var(--transicion)}
.bl-filtros__btn{position:relative;z-index:1;padding:12px 26px;border:0;border-radius:999px;background:none;font:600 .98rem/1 Montserrat,sans-serif;color:#4A5470;cursor:pointer;transition:color .4s}
.bl-filtros__btn.activo{color:#fff}
.bl-filtros__btn:focus-visible{outline:2px solid #17DFD7;outline-offset:2px}

/* Entrada destacada */
.bl-lista{padding-top:clamp(20px,3vw,40px)}
.bl-dest{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:clamp(440px,38vw,540px);border-radius:32px;overflow:hidden;background:#02030D;box-shadow:0 60px 100px -60px rgba(2,3,13,.85);transition:opacity .45s,transform .45s}
.bl-dest.oculto{opacity:0;transform:translateY(20px);pointer-events:none}
.bl-dest__foto{position:relative;display:block;overflow:hidden}
.bl-dest__foto img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transition:transform 1.2s var(--transicion)}
.bl-dest__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,13,0) 55%,rgba(2,3,13,.85) 92%,#02030D 100%)}
.bl-dest:hover .bl-dest__foto img{transform:scale(1.05)}
.bl-dest__lupa{position:absolute;left:28px;bottom:28px;z-index:2;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .5s var(--transicion),background .5s}
.bl-dest__lupa svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bl-dest:hover .bl-dest__lupa{transform:rotate(45deg);background:#2DB945}
.bl-dest__txt{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,4.5vw,64px) clamp(32px,4vw,60px) clamp(36px,4.5vw,64px) 10px}
.bl-dest__luz{position:absolute;inset:0;z-index:-1;background:radial-gradient(400px 300px at 90% 0%,rgba(23,223,215,.2),transparent 70%),radial-gradient(320px 260px at 100% 100%,rgba(91,224,74,.12),transparent 70%)}
.bl-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(23,223,215,.12);border:1px solid rgba(23,223,215,.35);color:#7CF0E9;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .4s}
.bl-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#5BE04A;box-shadow:0 0 8px #5BE04A}
.bl-chip:hover{background:rgba(23,223,215,.22)}
.bl-dest__titulo{margin:22px 0 16px;font-size:clamp(1.65rem,2.3vw,2.2rem);line-height:1.12;letter-spacing:-.035em}
.bl-dest__titulo a{color:#fff;text-decoration:none;background:linear-gradient(90deg,#17DFD7,#5BE04A) no-repeat 0 100%/0 2px;transition:background-size .7s var(--transicion)}
.bl-dest__titulo a:hover{background-size:100% 2px}
.bl-dest__meta{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:.92rem}
.bl-dest__meta svg{width:18px;height:18px;fill:#17DFD7}
.bl-dest__meta a{color:#9BA6BF;text-decoration:none}
.bl-dest__meta a:hover{color:#fff}
.bl-dest__resumen{margin:0 0 30px;color:#C9D3E8;font-size:1.04rem;line-height:1.75;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.bl-leer{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 24px;border-radius:999px;background:#fff;color:#0B1434;font-weight:700;text-decoration:none;box-shadow:0 18px 36px -18px rgba(23,223,215,.8)}
.bl-leer span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#17DFD7,#2DB945);transition:transform .5s var(--transicion)}
.bl-leer svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bl-leer:hover span{transform:translateX(4px) rotate(-45deg)}

/* Recientes · categorías · Somos tu Solución */
.bl-mas{padding-top:0}
.bl-mas__in{display:grid;grid-template-columns:1.25fr 1fr 1.1fr;gap:28px;align-items:stretch}
.bl-caja{padding:34px 30px;border-radius:26px;background:#fff;border:1px solid #E3EAF1;box-shadow:0 30px 60px -46px rgba(11,20,52,.45)}
.bl-caja__titulo{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:.88rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#0B1434}
.bl-caja__titulo::before{content:"";width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
.bl-recientes,.bl-cats{list-style:none;margin:0;padding:0}
.bl-recientes a{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;color:#1C2540;text-decoration:none}
.bl-recientes__img{position:relative;display:block;aspect-ratio:1;border-radius:16px;overflow:hidden}
.bl-recientes__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transicion)}
.bl-recientes a:hover img{transform:scale(1.08)}
.bl-recientes__t{font-weight:700;font-size:1.02rem;line-height:1.4;transition:color .3s}
.bl-recientes a:hover .bl-recientes__t{color:#19A99C}
.bl-cats a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:16px;background:#F4F8FB;color:#1C2540;font-weight:600;text-decoration:none;transition:background .4s,color .4s,transform .4s var(--transicion)}
.bl-cats svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bl-cats a:hover{background:#0B1434;color:#fff;transform:translateX(6px)}
.bl-sol{position:relative;isolation:isolate;overflow:hidden;padding:34px 30px;border-radius:26px;background:linear-gradient(150deg,#0B1434 0%,#13204D 60%,#0F5F7A 100%);color:#fff;box-shadow:0 40px 70px -40px rgba(11,20,52,.8)}
.bl-sol__ondas{position:absolute;right:-60px;top:-60px;z-index:-1;width:220px;height:220px}
.bl-sol__ondas span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(23,223,215,.35);animation:bl-onda 3.6s ease-out infinite}
.bl-sol__ondas span:nth-child(2){animation-delay:1.2s}.bl-sol__ondas span:nth-child(3){animation-delay:2.4s}
@keyframes bl-onda{from{transform:scale(.3);opacity:1}to{transform:scale(1.4);opacity:0}}
.bl-sol__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;margin-bottom:20px;background:linear-gradient(135deg,#17DFD7,#5BE04A);box-shadow:0 14px 28px -12px #17DFD7}
.bl-sol__ico svg{width:28px;height:28px;fill:#fff}
.bl-sol h3{margin:0 0 12px;font-size:1.6rem;letter-spacing:-.03em;color:#fff}
.bl-sol p{margin:0 0 24px;color:#C9D3E8;font-size:1.02rem;line-height:1.7}

@media (max-width:960px){
  .bl-hero__in{grid-template-columns:1fr}
  .bl-filtros{grid-column:1;grid-row:auto;justify-self:start}
  .bl-dest{grid-template-columns:1fr}
  .bl-dest__foto{aspect-ratio:16/10}
  .bl-dest__foto::after{background:linear-gradient(180deg,rgba(2,3,13,0) 55%,#02030D 100%)}
  .bl-dest__txt{padding:8px 26px 36px}
  .bl-mas__in{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){ .bl-hero__luz,.bl-hero__trazo,.bl-hero__gotas,.bl-sol__ondas span{animation:none} }
/* Blog: mosaico inferior sin huecos (recientes y categorías apiladas, Somos tu Solución a la derecha) */
.bl-mas__in{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:auto auto;gap:24px 28px}
.bl-mas__in>.bl-sol{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding:44px 40px}
.bl-mas__in>.bl-caja:nth-child(2) .bl-cats{display:flex;flex-wrap:wrap;gap:12px}
.bl-mas__in>.bl-caja:nth-child(2) .bl-cats a{min-width:260px}
.bl-recientes a{grid-template-columns:150px 1fr;gap:22px}
.bl-recientes__img{aspect-ratio:4/3}
.bl-recientes__t{font-size:1.12rem}
.bl-sol h3{font-size:1.9rem}
@media (max-width:960px){ .bl-mas__in{grid-template-columns:1fr}.bl-mas__in>.bl-sol{grid-column:auto;grid-row:auto} }

/* ===================== BLOG · portada revista (propuesta A, elegida 02-11-2026) ===================== */
.px-a{min-height:clamp(560px,calc(100vh - 80px),820px)}
.px-a .hd__foto img{width:62%!important;height:100%!important;top:0!important;object-fit:cover;object-position:30% 50%;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 10%,rgba(0,0,0,.8) 22%,#000 32%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 10%,rgba(0,0,0,.8) 22%,#000 32%)}
.px-a .hd__foto::after{display:none}
.px-a .hd__foto::after{background:linear-gradient(90deg,#02030D 0%,#02030D 38%,#0A0F2C 42%,#172349 45%,#2C4271 48%,#4B6596 51%,#748CB8 54%,#9CB0D3 57%,#DDE5F1 61%,#fff 66%)!important}
.px-a__in{position:relative;display:flex;flex-direction:column;justify-content:center;gap:34px;padding:clamp(40px,7vh,80px) 0 clamp(50px,7vh,70px)}
.px-a__top{display:flex;align-items:center;gap:28px}
.px-a__blog{margin:0;display:flex;align-items:center;gap:14px;font-size:1rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:#fff}
.px-a__blog::before{content:"";width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
.px-a__blog span{display:none}
.px-a .bl-filtros{margin:0;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.px-a .bl-filtros__btn{color:#C9D3E8;padding:10px 20px}
.px-a .bl-filtros__pastilla{background:linear-gradient(135deg,#17DFD7,#2DB945)}
.px-a__post{max-width:560px}
.px-a__titulo{margin:20px 0 14px;font-size:clamp(2rem,3.1vw,2.9rem);line-height:1.06;letter-spacing:-.045em}
.px-a__titulo a{color:#fff;text-decoration:none}
.px-a__resumen{color:#C9D3E8;font-size:1.04rem;line-height:1.72;margin:0 0 26px;text-align:justify;hyphens:auto}
.px-a__base{position:absolute;left:0;right:0;bottom:0;height:56px}
.px-a__base .px-ondas{position:absolute;inset:0;width:100%;height:100%;bottom:auto;opacity:.6}
@media (max-width:960px){ .px-a .hd__foto img{width:100%!important;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 85%);mask-image:linear-gradient(180deg,#000 40%,transparent 85%)} .px-a__top{flex-wrap:wrap} .px-a__in{padding-top:260px} }
/* Blog A: pantallas bajas (la entrada completa a la vista) y aire antes del mosaico */
@media (min-width:961px) and (max-height:760px){ .px-a__in{gap:22px;padding-top:30px} .px-a__titulo{font-size:clamp(1.8rem,2.6vw,2.25rem);margin:14px 0 10px} .px-a__resumen{font-size:.98rem;line-height:1.6;margin-bottom:18px} .bl-dest__meta{margin-bottom:10px} }
.bl-mas{padding-top:clamp(60px,8vw,100px)}

/* ===================== ENTRADA DEL BLOG (02-11-2026): portada oscura + artículo editorial + barra lateral fija ===================== */
.ar-hero{min-height:clamp(480px,calc(100vh - 80px),720px)}
.ar-hero .px-a__in{gap:26px}
.ar-migas{display:flex;align-items:center;gap:12px}
.ar-migas>a:first-child{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;text-decoration:none}
.ar-migas>a:first-child::before{content:"";width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
.ar-migas>svg{width:16px;height:16px;fill:none;stroke:#7C88A6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ar-hero__titulo{margin:0;max-width:15em;color:#fff;font-size:clamp(2.3rem,3.7vw,3.4rem);line-height:1.05;letter-spacing:-.045em}
.ar-hero__meta{display:flex;align-items:center;gap:26px;margin:0;color:#C9D3E8;font-size:.98rem}
.ar-hero__meta>*{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.ar-hero__meta svg{width:19px;height:19px;fill:#17DFD7}
@media (min-width:961px) and (max-height:760px){ .ar-hero__titulo{font-size:clamp(2rem,3vw,2.6rem)} }

/* Cuerpo del artículo */
.ar{background:#fff}
.ar__in{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(40px,5vw,80px);align-items:start}
.ar__cuerpo{min-width:0;max-width:780px}
.ar__cuerpo>p{margin:0 0 22px;font-size:1.1rem;line-height:1.8;color:#3A4560;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ar__lead{font-size:1.28rem!important;line-height:1.7!important;color:#1C2540!important;padding-left:22px;border-left:4px solid;border-image:linear-gradient(180deg,#17DFD7,#5BE04A) 1}
.ar__lead strong{color:#0B1434}
.ar__h2{display:flex;align-items:center;gap:18px;margin:72px 0 28px;font-size:clamp(1.6rem,2.3vw,2.1rem);line-height:1.15;letter-spacing:-.035em;color:#0B1434;scroll-margin-top:110px}
.ar__num{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;background-image:linear-gradient(#0B1434,#0B1434),linear-gradient(135deg,#17DFD7,#5BE04A);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid transparent;position:relative}
.ar__num{color:#5BE04A}
.ar__vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ar__badge{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#17DFD7,#2DB945);color:#fff;font-size:.95rem;font-weight:800;box-shadow:0 10px 20px -10px #17DFD7}
/* Causas: tarjetas 2x2 */
.ar__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ar__card{padding:26px 24px;border-radius:22px;background:#F6F9FB;border:1px solid #E6EDF2;transition:transform .5s var(--transicion),box-shadow .5s,background .5s}
.ar__card:hover{transform:translateY(-4px);background:#fff;box-shadow:0 30px 60px -40px rgba(11,20,52,.5)}
.ar__card h3,.ar__sol h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:1.1rem;line-height:1.3;letter-spacing:-.02em;color:#0B1434}
.ar__card--destacada{grid-column:1/-1;background:linear-gradient(150deg,#0B1434,#13204D);border-color:transparent}
.ar__card--destacada h3{color:#fff;font-size:1.25rem}
.ar__card--destacada .ar__lista{grid-template-columns:1fr 1fr;column-gap:28px}
.ar__card--destacada .ar__lista li{color:#DCE3F2}
.ar__lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ar__lista li{position:relative;padding-left:22px;font-size:1rem;line-height:1.55;color:#3A4560}
.ar__lista li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#17DFD7,#5BE04A)}
.ar__impacto{padding:12px 14px 12px 34px!important;border-radius:12px;background:rgba(232,181,74,.14);color:#5A4410!important}
.ar__impacto::before{left:14px!important;top:1.1em!important;background:#E8B54A!important}
.ar__nota{display:flex;gap:12px;margin:20px 0 0;padding:16px 18px;border-radius:14px;background:rgba(23,223,215,.1);border:1px solid rgba(23,223,215,.3);color:#E8EDF8;font-size:1rem;line-height:1.55}
.ar__nota::before{content:"";flex:none;width:4px;border-radius:4px;background:linear-gradient(180deg,#17DFD7,#5BE04A)}
.ar__mini{margin:0 0 10px;font-size:.92rem;font-weight:700;color:#19A99C;text-transform:uppercase;letter-spacing:.1em}
/* Diagnóstico: pasos en línea de tiempo */
.ar__pasos{list-style:none;margin:28px 0 0;padding:0;position:relative}
.ar__pasos::before{content:"";position:absolute;left:31px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,#17DFD7,#5BE04A);opacity:.4}
.ar__paso{position:relative;padding:0 0 30px 92px;min-height:64px}
.ar__paso h3{margin:16px 0 12px;font-size:1.15rem;color:#0B1434;letter-spacing:-.02em}
.ar__paso p{margin:0;font-size:1.05rem;line-height:1.7;color:#3A4560}
.ar__paso-ico{position:absolute;left:0;top:0;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#0B1434;box-shadow:0 18px 30px -18px rgba(11,20,52,.8)}
.ar__paso-ico svg{width:34px;height:34px;fill:#5BE04A}
.ar__pista,.ar__arco{fill:none;stroke-width:9;stroke-linecap:round}
.ar__pista{stroke:rgba(255,255,255,.15)}
.ar__arco{stroke:#17DFD7;stroke-dasharray:210;stroke-dashoffset:70}
.ar__paso-ico .ip__aguja path{stroke:#fff;stroke-width:5}
.ar__chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:0}
.ar__chips li{padding:9px 16px;border-radius:999px;background:#EEF6F8;border:1px solid #D9EAEE;color:#0B1434;font-size:.95rem;font-weight:600}
.ar__dato{display:inline-flex;align-items:center;gap:10px;margin:0;padding:10px 16px;border-radius:12px;background:linear-gradient(90deg,rgba(23,223,215,.14),rgba(91,224,74,.12));color:#0B1434!important;font-weight:600}
/* Qué obtiene: checklist */
.ar__check{padding:30px;border-radius:24px;background:linear-gradient(160deg,#F2FBFA,#F4FBF1);border:1px solid #DCEFEA}
.ar__check-t{margin:0 0 18px;font-size:1rem;font-weight:700;color:#19A99C}
.ar__check-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ar__check-l li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 14px 30px -24px rgba(11,20,52,.5);font-weight:600;color:#1C2540}
.ar__check-l li::before{content:"";flex:none;width:24px;height:24px;background:linear-gradient(135deg,#17DFD7,#2DB945);-webkit-mask:var(--chk) center/contain no-repeat;mask:var(--chk) center/contain no-repeat}
.ar__check-l,.ar__alerta-l{--chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22Zm5.2 8.2-6 6a1 1 0 0 1-1.4 0l-3-3a1 1 0 1 1 1.4-1.4l2.3 2.3 5.3-5.3a1 1 0 1 1 1.4 1.4Z'/%3E%3C/svg%3E")}
/* Soluciones */
.ar__sols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ar__sol{position:relative;padding:28px 24px 24px;border-radius:22px;background:#fff;border:1px solid #E3EAF1;box-shadow:0 30px 60px -48px rgba(11,20,52,.5)}
.ar__sol>.ar__badge{margin-bottom:16px}
.ar__sol p{margin:0;font-size:1rem;line-height:1.7;color:#3A4560;text-align:justify;hyphens:auto}
.ar__metrica{margin-top:16px!important;padding:10px 14px;border-radius:12px;background:#0B1434;color:#7CF0E9!important;font-weight:600;text-align:left!important}
/* Señales: panel de alertas */
.ar__alerta{position:relative;isolation:isolate;overflow:hidden;padding:32px;border-radius:26px;background:#02030D}
.ar__alerta-luz{position:absolute;inset:0;z-index:-1;background:radial-gradient(400px 260px at 100% 0%,rgba(232,181,74,.18),transparent 70%),radial-gradient(400px 260px at 0% 100%,rgba(23,223,215,.16),transparent 70%)}
.ar__alerta-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ar__alerta-l li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#E8EDF8;font-weight:500;line-height:1.45}
.ar__alerta-l li:first-child{grid-column:1/-1}
.ar__alerta-l li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#E8B54A;box-shadow:0 0 0 0 rgba(232,181,74,.6);animation:ar-alerta 2s ease-out infinite}
@keyframes ar-alerta{0%{box-shadow:0 0 0 0 rgba(232,181,74,.6)}100%{box-shadow:0 0 0 10px rgba(232,181,74,0)}}
/* Barra lateral */
.ar__lado{position:sticky;top:104px;display:grid;gap:20px}
.ar__indice{display:grid;gap:2px;padding-left:2px;border-left:2px solid #E3EAF1}
.ar__indice a{position:relative;padding:9px 0 9px 18px;margin-left:-2px;border-left:2px solid transparent;color:#6B7590;font-size:.92rem;font-weight:600;line-height:1.35;text-decoration:none;transition:color .3s,border-color .3s}
.ar__indice a:hover{color:#0B1434}
.ar__indice a.activo{color:#0B1434;border-left-color:#17DFD7}
.ar__caja{padding:24px 22px}
.ar__recientes a{grid-template-columns:76px 1fr;gap:14px}
.ar__recientes .bl-recientes__t{font-size:.95rem}
.ar__sol-cta{padding:28px 24px}
.ar__sol-cta h3{font-size:1.4rem}
.ar__sol-cta .btn{width:100%;justify-content:center}

@media (max-width:1100px){ .ar__in{grid-template-columns:1fr}.ar__lado{position:static;grid-template-columns:1fr 1fr}.ar__indice{display:none} }
@media (max-width:700px){ .ar__grid,.ar__sols,.ar__check-l,.ar__alerta-l,.ar__card--destacada .ar__lista,.ar__lado{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .ar__alerta-l li::before{animation:none} }
/* Entrada: la barra lateral acompaña todo el artículo; solo el índice queda fijo al bajar */
.ar__lado{position:static;align-self:stretch;align-content:start}
.ar__indice{position:sticky;top:104px;padding:18px 0 4px}
.ar__sol p{text-align:left;hyphens:manual}
.ar__sols,.ar__grid{align-items:stretch}

/* ===== Entrada del blog · versión SIMPLE (pedido 02-11-2026): lectura limpia, sin tarjetas ni paneles ===== */
.ar--simple{max-width:720px}
.ar--simple>p,.ar--simple li{font-size:1.08rem;line-height:1.8;color:#3A4560}
.ar--simple>p{margin:0 0 20px;text-align:left;hyphens:manual}
.ar--simple .ar__lead{font-size:1.2rem!important;line-height:1.75!important;color:#1C2540!important;padding:0;border:0;margin-bottom:24px}
.ar--simple h2{margin:56px 0 18px;padding-top:28px;border-top:1px solid #E6EDF2;font-size:clamp(1.45rem,2vw,1.75rem);line-height:1.2;letter-spacing:-.03em;color:#0B1434;scroll-margin-top:110px}
.ar--simple h3{margin:28px 0 10px;font-size:1.12rem;line-height:1.35;letter-spacing:-.01em;color:#0B1434}
.ar--simple ul{list-style:none;margin:0 0 20px;padding:0}
.ar--simple li{position:relative;padding-left:22px;margin-bottom:6px}
.ar--simple li::before{content:"";position:absolute;left:4px;top:.75em;width:6px;height:6px;border-radius:50%;background:#19C6B7}
.ar--simple .ar__nota{margin:6px 0 20px;padding:2px 0 2px 18px;border-left:3px solid #2DB945;background:none;color:#0B1434;display:block}
.ar--simple .ar__nota::before{display:none}
.ar--simple em{color:#19A99C}
.ar--simple .ar__checks-t{padding-left:0!important}
.ar--simple .ar__checks-t::before{display:none}
.ar--simple .ar__checks li:not(.ar__checks-t)::before{left:0;top:.45em;width:14px;height:14px;border-radius:0;background:#2DB945;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
/* Barra lateral más sobria */
.ar__lado .bl-caja{box-shadow:none;border-color:#E6EDF2}
.ar__lado .bl-sol{box-shadow:none}
.ar--simple .ar__nota{border:0;border-left:3px solid #2DB945;border-radius:0}

/* ===================== CONTÁCTANOS (02-11-2026): portada blanca tipo Nosotros + formulario y gadgets interactivos ===================== */
.ph{width:1em;height:1em;fill:currentColor}
/* 1 · Portada */
.cq{min-height:clamp(560px,calc(100vh - 80px),780px)}
.cq__foto img{object-position:85% 50%;inset:0 -2% 0 auto;width:72%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%);opacity:.85}
.cq__plano{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(11,20,52,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,20,52,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(60% 70% at 30% 40%,#000,transparent 75%);mask-image:radial-gradient(60% 70% at 30% 40%,#000,transparent 75%)}
.cq__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:30px;padding:clamp(40px,7vh,80px) 0 clamp(50px,8vh,90px)}
.cq__titulo{font-size:clamp(2.6rem,4.4vw,4rem)!important;line-height:1.02!important;max-width:11.5em!important}
.cq__sub{font-size:clamp(1.15rem,1.5vw,1.4rem)!important;max-width:520px;color:#19A99C!important;margin-bottom:34px!important}
.cq__accesos{display:flex;gap:14px}
.cq__acceso{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#fff;border:1px solid #E3EAF1;box-shadow:0 18px 36px -22px rgba(11,20,52,.55);color:#0B1434;font-size:26px;text-decoration:none;transition:background .4s,color .4s,transform .4s var(--transicion)}
.cq__acceso:hover{background:#0B1434;color:#5BE04A}
.cq__acceso:first-child{background:linear-gradient(135deg,#17DFD7,#2DB945);color:#fff;border-color:transparent}
.cq__acceso--form{color:#19A99C}
.cq__acceso--form .ph{animation:cq-baja 1.8s ease-in-out infinite}
@keyframes cq-baja{50%{transform:translateY(4px)}}
.cq__onda{position:absolute;inset:0;border-radius:inherit;border:2px solid #17DFD7;animation:cq-onda 2s ease-out infinite;pointer-events:none}
@keyframes cq-onda{from{transform:scale(1);opacity:.8}to{transform:scale(1.55);opacity:0}}
.cq__visual{position:relative;align-self:end;height:clamp(420px,58vh,560px);margin-bottom:calc(-1 * clamp(50px,8vh,90px))}
.cq__halo{position:absolute;left:50%;bottom:6%;width:min(440px,100%);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.22),rgba(91,224,74,.08) 50%,transparent 70%)}
.cq__anillo{position:absolute;left:50%;bottom:10%;width:min(400px,92%);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1.5px dashed rgba(23,198,183,.4);animation:hd-girar 40s linear infinite}
.cq__tecnico{position:absolute;left:50%;bottom:0;height:100%;width:auto;transform:translateX(-50%);filter:drop-shadow(0 30px 40px rgba(11,20,52,.25))}
.cq__chip{position:absolute;z-index:2;display:grid;place-items:center;padding:14px;border-radius:20px;background:rgba(255,255,255,.8);border:1px solid #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 22px 44px -26px rgba(11,20,52,.6);color:#19A99C;font-size:28px;animation:flotar 6s ease-in-out infinite}
.cq__chip--1{left:2%;top:22%}
.cq__chip--2{right:0;top:12%;animation-delay:-2s;color:#2DB945}
.cq__chip--3{left:0;bottom:22%;animation-delay:-4s;padding:12px 16px}
.cq__chip--3 svg{width:150px;height:34px}
.cq__chip--3 .hd__pulso-base{stroke:#D7E2EA}

/* 2 · Formulario */
.cf{background:linear-gradient(180deg,#fff,#F4F8FB)}
.cf__in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,5vw,80px);align-items:start}
.cf__titulo{font-size:clamp(2.2rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.045em;color:#0B1434;margin:0 0 20px}
.cf__info>p{margin:0 0 16px;font-size:1.06rem;line-height:1.75;color:#4A5470;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.cf__datos{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px}
.cf__dato,.cf__dato-link{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none}
.cf__dato{padding:16px 18px;border-radius:20px;background:#fff;border:1px solid #E3EAF1;box-shadow:0 20px 40px -34px rgba(11,20,52,.5);transition:transform .45s var(--transicion),box-shadow .45s,border-color .45s}
.cf__dato:hover{transform:translateX(6px);border-color:#BDEFEA;box-shadow:0 26px 50px -34px rgba(11,20,52,.6)}
.cf__dato-link{flex:1}
.cf__ico{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#17DFD7,#2DB945);color:#fff;font-size:24px;box-shadow:0 12px 24px -12px #17DFD7}
.cf__dato h3{margin:0 0 2px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#19A99C}
.cf__dato p{margin:0;font-size:1.04rem;font-weight:600;color:#0B1434}
.cf__ir{margin-left:auto;font-size:20px;color:#9BA6BF;transition:color .3s,transform .4s var(--transicion)}
.cf__dato:hover .cf__ir{color:#2DB945;transform:translate(3px,-3px)}
.cf__copiar{position:relative;flex:none;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:#F1F5F9;color:#4A5470;font-size:20px;cursor:pointer;transition:background .3s,color .3s}
.cf__copiar:hover{background:#0B1434;color:#fff}
.cf__copiar .ph+.ph{display:none}
.cf__copiar.ok{background:#2DB945;color:#fff}.cf__copiar.ok .ph:first-child{display:none}.cf__copiar.ok .ph+.ph{display:block}
.cf__form{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,3.4vw,44px);border-radius:30px;background:#0B1434;box-shadow:0 60px 100px -60px rgba(11,20,52,.9)}
.cf__luz{position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 300px at 100% 0%,rgba(23,223,215,.22),transparent 70%),radial-gradient(380px 280px at 0% 100%,rgba(91,224,74,.14),transparent 70%)}
.cf__progreso{position:absolute;left:0;right:0;top:0;height:4px;background:rgba(255,255,255,.08)}
.cf__progreso i{display:block;height:100%;width:0;background:linear-gradient(90deg,#17DFD7,#5BE04A);transition:width .6s var(--transicion)}
.cf__fila{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.cf__campo{position:relative;display:block}
.cf__campo input,.cf__campo textarea{width:100%;padding:24px 18px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font:500 1rem/1.4 Montserrat,sans-serif;outline:0;transition:border-color .3s,background .3s,box-shadow .3s;resize:vertical}
.cf__campo span{position:absolute;left:18px;top:17px;color:#9BA6BF;font-size:1rem;font-weight:500;pointer-events:none;transition:transform .3s var(--transicion),font-size .3s,color .3s,top .3s}
.cf__campo input:focus,.cf__campo textarea:focus{border-color:#17DFD7;background:rgba(23,223,215,.07);box-shadow:0 0 0 4px rgba(23,223,215,.12)}
.cf__campo input:focus+span,.cf__campo input:not(:placeholder-shown)+span,.cf__campo textarea:focus+span,.cf__campo textarea:not(:placeholder-shown)+span{top:8px;font-size:.74rem;color:#7CF0E9;letter-spacing:.04em}
.cf__campo.error input{border-color:#FF7A7A;box-shadow:0 0 0 4px rgba(255,122,122,.12);animation:cf-error .4s}
@keyframes cf-error{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.cf__campo--area{margin:4px 0 22px}
.cf__grupo{border:0;margin:0 0 18px;padding:0}
.cf__grupo legend{margin-bottom:12px;padding:0;color:#C9D3E8;font-size:.92rem;font-weight:700}
.cf__opciones{display:grid;gap:10px}
.cf__opciones--3{grid-template-columns:repeat(3,1fr)}
.cf__opciones--4{grid-template-columns:repeat(4,1fr)}
.cf__op{position:relative;cursor:pointer}
.cf__op input{position:absolute;opacity:0;pointer-events:none}
.cf__op-in{display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#C9D3E8;font-size:24px;transition:border-color .3s,background .3s,color .3s,transform .4s var(--transicion)}
.cf__op-in b{font-size:.84rem;font-weight:600;line-height:1.3}
.cf__op:hover .cf__op-in{border-color:rgba(23,223,215,.5);transform:translateY(-2px)}
.cf__op input:checked+.cf__op-in{border-color:#17DFD7;background:linear-gradient(150deg,rgba(23,223,215,.2),rgba(91,224,74,.12));color:#fff;box-shadow:0 14px 30px -18px #17DFD7}
.cf__op input:checked+.cf__op-in .ph{color:#5BE04A}
.cf__op input:focus-visible+.cf__op-in{outline:2px solid #17DFD7;outline-offset:2px}
.cf__enviar{width:100%;justify-content:center;gap:14px}
.cf__enviar-ico{position:relative;display:grid;place-items:center;font-size:22px}
.cf__enviar-ico .ph+.ph{display:none}
.cf__enviar.enviado{background:#2DB945}
.cf__enviar.enviado .ph:first-child{display:none}.cf__enviar.enviado .ph+.ph{display:block;animation:cf-ok .5s var(--transicion)}
.cf__enviar.volando .ph:first-child{animation:cf-vuela .7s var(--transicion) forwards}
@keyframes cf-vuela{to{transform:translate(40px,-30px) rotate(10deg);opacity:0}}
@keyframes cf-ok{from{transform:scale(0)}}

/* 3 · Emergencias 24/7 */
.ce__panel{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(380px,32vw,440px);padding:0 clamp(36px,5vw,72px);border-radius:32px;background:#02030D;overflow:visible}
.ce__fondo{position:absolute;inset:0;z-index:-2;border-radius:inherit;overflow:hidden}
.ce__fondo img{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:85% 50%;opacity:.35;mix-blend-mode:luminosity;-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%);mask-image:linear-gradient(90deg,transparent,#000 50%)}
.ce__luz{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(520px 340px at 70% 60%,rgba(23,223,215,.25),transparent 70%),radial-gradient(380px 300px at 0% 0%,rgba(255,92,92,.14),transparent 70%)}
.ce__texto{position:relative;z-index:2;max-width:560px}
.ce__vivo{display:inline-grid;place-items:center;width:22px;height:22px;margin-bottom:16px;position:relative}
.ce__vivo i{position:absolute;inset:6px;border-radius:50%;background:#FF5C5C}
.ce__vivo i+i{inset:0;background:none;border:2px solid #FF5C5C;animation:cq-onda 1.6s ease-out infinite}
.ce__texto h2{color:#fff;font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 16px}
.ce__texto p{color:#C9D3E8;font-size:1.06rem;line-height:1.7;margin:0 0 28px}
.ce__llamar{display:inline-flex;align-items:center;gap:16px;padding:10px 28px 10px 10px;border-radius:999px;background:#fff;color:#0B1434;font-weight:800;font-size:1.05rem;text-decoration:none;box-shadow:0 20px 40px -20px rgba(23,223,215,.8)}
.ce__llamar-ico{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#FF7A5C,#FF4D6D);color:#fff;font-size:24px}
.ce__llamar-ico .ph{animation:ce-timbre 1.6s ease-in-out infinite}
.ce__llamar-ico i{position:absolute;inset:0;border-radius:50%;border:2px solid #FF5C5C;animation:cq-onda 1.8s ease-out infinite}
.ce__llamar-ico i+i{animation-delay:.9s}
@keyframes ce-timbre{0%,50%,100%{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}
.ce__reloj{position:absolute;right:clamp(250px,26vw,340px);top:50%;width:150px;height:150px;transform:translateY(-50%);padding:10px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ce__reloj svg{width:100%;height:100%}
.ce__pista{fill:none;stroke:rgba(255,255,255,.1);stroke-width:6}
.ce__arco{fill:none;stroke:url(#hd-arco);stroke:#17DFD7;stroke-width:6;stroke-linecap:round;stroke-dasharray:100;transform:rotate(-90deg);transform-origin:100px 100px;animation:ce-arco 6s linear infinite}
@keyframes ce-arco{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.ce__marcas line{stroke:rgba(255,255,255,.35);stroke-width:2;stroke-linecap:round}
.ce__marcas line.m{stroke:#5BE04A;stroke-width:3}
.ce__manecilla{transform-origin:100px 100px;animation:hd-girar 6s linear infinite}
.ce__manecilla path{stroke:#fff;stroke-width:4;stroke-linecap:round}.ce__manecilla circle{fill:#fff}
.ce__tecnico{position:absolute;right:clamp(24px,4vw,60px);bottom:0;height:118%;width:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));pointer-events:none}

/* 4 · Cobertura */
.cb{background:#fff}
.cb__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:center}
.cb__titulo{font-size:clamp(2.2rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.045em;color:#0B1434;margin:0 0 16px}
.cb__texto>p{margin:0 0 26px;font-size:1.06rem;line-height:1.7;color:#4A5470}
.cb__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cb__lista button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:1px solid #E3EAF1;border-radius:14px;background:#fff;color:#1C2540;font:600 1rem/1.2 Montserrat,sans-serif;text-align:left;cursor:pointer;transition:border-color .3s,background .3s,color .3s,transform .4s var(--transicion)}
.cb__lista button::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#C9D6DE;transition:background .3s,box-shadow .3s}
.cb__lista button:hover,.cb__lista button.activo{border-color:#17DFD7;background:#F0FBFA;transform:translateX(4px)}
.cb__lista button.activo{background:#0B1434;color:#fff;border-color:#0B1434}
.cb__lista button.activo::before{background:#5BE04A;box-shadow:0 0 0 5px rgba(91,224,74,.2)}
.cb__mapa{position:relative;aspect-ratio:1;border-radius:32px;background:radial-gradient(circle at 55% 45%,#13204D,#02030D 75%);overflow:hidden;box-shadow:0 50px 90px -50px rgba(2,3,13,.9)}
.cb__mapa svg{width:100%;height:100%}
.cb__puntos circle{fill:rgba(255,255,255,.08)}
.cb__borde{fill:rgba(23,223,215,.05);stroke:rgba(23,223,215,.35);stroke-width:1.5;stroke-dasharray:6 6}
.cb__rutas path{fill:none;stroke:#5BE04A;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:4 8;opacity:0;transition:opacity .4s}
.cb__rutas path.activo{opacity:1;animation:cb-ruta 1s linear infinite}
@keyframes cb-ruta{to{stroke-dashoffset:-24}}
.cb__nodos g{cursor:pointer}
.cb__nodos circle.n{fill:#17DFD7;transition:r .4s,fill .4s}
.cb__nodos circle.p{fill:none;stroke:#17DFD7;stroke-width:1.5;opacity:0}
.cb__nodos text{fill:#9BA6BF;font:600 13px Montserrat,sans-serif;transition:fill .3s,opacity .3s;opacity:.0}
.cb__nodos g.activo circle.n{fill:#5BE04A}
.cb__nodos g.activo circle.p{opacity:1;stroke:#5BE04A;animation:cb-pulso 1.6s ease-out infinite;transform-box:fill-box;transform-origin:center}
.cb__nodos g.activo text{fill:#fff;opacity:1}
@keyframes cb-pulso{from{transform:scale(.6);opacity:1}to{transform:scale(2.4);opacity:0}}
.cb__base-c{fill:#fff}
.cb__base-pulso{fill:none;stroke:#fff;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:cb-pulso 2s ease-out infinite}

/* 5 · Garantía de respuesta */
.cg{background:linear-gradient(180deg,#F4F8FB,#fff)}
.cg__titulo{text-align:center;font-size:clamp(2.2rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.045em;color:#0B1434;margin:0 0 56px}
.cg__ruta{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.cg__linea{position:absolute;left:16.6%;right:16.6%;top:44px;height:3px;border-radius:3px;background:#E3EAF1}
.cg__linea i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#17DFD7,#5BE04A);transition:width 1.8s var(--transicion)}
.cg__ruta.visto .cg__linea i{width:100%}
.cg__item{position:relative;text-align:center;padding:0 10px}
.cg__ico{position:relative;z-index:1;display:grid;place-items:center;width:90px;height:90px;margin:0 auto 22px;border-radius:28px;background:#0B1434;color:#5BE04A;font-size:40px;box-shadow:0 24px 44px -24px rgba(11,20,52,.8);transition:transform .5s var(--transicion)}
.cg__item:hover .cg__ico{transform:translateY(-6px) rotate(-4deg)}
.cg__reloj{width:56px;height:56px}
.cg__r-pista{fill:none;stroke:rgba(255,255,255,.15);stroke-width:5}
.cg__r-arco{fill:none;stroke:#5BE04A;stroke-width:5;stroke-linecap:round;stroke-dasharray:100;transform:rotate(-90deg);transform-origin:32px 32px;animation:ce-arco 4s linear infinite}
.cg__r-man{stroke:#fff;stroke-width:3;stroke-linecap:round;transform-origin:32px 32px;animation:hd-girar 4s linear infinite}
.cg__item h3{margin:0 0 6px;font-size:1.5rem;letter-spacing:-.03em;color:#0B1434}
.cg__item p{margin:0;font-size:1.04rem;color:#4A5470}

@media (max-width:1100px){ .cf__opciones--4{grid-template-columns:1fr 1fr} .ce__reloj{display:none} }
@media (max-width:960px){
  .cq__in,.cf__in,.cb__in{grid-template-columns:1fr}
  .cq__visual{height:420px;margin-bottom:-60px}
  .cf__fila,.cf__opciones--3{grid-template-columns:1fr}
  .ce__panel{flex-direction:column;align-items:flex-start;padding:40px 28px 0}
  .ce__tecnico{position:relative;right:auto;height:320px;align-self:center}
  .cg__ruta{grid-template-columns:1fr}.cg__linea{display:none}
}
@media (prefers-reduced-motion:reduce){ .cq__onda,.cq__anillo,.cq__chip,.ce__arco,.ce__manecilla,.ce__llamar-ico *,.cb__rutas path,.cb__nodos *,.cb__base-pulso,.cg__r-arco,.cg__r-man{animation:none!important} }
/* Contáctanos · ajustes: chips sin tapar al técnico, técnico con fundido inferior, reloj junto al botón */
.cq__foto img{opacity:.6}
.cq__tecnico{-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.cq__chip--3{left:-14%;bottom:30%}
.cq__chip--1{left:-2%;top:30%}
.ce__acciones{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ce__acciones .ce__reloj{position:relative;right:auto;top:auto;transform:none;width:84px;height:84px;padding:6px}
.ce__tecnico{right:clamp(16px,3vw,48px)}
.cq__chip--3{left:-30%;bottom:26%}

/* ===================== INICIO · CELULAR (02-11-2026): textos, orden e íconos iguales al original ===================== */
/* Íconos: pictogramas de la versión vieja en el estilo nuevo (contorno + relleno suave en sus colores) */
.ic{display:block;width:1em;height:1em;fill:var(--c1)}
.ic path[opacity]{fill:var(--c2);opacity:.28}
.ic--trazo .f{fill:var(--c2);opacity:.25}
.ic--trazo .l{fill:none;stroke:var(--c1);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.hero__movil-titulo,.hero__movil-p,.aviso__contacto{display:none}
@media (max-width:960px){
  /* Portada: imagen del celular del original, centrada y a todo el ancho */
  .hero__foto picture,.hero__foto img{display:block;width:100%;height:100%}
  .hero__foto img{object-fit:cover;object-position:50% 18%}
  .hero__velo{background:linear-gradient(0deg,#05080F 0%,rgba(5,8,15,.94) 16%,rgba(5,8,15,.5) 36%,rgba(5,8,15,0) 56%)}
  .hero h1,.hero__rotar,.hero__kicker{display:none}
  .hero__movil-titulo{display:block;margin:0 0 14px;color:#fff;font-size:clamp(1.9rem,8.2vw,2.5rem);line-height:1.08;letter-spacing:-.035em}
  .hero__movil-p{display:block;margin:0 0 24px;color:#C9D3E8;font-size:1rem;line-height:1.6}
  /* Franja de emergencia: texto + botón Contáctanos */
  .aviso__contacto{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;border-radius:999px;background:#fff;color:var(--verde-2);font-weight:800;font-size:.78rem;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(0,0,0,.35)}
}
@media (max-width:640px){
  /* ¿Qué necesita resolver?: con su párrafo y la descripción de cada opción, como el original */
  #resolver .titulo-seccion p{display:block;margin:6px 0 0;color:#B9C2DC;font-size:.88rem}
  .opcion p{display:block;margin:4px 0 0;font-size:.8rem;line-height:1.4;color:var(--texto,#4A5470)}
  .opcion__ico{font-size:24px;background:#F4F7FA}
  .opcion--urgente .opcion__ico{background:rgba(229,57,53,.1)}
  .icono-tile span{font-size:38px;background:radial-gradient(circle at 30% 30%,#EEF8FB,#E3F1F6)}
  .soporte__ico{font-size:21px}
  .sector .ic{font-size:46px;margin:0 auto 14px}
  .cta-estado__ico{font-size:42px}
  .faq__intro h2{margin:0}
}
/* Inicio celular: los íconos nuevos usan relleno (no el trazo de los antiguos) */
.opcion__ico .ic,.icono-tile .ic,.soporte__ico .ic,.sector .ic,.cta-estado__ico .ic{fill:var(--c1);stroke:none;width:1em;height:1em}
.icono-tile .ic--trazo,.opcion__ico .ic--trazo{fill:none}
.icono-tile .ic--trazo .l{stroke:var(--c1)}
.sector .ic path[opacity]{opacity:.45}

/* ===================== INICIO · CELULAR PREMIUM (02-11-2026): mismo orden y textos, acabado de alta gama ===================== */
/* Corrección: el bloque «¿Necesita conocer el estado…?» quedaba corrido; la columna ya no se ensancha con el botón */
@media (max-width:960px){
  .cta-estado{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center}
  .cta-estado__texto,.cta-estado__botones{width:100%;min-width:0}
  .cta-estado .btn{white-space:normal;text-align:center;justify-content:center}
}
@media (max-width:640px){
  body{background:#F6F9FB}
  .seccion{padding:44px 0}
  /* Títulos con más presencia y una línea de agua debajo */
  #resolver h2,#soluciones h2,#soporte h2,#sectores h2,#estado h2,#preguntas h2,#aliados h2{letter-spacing:-.035em}
  #soluciones .titulo-seccion h2::after,#sectores .titulo-seccion h2::after,#preguntas .faq__intro h2::after{content:"";display:block;width:54px;height:4px;margin:14px auto 0;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  #preguntas .faq__intro h2::after{margin-left:0}

  /* Franja de emergencia: vidrio verde con brillo que recorre */
  .aviso{position:relative;overflow:hidden;background:linear-gradient(100deg,#1E9E3A,#2DB945 55%,#5BE04A)}
  .aviso::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-100%);animation:m-brillo 4.5s ease-in-out infinite}
  @keyframes m-brillo{55%,100%{transform:translateX(100%)}}
  .aviso__contacto{position:relative;z-index:1}

  /* Portada: foto a sangre con esquinas, título grande y ondas de bolitas sobre los botones */
  .hero{border-radius:0 0 34px 34px;padding-bottom:30px;box-shadow:0 30px 60px -30px rgba(5,8,15,.8)}
  .hero__foto{height:clamp(470px,128vw,560px)!important}
  .hero__velo{height:clamp(470px,128vw,560px)!important;background:linear-gradient(0deg,#05080F 0%,rgba(5,8,15,.92) 18%,rgba(5,8,15,.45) 40%,rgba(5,8,15,0) 60%),radial-gradient(120% 60% at 0% 100%,rgba(23,223,215,.18),transparent 60%)!important}
  .hero__in{margin-top:-170px!important}
  .hero__movil-titulo{font-size:clamp(2.15rem,9.6vw,2.7rem);line-height:1.02;margin-bottom:16px}
  .hero__movil-titulo::before{content:"";display:block;width:46px;height:4px;margin-bottom:16px;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .hero__movil-p{font-size:1.02rem;color:#D4DBEA;margin-bottom:26px}
  .hero__botones{gap:12px}
  .hero__botones .btn--verde{box-shadow:0 18px 34px -14px rgba(91,224,74,.7)}
  .hero .btn--linea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.35)!important}

  /* ¿Qué necesita resolver?: tarjeta flotante sobre la portada, opciones con borde de luz */
  #resolver{padding:0 0 40px;margin-top:-18px;position:relative;z-index:2}
  #resolver .titulo-seccion{border-radius:26px 26px 0 0;padding:22px 22px 20px;background:radial-gradient(260px 160px at 100% 0%,rgba(23,223,215,.25),transparent 70%),linear-gradient(130deg,#0B1434,#13204D)}
  #resolver .titulo-seccion h2{font-size:1.3rem}
  .resolver{border-radius:0 0 26px 26px;border:0;background:#fff;box-shadow:0 34px 60px -34px rgba(11,20,52,.55)}
  .opcion{padding:20px 16px 18px;background:#fff}
  .opcion__ico{width:48px;height:48px;border-radius:16px;font-size:26px;box-shadow:inset 0 0 0 1px rgba(11,20,52,.06),0 10px 20px -14px rgba(11,20,52,.5)}
  .opcion h3{font-size:.92rem;color:#0B1434}
  .opcion p{font-size:.8rem;color:#5B6680}
  .opcion:active{background:#F4FBFA}

  /* Soluciones: panel de agua con olas y burbujas, tarjetas de vidrio */
  #soluciones{background:transparent;padding:4px 0 36px}
  #soluciones>.contenedor{border-radius:34px;padding:50px 14px 16px;isolation:isolate}
  #soluciones>.contenedor::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:120px;z-index:-1;background:radial-gradient(60% 100% at 50% 100%,rgba(255,255,255,.18),transparent 70%)}
  #soluciones>.contenedor::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.35) 1.5px,transparent 2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 45%);mask-image:linear-gradient(180deg,#000,transparent 45%);opacity:.5}
  #soluciones .titulo-seccion h2{font-size:1.65rem}
  #soluciones .titulo-seccion h2::after{background:#fff}
  .icono-tile{padding:22px 10px 18px;border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 18px 30px -20px rgba(5,40,60,.7),inset 0 0 0 1px rgba(255,255,255,.7);font-size:.88rem;color:#0B1434}
  .icono-tile span{width:70px;height:70px;font-size:40px;background:radial-gradient(circle at 30% 25%,#fff,#E2F4F7 70%);box-shadow:inset 0 0 0 1px rgba(23,198,183,.18),0 10px 22px -12px rgba(10,156,196,.6)}

  /* Soporte: panel azul con luz, filas numeradas por una línea de flujo */
  #soporte>.contenedor{position:relative;overflow:hidden;border-radius:34px;padding:48px 16px 18px;background:radial-gradient(320px 240px at 100% 0%,rgba(23,223,215,.22),transparent 70%),radial-gradient(280px 220px at 0% 100%,rgba(91,224,74,.12),transparent 70%),linear-gradient(170deg,#13204D,#0B1434)}
  .soporte__lista{position:relative;gap:10px}
  .soporte__lista::before{content:"";position:absolute;left:37px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,rgba(255,107,107,.6),rgba(23,223,215,.6),rgba(91,224,74,.6));opacity:.5}
  .soporte__lista li{position:relative;padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .soporte__ico{width:44px;height:44px;font-size:22px;background:#0B1434!important;box-shadow:0 0 0 1px rgba(23,223,215,.35),0 0 18px -4px rgba(23,223,215,.6)}
  .soporte__lista li:first-child .soporte__ico{box-shadow:0 0 0 1px rgba(255,107,107,.45),0 0 18px -4px rgba(255,107,107,.7)}

  /* Sectores: tarjetas blancas con sombra suave y fondo de plano */
  #sectores{background:linear-gradient(180deg,#F6F9FB,#fff)}
  .sectores{gap:12px}
  .sector{padding:24px 12px 20px;border-radius:24px;border:0;background:#fff;box-shadow:0 20px 36px -28px rgba(11,20,52,.55),inset 0 0 0 1px rgba(11,20,52,.05)}
  .sector .ic{font-size:44px;padding:12px;width:68px!important;height:68px!important;border-radius:20px;background:linear-gradient(160deg,#FFF7EA,#EEF4FF)}
  .sector h3{font-size:.9rem;color:#0B1434}

  /* Estado: tarjeta oscura con foto, ícono con halo */
  #estado{padding:4px 0 36px}
  .cta-estado{border-radius:34px;padding:44px 22px 24px}
  .cta-estado__ico{width:80px;height:80px;border-radius:24px;background:rgba(255,255,255,.08);box-shadow:0 0 0 8px rgba(23,223,215,.06),0 0 30px -6px rgba(23,223,215,.55)}
  .cta-estado h2{font-size:1.45rem}

  /* Preguntas: tarjetas limpias, la abierta con borde de color */
  #preguntas{background:#fff}
  .pregunta{border-radius:20px;border:1px solid #E6EDF2;background:#fff}
  .pregunta[open]{border-color:transparent;box-shadow:0 24px 44px -28px rgba(11,20,52,.5),inset 3px 0 0 #17DFD7}
  .pregunta summary{font-size:.95rem;color:#0B1434}

  /* ¿Con quiénes trabajamos?: logos sobre vidrio */
  .aliados{border-radius:34px 34px 0 0;background:radial-gradient(300px 220px at 50% 0%,rgba(23,223,215,.2),transparent 70%),linear-gradient(180deg,#0B1434,#13204D)}
  .carrusel img{opacity:.85}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){ .aviso::after{animation:none} }
@media (max-width:640px){ .hero__movil-titulo{font-size:clamp(1.85rem,8.2vw,2.25rem)} .hero__in{margin-top:-140px!important} }

/* ===================== PIE · CELULAR PREMIUM (02-11-2026) ===================== */
@media (max-width:640px){
  .pie{position:relative;isolation:isolate;overflow:hidden;margin-top:-1px;padding:84px 0 110px;background:radial-gradient(320px 260px at 100% 8%,rgba(23,223,215,.22),transparent 70%),radial-gradient(300px 260px at 0% 60%,rgba(91,224,74,.12),transparent 70%),linear-gradient(180deg,#0B1434 0%,#060B1E 100%);color:#9AA6C4}
  /* Ola de agua en el borde superior y puntos muy sutiles */
  .pie::before{content:"";position:absolute;left:0;right:0;top:-1px;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0h390v14c-40 20-85 26-130 14S170 4 125 14 40 36 0 22Z' fill='%23F6F9FB'/%3E%3C/svg%3E") top/100% 100% no-repeat}
  .pie::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.5px);background-size:20px 20px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%)}
  .pie__in{grid-template-columns:1fr 1fr;gap:26px 18px}
  /* Marca centrada con redes en círculos de vidrio */
  .pie__marca{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 26px;border-bottom:1px solid rgba(255,255,255,.08)}
  .pie__marca img{height:62px;margin-bottom:14px}
  .pie__marca p{max-width:280px;margin:0 0 20px;color:#B9C2DC;font-size:.95rem;line-height:1.55}
  .pie__redes{justify-content:center;gap:10px}
  .pie__redes a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .35s var(--transicion),background .35s,border-color .35s}
  .pie__redes a:active,.pie__redes a:hover{background:linear-gradient(135deg,#17DFD7,#2DB945);border-color:transparent;transform:translateY(-3px)}
  /* Enlace rápido y Servicios lado a lado */
  .pie h3{position:relative;margin:0 0 14px;padding-bottom:10px;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .pie h3::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .pie nav.pie__col{gap:4px}
  .pie nav.pie__col a{position:relative;display:block;padding:7px 0 7px 16px;color:#C9D3E8;font-size:.92rem;line-height:1.3}
  .pie nav.pie__col a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#17DFD7;opacity:.6}
  /* Contáctanos: tarjeta de vidrio con cada dato como fila tocable */
  .pie__col:last-child{grid-column:1/-1;padding:22px 18px 10px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);gap:0}
  .pie__col:last-child h3{margin-bottom:10px}
  .pie__col:last-child>p,.pie__col:last-child>a{position:relative;display:flex;align-items:center;width:100%;min-height:52px;padding:10px 0 10px 54px;border-top:1px solid rgba(255,255,255,.07);color:#E8EDF8;font-size:.95rem;font-weight:500;line-height:1.4}
  .pie__col:last-child>h3+p{border-top:0}
  .pie__col:last-child>p::before,.pie__col:last-child>a::before{content:"";position:absolute;left:0;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:13px;background:linear-gradient(135deg,#17DFD7,#2DB945);box-shadow:0 10px 20px -10px #17DFD7}
  .pie__col:last-child>p::after,.pie__col:last-child>a::after{content:"";position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;background:#fff;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
  .pie__col:last-child>p{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Z'/%3E%3C/svg%3E")}
  .pie__col:last-child>a[href^="mailto"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM203.43,64,128,133.15,52.57,64ZM216,192H40V74.19l82.59,75.71a8,8,0,0,0,10.82,0L216,74.19V192Z'/%3E%3C/svg%3E")}
  .pie__col:last-child>a[href^="tel"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46Z'/%3E%3C/svg%3E")}
  .pie__col:last-child>a:hover,.pie__col:last-child>a:active{color:#7CF0E9}
  /* Base: centrada y discreta */
  .pie__base{flex-direction:column;align-items:center;gap:6px;margin-top:28px;padding:20px 0 0;text-align:center;font-size:.78rem;color:#7C88A6}
  .pie__base p:first-child{color:#B9C2DC;font-weight:600}
}
@media (max-width:640px){
  .pie{padding-top:64px;border-top:1px solid rgba(255,255,255,.06)}
  .pie::before{top:18px;height:22px;opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 22' preserveAspectRatio='none'%3E%3Cpath d='M0 11c32-10 65-10 97 0s65 10 98 0 65-10 97 0 66 10 98 0' fill='none' stroke='%2317DFD7' stroke-width='2' stroke-dasharray='10 7' stroke-linecap='round'/%3E%3Cpath d='M0 17c32-10 65-10 97 0s65 10 98 0 65-10 97 0 66 10 98 0' fill='none' stroke='%235BE04A' stroke-width='3' stroke-dasharray='.1 10' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
}
@media (max-width:640px){ body{background:linear-gradient(#F6F9FB,#F6F9FB) top/100% calc(100% - 140px) no-repeat,#060B1E} }

/* ===== Pie · celular: superficie de agua viva (reemplaza la línea de ondas) ===== */
.pie__agua,.pie__gota{display:none}
@media (max-width:640px){
  .pie{--px:50%;padding-top:96px}
  .pie::before{display:none}
  .pie__agua{display:block;position:absolute;left:0;right:0;top:0;height:96px;z-index:0;pointer-events:none;overflow:hidden}
  .pie__agua svg{position:absolute;left:0;top:0;width:200%;height:100%;overflow:visible}
  .pie__capas{transform-origin:0 50%;transform:scaleY(var(--amp,1));transition:transform .25s ease-out}
  .pie__capa{animation:pie-fluir 14s linear infinite}
  .pie__capa--2{animation-duration:9s;animation-direction:reverse}
  .pie__capa--3{animation-duration:11s;filter:drop-shadow(0 0 6px rgba(124,240,233,.8))}
  @keyframes pie-fluir{to{transform:translateX(-50%)}}
  /* Brillo que sigue al dedo sobre el agua */
  .pie__reflejo{position:absolute;inset:0;background:radial-gradient(120px 70px at var(--px) 40%,rgba(124,240,233,.35),transparent 70%);transition:background-position .3s;mix-blend-mode:screen}
  /* Onda al tocar */
  .pie__gota{display:block;position:absolute;z-index:3;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid rgba(124,240,233,.9);pointer-events:none;animation:pie-gota 1.3s ease-out forwards}
  .pie__gota::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1.5px solid rgba(91,224,74,.7);animation:pie-gota 1.3s .18s ease-out forwards}
  @keyframes pie-gota{to{transform:scale(14);opacity:0}}
  /* Marca: halo que respira detrás del logo y redes con onda al tocar */
  .pie__marca{position:relative;z-index:1}
  .pie__marca::before{content:"";position:absolute;left:50%;top:-10px;width:230px;height:130px;margin-left:-115px;border-radius:50%;background:radial-gradient(closest-side,rgba(23,223,215,.22),transparent);animation:pie-halo 5s ease-in-out infinite;z-index:-1}
  @keyframes pie-halo{50%{transform:scale(1.15);opacity:.7}}
  .pie__marca img{filter:drop-shadow(0 8px 20px rgba(23,223,215,.25))}
  .pie__redes a{position:relative;overflow:hidden}
  .pie__redes a::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 60%);transform:scale(0);opacity:0;transition:transform .5s,opacity .5s}
  .pie__redes a:active::after{transform:scale(1.4);opacity:1;transition:0s}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){ .pie__capa,.pie__marca::before,.pie__gota{animation:none} }
@media (max-width:640px){
  .pie__agua{height:130px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
  .pie__agua svg{height:96px}
  .pie__capas{transform-origin:0 0}
  .pie__gota{width:0;height:0;margin:0;border:1.5px solid rgba(124,240,233,.9);transform:translate(-50%,-50%);animation:pie-gota2 1.2s ease-out forwards}
  .pie__gota::after{inset:-8px;border-width:1px;animation:none;opacity:.7}
  @keyframes pie-gota2{to{width:180px;height:180px;opacity:0}}
}

/* ===== Pie · celular: «Haz de luz y partículas» (propuesta B, elegida 02-11-2026; reemplaza el agua) ===== */
@media (max-width:640px){
  .pie{padding-top:70px}
  /* Línea luminosa en el borde superior */
  .pie::before{display:block;content:"";position:absolute;left:8%;right:8%;top:0;height:2px;opacity:1;background:linear-gradient(90deg,transparent,#17DFD7 30%,#fff 50%,#5BE04A 70%,transparent);box-shadow:0 0 18px 2px rgba(23,223,215,.8)}
  .pie__marca{position:relative;padding-top:40px}
  /* Cono de luz que cae sobre el logo */
  .pie__marca::before{content:"";position:absolute;left:50%;top:-70px;width:360px;height:330px;margin-left:-180px;border-radius:0;opacity:1;transform:none;animation:pie-haz 6s ease-in-out infinite;background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(124,240,233,.22) 180deg,transparent 200deg);filter:blur(6px);z-index:-1}
  @keyframes pie-haz{50%{opacity:.65}}
  /* Partículas que suben */
  .pie__marca::after{content:"";position:absolute;inset:-60px 0 0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(124,240,233,.9) 1px,transparent 1.6px),radial-gradient(circle,rgba(91,224,74,.8) 1px,transparent 1.6px);background-size:46px 58px,70px 84px;background-position:10px 20px,30px 0;-webkit-mask-image:radial-gradient(60% 70% at 50% 30%,#000,transparent);mask-image:radial-gradient(60% 70% at 50% 30%,#000,transparent);animation:pie-sube 8s linear infinite}
  @keyframes pie-sube{to{background-position:10px -96px,30px -168px}}
  .pie__marca img{height:70px;filter:drop-shadow(0 0 22px rgba(124,240,233,.45))}
  .pie__redes a{border-color:rgba(124,240,233,.35)}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){ .pie__marca::before,.pie__marca::after{animation:none} }

/* Barra inferior del celular: acoplada al borde (a todo el ancho y pegada abajo, como en la versión antigua) */
@media (max-width:640px){
  .barra-movil{left:0;right:0;bottom:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;border:0;border-top:1px solid rgba(255,255,255,.12);background:rgba(11,20,52,.97);box-shadow:0 -14px 34px -14px rgba(5,10,28,.6)}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}
@media (max-width:640px){ .barra-movil{border-radius:0} }

/* ===== Barra inferior celular · versión premium (acoplada) ===== */
@media (max-width:640px){
  .barra-movil{gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:0;background:linear-gradient(180deg,rgba(16,26,58,.94),rgba(5,9,26,.98));backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 -18px 40px -18px rgba(5,10,28,.75)}
  /* Línea de luz en el borde superior */
  .barra-movil::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(23,223,215,.9) 25%,rgba(255,255,255,.9) 50%,rgba(91,224,74,.9) 75%,transparent);box-shadow:0 0 12px rgba(23,223,215,.6)}
  .barra-movil a{position:relative;gap:6px;padding:6px 4px 4px;border-radius:16px;color:#C9D3E8;font-size:.64rem;font-weight:700;letter-spacing:.14em;transition:transform .2s,background .3s}
  .barra-movil a:active{transform:scale(.95)}
  /* Ícono en cápsula de vidrio */
  .barra-movil svg{box-sizing:border-box;width:40px;height:34px;padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .barra-movil a:first-child svg{color:#17DFD7;background:rgba(23,223,215,.1);box-shadow:inset 0 0 0 1px rgba(23,223,215,.25)}
  .barra-movil a:nth-child(2) svg{background:rgba(37,211,102,.1);box-shadow:inset 0 0 0 1px rgba(37,211,102,.25)}
  /* Punto vivo de atención 24/7 sobre Llamar */
  .barra-movil a:first-child::after{content:"";position:absolute;left:calc(50% + 14px);top:4px;width:8px;height:8px;border-radius:50%;background:#5BE04A;box-shadow:0 0 0 2px #0B1434,0 0 0 0 rgba(91,224,74,.6);animation:barra-vivo 1.8s ease-out infinite}
  @keyframes barra-vivo{0%{box-shadow:0 0 0 2px #0B1434,0 0 0 0 rgba(91,224,74,.6)}100%{box-shadow:0 0 0 2px #0B1434,0 0 0 10px rgba(91,224,74,0)}}
  /* Cotizar: botón de acento con brillo que lo recorre */
  .barra-movil__cta{overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#5BE04A 0%,#2DB945 60%,#1E9E3A 100%)!important;box-shadow:0 12px 26px -12px rgba(91,224,74,.9),inset 0 1px 0 rgba(255,255,255,.35)}
  .barra-movil__cta svg{background:rgba(255,255,255,.2);box-shadow:none}
  .barra-movil__cta::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);animation:barra-brillo 3.8s ease-in-out infinite}
  @keyframes barra-brillo{60%,100%{transform:translateX(120%)}}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){ .barra-movil a:first-child::after,.barra-movil__cta::after{animation:none} }

/* ===== Franja de emergencia + cabecera celular: «Píldora flotante con brillo» (propuesta B, elegida 02-11-2026) ===== */
@media (max-width:640px){
  .aviso{background:#fff;padding:10px 12px 0}
  .aviso::after{display:none}
  .aviso__in{position:relative;overflow:hidden;width:auto;min-height:48px;padding:6px 6px 6px 16px;border-radius:999px;background:linear-gradient(100deg,#1E9E3A,#2DB945 55%,#5BE04A);box-shadow:0 14px 28px -14px rgba(45,185,69,.8)}
  .aviso__in::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-120%);animation:aviso-brillo 4s ease-in-out infinite}
  @keyframes aviso-brillo{60%,100%{transform:translateX(120%)}}
  .aviso p{font-size:.72rem}
  .aviso strong{font-size:.74rem}
  .aviso__contacto{position:relative;z-index:1}
  .cabecera{border-bottom:1px solid #EEF2F6}
  .hamburguesa{border-radius:50%;border-color:#E3EAF1;box-shadow:0 8px 18px -10px rgba(11,20,52,.4)}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){ .aviso__in::after{animation:none} }

/* Menú celular: el panel queda por encima del logo; la página de atrás se oscurece; logo propio arriba del panel */
@media (max-width:960px){
  .menu{z-index:5;box-shadow:-20px 0 60px rgba(11,20,52,.25),0 0 0 100vmax rgba(5,10,28,0);transition:transform .4s var(--transicion),box-shadow .4s}
  .menu.abierto{box-shadow:-20px 0 60px rgba(11,20,52,.25),0 0 0 100vmax rgba(5,10,28,.55)}
  .menu::before{content:"";position:absolute;left:22px;top:26px;width:130px;height:46px;background:url("../img/logo-inamb.webp") left center/contain no-repeat}
  .hamburguesa{position:relative;z-index:6}
}
@media (max-width:960px){ .menu.abierto + .hamburguesa{position:fixed;top:22px;right:16px} }

/* ¿Con quiénes trabajamos? (celular): titular equilibrado, ancho cómodo y etiqueta con líneas a los lados */
@media (max-width:640px){
  .aliados .etiqueta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.74rem;letter-spacing:.2em;color:#7CF0E9}
  .aliados .etiqueta::before,.aliados .etiqueta::after{content:"";display:block;width:28px;height:1px;background:linear-gradient(90deg,transparent,#17DFD7)}
  .aliados .etiqueta::after{background:linear-gradient(90deg,#5BE04A,transparent)}
  .aliados h2{max-width:20ch;margin:4px auto 0;font-size:clamp(1.55rem,6.6vw,1.85rem);line-height:1.18;letter-spacing:-.03em;text-wrap:balance}
}
@media (max-width:640px){ .aliados .etiqueta{font-size:.68rem;letter-spacing:.14em;white-space:nowrap;gap:10px} .aliados .etiqueta::before,.aliados .etiqueta::after{width:22px} .aliados h2{font-size:clamp(1.4rem,6vw,1.7rem);max-width:18ch} }

/* Inicio celular · íconos de línea fieles a los pictogramas de la versión vieja (2 colores máx., sin rellenos) */
.lin{display:block;width:1em;height:1em;fill:none!important;stroke:var(--c1)!important;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.lin .a{stroke:var(--c2)!important}
@media (max-width:640px){
  .opcion__ico{font-size:28px}
  .icono-tile span{font-size:44px}
  .soporte__ico{font-size:24px}
  .sector .lin{font-size:46px;margin:0 auto 14px;padding:0;width:1em!important;height:1em!important;background:none}
  .cta-estado__ico{font-size:44px}
}
@media (max-width:640px){
  svg.lin{stroke-width:3.2}
  .opcion__ico svg.lin{width:30px;height:30px}
  .opcion__ico{width:54px;height:54px}
  .icono-tile svg.lin{width:46px;height:46px}
  .icono-tile span{width:76px;height:76px}
  .soporte__ico svg.lin{width:26px;height:26px}
  .soporte__ico{width:48px;height:48px}
  .sector svg.lin{width:54px!important;height:54px!important}
  .cta-estado__ico svg.lin{width:44px;height:44px}
}

/* Soporte técnico (celular): íconos como al principio — trazo simple en círculo turquesa suave; el de emergencias en rojo */
@media (max-width:640px){
  .soporte__ico.soporte__ico--orig{width:42px;height:42px;border-radius:50%;background:rgba(23,223,215,.14)!important;color:var(--turq);box-shadow:none}
  .soporte__ico--orig svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .soporte__lista li:first-child .soporte__ico--orig{background:rgba(238,59,59,.18)!important;color:#ff6b6b;box-shadow:none}
}

/* ===== Soluciones · celular: «Noche premium con resplandor» (propuesta B, elegida 02-11-2026) ===== */
.sol-ico{display:block}
@media (max-width:640px){
  #soluciones>.contenedor{background:radial-gradient(260px 200px at 100% 0%,rgba(23,223,215,.28),transparent 70%),radial-gradient(240px 220px at 0% 70%,rgba(91,224,74,.16),transparent 70%),linear-gradient(170deg,#0B1434,#02030D);box-shadow:0 30px 60px -30px rgba(2,3,13,.9)}
  #soluciones .titulo-seccion h2::after{background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  #soluciones .titulo-seccion p{color:#B9C2DC}
  .iconos{gap:12px}
  .icono-tile{position:relative;padding:22px 10px 18px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 20px 40px -24px rgba(0,0,0,.9);color:#fff;font-size:.9rem}
  .icono-tile::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(160deg,var(--luz),transparent 45%,transparent 70%,rgba(91,224,74,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}
  .icono-tile span{position:relative;width:96px;height:84px;background:none;box-shadow:none}
  .icono-tile span::before{content:"";position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;background:radial-gradient(circle,var(--luz),transparent 65%);opacity:.38;filter:blur(8px)}
  .sol-ico{position:relative;width:72px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.15)) drop-shadow(0 10px 12px rgba(0,0,0,.5));transition:transform .4s var(--transicion)}
  .icono-tile:active .sol-ico{transform:scale(1.08)}
  .icono-tile:hover span{transform:none;background:none}
}

/* ===== Sectores · celular: «Tarjetas claras con halo» (propuesta A, elegida 02-11-2026) ===== */
.sec-ico img{display:block}
@media (max-width:640px){
  #sectores{background:radial-gradient(300px 200px at 100% 0%,rgba(23,223,215,.12),transparent 70%),linear-gradient(180deg,#F6F9FB,#fff)}
  .sectores{gap:12px}
  .sector{position:relative;overflow:hidden;padding:22px 12px 20px;border-radius:26px;background:#fff;border:0;box-shadow:0 24px 44px -30px rgba(11,20,52,.6),inset 0 0 0 1px rgba(11,20,52,.05)}
  .sector::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .sec-ico{position:relative;display:grid;place-items:center;width:86px;height:86px;margin:0 auto 14px;border-radius:28px;background:linear-gradient(150deg,color-mix(in srgb,var(--luz) 22%,#fff),#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--luz) 25%,#fff),0 14px 24px -16px var(--luz)}
  .sec-ico img{width:60px;height:60px;object-fit:contain}
  .sector h3{font-size:.92rem;color:#0B1434}
}

/* ===== Menú celular: «Azul noche» simple y elegante (versión 2, elegida 02-11-2026; sin íconos ni botón) ===== */
@media (max-width:960px){
  .menu{inset:0;width:100%;padding:110px 28px 34px;background:linear-gradient(180deg,#0B1434,#02030D);box-shadow:0 0 0 100vmax rgba(5,10,28,0)}
  .menu.abierto{box-shadow:none}
  .menu::before{background-image:url("../img/logo-inamb-blanco.webp")}
  .menu>a:not(.btn),.menu__btn{justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;font-size:1.5rem;font-weight:600;letter-spacing:-.025em;color:#fff}
  .menu>a:not(.btn)::after,.menu__btn::after{display:none}
  .menu>a.activo{color:#7CF0E9}
  .menu__btn svg{width:18px;height:18px;color:rgba(255,255,255,.5)}
  .submenu{padding:6px 0 10px 2px;background:none}
  .submenu a{padding:9px 0 9px 16px;border-left:1px solid rgba(255,255,255,.12);border-radius:0;background:none}
  .submenu a b{font-size:1rem;font-weight:500;color:#B9C2DC}
  .submenu a span{display:none}
  .menu>.menu__cta{display:none}
  .menu.abierto + .hamburguesa{background:transparent;border-color:rgba(255,255,255,.25);box-shadow:none}
  .menu.abierto + .hamburguesa span{background:#fff}
}
/* Menú celular: textos más pequeños y refinados */
@media (max-width:960px){
  .menu{padding-top:118px}
  .menu>a:not(.btn),.menu__btn{padding:16px 2px;font-size:1.12rem;font-weight:500;letter-spacing:.01em;color:rgba(255,255,255,.92);transition:color .3s,padding .3s}
  .menu>a:not(.btn):active,.menu__btn:active{padding-left:8px}
  .menu>a.activo{color:#7CF0E9;font-weight:600}
  .menu__btn svg{width:16px;height:16px}
  .submenu a b{font-size:.92rem;font-weight:400;color:#9FAACB;letter-spacing:.01em}
  .submenu a{padding:8px 0 8px 16px}
}

/* ===================== NOSOTROS · CELULAR PREMIUM (02-11-2026): contenido de la versión móvil original ===================== */
@media (max-width:640px){
  .nm-titulo{margin:0;font-size:1.6rem;line-height:1.12;letter-spacing:-.035em;color:#0B1434;text-align:center}
  .nm-titulo::after{content:"";display:block;width:54px;height:4px;margin:14px auto 0;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .nm-titulo--claro{color:#fff}
  .nm-cab{text-align:center;margin-bottom:26px}
  .nm-cab>p{margin:14px auto 0;max-width:330px;font-size:.95rem;line-height:1.65;color:#5B6680}

  /* 1 · Portada: foto del equipo a sangre, texto sobre degradado oscuro, esquinas abajo */
  .nm-hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:flex-end;border-radius:0 0 34px 34px;background:#05080F;box-shadow:0 30px 60px -30px rgba(5,8,15,.8)}
  .nm-hero__foto{position:absolute;inset:0}
  .nm-hero__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
  .nm-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05080F 0%,rgba(5,8,15,.92) 26%,rgba(5,8,15,.4) 50%,rgba(5,8,15,0) 66%),radial-gradient(120% 60% at 0% 100%,rgba(23,223,215,.18),transparent 60%)}
  .nm-hero__texto{position:relative;z-index:1;padding:0 20px 34px}
  .nm-hero__titulo{margin:0 0 14px;font-size:clamp(2.2rem,10vw,2.7rem);line-height:1;letter-spacing:-.04em;color:#fff}
  .nm-hero__titulo::before{content:"";display:block;width:46px;height:4px;margin-bottom:16px;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .nm-hero__sub{margin:0 0 12px;font-size:1.12rem;font-weight:700;line-height:1.35;color:#7CF0E9}
  .nm-hero__p{margin:0;font-size:.98rem;line-height:1.65;color:#D4DBEA}

  /* 2 · Historia: tarjeta blanca centrada, botón que despliega la historia */
  .nm-historia{padding:44px 0 10px}
  .nm-historia .contenedor{padding:34px 22px 28px;border-radius:30px;background:#fff;text-align:center;box-shadow:0 26px 50px -34px rgba(11,20,52,.55),inset 0 0 0 1px #E8EFF3}
  .nm-historia__ico{display:grid;place-items:center;width:64px;height:64px;margin:22px auto 16px;border-radius:50%;background:radial-gradient(circle,#E8FBF0,#D3F5E0);box-shadow:0 0 0 8px rgba(45,185,69,.06)}
  .nm-historia__ico svg{width:28px;height:28px;fill:none;stroke:#2DB945;stroke-width:2;stroke-linejoin:round}
  .nm-historia__p{margin:0 auto 20px;max-width:280px;font-size:1.02rem;font-weight:600;line-height:1.5;color:#1C2540}
  .nm-historia__mas summary{list-style:none;display:inline-flex;gap:10px;cursor:pointer}
  .nm-historia__mas summary::-webkit-details-marker{display:none}
  .nm-historia__mas[open] summary svg{transform:rotate(90deg)}
  .nm-historia__mas summary svg{transition:transform .3s}
  .nm-historia__mas p{margin:20px 0 0;padding-top:18px;border-top:1px solid #EEF2F5;font-size:.95rem;line-height:1.7;color:#4A5470;text-align:left}

  /* 3 · Misión y Visión: dos tarjetas, la segunda oscura */
  .nm-mv{padding:24px 0 10px}
  .nm-mv__in{display:grid;gap:14px}
  .nm-mv__c{position:relative;overflow:hidden;padding:26px 22px;border-radius:28px;background:linear-gradient(160deg,#fff,#F3FAF9);box-shadow:0 24px 46px -32px rgba(11,20,52,.55),inset 0 0 0 1px #E3EEF0;text-align:center}
  .nm-mv__c img{width:96px;height:96px;object-fit:contain;margin:0 auto 10px}
  .nm-mv__c h2{margin:0 0 10px;font-size:.82rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#19A99C}
  .nm-mv__c h3{margin:0 0 10px;font-size:1.15rem;line-height:1.35;letter-spacing:-.02em;color:#0B1434}
  .nm-mv__c p{margin:0;font-size:.92rem;line-height:1.65;color:#5B6680}
  .nm-mv__c--osc{background:radial-gradient(260px 180px at 100% 0%,rgba(23,223,215,.22),transparent 70%),linear-gradient(160deg,#13204D,#0B1434)}
  .nm-mv__c--osc h2{color:#7CF0E9}.nm-mv__c--osc h3{color:#fff}.nm-mv__c--osc p{color:#B9C2DC}
  .nm-mv__c--osc img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}

  /* 4 · Valores: 2x2 con los íconos originales */
  .nm-valores{padding:40px 0}
  .nm-valores__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .nm-valor{padding:22px 14px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 22px 40px -30px rgba(11,20,52,.55),inset 0 0 0 1px #EAF0F4}
  .nm-valor img{width:58px;height:58px;object-fit:contain;margin:0 auto 12px;border-radius:50%;box-shadow:0 12px 22px -12px rgba(30,111,217,.7)}
  .nm-valor h3{margin:0 0 8px;font-size:.95rem;line-height:1.25;color:#0B1434}
  .nm-valor p{margin:0;font-size:.8rem;line-height:1.55;color:#5B6680}

  /* 5 · Equipo técnico: banner original arriba, personas en filas con retrato */
  .nm-equipo{padding:0 0 40px}
  .nm-equipo__banner{height:150px;overflow:hidden;border-radius:0 0 30px 30px}
  .nm-equipo__banner img{width:100%;height:100%;object-fit:cover;object-position:80% 30%}
  .nm-equipo__titulo{margin-top:-46px;padding:20px 22px 0;display:inline-block;width:auto;background:#F6F9FB;border-radius:22px 22px 0 0;position:relative}
  .nm-equipo .contenedor{text-align:center}
  .nm-equipo__sub{margin:14px 0 8px;font-size:1.05rem;font-weight:700;color:#19A99C}
  .nm-equipo__p{margin:0 auto 24px;max-width:330px;font-size:.95rem;line-height:1.65;color:#5B6680}
  .nm-personas{display:grid;gap:12px;text-align:left}
  .nm-persona{display:flex;align-items:center;gap:16px;padding:12px;border-radius:24px;background:#fff;box-shadow:0 22px 40px -30px rgba(11,20,52,.55),inset 0 0 0 1px #EAF0F4}
  .nm-persona img{flex:none;width:84px;height:96px;object-fit:cover;object-position:50% 20%;border-radius:18px}
  .nm-persona h3{margin:0 0 4px;font-size:1.08rem;color:#0B1434}
  .nm-persona p{margin:0;font-size:.86rem;line-height:1.45;color:#5B6680}
  .nm-persona div{position:relative;padding-left:14px}
  .nm-persona div::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:linear-gradient(180deg,#17DFD7,#5BE04A)}

  /* 6 · Capacidades: panel oscuro con fondo original, 4 capacidades en vidrio */
  .nm-cap{position:relative;isolation:isolate;overflow:hidden;margin:0 12px;padding:46px 0 18px;border-radius:34px;background:#02030D;box-shadow:0 30px 60px -30px rgba(2,3,13,.9)}
  .nm-cap__fondo{position:absolute;inset:0;z-index:-1}
  .nm-cap__fondo img{width:100%;height:100%;object-fit:cover;opacity:.5}
  .nm-cap::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px 200px at 100% 0%,rgba(23,223,215,.25),transparent 70%),linear-gradient(180deg,rgba(2,3,13,.4),rgba(2,3,13,.85))}
  .nm-cap__lema{margin:16px auto 0;max-width:300px;font-size:1.1rem;line-height:1.35;color:#7CF0E9}
  .nm-cap .nm-cab>p{color:#B9C2DC}
  .nm-cap__lista{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .nm-cap__item{padding:18px 12px;border-radius:22px;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
  .nm-cap__item img{width:44px;height:44px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 0 10px rgba(23,223,215,.5))}
  .nm-cap__item h3{margin:0 0 6px;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff}
  .nm-cap__item p{margin:0;font-size:.78rem;line-height:1.5;color:#B9C2DC}

  /* 7 · Casos reales: collage original a sangre con el título sobre el degradado */
  .nm-casos{position:relative;overflow:hidden;margin:40px 12px 0;border-radius:34px;box-shadow:0 30px 60px -30px rgba(2,3,13,.9)}
  .nm-casos__foto{display:block;width:100%;height:520px;object-fit:cover;object-position:50% 20%}
  .nm-casos::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#02030D 0%,rgba(2,3,13,.6) 30%,rgba(2,3,13,0) 55%)}
  .nm-casos__titulo{position:absolute;z-index:1;left:22px;right:22px;bottom:26px;margin:0;font-size:2rem;line-height:1.05;letter-spacing:-.04em;color:#fff}
  .nm-casos__titulo::before{content:"";display:block;width:46px;height:4px;margin-bottom:14px;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}

  /* 8 · Compromiso: foto nocturna original, texto centrado */
  .nm-comp{position:relative;isolation:isolate;overflow:hidden;margin:16px 12px 40px;padding:46px 0 38px;border-radius:34px;text-align:center;box-shadow:0 30px 60px -30px rgba(2,3,13,.9)}
  .nm-comp__fondo{position:absolute;inset:0;z-index:-2}
  .nm-comp__fondo img{width:100%;height:100%;object-fit:cover}
  .nm-comp::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,3,13,.55),rgba(2,3,13,.92)),radial-gradient(260px 200px at 50% 0%,rgba(23,223,215,.25),transparent 70%)}
  .nm-comp__titulo{margin:0 0 14px;font-size:1.55rem;line-height:1.15;letter-spacing:-.03em;color:#7CF0E9;text-transform:none}
  .nm-comp__sub{margin:0 0 14px;font-size:1.08rem;line-height:1.35;color:#fff}
  .nm-comp__in>p{margin:0 auto 24px;max-width:320px;font-size:.95rem;line-height:1.7;color:#C9D3E8}
}

/* Nosotros celular · Valores y Equipo técnico más premium (02-11-2026) */
@media (max-width:640px){
  /* Valores: lista editorial en una tarjeta, ícono con aro de luz, número y líneas finas */
  .nm-valores__grid{display:block;padding:6px 18px;border-radius:28px;background:#fff;box-shadow:0 30px 56px -36px rgba(11,20,52,.6),inset 0 0 0 1px #EAF0F4}
  .nm-valor{position:relative;display:grid;grid-template-columns:58px 1fr;column-gap:16px;align-items:center;padding:18px 0;border-radius:0;background:none;box-shadow:none;text-align:left;border-bottom:1px solid #EEF2F5}
  .nm-valor:last-child{border-bottom:0}
  .nm-valor img{grid-row:1/3;width:52px;height:52px;margin:0;box-shadow:0 0 0 5px rgba(30,111,217,.08),0 12px 22px -10px rgba(30,111,217,.75)}
  .nm-valor h3{margin:0 0 4px;font-size:1rem;align-self:end}
  .nm-valor p{margin:0;font-size:.86rem;align-self:start}
  .nm-valor__n{position:absolute;right:0;top:18px;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#B7C3D3}
  .nm-valor h3,.nm-valor p{grid-column:2;padding-right:28px}

  /* Equipo técnico: panel oscuro de portada con la foto fundida a la derecha */
  .nm-equipo{padding:40px 0}
  .nm-equipo .contenedor{text-align:left}
  .nm-equipo__panel{position:relative;isolation:isolate;overflow:hidden;margin-bottom:16px;padding:150px 22px 26px;border-radius:30px;background:#02030D;box-shadow:0 30px 60px -30px rgba(2,3,13,.9)}
  .nm-equipo__foto{position:absolute;left:0;right:0;top:0;height:230px;z-index:-1}
  .nm-equipo__foto img{width:100%;height:100%;object-fit:cover;object-position:70% 30%}
  .nm-equipo__panel::before{content:"";position:absolute;left:0;right:0;top:0;height:232px;z-index:-1;background:linear-gradient(0deg,#02030D 0%,rgba(2,3,13,.55) 45%,rgba(2,3,13,.05) 100%),linear-gradient(90deg,rgba(2,3,13,.55),transparent 60%)}
  .nm-equipo__panel::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(240px 180px at 0% 100%,rgba(91,224,74,.14),transparent 70%)}
  .nm-equipo__titulo{margin:0;padding:0;background:none;display:block;font-size:1.9rem;line-height:1.05;letter-spacing:-.04em;color:#fff}
  .nm-equipo__titulo::before{content:"";display:block;width:46px;height:4px;margin-bottom:14px;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .nm-equipo__sub{margin:10px 0 12px;color:#7CF0E9}
  .nm-equipo__p{margin:0;max-width:none;color:#C9D3E8}
}
@media (max-width:640px){
  .nm-equipo__foto{z-index:0;height:240px}
  .nm-equipo__foto::after{content:"";position:absolute;inset:0;mix-blend-mode:multiply;background:linear-gradient(180deg,#9CB0D3 0%,#4B6596 45%,#172349 80%,#02030D 100%)}
  .nm-equipo__panel::before{z-index:1;height:242px;background:linear-gradient(0deg,#02030D 0%,rgba(2,3,13,.75) 30%,rgba(2,3,13,0) 70%)}
  .nm-equipo__txt{position:relative;z-index:2}
}

/* ===================== SALAS DE BOMBAS · CELULAR PREMIUM (02-11-2026): contenido de la versión móvil original ===================== */
@media (max-width:640px){
  .sbm-hero{min-height:660px}
  .sbm-hero .nm-hero__foto img{object-position:40% 20%}
  .sbm-hero__botones{display:grid;gap:12px;margin-top:22px}
  .sbm-hero__botones .btn{width:100%;justify-content:center}
  .sbm-btn-vidrio{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .sbm-sub{margin:28px 0 16px;text-align:center;font-size:1.1rem;letter-spacing:-.02em;color:#0B1434}

  /* Problemas que resolvemos: 2x4 tarjetas claras con los íconos originales */
  .sbm-problemas{background:linear-gradient(180deg,#F6F9FB,#fff)}
  .sbm-probs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .sbm-prob{position:relative;overflow:hidden;padding:20px 10px 18px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 22px 40px -30px rgba(11,20,52,.6),inset 0 0 0 1px rgba(11,20,52,.05)}
  .sbm-prob::after{content:"";position:absolute;left:24%;right:24%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .sbm-prob__ico{display:grid;place-items:center;width:84px;height:72px;margin:0 auto 12px;border-radius:24px;background:radial-gradient(circle at 50% 60%,#E8F4FF,#fff 75%)}
  .sbm-prob__ico img{width:70px;height:56px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(11,20,52,.15))}
  .sbm-prob h3{margin:0;font-size:.86rem;line-height:1.3;color:#0B1434}

  /* Mantención: panel azul noche con 4 resultados en vidrio */
  .sbm-mant{position:relative;overflow:hidden;margin:0 12px;padding:46px 0 22px;border-radius:34px;background:radial-gradient(260px 200px at 100% 0%,rgba(23,223,215,.26),transparent 70%),radial-gradient(240px 220px at 0% 100%,rgba(91,224,74,.14),transparent 70%),linear-gradient(170deg,#0B1434,#02030D);box-shadow:0 30px 60px -30px rgba(2,3,13,.9)}
  .sbm-mant .nm-cab>p{color:#B9C2DC}
  .sbm-mant__sub{margin:0 0 14px;text-align:center;font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#7CF0E9}
  .sbm-res-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .sbm-res{padding:18px 12px;border-radius:22px;text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
  .sbm-res img{width:56px;height:56px;object-fit:contain;margin:0 auto 10px;padding:8px;border-radius:18px;background:#fff;box-shadow:0 10px 22px -10px rgba(23,223,215,.7)}
  .sbm-res h4{margin:0 0 6px;font-size:.92rem;color:#fff}
  .sbm-res p{margin:0;font-size:.78rem;line-height:1.5;color:#B9C2DC}

  /* Limpieza: filas con foto redondeada y texto */
  .sbm-obtiene{display:grid;gap:12px}
  .sbm-ob{display:flex;align-items:center;gap:16px;padding:12px;border-radius:24px;background:#fff;box-shadow:0 22px 40px -30px rgba(11,20,52,.55),inset 0 0 0 1px #EAF0F4}
  .sbm-ob img{flex:none;width:96px;height:96px;object-fit:cover;border-radius:18px}
  .sbm-ob h4{margin:0 0 4px;font-size:.98rem;color:#19A99C}
  .sbm-ob h4+p+h4{margin-top:10px}
  .sbm-ob p{margin:0;font-size:.84rem;line-height:1.5;color:#4A5470}

  /* Diseño y montaje: foto con esquinas y lista con íconos verdes originales */
  .sbm-dis{padding-top:10px}
  .sbm-dis__foto{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 26px 46px -30px rgba(11,20,52,.7)}
  .sbm-dis__foto img{display:block;width:100%;height:170px;object-fit:cover}
  .sbm-dis__lista{list-style:none;margin:0;padding:6px 16px;border-radius:26px;background:#fff;box-shadow:0 26px 50px -36px rgba(11,20,52,.6),inset 0 0 0 1px #EAF0F4}
  .sbm-dis__lista li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #EEF2F5}
  .sbm-dis__lista li:last-child{border-bottom:0}
  .sbm-dis__ico img{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 5px rgba(45,185,69,.07)}
  .sbm-dis__lista h4{margin:0 0 4px;font-size:.98rem;color:#0B1434}
  .sbm-dis__lista p{margin:0;font-size:.84rem;line-height:1.5;color:#5B6680}

  /* Metodología: línea de tiempo en panel oscuro */
  .sbm-met{position:relative;overflow:hidden;margin:0 12px;padding:46px 0 26px;border-radius:34px;background:radial-gradient(260px 200px at 0% 0%,rgba(23,223,215,.22),transparent 70%),linear-gradient(170deg,#13204D,#0B1434);box-shadow:0 30px 60px -30px rgba(11,20,52,.9)}
  .sbm-met .nm-cab>p{color:#B9C2DC}
  .sbm-pasos{list-style:none;position:relative;margin:0;padding:0}
  .sbm-pasos::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,#17DFD7,#5BE04A);opacity:.45}
  .sbm-pasos li{position:relative;display:flex;gap:16px;padding:0 0 20px}
  .sbm-pasos li:last-child{padding-bottom:0}
  .sbm-pasos span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0B1434;color:#7CF0E9;font-weight:800;box-shadow:0 0 0 2px rgba(23,223,215,.5),0 0 18px -4px rgba(23,223,215,.7)}
  .sbm-pasos h4{margin:8px 0 4px;font-size:1rem;color:#fff}
  .sbm-pasos p{margin:0;font-size:.86rem;line-height:1.55;color:#B9C2DC}

  /* Cotizar: panel con el técnico del pulgar */
  .sbm-cot{padding:44px 0}
  .sbm-cot__panel{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:300px;padding:30px 0 0 22px;border-radius:30px;background:radial-gradient(240px 200px at 100% 100%,rgba(91,224,74,.2),transparent 70%),linear-gradient(150deg,#13204D,#02030D);box-shadow:0 30px 60px -30px rgba(2,3,13,.9)}
  .sbm-cot__txt{position:relative;z-index:1;flex:1;padding-bottom:28px}
  .sbm-cot__txt h2{margin:0 0 12px;font-size:1.4rem;line-height:1.15;letter-spacing:-.03em;color:#fff}
  .sbm-cot__txt p{margin:0 0 18px;font-size:.88rem;line-height:1.6;color:#C9D3E8}
  .sbm-cot__tecnico{flex:none;width:118px;height:auto;align-self:flex-end;margin-right:-6px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
}

/* Salas celular · Limpieza y Diseño más premium (02-11-2026) */
@media (max-width:640px){
  /* Limpieza: tarjetas grandes con la foto arriba, número de vidrio y acento de color */
  .sbm-limp{background:radial-gradient(320px 220px at 100% 10%,rgba(23,223,215,.12),transparent 70%),linear-gradient(180deg,#F6F9FB,#fff)}
  .sbm-obtiene{gap:16px}
  .sbm-ob{position:relative;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:28px;box-shadow:0 30px 56px -34px rgba(11,20,52,.65),inset 0 0 0 1px #EAF0F4}
  .sbm-ob img{width:100%;height:190px;border-radius:0}
  .sbm-ob::before{content:attr(data-n);position:absolute;left:16px;top:16px;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(2,3,13,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.06em}
  .sbm-ob::after{content:"";position:absolute;left:0;right:0;top:150px;height:40px;background:linear-gradient(0deg,rgba(255,255,255,.95),transparent)}
  .sbm-ob>div{position:relative;z-index:1;padding:4px 22px 22px}
  .sbm-ob h4{position:relative;margin:0 0 6px;padding-left:14px;font-size:1.1rem;letter-spacing:-.02em;color:#0B1434}
  .sbm-ob h4::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:3px;background:linear-gradient(180deg,#17DFD7,#5BE04A)}
  .sbm-ob p{padding-left:14px;font-size:.9rem;color:#5B6680}
  .sbm-ob h4+p+h4{margin-top:16px}

  /* Diseño: íconos limpios en cápsula de degradado con brillo */
  .sbm-dis__lista{padding:8px 18px}
  .sbm-dis__lista li{gap:16px;padding:18px 0}
  .sbm-dis__ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#17DFD7,#2DB945);box-shadow:0 12px 24px -12px rgba(23,201,181,.9),inset 0 1px 0 rgba(255,255,255,.35)}
  .sbm-dis__ico svg{width:28px;height:28px;fill:#fff}
  .sbm-dis__ico svg path[opacity]{opacity:.3}
  .sbm-dis__lista h4{font-size:1rem}
}

/* Salas celular · Cotizar premium: panel alto, técnico grande con halo, botón a todo el ancho (02-11-2026) */
@media (max-width:640px){
  .sbm-cot{padding:44px 0 48px}
  .sbm-cot__panel{display:block;min-height:0;padding:34px 22px 22px;border-radius:32px;background:radial-gradient(300px 260px at 85% 60%,rgba(23,223,215,.32),transparent 65%),radial-gradient(260px 220px at 0% 0%,rgba(91,224,74,.16),transparent 70%),linear-gradient(165deg,#13204D 0%,#0B1434 45%,#02030D 100%);box-shadow:0 40px 70px -34px rgba(2,3,13,.95)}
  .sbm-cot__panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(70% 60% at 80% 60%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 80% 60%,#000,transparent 75%)}
  .sbm-cot__panel::after{content:"";position:absolute;right:-30px;bottom:96px;width:250px;height:250px;border-radius:50%;border:1.5px dashed rgba(124,240,233,.35);animation:hd-girar 40s linear infinite}
  .sbm-cot__txt{position:relative;z-index:2;padding:0;max-width:62%}
  .sbm-cot__txt h2{margin:0 0 14px;font-size:1.65rem;line-height:1.1;letter-spacing:-.035em}
  .sbm-cot__txt h2::before{content:"";display:block;width:46px;height:4px;margin-bottom:16px;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .sbm-cot__txt p{margin:0;font-size:.92rem;line-height:1.65;color:#C9D3E8}
  .sbm-cot__tecnico{position:relative;z-index:1;display:block;width:auto;height:300px;margin:-150px -14px 0 auto;filter:drop-shadow(0 26px 34px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
  .sbm-cot__panel .btn{position:relative;z-index:3;display:flex;justify-content:center;width:100%;margin-top:-34px;padding:17px;font-size:1rem;box-shadow:0 18px 36px -14px rgba(91,224,74,.85)}
}

/* ===================== RILES · CELULAR PREMIUM (02-11-2026): contenido de la versión móvil original ===================== */
@media (max-width:640px){
  .rlm-hero{min-height:680px}
  .rlm-hero .nm-hero__foto img{object-position:50% 15%}
  .rlm-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#7CF0E9}
  .rlm-eyebrow::before{content:"";width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .rlm-hero__titulo{font-size:clamp(1.75rem,7.6vw,2.1rem);line-height:1.08}
  .rlm-hero__titulo::before{display:none}

  /* Capítulo de tratamiento */
  .rlm-cap{padding:40px 0 4px}
  .rlm-panel{padding-top:170px}
  .rlm-panel .nm-equipo__foto{height:260px}
  .rlm-panel::before{height:262px}
  .rlm-num{position:absolute;right:20px;top:18px;z-index:2;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:rgba(2,3,13,.45);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.06em}
  .rlm-titulo{font-size:1.6rem;line-height:1.1}
  .rlm-panel strong{color:#fff}

  /* Sistema EC0x: tarjeta con acento turquesa */
  .rlm-sis{margin:0 0 14px;padding:22px 20px;border-radius:24px;background:linear-gradient(160deg,#F0FBFA,#fff);box-shadow:0 22px 40px -30px rgba(11,20,52,.55),inset 0 0 0 1px #DCEFEA}
  .rlm-sis__t{margin:0 0 10px;font-size:1.12rem;line-height:1.25;letter-spacing:-.02em;color:#0B1434}
  .rlm-sis__t::before{content:"";display:block;width:34px;height:3px;margin-bottom:12px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .rlm-sis__p{margin:0;font-size:.92rem;line-height:1.65;color:#4A5470}
  .rlm-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
  .rlm-chips span{padding:7px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #CDEBE6;font-size:.78rem;font-weight:700;color:#19A99C}

  /* Ventajas (blanca) y Beneficios (oscura) */
  .rlm-card{margin:0 0 14px;padding:24px 20px;border-radius:26px;background:#fff;box-shadow:0 24px 44px -32px rgba(11,20,52,.6),inset 0 0 0 1px #EAF0F4}
  .rlm-card--osc{background:radial-gradient(240px 180px at 100% 0%,rgba(23,223,215,.22),transparent 70%),linear-gradient(160deg,#13204D,#0B1434);box-shadow:0 24px 44px -28px rgba(11,20,52,.8)}
  .rlm-card__h{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:.82rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#19A99C}
  .rlm-card--osc .rlm-card__h{color:#7CF0E9}
  .rlm-card__sub{margin:0 0 8px;font-size:1rem;font-weight:700;color:#0B1434}
  .rlm-lista{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
  .rlm-lista li{position:relative;padding-left:30px;font-size:.92rem;line-height:1.55;color:#3A4560}
  .rlm-lista li::before{content:"";position:absolute;left:0;top:.15em;width:20px;height:20px;background:linear-gradient(135deg,#17DFD7,#2DB945);-webkit-mask:var(--chk) center/contain no-repeat;mask:var(--chk) center/contain no-repeat}
  .rlm-lista{--chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22Zm5.2 8.2-6 6a1 1 0 0 1-1.4 0l-3-3a1 1 0 1 1 1.4-1.4l2.3 2.3 5.3-5.3a1 1 0 1 1 1.4 1.4Z'/%3E%3C/svg%3E")}
  .rlm-lista strong{color:#0B1434}
  .rlm-card--osc .rlm-lista li{color:#DCE3F2}
}
@media (max-width:640px){ .rlm-cot .sbm-cot__txt{max-width:none} .rlm-cot .sbm-cot__tecnico{height:250px;margin-top:-10px} }

/* ===================== TANQUES · CELULAR PREMIUM (02-11-2026): contenido de la versión móvil original ===================== */
@media (max-width:640px){
  .tqm-hero{min-height:660px}
  .tqm-hero .nm-hero__foto img{object-position:30% 20%}
  .tqm-hero__titulo{font-size:clamp(2rem,9vw,2.4rem);line-height:1.04}

  /* ¿Por qué es un servicio clave?: panel oscuro con el interior del tanque */
  .tqm-clave{padding:40px 0 0}
  .tqm-panel{padding-top:160px}
  .tqm-panel .nm-equipo__foto{height:250px}
  .tqm-panel::before{height:252px}
  .tqm-titulo{font-size:1.7rem;line-height:1.1}
  .tqm-titulo::before{display:none}
  .tqm-panel .rlm-eyebrow{margin-bottom:12px}

  /* ¿Por qué elegir a INAMB?: ilustración original flotando + lista numerada en tarjeta */
  .tqm-ilus{position:relative;display:grid;place-items:center;margin:0 auto 18px;max-width:320px}
  .tqm-ilus span{position:absolute;inset:8% 10%;border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.22),rgba(91,224,74,.08) 50%,transparent 70%)}
  .tqm-ilus img{position:relative;width:100%;height:auto;animation:flotar 7s ease-in-out infinite;filter:drop-shadow(0 24px 30px rgba(11,20,52,.18))}
  .tqm-elegir .nm-titulo{margin-bottom:22px}
  .tqm-lista{list-style:none;margin:0;padding:6px 18px;border-radius:28px;background:#fff;box-shadow:0 30px 56px -36px rgba(11,20,52,.6),inset 0 0 0 1px #EAF0F4}
  .tqm-lista li{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #EEF2F5;font-size:.95rem;font-weight:600;line-height:1.45;color:#1C2540}
  .tqm-lista li:last-child{border-bottom:0}
  .tqm-lista span{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#17DFD7,#2DB945);color:#fff;font-size:.8rem;font-weight:800;box-shadow:0 10px 20px -10px rgba(23,201,181,.9)}

  /* Cotizar: foto nocturna de tanques fundida en azul, título y botón a todo el ancho */
  .tqm-cot{padding:0 0 48px}
  .tqm-cot__panel{position:relative;isolation:isolate;overflow:hidden;padding:170px 22px 24px;border-radius:32px;background:#02030D;box-shadow:0 40px 70px -34px rgba(2,3,13,.95)}
  .tqm-cot__foto{position:absolute;left:0;right:0;top:0;height:250px;z-index:-1}
  .tqm-cot__foto img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
  .tqm-cot__panel::before{content:"";position:absolute;left:0;right:0;top:0;height:252px;z-index:-1;background:linear-gradient(0deg,#02030D 0%,rgba(2,3,13,.55) 45%,rgba(2,3,13,0) 100%),radial-gradient(240px 160px at 80% 20%,rgba(23,223,215,.25),transparent 70%)}
  .tqm-cot__panel h2{margin:0 0 22px;font-size:1.7rem;line-height:1.1;letter-spacing:-.035em;color:#fff}
  .tqm-cot__panel h2::before{content:"";display:block;width:46px;height:4px;margin-bottom:16px;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .tqm-cot__panel .btn{display:flex;justify-content:center;width:100%;padding:17px;font-size:1rem;box-shadow:0 18px 36px -14px rgba(91,224,74,.85)}
}

/* Tanques celular · «Servicio clave» (estilo B) + «¿Por qué elegir?» (estilo A), elegidos 02-11-2026 */
@media (max-width:640px){
  .tqm-clave{padding:40px 0 0}
  .tqm-clave__card{overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 30px 56px -34px rgba(11,20,52,.6),inset 0 0 0 1px #EAF0F4}
  .tqm-clave__foto{position:relative;height:210px}
  .tqm-clave__foto img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
  .tqm-chip{position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:999px;background:rgba(2,3,13,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#7CF0E9;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .tqm-clave__txt{padding:22px 22px 24px}
  .tqm-clave__txt h2{margin:0 0 12px;font-size:1.55rem;line-height:1.12;letter-spacing:-.035em;color:#0B1434}
  .tqm-clave__txt p{margin:0;font-size:.95rem;line-height:1.7;color:#4A5470}
  .tqm-clave__txt b{color:#0B1434;background:linear-gradient(transparent 62%,rgba(23,223,215,.3) 62%)}

  .tqm-elegir{padding:28px 0 40px;background:none}
  .tqm-elegir__panel{position:relative;overflow:hidden;padding:30px 16px 12px;border-radius:32px;text-align:center;background:radial-gradient(300px 220px at 100% 20%,rgba(23,223,215,.22),transparent 70%),radial-gradient(260px 220px at 0% 100%,rgba(91,224,74,.14),transparent 70%),linear-gradient(175deg,#0B1434,#02030D);box-shadow:0 40px 70px -34px rgba(2,3,13,.95)}
  .tqm-ilus{width:210px;height:170px;margin:0 auto 12px}
  .tqm-ilus span{inset:0;background:radial-gradient(circle,#fff 0 52%,rgba(255,255,255,.12) 53%,transparent 70%);box-shadow:0 0 40px rgba(23,223,215,.35)}
  .tqm-ilus img{width:190px;animation:none;filter:none}
  .tqm-elegir__panel h2{margin:0 0 14px;font-size:1.65rem;line-height:1.1;letter-spacing:-.035em;color:#fff}
  .tqm-elegir .tqm-lista{margin:0;padding:0;border-radius:0;background:none;box-shadow:none;text-align:left}
  .tqm-elegir .tqm-lista li{gap:14px;padding:14px 4px;border-top:1px solid rgba(255,255,255,.08);border-bottom:0;font-weight:500;color:#E8EDF8}
  .tqm-elegir .tqm-lista p{margin:0;font-size:.92rem;line-height:1.45}
  .tqm-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(23,223,215,.12);box-shadow:inset 0 0 0 1px rgba(23,223,215,.35)}
  .tqm-ico svg{width:24px;height:24px;fill:#7CF0E9}
}
@media (max-width:640px){ .tqm-elegir .tqm-lista span.tqm-ico{background:rgba(23,223,215,.12);box-shadow:inset 0 0 0 1px rgba(23,223,215,.35);border-radius:14px} }
/* Tanques celular · servicio clave sin foto: tarjeta con acento de color y etiqueta arriba */
@media (max-width:640px){
  .tqm-clave__card{position:relative;background:radial-gradient(260px 160px at 100% 0%,rgba(23,223,215,.12),transparent 70%),#fff}
  .tqm-clave__card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#17DFD7,#5BE04A)}
  .tqm-clave__txt{padding:26px 24px 26px 28px}
  .tqm-clave__txt .tqm-chip{position:static;display:inline-block;margin-bottom:16px;background:#0B1434}
}

/* ===================== PISCINAS · CELULAR PREMIUM (02-11-2026): contenido de la versión móvil original ===================== */
@media (max-width:640px){
  .pim-hero{min-height:700px}
  .pim-hero{min-height:880px}
  .pim-hero .nm-hero__foto img{height:auto;object-fit:initial}
  .pim-cot .sbm-cot__tecnico{margin:4px auto 0}
  .pim-cot .sbm-cot__panel::after{right:50%;margin-right:-125px;bottom:70px}
  .pim-hero__titulo{font-size:clamp(1.9rem,8.4vw,2.3rem);line-height:1.05}
  .pim-hero .nm-hero__p + .nm-hero__p{margin-top:10px}
  .pim-equipos .rlm-card--osc .rlm-card__sub{color:#fff}

  /* Mantención de equipos: subtítulo turquesa dentro del panel oscuro */
  .pim-sub{margin:0 0 12px;font-size:1rem;font-weight:700;line-height:1.4;color:#7CF0E9}
  .pim-equipos .rlm-panel .nm-equipo__foto img{object-position:65% 50%}

  /* Importancia operativa: panel azul de agua con el técnico y aro de luz */
  .pim-imp{padding:12px 0 8px}
  .pim-imp__panel{position:relative;isolation:isolate;overflow:hidden;padding:34px 22px 0;border-radius:32px;background:radial-gradient(260px 200px at 50% 78%,rgba(124,240,233,.45),transparent 70%),linear-gradient(170deg,#17B7D6 0%,#1279C9 42%,#0B1434 100%);box-shadow:0 40px 70px -34px rgba(11,20,52,.9)}
  .pim-imp__panel::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 50% 120%,rgba(255,255,255,.07) 0 2px,transparent 2px 26px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 50%);mask-image:linear-gradient(180deg,transparent,#000 50%)}
  .pim-imp__titulo{margin:0 0 14px;font-size:1.55rem;line-height:1.1;letter-spacing:-.03em;color:#fff}
  .pim-imp__titulo::before{content:"";display:block;width:46px;height:4px;margin-bottom:16px;border-radius:4px;background:linear-gradient(90deg,#fff,#5BE04A)}
  .pim-imp__sub{margin:0 0 12px;font-size:1.02rem;font-weight:700;line-height:1.4;color:#B9FF9E}
  .pim-imp__p{margin:0;font-size:.93rem;line-height:1.65;color:#E3F3FB}
  .pim-imp__tecnico{position:relative;display:grid;place-items:end center;margin:18px auto 0;height:330px}
  .pim-imp__tecnico span{position:absolute;left:50%;bottom:40px;width:250px;height:250px;margin-left:-125px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 0 60px rgba(124,240,233,.45),inset 0 0 40px rgba(124,240,233,.25)}
  .pim-imp__tecnico span::after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.3);animation:hd-girar 40s linear infinite}
  .pim-imp__tecnico img{position:relative;height:100%;width:auto;filter:drop-shadow(0 26px 34px rgba(2,3,13,.55));-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}

  /* ¿Por qué elegir?: foto con esquinas + tarjeta blanca superpuesta con lista numerada */
  .pim-elegir__foto{position:relative;margin:0 6px;border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 56px -30px rgba(11,20,52,.7)}
  .pim-elegir__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
  .pim-elegir__foto .tqm-chip{top:16px;bottom:auto;background:rgba(11,20,52,.75)}
  .pim-elegir__card{position:relative;margin:-90px 0 0;padding:26px 20px 10px;border-radius:28px;background:#fff;box-shadow:0 30px 56px -36px rgba(11,20,52,.6),inset 0 0 0 1px #EAF0F4}
  .pim-elegir__card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .pim-elegir__titulo{margin:0 0 8px;font-size:1.42rem;line-height:1.15;letter-spacing:-.03em;color:#0B1434}
  .pim-lista{list-style:none;margin:0;padding:0}
  .pim-lista li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #EEF2F5;font-size:.95rem;font-weight:600;line-height:1.45;color:#1C2540}
  .pim-lista li:last-child{border-bottom:0}
  .pim-lista span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#17DFD7,#2DB945);color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 10px 20px -10px rgba(23,201,181,.9)}
}

/* ===== Menú celular · «Servicios» destacado (propuesta A + texto en degradado, elegida 02-11-2026) ===== */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@media (max-width:960px){
  .menu .menu__grupo{margin:12px 0}
  .menu .menu__grupo .menu__btn,.menu .menu__grupo .menu__btn.activo{position:relative;overflow:hidden;padding:16px 16px 16px 20px;border:1.5px solid transparent;border-radius:18px;font-weight:600;color:#fff;
    background:linear-gradient(#0D1838,#0D1838) padding-box,conic-gradient(from var(--ang),#17DFD7,#5BE04A,#36C5D4 35%,rgba(23,223,215,.1) 60%,#17DFD7) border-box;
    animation:sv-gira 5s linear infinite;box-shadow:0 0 34px -10px rgba(23,223,215,.7);transition:transform .25s}
  .menu .menu__grupo .menu__btn:active{transform:scale(.98)}
  .menu .menu__grupo .menu__btn::after{display:block;content:"";position:absolute;inset:0;left:0;right:0;width:auto;height:auto;transform:none;border-radius:inherit;
    background:linear-gradient(110deg,transparent 35%,rgba(124,240,233,.16) 50%,transparent 65%);background-size:260% 100%;animation:sv-brillo 3.6s ease-in-out infinite;pointer-events:none}
  .menu__txt{font-weight:700;letter-spacing:.01em;color:transparent;background:linear-gradient(90deg,#17DFD7,#5BE04A,#17DFD7);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:sv-fluye 6s linear infinite}
  .menu .menu__grupo .menu__btn svg{box-sizing:content-box;padding:6px;border-radius:50%;background:linear-gradient(135deg,#17DFD7,#5BE04A);color:#02030D}
  .menu .menu__grupo.abierto .submenu{margin-top:10px;padding:8px 6px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
  .menu .menu__grupo .submenu a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-left:0;border-radius:12px}
  .menu .menu__grupo .submenu a::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#17DFD7,#5BE04A);box-shadow:0 0 10px #17DFD7}
  .menu .menu__grupo .submenu a[aria-current]{background:rgba(23,223,215,.1)}
  .menu .menu__grupo .submenu a[aria-current] b{font-weight:700;color:transparent;background:linear-gradient(90deg,#17DFD7,#5BE04A,#17DFD7);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:sv-fluye 6s linear infinite}
}
@keyframes sv-gira{to{--ang:360deg}}
@keyframes sv-brillo{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
@keyframes sv-fluye{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.menu .menu__grupo .menu__btn,.menu .menu__grupo .menu__btn::after,.menu__txt,.menu .menu__grupo .submenu a[aria-current] b{animation:none}}

/* ===================== BLOG · CELULAR PREMIUM (02-11-2026): contenido de la versión móvil original, en español ===================== */
@media (max-width:640px){
  .blm-hero{position:relative;overflow:hidden;padding:46px 0 92px;border-radius:0 0 34px 34px;background:radial-gradient(260px 200px at 100% 0%,rgba(23,223,215,.28),transparent 70%),radial-gradient(240px 200px at 0% 100%,rgba(91,224,74,.18),transparent 70%),linear-gradient(170deg,#0B1434,#02030D)}
  .blm-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(80% 70% at 70% 30%,#000,transparent 75%);mask-image:radial-gradient(80% 70% at 70% 30%,#000,transparent 75%)}
  .blm-hero::after{content:"";position:absolute;right:-60px;top:-50px;width:220px;height:220px;border-radius:50%;border:1.5px dashed rgba(124,240,233,.28);animation:hd-girar 40s linear infinite}
  .blm-hero .contenedor{position:relative;z-index:1}
  .blm-migas{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#7CF0E9}
  .blm-migas a{color:rgba(255,255,255,.6)}
  .blm-migas::before{content:"";width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .blm-migas span[aria-hidden]{color:rgba(255,255,255,.3)}
  .blm-titulo{margin:0;font-size:2.4rem;line-height:1.02;letter-spacing:-.04em;color:#fff}

  /* Entrada: tarjeta que se monta sobre el borde de la portada */
  .blm-lista{margin-top:-64px;position:relative;z-index:2}
  .blm-post{overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 34px 60px -34px rgba(11,20,52,.6),inset 0 0 0 1px #EAF0F4}
  .blm-post__img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
  .blm-post__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
  .blm-post__img:active img{transform:scale(1.04)}
  .blm-post__img::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .blm-chip{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(2,3,13,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#7CF0E9;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .blm-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:#5BE04A;box-shadow:0 0 8px #5BE04A}
  .blm-post__txt{padding:20px 20px 24px}
  .blm-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font-size:.78rem;font-weight:600;color:#6B7590}
  .blm-meta span{display:inline-flex;align-items:center;gap:6px}
  .blm-meta svg,.blm-reciente svg{width:15px;height:15px;fill:none;stroke:#17C3BA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .blm-post__titulo{margin:0 0 12px;font-size:1.36rem;line-height:1.18;letter-spacing:-.025em}
  .blm-post__titulo a{color:#0B1434}
  .blm-post__p{margin:0 0 20px;font-size:.93rem;line-height:1.7;color:#4A5470;text-align:left;hyphens:none}
  .blm-leer{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 20px;border-radius:999px;background:#0B1434;color:#fff;font-size:.92rem;font-weight:700;box-shadow:0 16px 30px -16px rgba(11,20,52,.8)}
  .blm-leer span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#17DFD7,#5BE04A)}
  .blm-leer svg{width:18px;height:18px;fill:none;stroke:#02030D;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
  .blm-leer:active svg{transform:translateX(3px)}

  /* Recientes · Archivos · Categorías */
  .blm-lado{padding:28px 0 52px}
  .blm-lado .contenedor{display:grid;gap:14px}
  .blm-caja{padding:20px;border-radius:24px;background:#fff;box-shadow:0 22px 44px -34px rgba(11,20,52,.55),inset 0 0 0 1px #EAF0F4}
  .blm-caja__t{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#0B1434}
  .blm-caja__t::before{content:"";width:26px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .blm-reciente{display:flex;gap:14px;align-items:flex-start;color:#0B1434;font-size:.95rem;font-weight:700;line-height:1.35}
  .blm-reciente small{display:block;margin-bottom:4px;font-size:.74rem;font-weight:600;color:#17A99F}
  .blm-reciente__n{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0B1434,#13204D);color:#7CF0E9;font-size:.8rem;font-weight:800;box-shadow:0 10px 20px -12px rgba(11,20,52,.8)}
  .blm-fila{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:#F4F8FA;color:#0B1434;font-size:.95rem;font-weight:600;transition:background .3s}
  .blm-fila:active{background:#E6F7F5}
  .blm-fila b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#17DFD7,#5BE04A);color:#02030D;font-size:.8rem}

  /* ===== Entrada del blog en celular: foto arriba fundida en azul noche, título moderado ===== */
  .ar-hero{display:block;min-height:0;padding:0;border-radius:0 0 32px 32px;overflow:hidden;background:#02030D}
  .ar-hero .hd__foto{position:relative;inset:auto;width:auto;height:270px;-webkit-mask-image:none;mask-image:none}
  .ar-hero .hd__foto img{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:62% 30%;transform:none!important;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 98%)!important;mask-image:linear-gradient(180deg,#000 50%,transparent 98%)!important}
  .ar-hero .hd__foto::after{display:none}
  .ar-hero .hd__velo,.ar-hero .px-a__base{display:none}
  .ar-hero > .contenedor{position:relative;z-index:2;margin-top:-56px;padding-top:0;padding-bottom:32px}
  .ar-hero__titulo{font-size:1.72rem;line-height:1.12;letter-spacing:-.03em}
  .ar-migas{margin-bottom:14px}
  .ar-hero__meta{margin-top:16px}
}

/* ===================== CONTÁCTANOS · CELULAR PREMIUM (02-11-2026) ===================== */
@media (max-width:640px){
  .ctm-hero{min-height:660px}
  .ctm-hero .nm-hero__foto img{object-position:45% 12%}
  .ctm-hero__titulo{font-size:clamp(1.95rem,8.6vw,2.35rem);line-height:1.05}
  #formulario{padding-top:48px}
  #formulario .cf__op-in{flex-direction:row;align-items:center;gap:12px;min-height:0;padding:14px 16px}
  #formulario .cf__op-in svg{flex:none;margin:0}
  #formulario .cf__opciones--4{grid-template-columns:minmax(0,1fr)}
  #formulario p,#emergencias p,#cobertura p,#garantia p{text-align:left;-webkit-hyphens:none;hyphens:none}
}

/* ===== Justificado del celular (02-11-2026): solo párrafos de lectura de 3+ líneas y ancho suficiente; títulos, subtítulos, listas, textos centrados, notas y llamados a la acción quedan como están ===== */
@media (max-width:640px){
  .jm{text-align:justify!important;text-align-last:left;text-justify:inter-word;-webkit-hyphens:auto!important;hyphens:auto!important;hyphenate-limit-chars:8 4 3;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:3;word-spacing:-.01em;text-wrap:pretty}
}

/* ===== Equipo técnico · celular: escenario con selector (02-11-2026) ===== */
@media (max-width:640px){
  .nm-personas.eqb{display:block;position:relative;overflow:hidden;border-radius:30px;padding-bottom:16px;text-align:left;background:radial-gradient(240px 200px at 85% 8%,rgba(23,223,215,.22),transparent 70%),radial-gradient(220px 180px at 0% 100%,rgba(91,224,74,.12),transparent 70%),#02030D;box-shadow:0 34px 60px -32px rgba(11,20,52,.9),inset 0 0 0 1px rgba(124,240,233,.12)}
  .eqb__foto{position:relative;aspect-ratio:1/1;overflow:hidden}
  .eqb__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;opacity:0;transform:scale(1.1);transition:opacity .9s ease,transform 1.6s cubic-bezier(.2,.7,.2,1);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mask-image:linear-gradient(180deg,#000 55%,transparent 98%)}
  .eqb__foto img.on{opacity:1;transform:none}
  .eqb__infos{position:relative;display:grid;margin-top:-88px;padding:0 22px;color:#fff}
  .eqb__info{grid-area:1/1}
  .eqb__info[hidden]{display:block;visibility:hidden}
  .eqb__eb{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
  .eqb__eb::before{content:"";width:26px;height:3px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .eqb__eb b{color:#7CF0E9}
  .eqb__info h3{margin:10px 0 6px;font-size:1.85rem;line-height:1.02;letter-spacing:-.035em;color:#fff}
  .eqb__info p{margin:0;font-size:.9rem;line-height:1.45;color:#9FB0CF}
  /* el texto entra por piezas: etiqueta, nombre (letra por letra) y cargo */
  .eqb__info>*{opacity:0;translate:0 14px}
  .eqb__info.on>*{opacity:1;translate:none;transition:opacity .6s,translate .7s cubic-bezier(.2,.7,.2,1)}
  .eqb__info.on>h3{transition-delay:.08s}.eqb__info.on>p{transition-delay:.3s}
  .eqb__l{display:inline-block;opacity:0;translate:0 .4em;transition:opacity .5s,translate .6s cubic-bezier(.2,.7,.2,1)}
  .eqb__info.on .eqb__l{opacity:1;translate:none}
  .eqb__sel{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 16px 0;padding:8px;border-radius:22px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .eqb__b{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 4px 8px;border:0;border-radius:16px;background:none;color:rgba(255,255,255,.55);font:600 .78rem Montserrat,sans-serif;cursor:pointer;transition:background .4s,color .4s,transform .2s;-webkit-tap-highlight-color:transparent}
  .eqb__b.on{background:rgba(23,223,215,.1);color:#fff}
  .eqb__b:active{transform:scale(.94)}
  .eqb__av{position:relative;display:block;width:56px;height:56px}
  .eqb__av svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:2.5;stroke-linecap:round}
  .eqb__av circle{stroke:rgba(255,255,255,.14)}
  .eqb__b.on .eqb__av circle{stroke:#17DFD7;stroke-dasharray:176;stroke-dashoffset:calc(176 - 176*var(--p,0))}
  .eqb__av img{position:absolute;inset:5px;width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 18%;filter:saturate(.7) brightness(.8);transition:filter .4s}
  .eqb__b.on .eqb__av img{filter:none}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){
  .eqb__foto img,.eqb__info>*,.eqb__l{transition:none!important;transform:none;translate:none}
}

/* ===== Equipo técnico · escritorio: acordeón de retratos (02-11-2026) ===== */
.eqa__grid{display:flex;gap:16px;height:clamp(440px,66vh,560px);perspective:none}
.eqa{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:30px;background:#02030D;cursor:pointer;outline:none;isolation:isolate;
  box-shadow:0 30px 60px -36px rgba(11,20,52,.8);transition:flex .85s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.eqa.on{flex:2.6;cursor:default;box-shadow:0 40px 70px -34px rgba(11,20,52,.85),0 0 0 1.5px rgba(124,240,233,.55),0 0 50px -16px rgba(23,223,215,.6)}
.eqa:focus-visible{box-shadow:0 0 0 3px #17DFD7}
.eqa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;filter:saturate(.55) brightness(.5);transform:scale(1.06);transition:filter .8s,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.eqa:not(.on):hover img{filter:saturate(.8) brightness(.7)}
.eqa.on img{filter:none;transform:scale(1)}
.eqa::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(2,3,13,0) 45%,rgba(2,3,13,.8) 78%,#02030D)}
/* luz turquesa que sigue al cursor y destello al abrirse */
.eqa::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(320px 260px at var(--mx,70%) var(--my,30%),rgba(124,240,233,.22),transparent 70%);mix-blend-mode:screen}
.eqa.on:hover::before{opacity:1}
.eqa__brillo{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);background-size:260% 100%;background-position:130% 0}
.eqa.on .eqa__brillo{animation:eqa-brillo 1.4s .35s cubic-bezier(.3,.6,.3,1) both}
@keyframes eqa-brillo{to{background-position:-60% 0}}
.eqa__n{position:absolute;top:22px;left:22px;z-index:4;padding:8px 14px;border-radius:999px;background:rgba(2,3,13,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#7CF0E9;font-size:.8rem;font-weight:800;letter-spacing:.14em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.eqa__v{position:absolute;left:50%;bottom:34px;z-index:4;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;transition:opacity .35s}
.eqa.on .eqa__v{opacity:0}
.eqa__info{position:absolute;left:34px;right:34px;bottom:34px;z-index:4;color:#fff;opacity:0;translate:0 24px;transition:opacity .35s,translate .5s;pointer-events:none}
.eqa.on .eqa__info{opacity:1;translate:none;transition:opacity .6s .35s,translate .8s .3s cubic-bezier(.2,.7,.2,1)}
.eqa__info h3{margin:0 0 14px;font-size:clamp(1.9rem,2.6vw,2.5rem);line-height:1;letter-spacing:-.035em;color:#fff;white-space:nowrap}
.eqa__info h3::after{content:"";display:block;width:60px;height:3px;margin-top:14px;border-radius:3px;background:linear-gradient(90deg,#17DFD7,#5BE04A);transform-origin:left;transform:scaleX(0);transition:transform .3s}
.eqa.on .eqa__info h3::after{transform:none;transition:transform .8s .55s cubic-bezier(.2,.7,.2,1)}
.eqa__info p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:rgba(255,255,255,.82);font-size:1rem}
.eqa__info p b{padding:7px 14px;border-radius:999px;background:linear-gradient(90deg,#17DFD7,#5BE04A);color:#02030D;font-size:.88rem}
/* entrada: los paneles suben uno tras otro con una cortina */
.js .eqa__grid:not(.visto) .eqa{opacity:0;translate:0 50px;clip-path:inset(30% 0 0 0 round 30px)}
.eqa__grid.visto .eqa{transition:flex .85s cubic-bezier(.2,.7,.2,1),box-shadow .6s,opacity .8s,translate 1s cubic-bezier(.2,.7,.2,1),clip-path 1.1s cubic-bezier(.2,.7,.2,1);clip-path:inset(0 0 0 0 round 30px)}
.eqa__grid.visto .eqa:nth-child(2){transition-delay:0s,0s,.12s,.12s,.12s}
.eqa__grid.visto .eqa:nth-child(3){transition-delay:0s,0s,.24s,.24s,.24s}
@media (prefers-reduced-motion:reduce){
  .eqa,.eqa img,.eqa__info,.eqa__info h3::after{transition:none!important}
  .eqa.on .eqa__brillo{animation:none}
  .js .eqa__grid:not(.visto) .eqa{opacity:1;translate:none;clip-path:none}
}

/* ===== Justificado del escritorio (02-11-2026): párrafos de lectura de 3+ líneas con ancho suficiente; títulos, listas, textos centrados, tarjetas muy angostas, notas y llamados a la acción quedan como están ===== */
@media (min-width:641px){
  .jd{text-align:justify!important;text-align-last:left;text-justify:inter-word;-webkit-hyphens:auto!important;hyphens:auto!important;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;text-wrap:pretty}
}

/* ===== Asistente virtual con IA (02-11-2026): reemplaza al botón flotante de WhatsApp · propuesta A «Vidrio azul noche» ===== */
.visualmente-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.flotante-wa{display:none!important}
.ch{position:fixed;right:28px;bottom:28px;z-index:120;font-family:Montserrat,sans-serif}
.ch svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ch .ch-chispa{fill:currentColor;stroke:none;transform-origin:12px 11px;animation:ch-chispa 3s ease-in-out infinite}
@keyframes ch-chispa{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.6) rotate(45deg);opacity:.6}}
/* botón */
.ch__lanz{display:flex;align-items:center;gap:12px;margin-left:auto;padding:6px;border:0;border-radius:999px;cursor:pointer;font:inherit;background:#02030D;color:#fff;box-shadow:0 18px 36px -14px rgba(2,3,13,.8),inset 0 0 0 1px rgba(124,240,233,.14);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.ch__lanz:hover{transform:translateY(-3px);box-shadow:0 24px 44px -16px rgba(2,3,13,.85),0 0 30px -10px rgba(23,223,215,.7),inset 0 0 0 1px rgba(124,240,233,.3)}
.ch__lanz:focus-visible{outline:3px solid #17DFD7;outline-offset:3px}
.ch__ico{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#0B1434;color:#7CF0E9}
.ch__ico::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:2px;background:conic-gradient(from var(--ang,0deg),#17DFD7,#5BE04A,transparent 60%,#17DFD7);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ch-gira 4s linear infinite}
@keyframes ch-gira{to{--ang:360deg}}
.ch__eti{padding-right:18px;font-size:.9rem;font-weight:700;white-space:nowrap}
.ch.abierto .ch__eti{display:none}
.ch__x-ico{display:none}
.ch.abierto .ch__ico>svg:not(.ch__x-ico){display:none}
.ch.abierto .ch__x-ico{display:block;width:20px;height:20px}
/* ventana */
.ch__ven{position:absolute;right:0;bottom:84px;width:380px;height:min(560px,calc(100vh - 140px));display:flex;flex-direction:column;overflow:hidden;border-radius:26px;color:#fff;
  background:linear-gradient(170deg,#0F1B45,#02030D 60%);box-shadow:0 40px 80px -30px rgba(2,3,13,.9),inset 0 0 0 1px rgba(124,240,233,.18);
  opacity:0;visibility:hidden;transform:translateY(16px) scale(.96);transform-origin:bottom right;transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s .45s}
.ch.abierto .ch__ven{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s}
.ch__ven::before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(rgba(23,223,215,.28),transparent 70%);pointer-events:none}
.ch__cab{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.ch__avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#17DFD7,#5BE04A);color:#02030D}
.ch__quien{flex:1;min-width:0}.ch__quien b{display:block;font-size:.98rem}
.ch__quien small{display:flex;align-items:center;gap:6px;font-size:.74rem;color:#9FB0CF}
.ch__quien i{width:7px;height:7px;border-radius:50%;background:#5BE04A;box-shadow:0 0 0 3px rgba(91,224,74,.25);animation:ch-vivo 2s ease-in-out infinite}
@keyframes ch-vivo{50%{box-shadow:0 0 0 6px rgba(91,224,74,0)}}
.ch__x{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.08);color:#fff;transition:background .3s}
.ch__x:hover{background:rgba(255,255,255,.16)}
.ch__x svg{width:18px;height:18px}
.ch__cuerpo{position:relative;flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.ch__m{max-width:86%;padding:11px 14px;font-size:.88rem;line-height:1.55;overflow-wrap:anywhere}
.ch__m p{margin:0}.ch__m p+p,.ch__m p+ul,.ch__m ul+p{margin-top:6px}
.ch__m ul{margin:4px 0 0;padding-left:18px}.ch__m li{margin:2px 0}
.ch__m--bot b{color:#7CF0E9}
.ch__m--bot{align-self:flex-start;border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#E7EEFA}
.ch__m--yo{align-self:flex-end;border-radius:18px 18px 6px 18px;background:linear-gradient(135deg,#17DFD7,#5BE04A);color:#02030D;font-weight:600}
.ch__m--nuevo{animation:ch-entra .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes ch-entra{from{opacity:0;transform:translateY(10px) scale(.97)}}
.ch__chips{display:flex;flex-wrap:wrap;gap:6px}
.ch__chips button{padding:7px 11px;border:1px solid rgba(124,240,233,.4);border-radius:999px;background:rgba(23,223,215,.08);color:#7CF0E9;font:600 .76rem Montserrat,sans-serif;cursor:pointer;transition:background .3s,transform .2s}
.ch__chips button:hover{background:rgba(23,223,215,.2)}
.ch__chips button:active{transform:scale(.95)}
.ch__acc{display:flex;flex-wrap:wrap;gap:8px;animation:ch-entra .45s .1s cubic-bezier(.2,.7,.2,1) both}
.ch__acc a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .2s}
.ch__acc a:first-child{background:#25D366;color:#02030D;box-shadow:none}
.ch__acc a:active{transform:scale(.95)}
.ch__acc svg{width:16px;height:16px}
.ch__escribe{display:flex;gap:4px;align-self:flex-start;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.07)}
.ch__escribe span{width:7px;height:7px;border-radius:50%;background:#7CF0E9;animation:ch-punto 1.2s infinite}
.ch__escribe span:nth-child(2){animation-delay:.15s}.ch__escribe span:nth-child(3){animation-delay:.3s}
@keyframes ch-punto{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.ch__pie{display:flex;gap:8px;margin:0 12px;padding:6px 6px 6px 16px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:box-shadow .3s}
.ch__pie:focus-within{box-shadow:inset 0 0 0 1px rgba(124,240,233,.55),0 0 0 4px rgba(23,223,215,.12)}
.ch__pie input{flex:1;min-width:0;border:0;background:none;color:#fff;font:500 .88rem Montserrat,sans-serif;outline:none}
.ch__pie input::placeholder{color:#7E8BA8}
.ch__pie button{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,#17DFD7,#5BE04A);color:#02030D;transition:transform .2s,opacity .3s}
.ch__pie button:active{transform:scale(.9)}
.ch__pie--ocupado button{opacity:.4;pointer-events:none}
.ch__pie svg{width:18px;height:18px}
.ch__aviso{margin:8px 0 10px;text-align:center;font-size:.66rem;color:#66749A}
@media (max-width:640px){
  .ch{right:14px;bottom:calc(84px + env(safe-area-inset-bottom))}
  .ch__eti{display:none}
  .ch__ico{width:52px;height:52px}
  .ch.abierto .ch__lanz{display:none}
  .ch__ven{position:fixed;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top));bottom:calc(76px + env(safe-area-inset-bottom));width:auto;height:auto;transform-origin:bottom center}
  .ch__pie input{font-size:16px} /* evita el zoom automático del iPhone al escribir */
}
@media (prefers-reduced-motion:reduce){
  .ch__ico::before,.ch .ch-chispa,.ch__quien i,.ch__escribe span{animation:none}
  .ch__m--nuevo,.ch__acc{animation:none}
  .ch__ven{transition:none}
}

/* =========================================================
   Contáctanos · Preguntas frecuentes (escritorio)
   ========================================================= */
.fq__num{display:none}
:root{interpolate-size:allow-keywords}
.fq .pregunta::details-content{block-size:0;overflow:hidden;transition:block-size .45s var(--transicion),content-visibility .45s allow-discrete}
.fq .pregunta[open]::details-content{block-size:auto}
@media (min-width:641px){
  .fq{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#F4F8FB 100%)}
  .fq::before{content:"";position:absolute;width:520px;height:520px;left:-180px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.14),transparent 65%);pointer-events:none}
  .fq .faq{grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:clamp(40px,6vw,96px)}
  .fq .faq__intro h2{font-size:clamp(2rem,3.2vw,2.6rem);line-height:1.08;letter-spacing:-.035em;margin:0}
  .fq .faq__intro h2::after{content:"";display:block;width:56px;height:4px;margin-top:18px;border-radius:4px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .fq__num{display:block;margin-top:34px;font-weight:700;font-size:1.1rem;color:#9AA8BC;letter-spacing:.04em;font-variant-numeric:tabular-nums}
  .fq__num b{display:inline-block;font-size:clamp(4.5rem,8vw,6.5rem);line-height:1;font-weight:800;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #17DFD7;margin-right:6px;transition:opacity .25s,transform .35s var(--transicion)}
  .fq__num.cambia b{opacity:0;transform:translateY(12px)}
  .fq .faq__lista{counter-reset:fq;gap:14px}
  .fq .pregunta{counter-increment:fq;border-radius:20px;border:1px solid #E3EBF1;background:#fff;transition:border-color .3s,box-shadow .35s,transform .35s var(--transicion)}
  .fq .pregunta:hover{border-color:#BFEFEC;transform:translateX(4px)}
  .fq .pregunta[open]{border-color:transparent;transform:none;box-shadow:0 28px 50px -30px rgba(11,20,52,.45),inset 4px 0 0 #17DFD7}
  .fq .pregunta summary{display:flex;align-items:center;gap:18px;padding:22px 72px 22px 26px;font-size:1.05rem;color:#0B1434}
  .fq .pregunta summary::before{content:counter(fq,decimal-leading-zero);flex:none;font-size:.82rem;font-weight:700;color:#9AA8BC;letter-spacing:.06em;transition:color .3s}
  .fq .pregunta[open] summary::before{color:#17B8B1}
  .fq .pregunta summary::after{right:24px;width:34px;height:34px;margin-top:-17px}
  .fq .pregunta[open] summary::after{background-color:#0B1434;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
  .fq .pregunta>div{padding:0 72px 10px 62px}
  .fq .pregunta p{font-size:1rem;line-height:1.7;color:#4A5A72}
}
@media (prefers-reduced-motion:reduce){.fq .pregunta::details-content{transition:none}}

/* =========================================================
   Cotizar (Salas de bombas y RILES, escritorio): emblema con ícono animado en lugar del técnico
   ========================================================= */
.cz__emb{position:relative;justify-self:center;width:clamp(250px,24vw,320px);aspect-ratio:1;display:grid;place-items:center}
.cz__halo{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.32),rgba(91,224,74,.12) 45%,transparent 70%);filter:blur(10px);animation:cz-respira 5s ease-in-out infinite}
.cz__onda{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(124,240,233,.45);animation:cz-onda 4.5s ease-out infinite}
.cz__onda+.cz__onda{animation-delay:2.25s}
.cz__aro{position:absolute;inset:8%;border-radius:50%;padding:2px;background:conic-gradient(from var(--ang),transparent 0 40%,#17DFD7 60%,#5BE04A 80%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ch-gira 6s linear infinite}
.cz__orbita{position:absolute;inset:-2%;border-radius:50%;border:1px dashed rgba(255,255,255,.16);animation:cz-giro 40s linear infinite}
.cz__disco{position:relative;width:76%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),rgba(255,255,255,.03) 60%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 60px -20px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cz__ilus{width:72%;height:auto;overflow:visible;filter:drop-shadow(0 0 14px rgba(23,223,215,.35))}
.cz__sat{position:absolute;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;font-size:28px;color:#7CF0E9;background:rgba(11,20,52,.72);border:1px solid rgba(124,240,233,.35);box-shadow:0 14px 30px -12px rgba(0,0,0,.6),0 0 22px -6px rgba(23,223,215,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cz-flota 6s ease-in-out infinite}
.cz__sat--1{top:4%;left:-6%}
.cz__sat--2{top:44%;right:-14%;color:#8CF07E;border-color:rgba(91,224,74,.4);animation-delay:-2s}
.cz__sat--3{bottom:2%;left:4%;animation-delay:-4s}
/* bomba: rodete girando y agua que corre */
.cz__rodete{transform-origin:92px 112px;animation:cz-giro 1.6s linear infinite}
.cz__flujo{stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:6 14;animation:cz-flujo 1.2s linear infinite;opacity:.9}
/* RILES: agua que ondula, burbujas que suben y sello que late */
.cz__ola{animation:cz-ola 4s linear infinite}
.cz__ola--b{animation-duration:6s;animation-direction:reverse}
.cz__burbuja{animation:cz-burbuja 3.2s ease-in infinite;animation-delay:var(--d);opacity:0}
.cz__sello{transform-origin:146px 150px;animation:cz-sello 3s ease-in-out infinite}
@keyframes cz-respira{50%{opacity:.6;transform:scale(.94)}}
@keyframes cz-onda{from{transform:scale(1);opacity:.8}to{transform:scale(1.32);opacity:0}}
@keyframes cz-giro{to{transform:rotate(360deg)}}
@keyframes cz-flujo{to{stroke-dashoffset:-40}}
@keyframes cz-flota{50%{transform:translateY(-10px)}}
@keyframes cz-ola{to{transform:translateX(-100px)}}
@keyframes cz-burbuja{0%{transform:translateY(0);opacity:0}15%{opacity:.85}100%{transform:translateY(-90px);opacity:0}}
@keyframes cz-sello{50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.cz__emb *{animation:none!important}}

/* =========================================================
   Tanques · «¿Por qué es un servicio clave?» (escritorio): sin técnico; foto de inspección con emblema
   ========================================================= */
.tk__foto::after{background:linear-gradient(200deg,rgba(11,20,52,.45),rgba(11,20,52,.72) 55%,rgba(2,3,13,.88))}
.tk__marco{position:absolute;inset:22px;pointer-events:none;z-index:2}
.tk__marco i{position:absolute;width:34px;height:34px;border:2px solid rgba(124,240,233,.75)}
.tk__marco i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:12px}
.tk__marco i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:12px}
.tk__marco i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:12px}
.tk__marco i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:12px}
.tk__scan{position:absolute;left:22px;right:22px;top:22px;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,#7CF0E9 30%,#6BE85A 70%,transparent);box-shadow:0 0 18px 3px rgba(23,223,215,.45);animation:tk-scan 4.5s ease-in-out infinite}
@keyframes tk-scan{0%,100%{transform:translateY(0);opacity:0}10%,90%{opacity:1}50%{transform:translateY(calc(clamp(360px,34vw,460px) - 46px))}}
.tk__emb{position:absolute;z-index:3;left:50%;top:50%;width:clamp(220px,19vw,270px);transform:translate(-50%,-50%)}
.tk__escudo{width:54%;height:auto;filter:drop-shadow(0 0 16px rgba(23,223,215,.45))}
@media (prefers-reduced-motion:reduce){.tk__scan{animation:none;opacity:0}}
.tk .tk__visual{padding-top:0}
/* Tanques · servicio clave: sin foto; el instrumento del chorro ocupa la columna derecha */
.tk .tk__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tk .tk__texto>p{margin-bottom:0}
.tk .tk__in>.tk__gd{max-width:none;padding:34px 36px;border-radius:28px}
.tk .tk__in>.tk__gd{position:relative;background:radial-gradient(120% 90% at 50% 0%,#14265A 0%,#0B1434 55%,#02030D 100%);border:1px solid rgba(124,240,233,.22);box-shadow:0 40px 70px -40px rgba(11,20,52,.75),inset 0 1px 0 rgba(255,255,255,.08)}
.tk .tk__in>.tk__gd::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(rgba(124,240,233,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(124,240,233,.06) 1px,transparent 1px) 0 0/28px 28px;-webkit-mask:radial-gradient(circle at 50% 40%,#000 30%,transparent 80%);mask:radial-gradient(circle at 50% 40%,#000 30%,transparent 80%)}

/* =========================================================
   Piscinas · Importancia operativa (escritorio): emblema interactivo de piscina en lugar del técnico
   ========================================================= */
.ip .ip__visual{display:grid;place-items:center;min-height:0;margin-bottom:0;align-self:center;perspective:900px}
.ip__emb{width:clamp(270px,26vw,350px);cursor:pointer;transform-style:preserve-3d}
.ip__emb .cz__disco{transform:translateZ(30px)}
.ip__emb .cz__sat{transform:translateZ(60px)}
.cz__sol{transform-origin:150px 44px;animation:cz-giro 18s linear infinite}
/* al pasar el ratón el agua se agita y las burbujas suben más rápido */
.ip__emb:hover .cz__ola{animation-duration:1.6s}
.ip__emb:hover .cz__burbuja{animation-duration:1.4s}
.ip__emb:hover .cz__halo{opacity:1;transform:scale(1.08)}
/* clic: onda expansiva */
.ip__clic{position:absolute;inset:12%;border-radius:50%;border:2px solid #7CF0E9;pointer-events:none;animation:ip-clic .9s ease-out forwards}
@keyframes ip-clic{from{transform:scale(.7);opacity:1}to{transform:scale(1.6);opacity:0}}
/* Piscinas · cotizar: filtro con manómetro (aguja que oscila); interactivo como el emblema de Importancia */
.cz__aguja{transform-origin:100px 34px;animation:cz-aguja 3.5s ease-in-out infinite}
@keyframes cz-aguja{0%,100%{transform:rotate(0)}40%{transform:rotate(95deg)}70%{transform:rotate(60deg)}}
.cz--emb [data-tilt]{cursor:pointer;transform-style:preserve-3d}
.cz--emb [data-tilt] .cz__disco{transform:translateZ(30px)}
.cz--emb [data-tilt]:hover .cz__burbuja{animation-duration:1.4s}
.cz--emb [data-tilt]:hover .cz__flujo{animation-duration:.5s}
.cz--emb .cz__panel{perspective:900px}

/* =========================================================
   Contáctanos · Emergencias 24/7: baliza de emergencia en lugar del técnico
   ========================================================= */
.ce__panel{perspective:900px}
.ce__emb{position:absolute;right:clamp(40px,7vw,120px);top:50%;width:clamp(240px,22vw,300px);margin-top:calc(clamp(240px,22vw,300px) / -2);cursor:pointer;transform-style:preserve-3d}
.ce__emb .cz__disco{transform:translateZ(30px)}
.ce__emb .cz__halo{background:radial-gradient(circle,rgba(255,77,77,.22),rgba(23,223,215,.14) 45%,transparent 70%)}
.ce__emb .cz__sat--1{color:#FF8A8A;border-color:rgba(255,107,107,.45)}
.ce__haz{transform-origin:100px 104px;animation:cz-giro 2.4s linear infinite;mix-blend-mode:screen}
.ce__cupula{animation:ce-destello 1.2s ease-in-out infinite}
@keyframes ce-destello{50%{fill:rgba(255,90,90,.6)}}
.ce__emb:hover .ce__haz{animation-duration:1s}
@media (max-width:960px){.ce__emb{position:relative;right:auto;top:auto;margin:30px auto 40px;align-self:center}}
@media (prefers-reduced-motion:reduce){.ce__haz,.ce__cupula{animation:none}}

/* Contáctanos · Emergencias 24/7 (propuesta 2): dial 24/7 tipo radar con teléfono que timbra */
.ce__radar{position:absolute;right:clamp(40px,7vw,120px);top:50%;width:clamp(250px,23vw,310px);aspect-ratio:1;margin-top:calc(clamp(250px,23vw,310px) / -2);display:grid;place-items:center;cursor:pointer;transform-style:preserve-3d}
.ce__pulso{position:absolute;inset:14%;border-radius:50%;border:1.5px solid rgba(255,90,90,.55);animation:ce-pulso 3s ease-out infinite}
.ce__pulso:nth-child(2){animation-delay:1s}.ce__pulso:nth-child(3){animation-delay:2s}
@keyframes ce-pulso{from{transform:scale(.9);opacity:.9}to{transform:scale(1.45);opacity:0}}
.ce__dial{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;transform:translateZ(30px);background:radial-gradient(circle at 50% 35%,#13204A 0%,#070B1F 60%,#02030D 100%);border:1px solid rgba(124,240,233,.25);box-shadow:0 0 0 8px rgba(255,255,255,.03),0 40px 70px -30px rgba(0,0,0,.8),0 0 60px -10px rgba(23,223,215,.35),inset 0 1px 0 rgba(255,255,255,.12)}
.ce__barrido{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 75%,rgba(23,223,215,.05) 80%,rgba(23,223,215,.38) 99.5%,#7CF0E9 100%);animation:cz-giro 4s linear infinite}
.ce__esfera{position:absolute;inset:0;width:100%;height:100%}
.ce__marcas2 line{stroke:rgba(255,255,255,.28);stroke-width:1.4;stroke-linecap:round}
.ce__marcas2 line.m{stroke:#7CF0E9;stroke-width:2.6}
.ce__progreso{transform:rotate(-90deg);transform-origin:100px 100px;stroke-dasharray:100;animation:ce-prog 6s ease-in-out infinite}
@keyframes ce-prog{0%{stroke-dashoffset:100}60%,100%{stroke-dashoffset:0}}
.ce__centro{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px}
.ce__tel{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(140deg,#FF7A7A,#E8343C);box-shadow:0 0 0 6px rgba(255,90,90,.16),0 18px 34px -10px rgba(232,52,60,.8)}
.ce__tel svg{width:34px;height:34px;fill:#fff;animation:ce-timbre 2.4s ease-in-out infinite}
@keyframes ce-timbre{0%,40%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-14deg)}10%,20%,30%{transform:rotate(14deg)}}
.ce__247{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1;background:linear-gradient(100deg,#7CF0E9,#6BE85A);-webkit-background-clip:text;background-clip:text;color:transparent}
.ce__radar:hover .ce__barrido{animation-duration:1.6s}
.ce__radar:hover .ce__tel svg{animation-duration:1s}
@media (max-width:960px){.ce__radar{position:relative;right:auto;top:auto;margin:34px auto 44px;align-self:center}}
@media (prefers-reduced-motion:reduce){.ce__radar *{animation:none!important}}
.ce__reloj{display:none}/* el dial 24/7 ya cumple esa función */

/* Salas de bombas · Cotizar celular: emblema de bomba en lugar del técnico */
@media (max-width:640px){
  .sbm-cot--emb .sbm-cot__txt{max-width:none}
  .sbm-cot--emb .sbm-cot__panel::after{display:none}
  .sbm-emb{width:230px;margin:34px auto 52px}
  .sbm-emb .cz__sat{width:46px;height:46px;border-radius:15px;font-size:23px}
  .sbm-cot--emb .sbm-cot__panel .btn{margin-top:0}
}
/* Piscinas · Importancia celular: emblema de piscina en lugar del técnico */
@media (max-width:640px){
  .pim-emb{width:230px;margin:34px auto 44px}
  .pim-emb .cz__sat{width:46px;height:46px;border-radius:15px;font-size:23px}
}

/* Nosotros · celular: Valores en cuadrícula 2x2 (como Capacidades, en blanco) */
@media (max-width:640px){
  .nm-valores__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;border-radius:0;background:none;box-shadow:none}
  .nm-valor{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 12px 20px;border:0;border-radius:22px;text-align:center;overflow:hidden;
    background:radial-gradient(120% 70% at 50% 0%,rgba(23,223,215,.10),transparent 60%),#fff;
    box-shadow:0 24px 44px -32px rgba(11,20,52,.6),inset 0 0 0 1px #E6EDF3}
  .nm-valor::before{content:"";position:absolute;left:22%;right:22%;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#17DFD7,#2DB945)}
  .nm-valor:last-child{border-bottom:0}
  .nm-valor img{width:54px;height:54px;margin:0 0 14px;box-shadow:0 0 0 6px rgba(30,111,217,.08),0 14px 24px -12px rgba(30,111,217,.8)}
  .nm-valor h3{margin:0 0 8px;padding:0;font-size:.78rem;font-weight:800;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:#0B1434}
  .nm-valor p{margin:0;padding:0;font-size:.82rem;line-height:1.5;color:#5B6680}
  .nm-valor__n{position:absolute;right:12px;top:10px;font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#B7C3D3}
}
@media (max-width:640px){
  .nm-valor{padding-left:10px;padding-right:10px}
  .nm-valor h3{font-size:clamp(.66rem,3.3vw,.76rem);letter-spacing:.05em}
}

/* Inicio · hero escritorio: foto del montaje anclada a la derecha (el soldador queda entre el texto y la columna de datos) */
@media (min-width:961px){
  .hero__foto picture{position:absolute;top:0;bottom:0;right:max(0px,calc((100vw - 1400px)/2))}
  .hero__foto img{width:auto;height:100%;object-fit:cover}
}
@media (min-width:1500px){
  .hero__foto picture{-webkit-mask-image:linear-gradient(to left,transparent,#000 140px);mask-image:linear-gradient(to left,transparent,#000 140px)}
}
@media (min-width:961px){
  .hero__foto picture{top:auto;bottom:7%;height:114%} /* foto subida: el soldador queda más arriba; el borde inferior se pierde en el fundido blanco */
}

/* Inicio · Soluciones que fluyen: foto del equipo alejada (se ven los 3 técnicos); sin paralaje para no recortarla */
.op__video.video{aspect-ratio:16/10}
.op__video img{top:0;height:100%;object-position:70% 50%}

/* Nosotros · escritorio: Fundación + Misión/Visión en bento claro (propuesta C) */
.fb__g{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}
.fb__b{position:relative;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -44px rgba(11,20,52,.55),inset 0 0 0 1px #E6EDF3}
.fb__txt{padding:clamp(34px,3.6vw,48px) clamp(34px,3.8vw,52px)}
.fb__txt h2{margin:16px 0 20px;font-size:clamp(1.9rem,2.6vw,2.35rem);line-height:1.12;letter-spacing:-.03em;color:#0B1434}
.fb__txt p{margin:0;font-size:1.02rem;line-height:1.8;color:#4A5570}
.fb__ilus{display:grid;place-items:center;min-height:400px;background:linear-gradient(150deg,#0B1434,#0F3B5F 55%,#0E6E6A);transform-style:preserve-3d}
.fb__ondas{position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 42%,rgba(124,240,233,.14) 0 1px,transparent 1px 34px);-webkit-mask:radial-gradient(circle at 50% 42%,#000 20%,transparent 70%);mask:radial-gradient(circle at 50% 42%,#000 20%,transparent 70%);animation:fb-ondas 7s linear infinite}
.fb__luz{position:absolute;left:50%;top:40%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.32),transparent 65%);animation:fb-respira 5s ease-in-out infinite}
.fb__ilus img{position:relative;width:78%;height:auto;margin-top:-56px;filter:drop-shadow(0 26px 30px rgba(0,0,0,.45));animation:fb-flota 6s ease-in-out infinite}
.fb__ano{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.fb__ano b{font-size:2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(90deg,#7CF0E9,#5BE04A,#7CF0E9);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fb-brillo 5s linear infinite}
.fb__ano span{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78);text-align:right}
.fb__mv{grid-column:1/-1;display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center;padding:28px 40px 28px 26px;scroll-margin-top:120px;transition:translate .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.fb__mv::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,#17DFD7,#2DB945);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.fb__mv:hover{translate:0 -4px;box-shadow:0 40px 70px -40px rgba(11,20,52,.6),inset 0 0 0 1px #CDEFEF}
.fb__mv:hover::after{width:100%}
.fb__mi{display:grid;place-items:center;height:170px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(23,223,215,.16),#F1F7FA 70%)}
.fb__mi img{max-width:94%;max-height:160px;width:auto;height:auto;transition:scale .7s cubic-bezier(.2,.7,.2,1)}
.fb__mv:hover .fb__mi img{scale:1.07}
.fb__n{font-size:.78rem;font-weight:800;letter-spacing:.16em;color:#17BFB8}
.fb__mv h2{margin:6px 0 12px;font-size:1.9rem;letter-spacing:-.03em;color:#0B1434}
.fb__mv p{margin:0;font-size:1rem;line-height:1.75;color:#4A5570}
@keyframes fb-flota{50%{translate:0 -12px}}
@keyframes fb-respira{50%{scale:1.15;opacity:.7}}
@keyframes fb-ondas{to{background-position:0 0;scale:1.06}}
@keyframes fb-brillo{to{background-position:200% 50%}}
@media (prefers-reduced-motion:reduce){.fb__ondas,.fb__luz,.fb__ilus img,.fb__ano b{animation:none}}
@media (min-width:961px){
  .hero__foto picture{translate:70px 0} /* foto corrida a la derecha (pedido 03-11) */
}

/* Salas de bombas · escena 01: instrumento compacto arriba para no tapar las manos del técnico (03-11) */
.gd--manometro{top:30px;bottom:auto;padding:10px 12px;border-radius:16px;grid-template-columns:62px 96px;gap:10px}
.gd--manometro .gd__dial{width:62px;height:62px}
.gd--manometro .gd__pulso{width:96px;height:28px}
/* escena 02: tablero compacto arriba para no tapar a los técnicos */
.gd--tablero{top:30px;bottom:auto;zoom:.6}
/* escena 04: plano compacto arriba para no tapar a los técnicos */
.gd--plano{zoom:.6}
/* RILES EC02: instrumento al centro-abajo para no tapar las piernas del técnico (03-11) */
.rg--septico{right:auto;left:44%}

/* ============ Tanques · escritorio: pasarela de fotos «servicio clave» (propuesta A · visor cinematográfico) ============ */
.tk .tk__in{align-items:center}
.pa__visor{position:relative;aspect-ratio:16/10;border-radius:26px;overflow:hidden;background:#02030D;box-shadow:0 40px 80px -40px rgba(2,3,13,.55),0 0 0 1px rgba(11,20,52,.08)}
.pa__visor>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.1s var(--transicion),transform 7s cubic-bezier(.2,.6,.3,1)}
.pa__visor>img.on{opacity:1;transform:scale(1)}
.pa__visor::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,3,13,0) 45%,rgba(2,3,13,.8) 100%)}
.pa__prog{position:absolute;left:0;right:0;top:0;height:3px;z-index:3;background:rgba(255,255,255,.18)}
.pa__prog b{display:block;height:100%;width:0;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
.pa.corre .pa__prog b{animation:pa-prog var(--pa-t,6s) linear forwards}
.pa.pausa .pa__prog b{animation-play-state:paused}
@keyframes pa-prog{to{width:100%}}
.pa__barra{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;color:#fff}
.pa__info{display:flex;gap:16px;align-items:flex-end}
.pa__n{font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:-.03em}
.pa__n small{font-size:.8rem;opacity:.6;font-weight:600;letter-spacing:0}
.pa__ley{font-size:1.02rem;font-weight:700;line-height:1.3}
.pa__ley em{display:block;font-style:normal;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#7CF0E9;margin-bottom:4px}
.pa__ley>span{display:block;transition:opacity .35s,transform .35s}
.pa__ley>span.sale{opacity:0;transform:translateY(8px)}
.pa__flechas{display:flex;gap:8px}
.pa__flechas button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;font:inherit;font-size:1.1rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s,background .25s}
.pa__flechas button:last-child{background:linear-gradient(135deg,#17DFD7,#2DB945);border:0}
.pa__flechas button:hover{transform:scale(1.08)}
.pa__mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.pa__mini button{padding:0;border:0;background:none;cursor:pointer;border-radius:14px}
.pa__mini img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;opacity:.5;filter:saturate(.7);transition:opacity .3s,filter .3s,outline-color .3s;outline:2px solid transparent;outline-offset:3px}
.pa__mini button:hover img{opacity:.85}
.pa__mini button.on img{opacity:1;filter:none;outline-color:#17DFD7}
.pa button:focus-visible{outline:2px solid #17DFD7;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.pa__visor>img{transition:opacity .3s;transform:none!important}}

/* ============ Tanques · escritorio: «¿Por qué elegir a INAMB?» con foto del equipo (03-11) ============ */
.pe__foto{position:relative;margin:0;padding:0 22px 22px 0;transform-style:preserve-3d}
.pe__marco{position:absolute;inset:22px 0 0 22px;border-radius:30px;background:linear-gradient(135deg,#17DFD7,#2DB945);opacity:.9}
.pe__marco::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px) 0 0/26px 26px}
.pe__img{position:relative;aspect-ratio:5/4.3;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -36px rgba(2,3,13,.6)}
.pe__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 50%;transform:scale(1.04);transition:transform 1.4s var(--transicion)}
.pe__foto:hover .pe__img img{transform:scale(1.09)}
.pe__img::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(2,3,13,0) 50%,rgba(2,3,13,.55) 100%);pointer-events:none}
.pe__chip{position:absolute;left:-26px;bottom:52px;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 20px 14px 14px;border-radius:18px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 50px -22px rgba(11,20,52,.45);animation:flotar 7s ease-in-out infinite}
.pe__chip-ico{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#17DFD7,#2DB945);box-shadow:0 10px 20px -8px rgba(45,185,69,.6)}
.pe__chip-ico svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pe__chip b{display:block;color:#0B1434;font-size:.98rem;font-weight:800;line-height:1.2}
.pe__chip small{display:block;color:#5B6785;font-size:.78rem;font-weight:600;margin-top:2px}
@media (prefers-reduced-motion:reduce){.pe__chip{animation:none}.pe__img img{transition:none}}

/* Tanques · celular: pasarela de fotos en «servicio clave» y foto del equipo en «¿Por qué elegir?» (03-11) */
@media (max-width:640px){
  .tqm-clave .pa{margin-top:22px}
  .tqm-clave .pa__visor{border-radius:18px;aspect-ratio:4/3.4}
  .tqm-clave .pa__barra{left:14px;right:14px;bottom:14px;gap:10px}
  .tqm-clave .pa__info{gap:10px}
  .tqm-clave .pa__n{font-size:1.8rem}
  .tqm-clave .pa__ley{font-size:.86rem}
  .tqm-clave .pa__ley em{font-size:.6rem;letter-spacing:.14em}
  .tqm-clave .pa__flechas button{width:38px;height:38px;font-size:1rem}
  .tqm-clave .pa__mini{gap:8px;margin-top:10px}
  .tqm-clave .pa__mini img{border-radius:10px;outline-offset:2px}
  .tqm-foto{position:relative;margin:0 0 26px}
  .tqm-foto img{display:block;width:100%;aspect-ratio:4/3.3;object-fit:cover;object-position:55% 50%;border-radius:20px;box-shadow:0 0 0 1px rgba(124,240,233,.25),0 26px 50px -24px rgba(0,0,0,.7)}
  .tqm-foto .pe__chip{left:12px;bottom:-18px;padding:10px 14px 10px 10px;border-radius:14px}
  .tqm-foto .pe__chip-ico{width:36px;height:36px;border-radius:11px}
  .tqm-foto .pe__chip b{font-size:.86rem}
  .tqm-foto .pe__chip small{font-size:.7rem}
}

/* Nosotros · celular: texto del hero más cerca de la foto */
@media (max-width:640px){#quienes-somos-movil{min-height:550px}}

/* Nosotros · celular: Historia, misión y visión en carrusel deslizable */
@media (max-width:640px){
  .hmv{padding:44px 0 14px}
  .hmv .nm-titulo{text-align:center}
  .hmv__pista{display:flex;align-items:flex-start;gap:12px;margin:22px -16px 0;padding:6px 16px 26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hmv__pista::-webkit-scrollbar{display:none}
  .hmv__c{position:relative;flex:0 0 84%;scroll-snap-align:start;overflow:hidden;padding:22px 20px 24px;border-radius:24px;background:#fff;border:1px solid #E6ECF4;box-shadow:0 26px 50px -34px rgba(11,20,52,.45)}
  .hmv__c::before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(23,223,215,.22),transparent 70%);pointer-events:none}
  .hmv__c--osc{background:linear-gradient(160deg,#0B1434,#02030D);border-color:rgba(124,240,233,.14)}
  .hmv__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
  .hmv__eti{font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#17B9B2}
  .hmv__c--osc .hmv__eti{color:#7CF0E9}
  .hmv__n{font-size:.78rem;font-weight:700;color:#9AA8C2}
  .hmv__ico{display:grid;place-items:center;width:62px;height:62px;margin-bottom:14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(124,240,233,.35)}
  .hmv__ico svg{width:28px;height:28px;fill:none;stroke:#7CF0E9;stroke-width:2;stroke-linejoin:round}
  .hmv__c img{display:block;width:84px;height:84px;object-fit:contain;margin-bottom:10px}
  .hmv__c--osc img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
  .hmv__c h3{margin:0 0 8px;font-size:1.08rem;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:#0B1434}
  .hmv__c--osc h3{color:#fff}
  .hmv__c p{margin:0;font-size:.92rem;line-height:1.6;color:#5B6680}
  .hmv__c--osc p{color:#C9D3E6}
  .hmv__largo{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .hmv__c.abierta .hmv__largo{display:block}
  .hmv__mas{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:0;border:0;background:none;font:inherit;font-size:.88rem;font-weight:700;color:#7CF0E9;cursor:pointer}
  .hmv__mas svg{transition:transform .3s}
  .hmv__c.abierta .hmv__mas svg{transform:rotate(-90deg)}
  .hmv__nav{display:flex;align-items:center;justify-content:space-between;margin-top:-6px;padding:0 4px}
  .hmv__dots{display:flex;gap:6px}
  .hmv__dots i{width:7px;height:7px;border-radius:7px;background:#D3DCE9;transition:width .35s,background .35s}
  .hmv__dots i.on{width:26px;background:linear-gradient(90deg,#17DFD7,#5BE04A)}
  .hmv__hint{font-size:.78rem;font-weight:600;color:#8A97B3}
}
/* Carrusel de Nosotros más compacto: la sección entra completa en una pantalla de celular */
@media (max-width:640px){
  .hmv{padding:26px 0 6px}
  .hmv__pista{margin-top:14px;padding-bottom:18px;gap:10px}
  .hmv__c{flex-basis:86%;padding:16px 18px 18px;border-radius:22px}
  .hmv__top{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;margin-bottom:12px}
  .hmv__ico{width:50px;height:50px;margin:0;border-radius:15px}
  .hmv__ico svg{width:24px;height:24px}
  .hmv__c img{width:50px;height:50px;margin:0}
  .hmv__c h3{font-size:1rem;margin-bottom:6px}
  .hmv__c p{font-size:.87rem;line-height:1.55}
  .hmv__largo{-webkit-line-clamp:2}
  .hmv__mas{margin-top:8px}
  .hmv__nav{margin-top:-4px}
}
@media (max-width:640px){
  .hmv__pista{align-items:stretch}
  .hmv__c{display:flex;flex-direction:column}
  .hmv__mas{margin-top:auto;padding-top:8px;align-self:flex-start}
}