/* Raspadrink — estilos del sitio según el Manual de Marca (Oscar Velásquez).
   Paleta oficial: Azul Noche #002E59 · Rosado Tropical #E41E6F · Gris Claro #D8D8DC · Blanco.
   Tipografías: Amulya (títulos; archivos web pendientes) y Figtree (textos).
   Concepto: bloques planos de azul noche y rosado, como las piezas del manual, con las ilustraciones de cristalería de la marca. */
:root{
  --noche:#002E59; --noche-2:#0b3d6e; --rosa:#E41E6F; --rosa-cta:#D91866; --rosa-texto:#C4135E;
  --gris:#D8D8DC; --gris-suave:#F1F1F3; --blanco:#FFFFFF;
  --tinta:#0E2440; --tinta-2:#4A5568; --linea:#D8D8DC;
  --titulos:"Amulya","Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --texto:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:18px; --max:1180px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--blanco);color:var(--tinta);font:400 1.0625rem/1.65 var(--texto)}
img{max-width:100%;height:auto;display:block}
a{color:var(--rosa-texto)}
a:hover{color:var(--noche)}
:focus-visible{outline:3px solid var(--rosa);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--titulos);line-height:1.12;margin:0;text-wrap:balance;color:var(--noche)}
h1{font-size:clamp(2.1rem,4.8vw,3.5rem);font-weight:300;letter-spacing:-.01em}
h1 strong,h2 strong{font-weight:700;text-transform:uppercase;letter-spacing:.01em}
h2{font-size:clamp(1.65rem,3.2vw,2.4rem);font-weight:300}
h3{font-size:1.18rem;font-weight:700}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-999px;top:0;background:var(--noche);color:#fff;padding:.6rem 1rem;z-index:100}
.skip:focus{left:8px;top:8px}
.eyebrow{font:700 .78rem/1.2 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--rosa-texto)}
.lead{font-size:1.15rem;color:var(--tinta-2);max-width:62ch}
.stack{display:grid;gap:1rem;align-content:start}

/* aviso y pendientes */
.aviso{background:var(--gris);color:var(--noche);font-size:.86rem;text-align:center;padding-block:.45rem}
.pend{display:inline-block;background:#fff4dc;color:#6b4300;border:1px dashed #c98a12;border-radius:6px;font-size:.8rem;line-height:1.35;padding:.12rem .45rem;font-weight:600;vertical-align:middle}
.pendbox{border:1px dashed #c98a12;background:#fffaf0;border-radius:12px;padding:1rem 1.2rem;color:#5a3a00;font-size:.95rem}
.pendbox strong{color:#6b4300}
.pendbox ul{margin:.4rem 0 0;padding-left:1.1rem}

/* header */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--linea)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.logo{display:block;line-height:0}
.logo img{height:38px;width:auto}
.nav{display:flex;align-items:center;gap:1.5rem}
.nav a{color:var(--noche);text-decoration:none;font-weight:600;font-size:.98rem}
.nav a:hover,.nav a[aria-current="page"]{color:var(--rosa-texto)}
.nav a.btn,.nav a.btn:hover{color:#fff}
.menu-btn{display:none;background:none;border:1.5px solid var(--noche);border-radius:999px;padding:.45rem .9rem;font:600 .95rem var(--texto);color:var(--noche);cursor:pointer}
@media (max-width:920px){
  .logo img{height:32px}
  .menu-btn{display:inline-block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linea);flex-direction:column;align-items:stretch;gap:0;padding:.5rem max(16px,env(safe-area-inset-right,0px)) 1rem max(16px,env(safe-area-inset-left,0px))}
  .nav.open{display:flex}
  .nav a{padding:.75rem 0;border-bottom:1px solid var(--gris-suave)}
  .nav .btn{margin-top:.8rem;justify-content:center}
}

/* botones */
.btn{display:inline-flex;align-items:center;gap:.55rem;font:700 1.02rem/1 var(--texto);text-decoration:none;border-radius:999px;padding:.95rem 1.4rem;border:2px solid transparent;cursor:pointer}
.btn svg{width:20px;height:20px;flex:none}
.btn-wa{background:var(--rosa-cta);color:#fff}
.btn-wa:hover{background:var(--noche);color:#fff}
.sec-noche .btn-wa:hover,.hero .btn-wa:hover{background:#fff;color:var(--noche)}
.btn-sec{border-color:var(--noche);color:var(--noche);background:transparent}
.btn-sec:hover{background:var(--noche);color:#fff}
.btn-claro{border-color:#fff;color:#fff;background:transparent}
.btn-claro:hover{background:#fff;color:var(--noche)}
.btn-sm{padding:.65rem 1.05rem;font-size:.92rem}
.btns{display:flex;flex-wrap:wrap;gap:.75rem}

/* secciones */
.sec{padding-block:clamp(3rem,7vw,5.5rem)}
.sec-gris{background:var(--gris-suave)}
.sec-noche{background:var(--noche);color:#dfe6f0}
.sec-noche h2,.sec-noche h3{color:#fff}
.sec-noche .lead{color:#c6d3e3}
.sec-noche .eyebrow{color:#ff8fbc}
.sec-noche a:not(.btn){color:#ffb3d0}
.sec-head{display:grid;gap:.75rem;margin-bottom:2.2rem;max-width:780px}

/* hero */
.hero{background:var(--noche);color:#dfe6f0;padding-block:clamp(2.4rem,5vw,4.2rem);overflow:hidden}
.hero h1{color:#fff}
.hero .lead{color:#c6d3e3}
.hero .eyebrow{color:#ff8fbc}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero .wrap > *{min-width:0}
.hero-txt{display:grid;gap:1.25rem}
.hero .foto img{max-height:680px;object-fit:cover;object-position:50% 70%}
.hero .foto-pend{max-height:560px}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}}

/* fotos */
.foto{margin:0;display:grid;gap:.4rem;min-width:0}
.foto img{width:100%;border-radius:var(--r);object-fit:cover;background:var(--gris-suave)}
.foto figcaption{font-size:.84rem;color:var(--tinta-2)}
.sec-noche .foto figcaption,.hero .foto figcaption{color:#c6d3e3}
.foto-pend{width:100%;border-radius:var(--r);border:2px dashed #aeb7c6;background:repeating-linear-gradient(135deg,#f5f6f8 0 14px,#eceef2 14px 28px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;text-align:center;padding:1rem;color:var(--tinta-2);max-width:100%}
.foto-pend b{font:700 .95rem var(--texto);color:var(--noche)}
.foto-pend span{font-size:.85rem;max-width:34ch}
.galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}
.galeria .foto img{aspect-ratio:3/4}
@media (max-width:860px){.galeria{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.galeria{grid-template-columns:1fr}}

/* tarjetas */
.grid{display:grid;gap:1.2rem;align-items:start}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.g3,.g2{grid-template-columns:1fr}}
.card{background:#fff;border:1.5px solid var(--linea);border-radius:var(--r);padding:1.3rem;display:grid;gap:.6rem;align-content:start;text-decoration:none;color:var(--tinta)}
a.card:hover{border-color:var(--rosa)}
a.card:hover h3{color:var(--rosa-texto)}
.card p{color:var(--tinta-2);font-size:.98rem}
.card .mas{font-weight:700;color:var(--rosa-texto);font-size:.95rem}
.card .ico{height:60px;width:auto}

/* tablas de opciones */
.tabla-wrap{overflow-x:auto;border:1.5px solid var(--linea);border-radius:14px;background:#fff}
table{border-collapse:collapse;width:100%;font-size:.97rem;min-width:520px}
th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--gris-suave);vertical-align:top}
thead th{background:var(--noche);color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
tbody tr:last-child td{border-bottom:0}
td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.nota{font-size:.9rem;color:var(--tinta-2)}

/* listas */
.check{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.check li{padding-left:1.6rem;position:relative}
.check li::before{content:"";position:absolute;left:0;top:.55em;width:.7rem;height:.7rem;border-radius:50%;background:var(--rosa)}
.sec-noche .check li::before{background:#ff8fbc}
.menu-lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.5rem}
.menu-lista li{border-top:1.5px solid var(--gris);padding-top:.6rem;min-width:0}
.menu-lista b{display:block;color:var(--noche);font-weight:700}
.menu-lista span{font-size:.92rem;color:var(--tinta-2)}
@media (max-width:600px){.menu-lista{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
.chips li{background:var(--gris-suave);border-radius:999px;padding:.35rem .85rem;font-size:.92rem;color:var(--noche);font-weight:600}
.sec-noche .chips li{background:var(--noche-2);color:#fff}

/* barras: fichas de medidas */
.barras{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.barra{border:1.5px solid var(--linea);border-radius:14px;padding:1rem 1.1rem;background:#fff;display:grid;gap:.55rem;color:var(--tinta)}
.barra h3{font-size:1.05rem}
.barra dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.15rem .7rem;font-size:.92rem;font-variant-numeric:tabular-nums}
.barra dt{color:var(--tinta-2)}
.barra dd{margin:0;font-weight:700;color:var(--noche)}
.barra .escala{height:8px;border-radius:4px;background:var(--gris-suave);overflow:hidden}
.barra .escala i{display:block;height:100%;background:var(--rosa);border-radius:4px}

/* ficha "para cotizar" */
.ficha{border:2px solid var(--noche);border-radius:var(--r);background:#fff;padding:1.4rem;display:grid;gap:1rem;color:var(--tinta)}
.ficha h3{color:var(--noche)}
.ficha ol{margin:0;padding-left:1.25rem;display:grid;gap:.35rem}

/* pasos */
.pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;counter-reset:p}
.pasos li{counter-increment:p;display:grid;gap:.45rem;align-content:start;border-top:3px solid var(--rosa);padding-top:.9rem}
.pasos li::before{content:"Paso " counter(p);font:700 .76rem var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--rosa-texto)}
.pasos p{color:var(--tinta-2);font-size:.97rem}
@media (max-width:860px){.pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pasos{grid-template-columns:1fr}}

/* dos columnas */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.split > *{min-width:0}
.split-c{align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* ilustraciones de marca */
.ilus{display:flex;gap:clamp(.8rem,2.5vw,1.6rem);align-items:flex-end;flex-wrap:wrap}
.ilus img{height:clamp(56px,8vw,88px);width:auto}

/* migas */
.migas{font-size:.88rem;color:var(--tinta-2);padding-top:1.3rem}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.migas li+li::before{content:"/";margin-right:.35rem;color:#9aa3b2}
.migas a{color:var(--tinta-2)}

/* FAQ */
.faq{display:grid;gap:.7rem;max-width:840px}
.faq details{border:1.5px solid var(--linea);border-radius:14px;background:#fff;padding:0 1.2rem}
.faq summary{cursor:pointer;font:700 1.05rem/1.4 var(--texto);padding:1rem 0;color:var(--noche);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 1.4rem/1 var(--texto);color:var(--rosa)}
.faq details[open] summary::after{content:"–"}
.faq details > div{padding:0 0 1.1rem;color:var(--tinta-2);display:grid;gap:.6rem}

/* contacto */
.datos{display:grid;gap:1rem;margin:0}
.datos div{display:grid;grid-template-columns:9.5rem 1fr;gap:.8rem;border-bottom:1px solid var(--linea);padding-bottom:.9rem}
.datos dt{font-weight:700;color:var(--noche)}
.datos dd{margin:0;min-width:0;overflow-wrap:anywhere}
@media (max-width:520px){.datos div{grid-template-columns:1fr;gap:.2rem}}

/* footer */
.pie{background:var(--noche);color:#c6d3e3;padding-block:3.2rem 6rem;font-size:.95rem}
.pie .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:2rem}
.pie h2{font:700 .82rem var(--texto);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:.9rem}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.pie a{color:#eef3f9;text-decoration:none}
.pie a:hover{color:#ffb3d0;text-decoration:underline}
.pie .logo img{height:44px;margin-bottom:1rem}
.pie .grupo{grid-column:1/-1;border-top:1px solid #1d4a78;padding-top:1.3rem;display:grid;gap:.6rem}
.pie .grupo ul{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.pie .legal{grid-column:1/-1;font-size:.84rem;color:#9fb2c8}
@media (max-width:900px){.pie .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pie .wrap{grid-template-columns:1fr}}
@media (min-width:761px){.pie{padding-bottom:3.2rem}}

/* WhatsApp flotante (escritorio) y barra inferior (móvil) */
.wa-float{position:fixed;right:max(20px,calc(env(safe-area-inset-right,0px) + 12px));bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 12px));z-index:50;width:58px;height:58px;border-radius:50%;background:var(--rosa-cta);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,46,89,.3)}
.wa-float:hover{background:var(--noche);color:#fff}
.wa-float svg{width:30px;height:30px}
.wa-bar{display:none}
@media (max-width:760px){
  .wa-float{display:none}
  .wa-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.97);border-top:1px solid var(--linea);padding:.55rem max(16px,env(safe-area-inset-right,0px)) calc(.55rem + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));gap:.6rem;align-items:center;justify-content:space-between}
  .wa-bar p{font-size:.86rem;color:var(--tinta-2);line-height:1.25}
  .wa-bar .btn{padding:.6rem 1rem;font-size:.92rem;white-space:nowrap}
}

/* 404 */
.e404{display:grid;gap:1.2rem;max-width:680px}
.e404 .num{font:800 clamp(4rem,14vw,8rem)/1 var(--titulos);color:var(--rosa)}
.sec-gris .chips li{background:#fff}

/* ===== v6: todo claro, al estilo de tallerformas.com ===== */
.hero{background:var(--blanco);color:var(--tinta)}
.hero h1{color:var(--noche)}
.hero .lead{color:var(--tinta-2)}
.hero .eyebrow{color:var(--rosa-texto)}
.hero .btn-wa:hover{background:var(--noche);color:#fff}
.hero .foto img{max-height:460px}
.sec-noche{background:var(--gris-suave);color:var(--tinta)}
.sec-noche h2,.sec-noche h3{color:var(--noche)}
.sec-noche .lead{color:var(--tinta-2)}
.sec-noche .eyebrow{color:var(--rosa-texto)}
.sec-noche a:not(.btn){color:var(--rosa-texto)}
.sec-noche .check li::before{background:var(--rosa)}
.sec-noche .chips li{background:#fff;color:var(--noche)}
.sec-noche .foto figcaption{color:var(--tinta-2)}
.sec-noche .btn-wa:hover{background:var(--noche);color:#fff}
.btn-claro{border-color:var(--noche);color:var(--noche)}
.btn-claro:hover{background:var(--noche);color:#fff}

/* portada: texto + composición de ilustraciones, fotos debajo */
.hero-inicio{padding-block:clamp(2rem,5vw,3.5rem) clamp(2.5rem,5vw,4rem);position:relative}
.hero-inicio .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.hero-arte{position:relative;aspect-ratio:1/0.82;max-width:100%}
.hero-arte .c{position:absolute;border-radius:50%}
.hero-arte .c1{width:62%;aspect-ratio:1;right:2%;top:0;background:#FCE4EE}
.hero-arte .c2{width:38%;aspect-ratio:1;left:4%;bottom:4%;background:var(--gris-suave)}
.hero-arte .c3{width:16%;aspect-ratio:1;left:30%;top:6%;background:var(--gris)}
.hero-arte .c4{width:6%;aspect-ratio:1;left:58%;bottom:10%;background:var(--rosa)}
.hero-arte .c5{width:4%;aspect-ratio:1;right:6%;bottom:22%;background:var(--noche)}
.hero-arte img{position:absolute;height:auto}
.hero-arte .i1{width:26%;right:22%;top:12%}
.hero-arte .i2{width:22%;left:12%;bottom:12%}
.hero-arte .i3{width:9%;left:46%;top:30%}
.hero-arte .i4{width:13%;right:6%;bottom:6%}
.hero-arte .i5{width:15%;left:34%;bottom:2%}
.hero-fotos{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(1.5rem,4vw,2.5rem)}
@media (max-width:860px){
  .hero-inicio .hero-grid{grid-template-columns:1fr}
  .hero-arte{display:none}
}
@media (max-width:560px){.hero-fotos{grid-template-columns:1fr}}

/* cintillo de clientes */
.clientes{background:var(--gris-suave);padding-block:2rem}
.clientes h2{font:700 .78rem/1.2 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);text-align:center;margin-bottom:1.3rem}
.logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.4rem 2.6rem}
.logos img{width:auto;opacity:.78}

/* pie claro */
.pie{background:var(--blanco);color:var(--tinta-2);border-top:1px solid var(--linea)}
.pie h2{color:var(--noche)}
.pie a{color:var(--noche)}
.pie a:hover{color:var(--rosa-texto)}
.pie .legal{color:var(--tinta-2);border-top:1px solid var(--linea);padding-top:1.2rem}
.hero .hero-fotos{grid-template-columns:1fr 1fr;align-items:start}
.hero .hero-fotos .foto img{width:100%}
@media (max-width:560px){.hero .hero-fotos{grid-template-columns:1fr}}
.hero-arte .i1{width:26%;right:16%;top:10%}
.hero-arte .i2{width:22%;left:6%;bottom:16%}
.hero-arte .i3{width:8%;left:33%;top:20%}
.hero-arte .i4{width:13%;right:4%;bottom:8%}
.hero-arte .i5{width:11%;left:47%;bottom:3%}

/* cintillo sin fin */
.marquee{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)}
.logos.track{flex-wrap:nowrap;justify-content:flex-start;width:max-content;gap:0;animation:rd-cintillo 45s linear infinite}
.logos.track li{padding:0 clamp(1.2rem,3vw,2.2rem);flex:none}
.marquee:hover .track{animation-play-state:paused}
@keyframes rd-cintillo{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marquee{-webkit-mask-image:none;mask-image:none}
  .logos.track{flex-wrap:wrap;justify-content:center;width:auto;gap:1.4rem 0}
  .logos.track li[aria-hidden]{display:none}
}

/* fotos de portada enteras, sin recorte */
.hero .hero-fotos{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,2vw,1rem)}
.hero .hero-fotos .foto img{object-fit:contain;height:auto;max-height:none}
@media (max-width:560px){.hero .hero-fotos{grid-template-columns:repeat(3,minmax(0,1fr))}.hero .hero-fotos .foto img{border-radius:10px}}

/* galerías con fotos enteras (sin recorte), en columnas */
.galeria-entera{columns:3;column-gap:1rem}
.galeria-entera.g4{columns:4}
.galeria-entera .foto{break-inside:avoid;margin-bottom:1rem}
.galeria-entera .foto img{aspect-ratio:auto;object-fit:contain;height:auto}
@media (max-width:860px){.galeria-entera,.galeria-entera.g4{columns:2}}

/* filas justificadas: fotos enteras a la misma altura */
.fila{display:flex;gap:1rem;align-items:flex-start}
.fila + .fila{margin-top:1rem}
.fila-item{min-width:0}
.fila .foto img{width:100%;height:auto;object-fit:contain}
@media (max-width:600px){
  .fila{gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.4rem}
  .fila + .fila{margin-top:.6rem}
  .fila-item{flex:0 0 auto!important;scroll-snap-align:start}
  .fila .foto img{height:260px;width:auto;max-width:none}
}

/* portada: fotos en fila; en celular se deslizan y se ven grandes */
.hero .hero-fotos{display:block}
@media (max-width:600px){
  .hero .hero-fotos .fila .foto img{height:min(440px,62vh);width:auto;max-width:none}
}

/* páginas de servicio: texto + ícono grande, fotos enteras debajo */
.hero-serv{padding-top:clamp(1.5rem,4vw,2.5rem)}
.hero-serv > .wrap:first-child{grid-template-columns:1fr auto}
.hero-ico{position:relative;width:clamp(160px,22vw,260px);aspect-ratio:1;display:grid;place-items:center}
.hero-ico span{position:absolute;inset:0;border-radius:50%;background:#FCE4EE}
.hero-ico img{position:relative;height:62%;width:auto}
@media (max-width:860px){.hero-serv > .wrap:first-child{grid-template-columns:1fr}.hero-ico{display:none}}
.hero-ico{height:clamp(160px,22vw,260px);align-self:center}
.clientes{padding-block:1.6rem}
.logos.track li{padding:0 clamp(1rem,2.4vw,1.8rem)}