:root{--red:#e32432;--bg:#0b0b0d;--muted:#aaa;--line:#29292d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,91%);margin:auto}header{height:80px;position:sticky;top:0;z-index:20;background:#0b0b0df0;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff15}header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:1000;letter-spacing:-1px;font-size:24px;line-height:.9}.brand span{color:var(--red)}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:3px;color:#bbb;margin-top:7px}nav{display:flex;gap:27px;font-size:13px;font-weight:700}nav a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:white;border-radius:6px;padding:15px 23px;font-weight:800;font-size:13px;border:1px solid var(--red);transition:.2s}.btn:hover{background:#ba1421}.btn.ghost{background:transparent;border-color:#ffffff65}.btn.ghost:hover{border-color:var(--red)}.hero{min-height:620px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#7e101d 0%,#290b12 33%,transparent 65%),linear-gradient(125deg,#101115 20%,#08080a 85%)}.hero:before{content:'';position:absolute;width:570px;height:570px;border:100px solid #ffffff05;border-radius:50%;right:-180px;top:-130px}.hero:after{content:'';position:absolute;bottom:-80px;right:5%;width:55%;height:270px;background:var(--red);filter:blur(130px);opacity:.19}.hero .wrap{position:relative;z-index:2;padding:100px 0}.eyebrow{color:#ff5a63;letter-spacing:3px;font-size:12px;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(46px,7.5vw,94px);line-height:.99;max-width:850px;margin:22px 0;font-weight:1000;letter-spacing:-4px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{max-width:570px;color:#c8c8cc;line-height:1.8;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-stats{display:flex;gap:34px;margin-top:60px;color:#ccc;font-size:12px}.hero-stats strong{display:block;font-size:22px;color:white;margin-bottom:6px}.stripe{height:6px;background:linear-gradient(90deg,#780b15,var(--red),#780b15)}section{padding:94px 0}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:38px}.section-top h2{font-size:clamp(31px,4vw,52px);line-height:1.07;letter-spacing:-2px;margin:12px 0}.section-top p{color:#aaa;max-width:420px;line-height:1.7;margin:0}.services{background:#111114}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{border:1px solid #303034;border-radius:13px;padding:30px;background:linear-gradient(145deg,#202024,#121215);min-height:250px}.service .ico{font-size:35px;margin-bottom:24px}.service h3{font-size:21px;margin:0 0 12px}.service p{font-size:14px;color:#aaa;line-height:1.7;margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#17171a;border:1px solid #303034;border-radius:12px;overflow:hidden}.product img{display:block;width:100%;height:255px;object-fit:cover;object-position:center}.product .info{padding:19px}.tag{font-size:10px;color:#ff7d83;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.product h3{font-size:17px;line-height:1.35;margin:9px 0}.price{font-size:22px;font-weight:900;margin:12px 0 18px}.product .btn{width:100%;padding:12px 8px;font-size:12px}.promo{background:linear-gradient(120deg,#360b12,#111114 75%)}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.promo img{width:100%;max-height:440px;object-fit:cover;object-position:center;border-radius:14px}.promo h2{font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-2px}.promo p,.about p{color:#bbb;line-height:1.8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-panel{padding:55px;background:#18181b;border:1px solid #333;border-left:5px solid var(--red);border-radius:12px}.about-panel strong{font-size:32px;display:block;margin-bottom:14px}.about-panel p{color:#bbb;line-height:1.8}.contact{background:#161619;text-align:center}.contact h2{font-size:clamp(32px,5vw,58px);margin:12px 0}.contact p{color:#bbb;line-height:1.7}footer{padding:30px 0;border-top:1px solid #303034;color:#999;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:20px}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:28px;cursor:pointer}@media(max-width:850px){nav{display:none;position:absolute;top:80px;left:0;right:0;background:#141416;padding:25px;flex-direction:column}nav.open{display:flex}.mobile-toggle{display:block}.head-cta{display:none}.grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.promo-grid,.about-grid{grid-template-columns:1fr}.hero{min-height:570px}.hero h1{letter-spacing:-2px}}@media(max-width:520px){header{height:70px}nav{top:70px}.hero .wrap{padding:80px 0}.hero h1{font-size:51px}.hero-stats{gap:18px;flex-wrap:wrap}.grid{grid-template-columns:1fr}.catalog-grid{gap:10px}.product img{height:200px}.product .info{padding:13px}.product h3{font-size:14px}.price{font-size:19px}.section-top{display:block}section{padding:65px 0}.about-panel{padding:30px}footer .wrap{flex-direction:column}}


/* Portada actualizada; el resto del prototipo permanece igual */
header{display:none}
.hero.hero-updated{min-height:0;display:block;line-height:0;background:#101010;overflow:hidden}
.hero.hero-updated:before,.hero.hero-updated:after{display:none}
.hero-banner{display:block;width:100%;height:auto;object-fit:contain}
.hero-hotspot{position:absolute;display:block;z-index:2;cursor:pointer}
.hero-hotspot:focus-visible{outline:3px solid #fff;outline-offset:-3px}

/* Functional navigation and responsive access without changing the desktop artwork. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:50;background:#fff;color:#111;padding:12px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.mobile-actions{display:none}
.product .info{display:flex;flex-direction:column;flex:1}.product{display:flex;flex-direction:column}.product .btn{margin-top:auto}
.product img{object-fit:contain;background:#111}
section[id]{scroll-margin-top:82px}
@media(max-width:700px){
 header{display:block;position:sticky}header .wrap{display:flex}.brand{font-size:21px}
 .hero-hotspot{display:none}.hero-banner{width:100%;height:auto;max-width:100%;position:static}
 .mobile-actions{display:flex;flex-direction:column;gap:12px;padding:20px 4.5%;background:#101010}
 .mobile-actions .btn{min-height:48px}.mobile-toggle{min-width:44px;min-height:44px}
}
@media(max-width:380px){.catalog-grid{grid-template-columns:1fr}.product img{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}