:root{--acid:#b9e300;--purple:#173d78;--paper:#f3f0e8}
.onboarding{background:#111;color:#fff;position:relative;overflow:hidden}.onboarding:before{content:"PROMO";position:absolute;left:-2vw;bottom:-7vw;font-size:25vw;font-weight:1000;letter-spacing:-.09em;color:#171717;pointer-events:none}.onboarding-copy{position:relative;z-index:1;border-right:1px solid #2f2f2f;background:radial-gradient(circle at 70% 45%,#202020 0,transparent 48%)}.onboarding h1 em{color:#d8d3c7}.onboarding-copy p{color:#aaa}.onboarding .eyebrow:before,.catalog-hero .eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:var(--acid);vertical-align:middle;margin-right:12px}.level-grid{position:relative;z-index:1;border-left:0;background:#111;gap:1px}.choice-card{background:#161616;border-color:#303030;color:#fff}.choice-card.featured{background:#e7e2d8;color:#111}.choice-card:hover,.choice-card:focus-visible{background:#173d78;color:#fff;transform:translateY(-4px)}.choice-card small{color:#9b9b9b}.choice-card.featured small{color:#4d4a44}.choice-card:hover small{color:#d9e5f8}
.garment-step{background:#efede6;color:#111;padding-top:4vw}.garment-step h2 em{color:#173d78}.back-link{color:#5d5b57}.garment-grid{grid-template-columns:repeat(4,1fr);gap:1px;background:#c9c5bb;border:1px solid #c9c5bb}.garment-card{aspect-ratio:1/1.08;background:#f8f6f0;color:#111;border:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.garment-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 60%,rgba(23,61,120,.08));opacity:0;transition:.35s}.garment-card:hover:before{opacity:1}.garment-card:hover{background:#fff}.garment-code{position:relative;font-size:9px;letter-spacing:2px;font-weight:900;color:#777}.garment-icon{position:relative;align-self:center;font-family:Georgia,serif;font-size:clamp(50px,6vw,95px);font-style:italic;color:#173d78;transition:.4s}.garment-card:hover .garment-icon{transform:scale(1.08) rotate(-4deg)}.garment-card .garment-overlay{position:relative;inset:auto;padding:0;background:none;display:grid;grid-template-columns:1fr auto;gap:5px}.garment-card .garment-overlay strong{font-size:24px;letter-spacing:-1px}.garment-card .garment-overlay span{grid-column:1/-1;color:#666;font-size:10px;letter-spacing:1px}.garment-card .garment-overlay i{grid-column:2;grid-row:1;font-size:8px;font-style:normal;letter-spacing:1px;align-self:center;color:#173d78;font-weight:900}
.catalog{background:#171717}.catalog-hero{background:#ebe8df;color:#111;padding-top:6vw;padding-bottom:4vw;border-bottom:1px solid #cbc7bd}.catalog-hero h2{font-size:clamp(55px,6.4vw,105px)}.catalog-hero h2 em{color:#173d78}.category-nav{background:#151515}.category-button.is-active{background:#173d78;color:#fff}.gallery{background:#171717}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-card,.product-card:nth-child(3n+1){grid-row:auto;background:#e8e5dd;overflow:hidden;border:1px solid #2f2f2f;display:flex;flex-direction:column}.product-card .product-number{position:absolute;z-index:2;top:16px;left:16px;color:#222;font-size:9px;letter-spacing:1px;font-weight:900}.product-image{display:block;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(circle,#f8f6f0 0,#dedbd2 72%)}.product-card img,.product-card:nth-child(3n+1) img{width:100%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply;transition:.55s}.product-card:hover img{transform:scale(1.035)}.product-card .product-info{position:relative;inset:auto;padding:18px;background:#f7f5ef;color:#111;align-items:center;border-top:1px solid #d0cdc5}.product-card .product-info small{color:#777;font-size:8px}.product-card .product-info strong{display:block;font-size:20px;margin-top:4px}.product-card .select-mark{width:auto;height:auto;border:0;border-radius:0;color:#173d78;font-size:9px;font-weight:900;letter-spacing:1px}.product-card.is-selected{outline:3px solid #173d78}.product-card.is-selected .select-mark{background:none;color:#173d78}.order-panel{background:#f3f0e8}.selected-preview{background:#dedbd2}.selected-preview img{object-fit:contain;mix-blend-mode:multiply}.live-dot{background:var(--acid)}.whatsapp-button b{color:#d3ff22}
.model-dialog{width:min(1280px,96vw);height:min(92vh,900px);max-width:none;max-height:none;padding:0;border:0;background:#ebe8df;color:#111}.model-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.model-dialog .dialog-close{position:fixed;right:max(3vw,24px);top:max(3vw,24px);float:none;background:#111;border-color:#555}.model-detail{min-height:100%;overflow:auto}.model-cover{min-height:72vh;padding:70px 5vw 35px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 50%,#fff 0,#dedbd2 55%,#d2cec4 100%)}.model-cover h2{font-size:clamp(62px,9vw,155px);line-height:.8;letter-spacing:-.075em;text-transform:uppercase;margin:0;max-width:58%;position:relative;z-index:2}.model-cover p{width:320px;line-height:1.5;position:relative;z-index:2;margin-top:30px}.model-cover>img{position:absolute;width:59%;height:90%;right:2%;bottom:-5%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 30px 30px rgba(0,0,0,.18))}.real-life{padding:65px 5vw;background:#111;color:#fff}.real-life-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.real-life-head p{max-width:390px;color:#999;font-size:12px;line-height:1.5}.real-life-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.real-life-grid figure{margin:0;background:#222;position:relative}.real-life-grid img{width:100%;height:70vh;max-height:780px;object-fit:cover;display:block}.real-life-grid figcaption{position:absolute;left:18px;bottom:18px;background:#111;color:#fff;padding:10px 12px;font-size:9px;letter-spacing:1.5px;font-weight:900}.model-actions{position:sticky;bottom:0;background:#ebe8df;padding:14px 5vw;border-top:1px solid #c8c4bb;display:flex;justify-content:flex-end}.choose-model{width:min(100%,420px);border:0;background:#173d78;color:#fff;padding:20px 22px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;font-weight:900;cursor:pointer}.choose-model b{color:#d3ff22}.choose-model:hover{background:#102a53}
@media(max-width:1150px){.garment-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.onboarding:before{font-size:45vw;bottom:10vw}.level-grid{display:grid;grid-template-columns:1fr}.choice-card:last-child{grid-column:auto}.garment-grid{grid-template-columns:1fr 1fr}.garment-card{padding:16px}.garment-card .garment-overlay{display:block}.garment-card .garment-overlay i{display:none}.garment-card .garment-overlay strong{font-size:18px}.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:1.05/1}.model-dialog{width:100vw;height:100vh}.model-cover{min-height:78vh;padding:90px 22px 20px}.model-cover h2{max-width:100%;font-size:56px}.model-cover p{width:70%;font-size:12px}.model-cover>img{width:100%;height:58%;right:0;bottom:-3%}.real-life{padding:45px 14px}.real-life-head{display:block}.real-life-grid{grid-template-columns:1fr}.real-life-grid img{height:65vh}.model-actions{padding:12px}.choose-model{width:100%}}

/* Tarjetas de navegación con revelado de color */
.choice-card{isolation:isolate;overflow:hidden;transition:background-color .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease}.choice-card:after{content:"";position:absolute;inset:0;border:0 solid #f6c800;transition:border-width .28s ease;pointer-events:none;z-index:5}.choice-card:hover,.choice-card:focus-visible{background:#f6c800;color:#111;transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.22)}.choice-card:hover:after,.choice-card:focus-visible:after{border-width:4px}.choice-card:hover small,.choice-card:focus-visible small{color:#403500}.choice-card.has-art{position:relative;background:#0e1622;color:#fff}.choice-card.has-art .choice-art{position:absolute;inset:0;z-index:-1}.choice-card.has-art .choice-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,15,.93) 0%,rgba(5,9,15,.67) 48%,rgba(5,9,15,.18) 100%);transition:opacity .4s ease}.choice-card.has-art .choice-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.52);transform:scale(1.025);transition:filter .55s ease,transform .65s ease}.choice-card.has-art:hover .choice-art img,.choice-card.has-art:focus-visible .choice-art img{filter:grayscale(0) brightness(.92);transform:scale(1)}.choice-card.has-art:hover .choice-art:after,.choice-card.has-art:focus-visible .choice-art:after{opacity:.38}.choice-card.has-art:hover,.choice-card.has-art:focus-visible{color:#fff;background:#0e1622}.choice-card.has-art:hover small,.choice-card.has-art:focus-visible small{color:#fff}.choice-card.has-art>strong,.choice-card.has-art>.choice-index,.choice-card.has-art>small{position:relative;z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.8)}
.garment-card.has-art{isolation:isolate;background:#111;color:#fff}.garment-art{position:absolute!important;inset:0;z-index:-1;color:inherit!important}.garment-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.55) 100%);transition:opacity .45s ease}.garment-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.48);transform:scale(1.035);transition:filter .55s ease,transform .65s ease}.garment-card.has-art:hover .garment-art img,.garment-card.has-art:focus-visible .garment-art img{filter:grayscale(0) brightness(.95);transform:scale(1)}.garment-card.has-art:hover .garment-art:after,.garment-card.has-art:focus-visible .garment-art:after{opacity:.48}.garment-card.has-art:hover,.garment-card.has-art:focus-visible{background:#111;box-shadow:inset 0 0 0 4px #f6c800}.garment-card.has-art .garment-code,.garment-card.has-art .garment-overlay span{color:#ddd}.garment-card.has-art .garment-icon{opacity:0}.garment-card.has-art .garment-overlay strong{color:#fff}.garment-card.has-art .garment-overlay i{color:#f6c800}
