@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--navy:#1b2a5c;--navy-dark:#111d42;--navy-light:#2a3f7a;--sky:#4aa3df;--sky-light:#6bb8e8;--sky-dark:#3589c4;--sky-pale:#e8f4fc;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--accent-green:#10b981;--accent-green-light:#d1fae5;--accent-orange:#f59e0b;--gradient-brand:linear-gradient(135deg,var(--navy)0%,var(--sky)100%);--gradient-hero:linear-gradient(160deg,var(--navy-dark)0%,var(--navy)40%,var(--sky-dark)100%);--gradient-card:linear-gradient(135deg,#4aa3df14 0%,#1b2a5c0a 100%);--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%)var(--mouse-y,50%),#4aa3df1f,transparent 40%);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;--shadow-2xl:0 25px 50px -12px #0003;--shadow-glow:0 0 30px #4aa3df40;--shadow-card:0 4px 24px #1b2a5c14;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--max-width:1200px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-700);background-color:var(--white);line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--navy);font-weight:700;line-height:1.2}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4)}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24)0}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h2{margin-bottom:var(--space-4);display:inline-block;position:relative}.section-header h2:after{content:"";background:var(--gradient-brand);border-radius:var(--radius-full);width:60px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.section-header p{font-size:var(--font-size-lg);color:var(--gray-500);max-width:600px;margin:var(--space-6)auto 0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-base);font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-brand);color:var(--white);box-shadow:var(--shadow-md),0 0 0 0 #4aa3df66}.btn-primary:hover{box-shadow:var(--shadow-lg),0 0 20px #4aa3df4d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{border:2px solid var(--sky);color:var(--sky);background:0 0}.btn-outline:hover{background:var(--sky);color:var(--white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--navy);box-shadow:var(--shadow-md)}.btn-white:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-lg{padding:var(--space-4)var(--space-10);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn-whatsapp{color:var(--white);background:#25d366}.btn-whatsapp:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 8px 24px #25d3664d}.card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);transition:all var(--transition-base);border:1px solid var(--gray-100);position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-brand);opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--sky-pale);transform:translateY(-6px)}.card:hover:before{opacity:1}.navbar{z-index:1000;height:var(--nav-height);transition:all var(--transition-base);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #e2e8f080;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md);background:#fffffff2}.navbar .container{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);color:var(--navy);z-index:1001;font-weight:800;display:flex}.navbar-logo img{width:auto;height:40px}.navbar-logo span{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-links{align-items:center;gap:var(--space-1);display:flex}.navbar-links a{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);color:var(--gray-600);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;position:relative}.navbar-links a:after{content:"";background:var(--sky);width:0;height:2px;transition:width var(--transition-base);border-radius:var(--radius-full);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar-links a:hover{color:var(--navy);background:var(--sky-pale)}.navbar-links a:hover:after,.navbar-links a.active:after{width:60%}.navbar-links a.active{color:var(--navy);font-weight:600}.navbar-cta{margin-left:var(--space-4)}.navbar-cta .btn{padding:var(--space-2)var(--space-6);font-size:var(--font-size-sm)}.menu-toggle{padding:var(--space-2);z-index:1001;flex-direction:column;gap:5px;display:none}.menu-toggle span{background:var(--navy);border-radius:var(--radius-full);width:24px;height:2px;transition:all var(--transition-base)}.menu-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{background:var(--gradient-hero);min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#4aa3df26 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(circle,#4aa3df1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.hero-grid{background-image:linear-gradient(#4aa3df0d 1px,#0000 1px),linear-gradient(90deg,#4aa3df0d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.hero .container{z-index:1;gap:var(--space-16);padding-top:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-content{color:var(--white)}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--sky-light);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4aa3df26;border:1px solid #4aa3df4d;font-weight:500;display:inline-flex}.hero-badge:before{content:"";background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.hero h1{font-size:var(--font-size-6xl);color:var(--white);margin-bottom:var(--space-6);letter-spacing:-.02em;line-height:1.1}.hero h1 .highlight{background:linear-gradient(135deg,var(--sky-light),var(--sky));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{font-size:var(--font-size-lg);color:#ffffffb3;margin-bottom:var(--space-10);max-width:500px;line-height:1.8}.hero-buttons{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-image{justify-content:center;align-items:center;display:flex}.hero-image img{border-radius:var(--radius-2xl);filter:drop-shadow(0 25px 50px #0000004d);width:100%;max-width:520px;animation:6s ease-in-out infinite heroFloat}.hero-stats{gap:var(--space-10);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid #ffffff1a;display:flex}.hero-stat{text-align:left}.hero-stat-number{font-size:var(--font-size-3xl);color:var(--white);font-weight:800;display:block}.hero-stat-label{font-size:var(--font-size-sm);color:#ffffff80;font-weight:500}.products-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.product-card{padding:var(--space-10);text-align:left}.product-card .product-icon{border-radius:var(--radius-lg);background:var(--gradient-brand);width:64px;height:64px;margin-bottom:var(--space-6);justify-content:center;align-items:center;font-size:28px;display:flex}.product-card h3{margin-bottom:var(--space-3)}.product-card p{color:var(--gray-500);font-size:var(--font-size-sm);line-height:1.8}.product-features{margin-top:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.product-feature{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--gray-600);display:flex}.product-feature .check{background:var(--accent-green-light);width:20px;height:20px;color:var(--accent-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.features-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{text-align:center;padding:var(--space-10)var(--space-6)}.feature-card .feature-icon{border-radius:var(--radius-xl);background:var(--sky-pale);width:72px;height:72px;margin:0 auto var(--space-6);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:32px;display:flex}.feature-card:hover .feature-icon{background:var(--gradient-brand);transform:scale(1.1)rotate(-5deg)}.feature-card h4{margin-bottom:var(--space-3)}.feature-card p{color:var(--gray-500);font-size:var(--font-size-sm)}.cta-section{background:var(--gradient-hero);padding:var(--space-20)0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";background:#4aa3df1a;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.cta-section .container{z-index:1;position:relative}.cta-section h2{color:var(--white);margin-bottom:var(--space-4)}.cta-section p{color:#ffffffb3;font-size:var(--font-size-lg);max-width:500px;margin:0 auto var(--space-10)}.cta-buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.footer{background:var(--gray-900);color:var(--gray-400);padding:var(--space-16)0 var(--space-8)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1.5fr;display:grid}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);color:var(--white);font-weight:800;display:flex}.footer-logo img{width:auto;height:36px}.footer-brand p{font-size:var(--font-size-sm);color:var(--gray-400);line-height:1.8}.footer-column h4{color:var(--white);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-6);font-weight:600}.footer-column ul{gap:var(--space-3);flex-direction:column;display:flex}.footer-column a{font-size:var(--font-size-sm);color:var(--gray-400);transition:color var(--transition-fast)}.footer-column a:hover{color:var(--sky-light)}.footer-address{font-size:var(--font-size-sm);font-style:normal;line-height:1.8}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-8);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.whatsapp-float{z-index:9999;cursor:pointer;width:60px;height:60px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite whatsappBounce;display:flex;position:fixed;bottom:28px;right:28px}.whatsapp-float img{filter:drop-shadow(0 4px 12px #25d36666);width:60px;height:60px;transition:all var(--transition-base);border-radius:50%}.whatsapp-float:hover{animation:none;transform:scale(1.12)}.whatsapp-float:hover img{filter:drop-shadow(0 6px 20px #25d36680)}.whatsapp-float:before{content:"";opacity:.3;background:#25d366;border-radius:50%;width:60px;height:60px;animation:2s ease-out infinite whatsappPulse;position:absolute}.whatsapp-tooltip{background:var(--white);color:var(--gray-700);padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);white-space:nowrap;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--transition-base);font-weight:500;position:absolute;top:50%;right:72px;transform:translateY(-50%)}.whatsapp-float:hover .whatsapp-tooltip{opacity:1}.about-hero{background:var(--gradient-hero);padding:calc(var(--nav-height) + var(--space-16))0 var(--space-16);text-align:center;color:var(--white)}.about-hero h1{color:var(--white);margin-bottom:var(--space-4)}.about-hero p{color:#ffffffb3;font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.page-hero{background:var(--gradient-hero);padding:calc(var(--nav-height) + var(--space-16))0 var(--space-16);text-align:center;color:var(--white);position:relative;overflow:hidden}.page-hero:before{content:"";background:#4aa3df1a;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.page-hero h1{color:var(--white);margin-bottom:var(--space-4);z-index:1;position:relative}.page-hero p{color:#ffffffb3;font-size:var(--font-size-lg);z-index:1;max-width:600px;margin:0 auto;position:relative}.mv-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.mv-card{padding:var(--space-10)}.mv-card .mv-icon{border-radius:var(--radius-lg);background:var(--sky-pale);width:56px;height:56px;margin-bottom:var(--space-6);justify-content:center;align-items:center;font-size:24px;display:flex}.mv-card h3{margin-bottom:var(--space-4)}.mv-card p{color:var(--gray-500)}.office-section{background:var(--gray-50)}.office-grid{gap:var(--space-10);grid-template-columns:1fr 1fr;align-items:center;display:grid}.office-info h3{margin-bottom:var(--space-6)}.office-details{gap:var(--space-6);flex-direction:column;display:flex}.office-detail{gap:var(--space-4);display:flex}.office-detail .detail-icon{border-radius:var(--radius-md);background:var(--sky-pale);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.office-detail h4{font-size:var(--font-size-sm);margin-bottom:var(--space-1);font-weight:600}.office-detail p{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:0}.map-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);height:380px;overflow:hidden}.map-container iframe{border:0;width:100%;height:100%}.contact-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.contact-info-cards{gap:var(--space-6);flex-direction:column;display:flex}.contact-card{gap:var(--space-4);padding:var(--space-6);display:flex}.contact-card .contact-icon{border-radius:var(--radius-lg);background:var(--sky-pale);width:52px;height:52px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.contact-card:hover .contact-icon{background:var(--gradient-brand)}.contact-card h4{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.contact-card p{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:0}.contact-form{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-card);border:1px solid var(--gray-100)}.contact-form h3{margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-group label{font-size:var(--font-size-sm);color:var(--gray-700);margin-bottom:var(--space-2);font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--gray-700);background:var(--white);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 3px #4aa3df26}.form-group textarea{resize:vertical;min-height:120px}.product-detail{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.product-detail.reverse{direction:rtl}.product-detail.reverse>*{direction:ltr}.product-detail-image{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.product-detail-image img{border-radius:var(--radius-xl);width:100%}.product-detail-content h3{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.product-detail-content .product-badge{padding:var(--space-1)var(--space-4);background:var(--sky-pale);color:var(--sky-dark);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:600;display:inline-flex}.product-detail-content p{color:var(--gray-500);line-height:1.8}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes whatsappPulse{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes whatsappBounce{0%,to{transform:translateY(0)}15%{transform:translateY(-8px)}30%{transform:translateY(0)}45%{transform:translateY(-4px)}60%{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{opacity:0;animation:.6s ease-out forwards fadeInUp}.animate-fade-in{opacity:0;animation:.6s ease-out forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}@media (max-width:1024px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}.hero .container{text-align:center;grid-template-columns:1fr}.hero h1{font-size:var(--font-size-4xl)}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.hero-image{order:-1}.hero-image img{max-width:400px}.products-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.product-detail,.product-detail.reverse{direction:ltr;grid-template-columns:1fr}.contact-grid,.office-grid,.mv-grid{grid-template-columns:1fr}}@media (max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.section{padding:var(--space-16)0}.hero h1{font-size:var(--font-size-3xl)}.hero-stats{gap:var(--space-4);flex-direction:column;align-items:center}.hero-stat{text-align:center}.navbar-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#fffffffa;flex-direction:column;position:fixed;inset:0}.navbar-links.open{opacity:1;pointer-events:all}.navbar-links a{font-size:var(--font-size-xl);padding:var(--space-3)var(--space-6)}.navbar-cta{margin-left:0;margin-top:var(--space-4)}.menu-toggle{display:flex}.features-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}.whatsapp-float{width:52px;height:52px;bottom:20px;right:20px}.whatsapp-float img,.whatsapp-float:before{width:52px;height:52px}.whatsapp-tooltip{display:none}}@media (max-width:480px){.container{padding:0 var(--space-4)}.hero h1{font-size:var(--font-size-2xl)}.hero-buttons{flex-direction:column;align-items:center}.btn-lg{text-align:center;width:100%}}