body{font-family:Inter,Arial,sans-serif;background:#fff;color:#10233f}.site-header{position:sticky;top:0;left:auto;right:auto;width:auto;height:76px;background:#2863dd;color:#fff;border:0;box-shadow:none;padding:0 3.5%;backdrop-filter:none}.site-header .logo img{width:185px;height:58px;mix-blend-mode:screen;filter:none}.site-header nav{background:#5484e6;margin:auto;gap:5px}.site-header nav a{color:#fff;padding:12px 18px;border-radius:24px;border:0}.site-header nav .active{background:#fff;color:#2863dd}.top-cta{background:#f56b1f;color:#fff;border-radius:24px;padding:13px 21px}.hero{min-height:635px;padding:70px 7%;display:grid;grid-template-columns:48% 52%;gap:0;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;color:#fff}.hero:after{display:none}.hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(54px,6vw,96px);line-height:1.03;letter-spacing:-5px;color:#fff;margin:35px 0}.hero h1 span{color:#f56b1f}.hero p{color:#d4dfec}.hero-tank{width:auto;border:0;background:transparent;padding:0;box-shadow:none;transform:none;justify-self:stretch}.hero-tank img{width:90%;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%;left:auto;bottom:35px;text-align:center}.section{padding:100px 7%;max-width:none}.section h2,.promo h2,.safety h2,.quote h2{font-family:Inter,Arial,sans-serif;font-size:clamp(35px,4vw,58px);letter-spacing:-3px}.product-grid{grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid #dce5f0;border-radius:18px;background:#fff;padding:20px;box-shadow:none}.product-card.featured{transform:none;border:2px solid #f56b1f}.product-card .product-image{height:230px;border-radius:12px}.product-card h3,.product-card p,.product-card .specs,.product-card button{margin-left:0;margin-right:0}.product-card h3{font-size:32px}.promo{background:#2863dd;padding:70px 12%;min-height:0}.promo img{width:230px;filter:none}.about{background:#fff;color:#10233f}.about-img{height:470px;border-radius:20px;border:0}.service-section{background:#f4f7fb}.service-grid{grid-template-columns:repeat(3,1fr)}.service-grid article,.service-grid article:first-child{min-height:390px}.safety{background:#071c31;color:#fff;padding:100px 12%}.safety .kicker{color:#61a1ff}.safety p{color:#b6c8dc}.safety img{width:42%;filter:none;mix-blend-mode:normal}.quote{background:url('https://www.tatsaestacionarios.com/_next/image?url=%2Fimages%2Fback-contacto.webp&w=1920&q=75') center/cover;padding:100px 7%}.faq{max-width:900px}.quote form{border-top:5px solid #f56b1f}.modal-box{border-radius:18px;border-top:5px solid #f56b1f}
@media(max-width:850px){.site-header{height:68px}.site-header .logo img{width:150px;height:54px}.site-header nav{display:none}.hero{display:block;padding:55px 24px 120px;min-height:760px}.hero h1{font-size:59px}.hero-tank{height:280px;margin-top:20px}.hero-tank img{width:100%}.hero-actions{left:24px;right:24px;bottom:36px}.product-grid,.service-grid{grid-template-columns:1fr}.promo{padding:60px 24px}.promo img{width:120px}.about{display:block}.about-img{height:290px;margin-bottom:40px}.safety{padding:70px 24px}.safety img{width:100%;margin-top:40px}.quote{padding:70px 24px}}
.site-header{background:#fff;color:#10233f;box-shadow:0 4px 18px #0b23411c}.site-header .logo img{mix-blend-mode:multiply}.site-header nav{background:#f0f3f7}.site-header nav a{color:#10233f}.site-header nav .active{background:#fff;color:#f56b1f}.top-cta{background:#f56b1f;color:#fff}
.hero{background:#fff;color:#10233f;min-height:620px;border-bottom:1px solid #e1e6e5}.hero h1{color:#10233f}.hero p{color:#5d7182}.hero:before{content:'GR SOLUCIONES EN GAS';position:absolute;right:5%;top:110px;color:#eef1f0;font-size:clamp(36px,7vw,100px);font-weight:900;letter-spacing:-.08em;z-index:0;white-space:nowrap}.hero-copy,.hero-tank{position:relative;z-index:1}.hero-tank img{filter:drop-shadow(0 20px 25px #0b23412c)}.hero-tank small{color:#5d7182}.hero-actions strong{color:#f56b1f}.hero-actions .btn.blue{background:#10233f}
.site-header{height:88px;top:12px;left:3%;right:3%;width:94%;border-radius:18px;padding:0 20px;box-shadow:0 16px 40px #10233f18;border:1px solid #e6ebea}.site-header:before{content:'GR / GAS LP';font:700 9px 'Space Grotesk';letter-spacing:.16em;color:#f56b1f;position:absolute;left:228px;top:18px}.site-header .logo img{width:178px;height:64px}.site-header nav{padding:4px;background:#f4f6f5;border:1px solid #e2e8e5;border-radius:12px;gap:2px}.site-header nav a{position:relative;padding:13px 16px;border-radius:8px;font-size:12px;font-weight:700;transition:all .25s ease}.site-header nav a:hover{background:#fff;color:#f56b1f;transform:translateY(-1px)}.site-header nav .active{background:#10233f;color:#fff;box-shadow:0 5px 12px #10233f20}.top-cta{border-radius:8px;background:#f56b1f;padding:14px 18px;box-shadow:5px 5px 0 #10233f;transition:transform .25s ease,box-shadow .25s ease}.top-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #10233f}
@media(max-width:850px){.site-header{top:0;left:0;right:0;width:100%;height:68px;border-radius:0;padding:0 12px}.site-header:before{display:none}.site-header .logo img{width:150px;height:56px}.top-cta{box-shadow:3px 3px 0 #10233f;padding:11px 13px}}