:root{--ink:#10100f;--cream:#f1ede5;--gold:#c8a45e;--muted:#a9a69f;--line:#2a2927}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242320}.brand{font:700 22px 'DM Mono',monospace;letter-spacing:-1.5px;color:var(--cream);text-decoration:none}.brand span{color:var(--gold)}.nav nav{display:flex;gap:34px;margin-left:130px}.nav a{color:var(--cream);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.02em}.nav-cta{border-bottom:1px solid var(--gold);padding-bottom:4px}.nav-cta i{color:var(--gold);font-style:normal;margin-left:5px}.hero{min-height:615px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;color:#ccc7be}.eyebrow span{display:inline-block;width:22px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.hero h1,.section-head h2,.custom-title h2,.closing h2{font:700 clamp(50px,6vw,82px)/.98 'Playfair Display',serif;letter-spacing:-3px;margin:20px 0}.hero h1 em,h2 em{color:var(--gold);font-weight:600}.hero-text{color:#b9b6b0;max-width:410px;line-height:1.8;font-size:14px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 21px;border:0;text-decoration:none;font:700 12px Manrope;color:#15130f;cursor:pointer}.button-gold{background:var(--gold)}.button b{font-size:18px;font-weight:400}.text-link{font-size:12px;color:#e9e6df;text-decoration:none;border-bottom:1px solid #777;padding-bottom:4px}.text-link span{margin-left:8px;color:var(--gold)}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:64px}.avatars{display:flex}.avatars b{width:26px;height:26px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;background:#806044;color:#fff;font:10px 'DM Mono';margin-left:-6px}.avatars b:nth-child(2){background:#bf9f7b}.avatars b:nth-child(3){background:#4b5d61}.avatars b:nth-child(4){background:#d2b271;color:#181611}.hero-proof p{font-size:10px;line-height:1.55;color:#8c8984}.hero-proof strong{color:#eee}.hero-art{height:580px;position:relative}.halo{position:absolute;border:1px solid #584b33;border-radius:50%;width:510px;height:510px;right:-10px;top:46px}.halo-two{width:410px;height:410px;right:40px;top:96px;border-color:#3e382d}.case-silhouette{position:absolute;width:255px;height:474px;border-radius:36px;background:linear-gradient(120deg,#0c0c0c,#292723 60%,#111);right:130px;top:37px;box-shadow:22px 30px 45px #000;transform:rotate(9deg);border:1px solid #38342d;overflow:hidden}.hero-camera,.preview-camera{position:absolute;top:20px;left:20px;width:85px;height:87px;border-radius:23px;background:#050505;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.hero-camera i,.preview-camera i{border-radius:50%;background:#1d1b18;border:3px solid #544b3b;box-shadow:inset 0 0 0 3px #0c0b0a}.hero-camera i:last-child{grid-column:1}.case-mark{position:absolute;left:0;right:0;top:195px;text-align:center;display:flex;flex-direction:column;text-transform:uppercase}.case-mark small{font:8px 'DM Mono';letter-spacing:3px;color:#b3a483}.case-mark strong{font:700 64px/1 'Playfair Display';letter-spacing:-7px;color:var(--gold)}.gold-orbit{position:absolute;border:1px solid var(--gold);border-radius:50%;width:240px;height:160px;top:175px;left:7px;transform:rotate(-31deg)}.art-caption{position:absolute;bottom:33px;right:12px;font:10px 'DM Mono';color:#b7b2aa;letter-spacing:1px}.art-caption span{color:var(--gold);margin-right:8px}.ticker{border-top:1px solid #2b2925;border-bottom:1px solid #2b2925;overflow:hidden;white-space:nowrap;color:var(--gold);font:600 12px 'DM Mono';letter-spacing:1.6px;padding:15px 0}.ticker div{animation:scroll 25s linear infinite}.ticker i{font-style:normal;margin:0 20px}@keyframes scroll{to{transform:translateX(-50%)}}.collection{padding:125px 0}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.custom-title h2{font-size:52px;margin:14px 0 0}.section-head>p{max-width:330px;color:#a9a69f;line-height:1.8;font-size:13px;margin-bottom:5px}.filters{display:flex;gap:8px;margin:60px 0 25px}.filters button{background:transparent;border:1px solid #383633;color:#a9a69f;border-radius:30px;padding:9px 17px;font:11px Manrope;cursor:pointer}.filters .active,.filters button:hover{background:var(--gold);border-color:var(--gold);color:#181510}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-visual{height:242px;display:grid;place-items:center;position:relative;overflow:hidden}.blue{background:#273a4b}.wine{background:#5b2930}.cream{background:#d7d0c2}.black{background:#191918}.mini-case{width:115px;height:194px;border-radius:17px;background:#141413;position:relative;transform:rotate(-8deg);box-shadow:12px 13px 16px #0004;border:1px solid #4c4942}.mini-case span{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#c5a96e;font:italic 25px 'Playfair Display'}.mini-camera{position:absolute;top:9px;left:9px;width:37px;height:37px;border-radius:10px;background:#222;padding:4px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.mini-camera:before,.mini-camera:after{content:"";border-radius:50%;background:#746a55}.mini-camera.three:after{grid-column:1}.mini-case.custom{background:#b99d66}.mini-case.custom span{color:#151515}.stars{position:absolute;top:25px;color:#c9a563;font-size:20px;line-height:3;opacity:.65}.product-type{font:10px 'DM Mono';color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin:16px 0 6px}.product h3{font-size:15px;margin:0 0 14px}.product>div:last-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}.product>div:last-child strong{font-weight:500}.select-model{border:0;background:transparent;color:var(--gold);cursor:pointer;font:700 11px Manrope}.select-model span{font-size:17px;margin-left:5px}.customizer{background:#ebe6dc;color:#191816;padding:105px 0}.custom-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.custom-title p:not(.eyebrow){font-size:13px;line-height:1.9;color:#67635c;max-width:290px}.custom-title .eyebrow{color:#625d53}.studio{display:grid;grid-template-columns:1fr 1fr;background:#f6f3ed;min-height:495px;box-shadow:0 20px 40px #00000012}.studio-controls{padding:32px}.step-label{font:500 10px 'DM Mono';letter-spacing:1.2px;color:#6b655b;text-transform:uppercase;margin-bottom:14px}.select-label{font-size:11px;font-weight:700;display:block}.select-label select{appearance:none;background:#e9e4db;border:0;border-bottom:1px solid #aeaa9f;width:100%;padding:13px 8px;margin:7px 0 27px;font:12px Manrope;color:#27231e}.second{margin-bottom:11px}.upload-zone{height:125px;border:1px dashed #afa99d;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.upload-zone:hover{background:#ece6dc}.upload-zone input{display:none}.upload-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#191816;color:var(--gold);margin-bottom:7px}.upload-zone strong{font-size:11px}.upload-zone small{font-size:9px;color:#777169;margin-top:4px}.style-options{display:flex;gap:9px;margin:17px 0 22px}.style{height:19px;width:19px;border-radius:50%;border:2px solid transparent;outline:1px solid transparent;background:#171717;cursor:pointer}.style:nth-child(2){background:#efe8da}.style:nth-child(3){background:#772d36}.style.active{outline-color:#181510;outline-offset:3px}.order-button{width:100%;padding:14px}.preview-area{background:#d8d1c5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-area>p{position:absolute;top:16px;right:16px;font:9px 'DM Mono';letter-spacing:1.2px;color:#71695e}.preview-area>p span{color:#b78b36}.preview-case{width:205px;height:370px;border-radius:29px;background:#171717;position:relative;box-shadow:14px 20px 20px #5e584e88;overflow:hidden;transition:background .25s}.preview-image{position:absolute;left:9px;right:9px;bottom:9px;top:9px;border-radius:23px;background:linear-gradient(135deg,#2b2924,#0e0e0e);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.preview-image span{color:#c8a45e;font:italic 37px/.8 'Playfair Display';text-align:center;opacity:.8}.preview-camera{z-index:2;transform:scale(.8);transform-origin:top left}.preview-logo{position:absolute;bottom:21px;left:0;right:0;z-index:1;text-align:center;font:8px 'DM Mono';letter-spacing:1.5px;color:#d8c49e}.preview-area>small{position:absolute;bottom:19px;font:10px 'DM Mono';color:#534e46}.process{padding:115px 0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid #393632}.process-grid div{padding:27px 35px 5px 0;border-right:1px solid #393632}.process-grid div+div{padding-left:35px}.process-grid div:last-child{border:0}.process-grid b{font:12px 'DM Mono';color:var(--gold)}.process-grid h3{font:600 20px 'Playfair Display';margin:35px 0 8px}.process-grid p{font-size:12px;line-height:1.7;color:#99958f;max-width:180px}.closing{text-align:center;padding:105px 0 125px;border-top:1px solid #292724}.closing>p{font:10px 'DM Mono';letter-spacing:1.5px;color:var(--gold)}.closing h2{font-size:54px;letter-spacing:-2px}.closing .button{margin-top:13px}footer{min-height:102px;border-top:1px solid #292724;display:flex;align-items:center;gap:28px;font-size:10px;color:#94918b}footer p{margin-right:auto}footer a:not(.brand){color:var(--cream);font-weight:700;text-decoration:none}footer small{color:#65625c}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,120px);background:#e5d4b2;color:#17140f;padding:12px 19px;font-size:11px;box-shadow:0 8px 25px #0005;transition:.35s;z-index:5}.toast.show{transform:translate(-50%,0)}
@media(max-width:760px){.wrap{width:min(100% - 32px,1160px)}.nav{height:72px}.nav nav{display:none}.nav-cta{font-size:10px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:66px}.hero h1{font-size:57px}.hero-art{height:410px;margin-top:20px}.case-silhouette{transform:scale(.72) rotate(9deg);transform-origin:top right;right:23px}.halo{transform:scale(.7);transform-origin:top right}.hero-proof{margin-top:42px}.section-head,.custom-inner{display:block}.section-head>p{margin-top:25px}.products{grid-template-columns:repeat(2,1fr);gap:25px 14px}.product-visual{height:175px}.mini-case{transform:scale(.8) rotate(-8deg)}.filters{overflow:auto;margin-top:35px}.collection{padding:75px 0}.customizer{padding:75px 0}.custom-title{margin-bottom:35px}.studio{grid-template-columns:1fr}.preview-area{min-height:430px;grid-row:1}.studio-controls{grid-row:2}.process{padding:75px 0}.process-grid{grid-template-columns:1fr}.process-grid div,.process-grid div+div{border-right:0;border-bottom:1px solid #393632;padding:22px 0}.process-grid h3{margin:12px 0 6px}.closing{padding:75px 0}.closing h2{font-size:39px}footer{flex-wrap:wrap;padding:25px 0;gap:13px}footer p{width:100%;order:4}.hero-actions{gap:18px}.section-head h2,.custom-title h2{font-size:45px}}

/* Campos y confirmación de pedido */
.select-label input,.select-label textarea{background:#e9e4db;border:0;border-bottom:1px solid #aeaa9f;width:100%;padding:11px 8px;margin:6px 0 16px;font:12px Manrope;color:#27231e;outline:0}.select-label textarea{resize:vertical;min-height:54px;line-height:1.45}.notes-label{display:block}.studio-controls .upload-zone{height:100px}.studio-controls .style-options{margin:17px 0}.order-button:disabled{cursor:wait;opacity:.65}.form-status{min-height:16px;margin:11px 0 0;text-align:center;font-size:10px;color:#65562f}.confirmation{position:fixed;inset:0;z-index:20;background:#080807d9;display:grid;place-items:center;padding:20px}.confirmation[hidden]{display:none}.confirmation-card{background:#f2ede3;color:#191714;max-width:420px;width:100%;padding:50px 44px 43px;position:relative;text-align:center;box-shadow:0 30px 80px #000}.confirmation-card h2{font:700 42px/.98 'Playfair Display';letter-spacing:-2px;margin:17px 0}.confirmation-card h2 em{color:#9e762f}.confirmation-card>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#645e55}.confirmation-card>strong{display:block;margin:23px 0;font:500 17px 'DM Mono';letter-spacing:1px;color:#9e762f}.confirmation-card .button{width:100%;margin-top:3px}.close-confirmation{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:27px;color:#45413a;cursor:pointer}