:root{--noche:#020d2b;--tinta:#0e1630;--gris:#6b7385;--linea:#e3e6ec;--hueso:#f5f4f0;--blanco:#fff;--via:#e2824d;--via-txt:#b5541f;--emp:#009688;--emp-txt:#00796b;--petroleo:#0f2d4a;--dorado:#c9a44d;--vital:#4a5b85;--whatsapp:#1fa855;--display:"Bebas Neue",Impact,sans-serif;--logo:"Montserrat",system-ui,sans-serif;--texto:"Inter",system-ui,sans-serif;--pad:clamp(20px,4vw,56px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--blanco);color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--via);outline-offset:3px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.m-emp{--c:var(--emp);--c-txt:var(--emp-txt)}.m-via{--c:var(--via);--c-txt:var(--via-txt)}.m-vital{--c:var(--vital);--c-txt:var(--noche)}.m-petroleo{--c:var(--petroleo);--c-txt:var(--petroleo)}.m-whatsapp{--c:var(--whatsapp);--c-txt:var(--whatsapp)}.m-blanco{--c:#fff;--c-txt:var(--noche)}.foto{background:repeating-linear-gradient(135deg,#ffffff09 0 2px,#0000 2px 14px),linear-gradient(160deg,#3a3d44,#15171c);margin:0;position:relative;overflow:hidden}.foto:after{content:attr(data-codigo);font:500 12px/1.4 var(--texto);letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;position:absolute;bottom:14px;left:16px;right:16px}.foto img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.sube{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.sube.ve{opacity:1;transform:none}.entra{animation:1.1s cubic-bezier(.2,.7,.2,1) both entra}.entra.d2{animation-delay:.15s}.entra.d3{animation-delay:.3s}@keyframes entra{0%{opacity:0;filter:blur(12px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}.boton{background:var(--noche);color:#fff;cursor:pointer;font:600 13px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;border:0;align-items:center;gap:10px;padding:18px 26px;text-decoration:none;transition:background .2s;display:inline-flex}.boton:hover{background:var(--via-txt)}.boton.claro{color:var(--noche);border:1px solid var(--noche);background:#fff}.boton.claro:hover{background:var(--via);color:var(--noche)}.boton.wa{background:var(--whatsapp)}.tope{padding:28px var(--pad) 0;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.marca{font:900 clamp(40px,9.5vw,148px)/.82 var(--logo);letter-spacing:-.035em;color:var(--noche);text-transform:uppercase;margin:0;text-decoration:none}.marca span{color:var(--via)}.tope.chico .marca{font-size:clamp(32px,5vw,64px)}.menu{flex-direction:column;align-items:flex-end;gap:4px;padding-top:6px;display:flex}.menu a{font:600 12px/1.3 var(--texto);letter-spacing:.12em;text-transform:uppercase;color:var(--noche);text-decoration:none}.menu a:hover,.menu a[aria-current]{color:var(--via-txt)}.portada{gap:var(--pad);padding:clamp(28px,5vw,64px) var(--pad) 0;grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:end;display:grid}.portada h1{font:400 clamp(48px,7.4vw,124px)/.88 var(--display);letter-spacing:.005em;color:var(--noche);text-transform:uppercase;margin:0 0 28px}.portada h1 .r-emp{color:var(--emp)}.portada h1 .r-via{color:var(--via)}.portada p{color:var(--gris);max-width:30ch;margin:0 0 32px}.portada-medio{aspect-ratio:4/5;width:100%;max-height:78vh;position:relative}.portada .foto{width:100%;height:100%}.portada-video{z-index:2;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.portada-video.on{opacity:1}.cinta{height:22px;margin:var(--pad) var(--pad) 0;background:linear-gradient(90deg,var(--emp) 0 50%,var(--via) 50% 100%)}.manifiesto{background:var(--noche);color:#fff;margin:var(--pad);padding:clamp(48px,9vw,140px) var(--pad)}.manifiesto .rotulo{font:600 12px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--via);margin:0 0 28px}.manifiesto p.grande{font:500 clamp(26px,3.6vw,52px)/1.18 var(--texto);letter-spacing:-.02em;max-width:22ch;margin:0 0 0 auto}.manifiesto .pal{opacity:.18;transition:opacity .35s}.manifiesto .pal.on{opacity:1}.frentes{gap:var(--pad);padding:clamp(48px,8vw,120px) var(--pad);grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);align-items:start;display:grid}.frentes h2{font:400 clamp(40px,4.6vw,88px)/.88 var(--display);color:var(--noche);text-transform:uppercase;margin:0;position:sticky;top:32px}.lista{margin:0;padding:0;list-style:none}.lista button{all:unset;cursor:pointer;width:100%;font:400 clamp(26px,2.9vw,44px)/1.08 var(--texto);letter-spacing:-.03em;color:#b9bec9;transition:color .25s;display:block}.lista button:hover,.lista button[aria-selected=true]{color:var(--noche)}.lista button[aria-selected=true] .num{color:var(--c)}.lista .num{font:600 12px/1 var(--texto);letter-spacing:.1em;vertical-align:super;color:#b9bec9;margin-right:8px}.lista .pronto{font:500 11px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;border:1px solid;margin-left:8px;padding:4px 7px}.panel{position:sticky;top:32px}.panel .ficha{display:none}.panel .ficha.on{display:block}.panel .foto{aspect-ratio:4/5;width:100%}.detalle{border-top:4px solid var(--c,var(--noche));margin-top:18px;padding-top:18px}.detalle h3{font:600 20px/1.25 var(--texto);color:var(--noche);margin:0 0 8px}.detalle ul{color:var(--gris);margin:0 0 18px;padding-left:18px}.detalle .ir{font:600 13px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--c-txt,var(--noche));text-decoration:none}.detalle .ir:hover{text-decoration:underline}.detalle .marca-dest{font:500 12px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin:0 0 10px}.franja{margin:0 var(--pad);position:relative}.franja .foto{aspect-ratio:16/7;width:100%}.franja h2{z-index:2;color:#fff;font:400 clamp(40px,6.5vw,104px)/.88 var(--display);text-transform:uppercase;text-shadow:0 2px 30px #0006;max-width:10ch;margin:0;position:absolute;bottom:clamp(20px,4vw,48px);left:clamp(20px,4vw,48px)}.marcas{margin:2px var(--pad) 0;grid-template-columns:1fr 1fr;gap:2px;display:grid}.marca-card{color:#fff;flex-direction:column;justify-content:space-between;min-height:340px;padding:clamp(24px,4vw,48px);text-decoration:none;transition:filter .2s;display:flex}.marca-card.m-emp{background:var(--petroleo)}.marca-card.m-via{background:var(--noche)}.marca-card:hover{filter:brightness(1.07)}.marca-card small{font:600 12px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.marca-card.m-via small{color:var(--via);opacity:1}.marca-card strong{font:400 clamp(40px,5vw,76px)/.9 var(--display);text-transform:uppercase;margin:16px 0;display:block}.marca-card p{opacity:.92;max-width:36ch;margin:0 0 20px}.marca-card span.dom{font:600 13px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--c);align-self:flex-start;padding-bottom:4px}.metodo{gap:var(--pad);padding:clamp(48px,8vw,120px) var(--pad);grid-template-columns:repeat(3,1fr);display:grid}.metodo h2{font:400 clamp(44px,6vw,96px)/.88 var(--display);text-transform:uppercase;color:var(--noche);grid-column:1/-1;margin:0 0 8px}.paso{border-top:1px solid var(--linea);padding-top:20px}.paso b{font:400 64px/1 var(--display);color:var(--via);display:block}.paso h3{font:600 20px/1.25 var(--texto);color:var(--noche);margin:8px 0}.paso p{color:var(--gris);margin:0}.normas{background:var(--tinta);color:#fff;white-space:nowrap;padding:26px 0;overflow:hidden}.normas div{animation:60s linear infinite corre;display:inline-block}.normas span{font:400 clamp(24px,3vw,40px)/1 var(--display);letter-spacing:.02em;opacity:.9;margin-right:48px}.normas span:before{content:"§ ";color:var(--via)}@keyframes corre{to{transform:translate(-50%)}}.contacto{padding:clamp(56px,10vw,140px) var(--pad);gap:var(--pad);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;display:grid}.contacto h2{font:400 clamp(56px,9vw,150px)/.84 var(--display);text-transform:uppercase;color:var(--noche);margin:0 0 24px}.contacto .texto{color:var(--gris);max-width:40ch}.contacto .nota{color:var(--gris);border-left:3px solid var(--via);max-width:44ch;padding-left:12px;font-size:14px}.contacto .rutas{flex-direction:column;gap:10px;max-width:360px;margin-top:28px;display:flex}.contacto .rutas .boton{justify-content:space-between}.contacto .rutas .boton.emp:hover{background:var(--emp-txt)}.form{background:var(--hueso);flex-direction:column;gap:18px;padding:clamp(22px,3vw,40px);display:flex}.form .fila{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form label{font:600 13px/1.3 var(--texto);letter-spacing:.04em;text-transform:uppercase;color:var(--noche);flex-direction:column;gap:6px;display:flex}.form input,.form select,.form textarea{font:400 16px/1.4 var(--texto);text-transform:none;letter-spacing:0;color:var(--tinta);background:#fff;border:0;border-bottom:2px solid #c9cdd6;border-radius:0;padding:12px 10px}.form input:focus,.form select:focus,.form textarea:focus{border-bottom-color:var(--via);outline:none}.form .check{font:400 14px/1.45 var(--texto);text-transform:none;letter-spacing:0;color:var(--gris);flex-direction:row;align-items:flex-start;gap:10px}.form .check input{accent-color:var(--via);margin-top:3px}.form .boton{align-self:flex-start}.form__msg{color:var(--noche);min-height:1.2em;margin:0;font-size:14px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.pie{border-top:1px solid var(--linea);margin:0 var(--pad);color:var(--gris);flex-wrap:wrap;justify-content:space-between;gap:24px;padding:28px 0 40px;font-size:14px;display:flex}.pie nav{flex-wrap:wrap;gap:20px;display:flex}.pie a{text-decoration:none}.pie a:hover{color:var(--noche);text-decoration:underline}.wa-float{z-index:30;background:var(--whatsapp);border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #00000040}.wa-float svg{fill:#fff;width:28px;height:28px}.pagina{padding:clamp(40px,7vw,96px) var(--pad);max-width:880px}.pagina .rotulo{font:600 12px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--via-txt)}.pagina h1{font:400 clamp(48px,7vw,104px)/.9 var(--display);text-transform:uppercase;color:var(--noche);margin:12px 0 28px}.posts{flex-direction:column;display:flex}.post-link{border-top:1px solid var(--linea);padding:24px 0;text-decoration:none;display:block}.post-link h2{font:600 24px/1.25 var(--texto);letter-spacing:-.02em;color:var(--noche);margin:6px 0}.post-link p{color:var(--gris);margin:0}.post-link:hover h2{color:var(--via-txt)}.meta{font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--gris);text-decoration:none}.prose{font-size:18px;line-height:1.7}.prose h2{font:600 26px/1.25 var(--texto);letter-spacing:-.02em;color:var(--noche);margin:40px 0 12px}.prose h3{font:600 20px/1.3 var(--texto);margin:28px 0 8px}.prose a{color:var(--via-txt)}.prose blockquote{background:var(--hueso);border-left:4px solid var(--via);margin:24px 0;padding:14px 18px}.prose img{margin:24px 0}.prose table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linea);padding:10px 12px}.prose th{background:var(--hueso);font-weight:600}@media (width<=900px){.portada,.frentes,.contacto{grid-template-columns:1fr}.frentes h2,.panel{position:static}.metodo,.marcas{grid-template-columns:1fr}.franja .foto{aspect-ratio:4/3}.manifiesto{margin:var(--pad) 0}.menu{display:none}.form .fila{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sube{opacity:1;transition:none;transform:none}*{animation:none!important}}
