@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";
:root{--rojo:#e63946;--rojo-oscuro:#c92e3c;--negro:#1a1a1a;--blanco:#fff;--gris-claro:#f5f5f5;--gris-medio:#888;--gris-borde:#eaeaea;--fondo-oscuro:#0d1117;--fuente-titular:"Oswald", sans-serif;--fuente-cuerpo:"Inter", sans-serif;--radio-btn:30px;--transicion:.3s ease;--sombra-card:0 4px 20px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--fuente-cuerpo);color:var(--negro);background:var(--blanco);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.full-bleed{width:100vw;position:relative;left:50%;transform:translate(-50%)}.btn-cta{background:var(--rojo);color:var(--blanco);font-family:var(--fuente-titular);letter-spacing:2px;text-transform:uppercase;border-radius:var(--radio-btn);cursor:pointer;transition:background var(--transicion), transform var(--transicion);border:none;padding:14px 36px;font-size:14px;font-weight:600;display:inline-block}.btn-cta:hover{background:var(--rojo-oscuro);transform:translateY(-2px)}.section-dark{background:var(--fondo-oscuro);color:var(--blanco)}.section-title{font-family:var(--fuente-titular);text-transform:uppercase;letter-spacing:3px;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.1}.section-subtitle{color:var(--gris-medio);max-width:560px;margin-top:12px;font-size:16px}.section-label{text-transform:uppercase;letter-spacing:3px;color:var(--rojo);margin-bottom:12px;font-size:11px;font-weight:600}.header{z-index:1000;background:var(--blanco);border-bottom:1px solid var(--gris-borde);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.header-logo img{object-fit:contain;width:auto;height:44px}.header-nav{align-items:center;gap:36px;display:flex}.header-nav a{font-family:var(--fuente-titular);letter-spacing:2px;text-transform:uppercase;color:var(--negro);transition:color var(--transicion);font-size:13px;font-weight:600;position:relative}.header-nav a:after{content:"";background:var(--rojo);width:0;height:2px;transition:width var(--transicion);position:absolute;bottom:-4px;left:0}.header-nav a:hover{color:var(--rojo)}.header-nav a:hover:after{width:100%}.header-right{align-items:center;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--negro);width:24px;height:2px;transition:all var(--transicion);display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--blanco);border-top:1px solid var(--gris-borde);flex-direction:column;gap:20px;padding:24px;display:none}.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--fuente-titular);letter-spacing:2px;text-transform:uppercase;color:var(--negro);transition:color var(--transicion);font-size:18px;font-weight:600}.mobile-menu a:hover{color:var(--rojo)}.hero{justify-content:center;align-items:center;width:100%;height:100vh;min-height:560px;display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;transform-origin:50%;background-position:50%;background-size:cover;animation:18s ease-in-out infinite kenBurns;position:absolute;inset:0}.hero-slide:first-child{animation-delay:0s}.hero-slide:nth-child(2){animation-delay:6s}.hero-slide:nth-child(3){animation-delay:12s}@keyframes kenBurns{0%{opacity:0;transform:scale(1.05)translate(0)}5%{opacity:1}28%{opacity:1}33%{opacity:0;transform:scale(1.12)translate(-1%,-1%)}to{opacity:0;transform:scale(1.12)translate(-1%,-1%)}}.hero-overlay{z-index:1;background:#0000008c;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;color:var(--blanco);max-width:820px;padding:0 24px;position:relative}.hero-label{letter-spacing:4px;text-transform:uppercase;color:var(--rojo);margin-bottom:20px;font-size:11px;font-weight:600}.hero-title{font-family:var(--fuente-titular);text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 20px #0006;margin-bottom:24px;font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.05}.hero-subtitle{opacity:.9;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(15px,2vw,18px);font-weight:300;line-height:1.7}.marquee-band{background:var(--negro);padding:16px 0;overflow:hidden}.marquee-track{gap:0;width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{white-space:nowrap;font-family:var(--fuente-titular);letter-spacing:3px;text-transform:uppercase;color:var(--blanco);align-items:center;gap:24px;padding:0 32px;font-size:13px;font-weight:600;display:inline-flex}.marquee-dot{background:var(--rojo);border-radius:50%;flex-shrink:0;width:6px;height:6px}.piezas-section{background:var(--blanco);padding:100px 0}.section-header{margin-bottom:60px}.productos-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.product-card{background:var(--blanco);border:1px solid var(--gris-borde);cursor:pointer;transition:box-shadow var(--transicion), transform var(--transicion);border-radius:4px;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--sombra-card);transform:translateY(-4px)}.product-card:after{content:"";background:var(--rojo);width:0;height:3px;transition:width var(--transicion);position:absolute;bottom:0;left:0}.product-card:hover:after{width:100%}.card-image{aspect-ratio:4/3;background:var(--gris-claro);width:100%;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transicion)}.product-card:hover .card-image img{transform:scale(1.04)}.card-placeholder{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-placeholder svg{opacity:.2}.card-body{padding:20px}.card-category{letter-spacing:3px;text-transform:uppercase;color:var(--rojo);margin-bottom:8px;font-size:11px;font-weight:600}.card-title{font-family:var(--fuente-titular);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:20px;font-weight:600;line-height:1.2}.card-desc{color:var(--gris-medio);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{background:var(--gris-claro);border-top:1px solid var(--gris-borde);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card-price{font-family:var(--fuente-titular);color:var(--negro);font-size:18px;font-weight:700}.card-sku{color:var(--gris-medio);letter-spacing:1px;font-size:11px}.casos-section{background:var(--fondo-oscuro);color:var(--blanco);padding:100px 0}.casos-section .section-subtitle{color:#ffffff80}.videos-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;display:grid}.video-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.video-wrapper{aspect-ratio:16/9;width:100%;position:relative}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-info{padding:20px}.video-title{font-family:var(--fuente-titular);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:16px;font-weight:600}.video-desc{color:#ffffff80;font-size:13px;line-height:1.5}.servicios-section{background:var(--fondo-oscuro);color:var(--blanco);padding:100px 0}.servicios-section .section-subtitle{color:#ffffff8c}.servicios-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;display:grid}.servicio-card{text-align:center;transition:var(--transicion);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:32px 24px}.servicio-card:hover{border-color:var(--rojo);background:#e6394614;transform:translateY(-4px)}.servicio-icono{width:64px;height:64px;color:var(--rojo);background:#e6394626;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.servicio-titulo{font-family:var(--fuente-titular);text-transform:uppercase;letter-spacing:1.5px;color:var(--blanco);margin:0 0 12px;font-size:16px;font-weight:600}.servicio-desc{color:#ffffff8c;margin:0;font-size:13px;line-height:1.6}.funciona-section{background:var(--fondo-oscuro);color:var(--blanco);border-top:1px solid #ffffff0f;padding:100px 0}.funciona-section .section-subtitle{color:#ffffff80}.pasos-grid{grid-template-columns:repeat(4,1fr);gap:48px;margin-top:64px;display:grid;position:relative}.pasos-grid:before{content:"";background:#ffffff1a;height:1px;position:absolute;top:32px;left:10%;right:10%}.paso{text-align:center;position:relative}.paso-numero{font-family:var(--fuente-titular);color:var(--rojo);margin-bottom:16px;font-size:64px;font-weight:700;line-height:1}.paso-titulo{font-family:var(--fuente-titular);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:16px;font-weight:600}.paso-desc{color:#ffffff80;font-size:14px;line-height:1.6}.footer{background:var(--fondo-oscuro);color:#fff9;border-top:1px solid #ffffff0f;padding:64px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:64px;margin-bottom:48px;display:grid}.footer-brand img{filter:brightness(0)invert();opacity:.8;width:auto;height:36px;margin-bottom:16px}.footer-tagline{max-width:280px;margin-bottom:24px;font-size:14px;line-height:1.6}.footer-social{gap:16px;display:flex}.social-link{color:#fff9;width:36px;height:36px;transition:all var(--transicion);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{border-color:var(--rojo);color:var(--rojo);background:#e639461a}.footer-col h4{font-family:var(--fuente-titular);letter-spacing:2px;text-transform:uppercase;color:var(--blanco);margin-bottom:20px;font-size:13px;font-weight:600}.footer-col ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-col ul li a{color:#ffffff80;transition:color var(--transicion);font-size:14px}.footer-col ul li a:hover{color:var(--blanco)}.footer-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:28px;display:flex}.footer-copy{color:#ffffff4d;font-size:13px}.footer-staff{color:#fff3;letter-spacing:1px;transition:color var(--transicion);font-size:12px}.footer-staff:hover{color:#ffffff80}@media (max-width:1024px){.productos-grid,.videos-grid{grid-template-columns:repeat(2,1fr)}.servicios-grid{grid-template-columns:repeat(2,1fr);gap:20px}.pasos-grid{grid-template-columns:repeat(2,1fr);gap:40px}.pasos-grid:before{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.header-nav{display:none}.hamburger{display:flex}.hero{height:60vh;min-height:480px}.hero-title{font-size:clamp(28px,8vw,40px)}.piezas-section,.casos-section,.servicios-section,.funciona-section{padding:64px 0}.productos-grid,.videos-grid,.servicios-grid{grid-template-columns:1fr}.pasos-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}@media (max-width:480px){.pasos-grid{grid-template-columns:1fr}}