:root{--navy: #1f2a8a;--navy-700: #182072;--green: #7cb342;--green-700: #5e8e2e;--sun: #f5b400;--bg: #ffffff;--bg-soft: #f6f8fb;--text: #0f172a;--text-soft: #475569;--border: #e6eaf0;--shadow: 0 10px 30px rgba(15, 23, 42, .08);--radius: 16px;--maxw: 1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}section{padding:96px 0}@media (max-width: 720px){section{padding:64px 0}}.eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--green-700);margin-bottom:14px}h1,h2,h3{color:var(--navy);letter-spacing:-.02em;line-height:1.15;margin:0}h1{font-size:clamp(36px,6vw,64px);font-weight:800}h2{font-size:clamp(28px,4vw,44px);font-weight:700}h3{font-size:20px;font-weight:700}p{color:var(--text-soft);font-size:17px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:15px;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease;cursor:pointer}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-700);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-ghost{background:transparent;color:var(--navy);border-color:var(--border)}.btn-ghost:hover{border-color:var(--navy)}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#1ebe5b;transform:translateY(-1px);box-shadow:var(--shadow)}.nav{position:sticky;top:0;z-index:50;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy)}.brand img{height:40px;width:auto}.nav-links{display:flex;gap:28px}.nav-links a{font-size:15px;color:var(--text);font-weight:500}.nav-links a:hover{color:var(--navy)}.nav-cta{display:flex;gap:10px;align-items:center}.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);margin:5px 0;transition:.2s}@media (max-width: 860px){.nav-links,.nav-cta .btn-ghost{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;gap:0;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:8px 24px 16px}.nav-links.open a{padding:14px 0;border-bottom:1px solid var(--border)}}.hero{padding:96px 0 64px;position:relative;overflow:hidden;color:#fff}.hero-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-video{width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(124,179,66,.18),transparent 60%),radial-gradient(ellipse 50% 70% at 85% 15%,rgba(37,211,102,.12),transparent 55%),radial-gradient(circle at 70% 40%,rgba(245,180,0,.06),transparent 50%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;gap:48px;grid-template-columns:1.1fr .9fr;align-items:center}@media (max-width: 920px){.hero-grid{grid-template-columns:1fr}}.hero .eyebrow{color:#ffffffbf}.hero h1{color:#fff}.hero h1 span{color:#7ce34a}.hero-lead{font-size:19px;margin:22px 0 32px;max-width:540px;color:#ffffffd9}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.hero .btn-ghost{color:#fff;border-color:#ffffff59}.hero .btn-ghost:hover{border-color:#fff;background:#ffffff14}.hero-stats{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:520px}.hero-stats div{border-left:2px solid rgba(124,227,74,.7);padding-left:14px}.hero-stats strong{display:block;font-size:24px;color:#fff;font-weight:800}.hero-stats span{font-size:13px;color:#ffffffb3}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at center,rgba(124,227,74,.12),transparent 60%);animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-logo{position:relative;width:70%;max-width:360px;border-radius:20px;box-shadow:0 20px 50px #1f2a8a40}.about{background:#f8f9fb;position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media (max-width: 860px){.about-grid{grid-template-columns:1fr}}.about-text-col,.about-cards-col{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.about-banner-card{position:relative;width:100%;height:160px;border-radius:var(--radius);overflow:hidden;margin-bottom:20px;box-shadow:0 8px 30px #0f172a1f}.about-banner-video{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.about-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1f2a8a26,#7cb34214);pointer-events:none}.glow-text{color:var(--green);animation:glowPulse 2.5s ease-in-out infinite}@keyframes glowPulse{0%,to{text-shadow:0 0 8px rgba(124,179,66,.3)}50%{text-shadow:0 0 20px rgba(124,179,66,.6),0 0 40px rgba(124,179,66,.2)}}.float-slow{animation:floatSlow 4s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pulse-dot{animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 #7cb34280}50%{box-shadow:0 0 0 8px #7cb34200}}.about-points{display:grid;gap:20px;margin-top:0;padding:0;list-style:none}.about-points li{list-style:none;display:flex;gap:14px;align-items:flex-start;padding:20px 18px;background:#fff;border:1px solid var(--border);border-radius:12px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;will-change:transform;cursor:default}.about-points .dot{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:8px;flex:0 0 10px}#galeria{background:#f8f9fb;position:relative}.gallery-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-grid .tile{border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(135deg,#eaf2ff,#f3faea);display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:600;border:1px solid var(--border)}.tile.span-2{grid-column:span 2}.tile.span-2-row{grid-row:span 2}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(15,23,42,.55))}.tile span{position:relative;z-index:1;text-shadow:0 1px 8px rgba(0,0,0,.4)}.tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#servicios{background:#f8f9fb;position:relative;overflow:hidden}.servicios-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.servicios-video{width:100%;height:100%;object-fit:cover;filter:brightness(.35) blur(3px);transform:scale(1.05)}.servicios-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.servicios-overlay:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(ellipse 40% 35% at 25% 75%,rgba(124,179,66,.32),transparent 55%),radial-gradient(ellipse 30% 40% at 75% 25%,rgba(31,42,138,.28),transparent 50%),radial-gradient(circle at 55% 45%,rgba(245,180,0,.14),transparent 40%),radial-gradient(ellipse 35% 30% at 15% 55%,rgba(14,165,233,.18),transparent 50%),radial-gradient(ellipse 45% 35% at 85% 70%,rgba(31,42,138,.2),transparent 50%);animation:serviciosAurora 12s ease-in-out infinite alternate;will-change:transform}@keyframes serviciosAurora{0%{transform:translate(-5%,-3%) rotate(0)}33%{transform:translate(3%,2%) rotate(3deg)}66%{transform:translate(-2%,4%) rotate(-2deg)}to{transform:translate(4%,-3%) rotate(1deg)}}#servicios .container{position:relative;z-index:1}#servicios .eyebrow{color:#fffc}#servicios h2{color:#fff}#servicios .section-head p{color:#ffffffd9}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 900px){.services-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.services-grid{grid-template-columns:1fr}}.service-card{background:#ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,border-color .3s ease}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00000040}.service-title{color:#fff;font-size:21px;font-weight:700;margin-bottom:12px;padding-bottom:12px;position:relative;display:inline-block}.service-title:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--green),var(--sun),var(--navy));background-size:200% 100%;animation:titleShimmer 3s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.service-card p{color:#ffffffd9}.service-card ul{padding-left:18px;margin:12px 0 0;color:#ffffffbf;font-size:15px}.service-card ul li{margin-bottom:4px}.featured-products{background:#f8f9fb;position:relative}.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}@media (max-width: 1100px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 720px){.products-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:4px 24px 12px;margin:0 -24px;scrollbar-width:none}.products-grid::-webkit-scrollbar{display:none}.products-grid .product-card{flex:0 0 280px;scroll-snap-align:start}}.product-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:0;text-align:center;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 14px 38px #0f172a1f;border-color:var(--green)}.product-photo-wrap{width:100%;height:180px;overflow:hidden}.product-photo{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-photo{transform:scale(1.08)}.product-card h3{color:var(--navy);margin:20px 22px 0}.product-card p{margin:8px 22px 0;font-size:14px;color:var(--text-soft);line-height:1.6}.product-tag{display:inline-block;margin-top:14px;padding:6px 14px;border-radius:999px;background:#7cb3421a;color:var(--green-700);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.water-section{background:#f8f9fb;position:relative;overflow:hidden}.water-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.water-video{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.water-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 30% 70%,rgba(14,165,233,.12),transparent 60%),radial-gradient(ellipse 50% 60% at 70% 30%,rgba(31,42,138,.08),transparent 55%);pointer-events:none}.water-section .container{position:relative;z-index:1}.water-section .eyebrow{color:#fffc}.water-section h2{color:#fff}.water-section .section-head p{color:#ffffffd9}.water-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 920px){.water-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.water-grid{grid-template-columns:1fr}}.water-card{background:#ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:32px 24px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.water-card:hover{transform:translateY(-4px);background:#ffffff29;border-color:#ffffff59;box-shadow:0 8px 32px #0000002e}.water-badge{width:fit-content;margin-bottom:18px}.water-icon{width:56px;height:56px;border-radius:16px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;color:#fff}.water-card h3{color:#fff;margin-bottom:8px}.water-desc{font-size:15px;color:#ffffffd9;margin-bottom:16px}.water-features{list-style:none;padding:0;margin:0 0 auto;display:grid;gap:10px}.water-features li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#ffffffbf}.water-features li svg{flex-shrink:0;margin-top:2px}.water-banner-card{position:relative;width:100%;height:300px;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px #0f172a24}.water-banner-video{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.water-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0ea5e933,#1f2a8a1a);pointer-events:none}.contact{background:#f8f9fb;position:relative}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media (max-width: 860px){.contact-grid{grid-template-columns:1fr}}.contact-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px}.contact-list{display:grid;gap:18px;margin-top:8px}.contact-item{display:flex;gap:14px;align-items:flex-start}.contact-item .ic{width:42px;height:42px;border-radius:12px;background:#1f2a8a14;color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item h4{margin:0 0 2px;color:var(--navy);font-size:15px}.contact-item p{margin:0;font-size:15px}.contact-item a{color:var(--navy);font-weight:500}.contact-item a:hover{text-decoration:underline}.contact-form{display:grid;gap:14px}.contact-form label{font-size:13px;font-weight:600;color:var(--navy)}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#fff;font-family:inherit;font-size:15px;color:var(--text);transition:border-color .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--navy)}.contact-form textarea{min-height:120px;resize:vertical}.section-head{max-width:720px;margin-bottom:56px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.reveal{will-change:opacity,transform;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}.footer{background:var(--navy);color:#fff;padding:56px 0 24px}.footer .container{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}@media (max-width: 800px){.footer .container{grid-template-columns:1fr}}.footer h4{color:#fff;margin:0 0 14px;font-size:14px;letter-spacing:1px;text-transform:uppercase}.footer a,.footer p{color:#ffffffc7;font-size:14px}.footer a:hover,.footer .brand{color:#fff}.socials{display:flex;gap:12px;margin-top:12px}.socials a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;transition:background .2s ease}.socials a:hover{background:#ffffff2e}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;text-align:center;font-size:13px;color:#fff9}.wa-fab{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #25d36673;transition:transform .2s ease}.wa-fab:hover{transform:scale(1.08)}.wa-fab:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(37,211,102,.4);animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:1}to{transform:scale(1.4);opacity:0}}.brands-banner{position:relative;width:100%;height:180px;border-radius:var(--radius);overflow:hidden;margin-bottom:32px;box-shadow:0 8px 30px #0f172a1f}.brands-banner-video{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.brands-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1f2a8a1f,#7cb3420f);pointer-events:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gradient-text{background:linear-gradient(135deg,var(--navy) 0%,var(--green) 50%,var(--sun) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-light{background:linear-gradient(135deg,#7ce34a,#4ade80 40%,#facc15);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(400px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),rgba(124,179,66,.08),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.spotlight-card:hover:before{opacity:1}.spotlight-card>*{position:relative;z-index:1}