:root{--bg: #ffffff;--fg: #1b1f23;--primary: #0f4c81;--primary-700: #0b355b;--muted: #5f6b7a}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,system-ui,-apple-system,sans-serif;color:var(--fg);background:var(--bg)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 16px}h1{font-size:40px;line-height:1.2;font-weight:800;margin:0 0 8px;letter-spacing:-.02em}h2{font-size:28px;line-height:1.3;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}h3{font-size:20px;line-height:1.4;font-weight:700;margin:0 0 6px}p{font-size:16px;line-height:1.7;margin:0 0 12px;font-weight:500}.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:1000}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:24px 0;position:relative}.brand{font-weight:900;color:var(--primary);letter-spacing:-.02em;z-index:1001}.brand img{height:88px;width:auto}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.hamburger span{display:block;height:3px;width:100%;background:var(--primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger span:nth-child(1){margin-bottom:4px}.hamburger span:nth-child(2){margin-bottom:4px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.desktop-nav{display:flex;align-items:center}.desktop-nav a{margin-left:16px;color:var(--muted);font-weight:600;transition:color .2s}.desktop-nav a.active{color:var(--primary);font-weight:700}.desktop-nav a:hover{color:var(--primary)}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:center;justify-content:center;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.mobile-nav.open{transform:translate(0)}.mobile-nav a{color:var(--fg);font-weight:600;font-size:24px;margin:16px 0;padding:12px 24px;border-radius:8px;transition:all .2s;text-align:center;min-width:200px}.mobile-nav a.active{color:var(--primary);background:#0f48811a;font-weight:700}.mobile-nav a:hover{color:var(--primary);background:#0f48810d}main.container{padding:32px 16px}.site-footer{border-top:1px solid #eee;padding:32px 0;color:var(--muted);margin-top:64px}@media (max-width: 768px){.mobile-menu-toggle{display:block}.desktop-nav{display:none}.mobile-nav{display:flex}.brand img{height:70px}.header-inner{padding:12px 20px}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{font-size:15px}.container{padding:0 12px}main.container{padding:20px 12px}.site-footer .container>div{flex-direction:column;align-items:flex-start!important;gap:16px}section>div>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.video-hero{height:400px}.video-hero-text h1{font-size:28px;margin-bottom:12px}.video-hero-text .hero-subtitle{font-size:16px;margin-bottom:20px}.video-hero-text .btn-large{padding:12px 24px;font-size:14px}.slider-btn{width:40px;height:40px;font-size:24px}.slider-btn-prev{left:8px}.slider-btn-next{right:8px}.services-grid{grid-template-columns:1fr;gap:16px}.service-card h3{font-size:18px}.service-card p{font-size:14px}.contact-grid{grid-template-columns:1fr!important;gap:32px!important}#contacto{padding:40px 0!important}#contacto h2{font-size:24px!important}#contacto p{font-size:16px!important}#contacto h3{font-size:20px!important}#contacto h4{font-size:14px!important}#contacto input,#contacto textarea,#contacto select{font-size:16px!important;padding:14px 16px!important}#contacto button{width:100%!important;padding:16px 24px!important;font-size:16px!important}}@media (max-width: 480px){.brand img{height:60px}.header-inner{padding:8px 20px}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}.video-hero{height:350px}.video-hero-text h1{font-size:24px}.video-hero-text .hero-subtitle{font-size:14px}.mobile-nav a{font-size:20px;margin:12px 0;padding:10px 20px}#contacto{padding:32px 0!important}#contacto h2{font-size:20px!important}#contacto p{font-size:14px!important}#contacto h3{font-size:18px!important}#contacto input,#contacto textarea,#contacto select{font-size:14px!important;padding:12px 14px!important}#contacto button{padding:14px 20px!important;font-size:14px!important}.products-section{padding:20px 0!important}.products-section h1{font-size:24px!important;margin-bottom:16px!important}.products-section p{font-size:16px!important;margin-bottom:32px!important}.products-section h2{font-size:20px!important;margin-bottom:16px!important}.about-section{padding:20px 0!important}.about-section h1{font-size:24px!important;margin-bottom:16px!important}.about-section p{font-size:16px!important;line-height:1.6!important;margin-bottom:20px!important}.about-section h3{font-size:18px!important;margin-bottom:12px!important}.about-section h4{font-size:16px!important;margin-bottom:8px!important}.product-detail-grid{grid-template-columns:1fr!important;gap:24px!important}.product-detail-grid>div:first-child{order:1}.product-detail-grid>div:last-child{order:2}.whatsapp-button{bottom:15px!important;right:15px!important;width:55px!important;height:55px!important}.whatsapp-tooltip{right:65px!important;font-size:12px!important;padding:6px 10px!important}}.whatsapp-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36666;transition:all .3s ease;z-index:1000;animation:pulse 2s infinite}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #25d36699}.whatsapp-button:active{transform:scale(.95)}.whatsapp-tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.whatsapp-tooltip:after{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);border:6px solid transparent;border-left-color:#333}.whatsapp-button:hover .whatsapp-tooltip{opacity:1;visibility:visible}@keyframes pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 10px #25d36600}to{box-shadow:0 0 #25d36600}}.hero{background:linear-gradient(180deg,#f6f9fc,#fff);border-bottom:1px solid #eee}.hero-inner{padding:48px 0}.hero-subtitle{color:var(--muted);max-width:720px;font-size:18px;font-weight:500}.hero .btn{display:inline-block;background:var(--primary);color:#fff;padding:10px 16px;border-radius:8px}.btn{display:inline-block;background:var(--primary);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;letter-spacing:-.01em}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.service-card{border:1px solid #eee;border-radius:12px;padding:0;overflow:hidden;transition:transform .3s,box-shadow .3s;background:#fff}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.service-image{width:100%;height:220px;overflow:hidden;background:#f5f5f5}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.service-card:hover .service-image img{transform:scale(1.05)}.service-card h3,.service-card p{padding:0 20px}.service-card h3{padding-top:20px;margin-bottom:8px}.service-card p{padding-bottom:20px}.service-card[href]:hover{cursor:pointer}.video-hero{position:relative;width:100%;height:600px;overflow:hidden;background:#000}.video-hero-content{position:relative;width:100%;height:100%}.video-container,.image-container{position:absolute;top:0;left:0;width:100%;height:100%}.video-container iframe{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);pointer-events:none}.image-container img{width:100%;height:100%;object-fit:cover;object-position:center}.image-slide-1 img,.image-slide-2 img{object-fit:contain;object-position:center}.video-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#0009);display:flex;align-items:center;z-index:2}.video-hero-text{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.video-hero-text h1{font-size:48px;font-weight:700;margin-bottom:16px}.video-hero-text .hero-subtitle{font-size:20px;line-height:1.6;max-width:700px;margin-bottom:24px;color:#fffffff2}.video-hero-text .btn-large{padding:14px 28px;font-size:16px;transition:transform .2s,box-shadow .2s}.video-hero-text .btn-large:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:48px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px}.slider-btn:hover{background:#ffffff4d}.slider-btn-prev{left:20px}.slider-btn-next{right:20px}.slider-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.slider-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#ffffff4d;cursor:pointer;transition:background .3s;padding:0}.slider-dot.active{background:#fff}.slider-dot:hover{background:#fff9}@media (max-width: 768px){.video-hero{height:450px}.video-hero-text h1{font-size:32px}.video-hero-text .hero-subtitle{font-size:16px}.slider-btn{width:40px;height:40px;font-size:36px}.slider-btn-prev{left:10px}.slider-btn-next{right:10px}}