:root{--ink:#04161c;--deep:#0a2c36;--foam:#eaf6f3;--sand:#f3e7cf;--wax:#ffc83d;--tide:#1fb5a6;--r:14px}
@media (prefers-color-scheme:dark){:root{--foam:#eaf6f3}}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:17px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--foam);-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:"Bricolage Grotesque",Impact,"Arial Narrow",sans-serif;line-height:1.02;letter-spacing:-.02em}
a{color:inherit}img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--wax);outline-offset:3px}
.wrap{width:min(1120px,92%);margin:auto}
.btn{display:inline-block;background:var(--wax);color:var(--ink);font-weight:700;padding:.95em 1.6em;border-radius:99px;border:0;text-decoration:none;cursor:pointer;font-size:1rem;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6}
header.nav{position:absolute;inset:0 0 auto;z-index:3;padding:18px 0}
header.nav .wrap{display:flex;justify-content:space-between;align-items:center}
header.nav img{height:44px;width:auto}
.hero{position:relative;min-height:100svh;display:grid;align-items:end;color:#fff;background:var(--ink);overflow:hidden}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,22,28,.35),rgba(4,22,28,.88))}
.hero .wrap{position:relative;z-index:2;padding:0 0 9vh}
.hero h1{font-size:clamp(3rem,10vw,8rem);max-width:12ch}
.hero h1 span{display:block;overflow:hidden}
.hero h1 span i{display:block;font-style:normal;transform:translateY(105%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 span:nth-child(2) i{animation-delay:.15s}.hero h1 span:nth-child(3) i{animation-delay:.3s}
@keyframes up{to{transform:none}}
.hero p{max-width:46ch;margin:1.2rem 0 1.8rem;font-size:1.15rem;opacity:.92}
section{padding:clamp(56px,9vw,110px) 0}
h2{font-size:clamp(2rem,5vw,3.6rem);margin-bottom:.5rem}.sub{max-width:56ch;color:#35555d;margin-bottom:2.2rem}
.servicios{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.servicios div{background:var(--sand);padding:28px;border-radius:var(--r)}.servicios h3{font-size:1.5rem;margin-bottom:.4rem}
.modelos{background:var(--deep);color:#fff}.modelos .sub{color:#b9d4d4}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#0e3a46;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card .im{aspect-ratio:3/4;background:#fff;overflow:hidden}.card img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.card:hover img{transform:scale(1.05) rotate(-1deg)}
.card .tx{padding:18px 20px 22px;display:grid;gap:6px}.card h3{font-size:1.6rem}
.price s{opacity:.55;margin-right:.5em}.price b{color:var(--wax);font-size:1.25rem}
.card button{margin-top:8px;justify-self:start}
.lineas{margin-top:28px;color:#b9d4d4;font-size:.95rem}
.form-sec{background:var(--sand)}
.form-box{display:grid;gap:40px;grid-template-columns:1fr 1.2fr;align-items:start}
@media(max-width:820px){.form-box{grid-template-columns:1fr}}
form{background:#fff;padding:28px;border-radius:var(--r);display:grid;gap:14px}
fieldset{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}fieldset label{flex:1;min-width:110px}
fieldset input{position:absolute;opacity:0}fieldset span{display:block;text-align:center;padding:.7em;border:2px solid #cfdcd9;border-radius:99px;cursor:pointer;font-weight:600}
fieldset input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}fieldset input:focus-visible+span{outline:3px solid var(--wax)}
label.f{display:grid;gap:4px;font-size:.9rem;font-weight:600}
input,select,textarea{font:inherit;padding:.75em .9em;border:2px solid #cfdcd9;border-radius:10px;width:100%;background:#fff}
.row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:520px){.row{grid-template-columns:1fr}}
[hidden]{display:none!important}.chk{font-size:.85rem;display:flex;gap:8px;align-items:flex-start}.chk input{width:auto;margin-top:.3em}
#form-msg{font-weight:600}#form-msg.ok{color:#0b7a4b}#form-msg.err{color:#b3261e}
.hp{position:absolute;left:-9999px}
footer{background:var(--ink);color:#b9d4d4;padding:36px 0;font-size:.9rem}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:5;background:#25d366;color:#04161c;font-weight:700;padding:.8em 1.2em;border-radius:99px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.grecaptcha-badge{visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero video{display:none}.hero h1 span i{animation:none;transform:none}html{scroll-behavior:auto}}