:root{--blue:#2863dd;--navy:#061c32;--ink:#10233f;--yellow:#ffbd23;--green:#19ca73;--light:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.site-header{height:76px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:30px;padding:0 3.5%;position:sticky;top:0;z-index:10}.logo{font-weight:900;font-size:20px;letter-spacing:-1px;white-space:nowrap}.logo span{color:#fff}.site-header nav{margin:auto;background:#5484e6;padding:6px;border-radius:30px;display:flex;gap:5px}.site-header nav a{padding:12px 18px;font-size:14px;font-weight:600;border-radius:24px}.site-header nav .active,.top-cta{background:#fff;color:var(--blue)}.top-cta{background:var(--yellow);color:#111;padding:13px 21px;border-radius:24px;font-weight:800;font-size:14px}.hero{min-height:635px;padding:70px 7%;display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(5,24,44,.98),rgba(5,45,91,.76)),url('https://www.tatsaestacionarios.com/_next/image?url=%2Fimages%2Ffondo_hero_70.png&w=1920&q=75') center/cover}.hero-copy{z-index:1}.eyebrow,.badges span{display:inline-flex;align-items:center;gap:8px;border:1px solid #7891b3;border-radius:24px;background:#223a54b8;padding:10px 16px;font-size:13px;font-weight:700}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#20d37a}.hero h1{font-size:clamp(54px,6vw,96px);line-height:1.03;letter-spacing:-5px;margin:35px 0}.hero h1 span,.hero b{color:var(--yellow)}.hero p{font-size:18px;line-height:1.7;max-width:560px;color:#d4dfec}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.badges span{font-size:12px;padding:8px 13px}.hero-tank{display:flex;align-items:center;justify-content:center;position:relative}.hero-tank img{width:90%;max-width:610px;filter:drop-shadow(0 25px 30px #001b3e);animation:float 5s ease-in-out infinite}.hero-tank small{position:absolute;bottom:20px;right:20%;color:#9dafc4}.hero-actions{position:absolute;right:7%;bottom:35px;text-align:center}.hero-actions strong{display:block;margin-bottom:14px}.btn{display:inline-block;border:0;border-radius:28px;padding:15px 25px;font-weight:800;margin:4px}.btn.blue{background:var(--blue);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.yellow{background:var(--yellow);color:#111}.scroll-hint{position:absolute;bottom:10px;left:46%;color:#b9c7d6;font-size:13px}.section{padding:100px 7%}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.kicker{color:#2c65db;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1.5px}.section h2,.promo h2,.safety h2,.quote h2{font-size:clamp(35px,4vw,58px);line-height:1.05;letter-spacing:-3px;margin:14px 0}.section-intro p{color:#637289;line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid #dce5f0;border-radius:18px;padding:20px;position:relative;transition:.25s}.product-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #10356818}.product-card.featured{border:2px solid var(--blue)}.product-card em{position:absolute;top:14px;right:14px;background:var(--yellow);font-style:normal;font-size:10px;font-weight:900;padding:7px 10px;border-radius:10px}.product-image{height:230px;background:#f1f5fa;border-radius:12px;display:grid;place-items:center}.product-image img{width:90%;height:90%;object-fit:contain}.product-card h3{font-size:32px;margin:18px 0 4px}.product-card p{color:#708097}.specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2;padding:16px 0;margin:20px 0;gap:8px}.specs span{font-size:10px;color:#7d8ca1}.specs strong{display:block;color:var(--ink);font-size:11px;margin-top:5px}.outline{width:100%;padding:12px;border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:9px;font-weight:800}.promo{background:var(--blue);color:#fff;padding:70px 12%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.promo .kicker{color:#bcd1ff}.promo p{color:#d4e0ff}.promo img{width:230px}.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-img{height:470px;border-radius:20px;overflow:hidden}.about-img img{width:100%;height:100%;object-fit:cover}.about p{color:#637289;line-height:1.8}.stats{display:flex;gap:35px;margin-top:40px}.stats b{font-size:32px;color:var(--blue)}.stats small{display:block;font-size:10px;color:#76869d;margin-top:7px}.service-section{background:var(--light)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{min-height:390px;border-radius:18px;background-size:cover;background-position:center;padding:28px;display:flex;flex-direction:column;justify-content:end;color:#fff;position:relative;overflow:hidden}.service-grid article:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#061a35e8)}.service-grid h3,.service-grid p,.service-grid a{position:relative}.service-grid h3{font-size:25px;margin:0 0 8px}.service-grid p{font-size:13px;line-height:1.5;color:#e5edf8}.service-grid a{color:var(--yellow);font-weight:800;font-size:13px}.safety{background:#071c31;color:#fff;padding:100px 12%;display:flex;align-items:center;justify-content:space-between;gap:50px}.safety .kicker{color:#61a1ff}.safety p{max-width:500px;line-height:1.7;color:#b6c8dc}.safety-points{display:flex;gap:20px;flex-wrap:wrap;color:#9cc2f4;font-size:13px;margin:25px 0}.safety img{width:42%;max-width:520px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:url('https://www.tatsaestacionarios.com/_next/image?url=%2Fimages%2Fback-contacto.webp&w=1920&q=75') center/cover;color:#fff}.quote .kicker{color:#8fbbff}.quote p{color:#c8d7e9}.checks{line-height:2.2;color:#d9e5f5}.quote form{background:#fff;color:var(--ink);padding:32px;border-radius:18px;display:grid;gap:15px}.quote label{font-size:12px;font-weight:800}.quote input,.quote select,.quote textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d5deea;border-radius:8px;font:inherit}.quote textarea{height:80px;resize:vertical}.quote small{font-weight:400;color:#8995a6}.faq{max-width:900px;margin:auto}.faq h2{margin-bottom:35px}.faq-list details{border-bottom:1px solid #dce4ed;padding:20px 0}.faq-list summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:'+';color:var(--blue);font-size:22px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#66778e;line-height:1.6;max-width:700px}footer{background:#06182a;color:#fff;padding:55px 7%;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}footer p,footer a{color:#9db0c7;font-size:13px;line-height:1.8}footer div:nth-of-type(2){display:flex;flex-direction:column}footer small{grid-column:1/-1;color:#71859e}.float-wa{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:30px;z-index:5;box-shadow:0 10px 25px #0003}.modal{position:fixed;inset:0;background:#04182dcc;display:none;place-items:center;z-index:20;padding:20px}.modal.show{display:grid}.modal-box{background:#fff;max-width:430px;padding:35px;border-radius:18px;position:relative}.modal-box p{line-height:1.6;color:#65758a}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:#637289}@keyframes float{50%{transform:translateY(-12px)}}
@media(max-width:850px){.site-header{height:68px;padding:0 16px}.site-header nav{display:none}.top-cta{margin-left:auto;padding:11px 13px;font-size:12px}.hero{display:block;padding:55px 24px 120px;min-height:760px}.hero h1{font-size:59px;letter-spacing:-3px}.hero-tank{height:280px}.hero-tank img{width:100%}.hero-actions{left:24px;right:24px;bottom:36px}.scroll-hint{left:40%;bottom:10px}.section{padding:70px 24px}.section-intro,.about,.quote{display:block}.section-intro p{margin-top:25px}.product-grid,.service-grid{grid-template-columns:1fr}.about-img{height:290px;margin-bottom:40px}.stats{gap:18px}.stats b{font-size:24px}.safety{display:block;padding:70px 24px}.safety img{width:100%;margin-top:40px}.quote form{margin-top:35px}.promo{padding:60px 24px}.promo img{width:120px}footer{display:block;padding:45px 24px}footer p{margin:20px 0}footer small{display:block;margin-top:25px}}
