*{box-sizing:border-box;margin:0;padding:0}:root{--amarillo: #F5BF02;--oscuro: #1a1a1a;--beige: #f0ede8;--linea: #dcd7cd;--muted: #7a756c}html,body,#root{min-height:100vh}body{font-family:Open Sans,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--beige);color:var(--oscuro);-webkit-font-smoothing:antialiased}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{font:inherit;cursor:pointer}.top{background:var(--oscuro);color:#fff;padding:16px 28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:sticky;top:0;z-index:40}.top .tick{width:10px;height:10px;background:var(--amarillo);border-radius:2px}.top h1{font-size:17px;font-weight:800;letter-spacing:.4px}.top h1 small{display:block;font-size:10px;font-weight:400;letter-spacing:3px;color:var(--amarillo);text-transform:uppercase;margin-top:2px}.top .right{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px}.top .right .who{opacity:.75}.top .right button{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;padding:6px 14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.top .right button:hover{border-color:var(--amarillo);color:var(--amarillo)}.login-wrap{min-height:calc(100vh - 62px);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border:1px solid var(--linea);padding:42px 38px;width:100%;max-width:400px}.login-card h2{font-weight:300;font-size:24px;margin-bottom:6px}.login-card p{color:var(--muted);font-size:13px;margin-bottom:26px}.login-card label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}.login-card input{width:100%;padding:11px 12px;border:1px solid var(--linea);font:inherit;font-size:14px;background:#fafaf8}.login-card input:focus{outline:none;border-color:var(--oscuro)}.login-card .error{background:#fdecea;color:#a33;font-size:13px;padding:9px 12px;margin-top:16px}.login-card button.enviar{margin-top:22px;width:100%;background:var(--oscuro);color:#fff;border:none;padding:13px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.login-card button.enviar:hover{background:#000}.login-card button.enviar:disabled{opacity:.55;cursor:default}.selector{max-width:1080px;margin:0 auto;padding:40px 24px}.selector h2{font-weight:300;font-size:26px;margin-bottom:22px}.selector .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.promo-card{background:#fff;border:1px solid var(--linea);padding:26px;text-align:left;transition:border-color .15s}.promo-card:hover{border-color:var(--oscuro)}.promo-card .prom{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.promo-card h3{font-weight:400;font-size:19px;margin-bottom:4px}.promo-card .ubi{font-size:13px;color:var(--muted)}.cat{max-width:1280px;margin:0 auto;padding:28px 24px 70px}.cat-head{margin-bottom:6px}.cat-head .prom{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}.cat-head h2{font-weight:300;font-size:clamp(24px,3.4vw,34px);margin:4px 0}.cat-head .nota{font-size:12px;color:var(--muted)}.cat-head .nota strong{color:var(--oscuro)}.secnav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 8px;position:sticky;top:62px;z-index:30;background:var(--beige);padding:10px 0}.secnav button{border:1px solid var(--linea);background:#fff;padding:8px 16px;font-size:12px;letter-spacing:.06em;color:#444}.secnav button.on,.secnav button:hover{background:var(--oscuro);color:#fff;border-color:var(--oscuro)}.seccion{margin-top:34px}.seccion>h3{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--amarillo);display:inline-block;padding-bottom:6px;margin-bottom:18px}.colgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.col-card{background:#fff;border:1px solid var(--linea);display:flex;flex-direction:column}.col-hero{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e6e1d5;cursor:zoom-in}.col-hero.sin{display:flex;align-items:center;justify-content:center;color:#b9b3a6;font-size:12px;letter-spacing:.1em;cursor:default}.col-body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}.col-prov{display:inline-block;align-self:flex-start;border:1px solid #cfcac0;padding:4px 10px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#555;margin-bottom:10px}.col-nombre{font-weight:400;font-size:20px;line-height:1.2}.col-precio{white-space:nowrap;font-weight:700;font-size:14px;margin-left:8px}.col-precio em{font-style:normal;font-weight:400;font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-left:5px}.col-desc{font-size:12px;color:var(--muted);margin-top:3px}.lbl{font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#555;border-top:1px solid var(--linea);padding-top:12px;margin:14px 0 10px}.lbl span{text-transform:none;font-weight:400;letter-spacing:normal;color:var(--muted)}.tonos{display:flex;flex-wrap:wrap;gap:12px}.tono{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:0;max-width:74px}.tono .sw{width:48px;height:48px;border:1px solid var(--linea);background:#eee center/cover no-repeat}.tono.on .sw{border:2px solid var(--oscuro)}.tono .tl{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#555;text-align:center}.tono .tp{font-size:10.5px;font-weight:700;color:var(--oscuro);white-space:nowrap}.formatos{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.fmt{border:1px solid #cfcac0;background:none;padding:7px 13px;font-size:12px;color:#444}.fmt.on{background:var(--oscuro);border-color:var(--oscuro);color:#fff}.lb{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:100;padding:26px;cursor:zoom-out}.lb img{max-width:92vw;max-height:86vh}.lb .cap{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;font-size:13px;letter-spacing:.06em}.cargando{padding:60px;text-align:center;color:var(--muted)}footer.pie{text-align:center;color:#a29c91;font-size:11.5px;padding:26px;letter-spacing:.04em}