*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#EFE7DA;color:#1F1B15;font:400 17px/1.5 Jost,sans-serif}
a{color:inherit}img{display:block;width:100%;object-fit:cover}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:2px solid #6E5212;outline-offset:2px}
header,footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px clamp(20px,5vw,72px)}
nav{display:flex;flex-wrap:wrap;gap:28px;font-size:14px;letter-spacing:.08em}nav a,footer a,.marca{text-decoration:none}
.marca{font:28px 'Bodoni Moda',serif;letter-spacing:.2em}
section{padding:0 clamp(20px,5vw,72px)}
h1,h2,.prod h3{font-family:'Bodoni Moda',serif;font-weight:400;margin:0}
h1{font-size:clamp(48px,7vw,96px);line-height:1.04;margin-bottom:28px}
h2{font-size:clamp(36px,5vw,64px);margin-bottom:64px}
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,72px);align-items:center;padding-top:24px;padding-bottom:96px}
.hero img{height:clamp(420px,56vw,760px)}
.sobre{margin:0 0 20px;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#6E5212}
.bajada{margin:0 0 36px;max-width:460px;font-size:19px;font-weight:300}
.boton,.contorno{display:inline-block;padding:16px 30px;font-size:14px;letter-spacing:.1em;text-decoration:none;border:1px solid #1F1B15}
.boton{background:#1F1B15;color:#EFE7DA}
#productos{display:flex;flex-direction:column;gap:112px;padding-bottom:96px}
.prod{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,5vw,80px);align-items:end}
.prod img{height:clamp(420px,52vw,720px)}
.gal{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;letter-spacing:.14em}
.gal button{width:48px;height:48px;font-size:20px}
.prod h3{font-size:clamp(40px,4.4vw,60px);line-height:1.1;margin-bottom:12px}
.gancho{font:italic 24px/1.3 'Bodoni Moda',serif;margin:0 0 16px}
.relato{max-width:520px;margin:0 0 32px;font-size:18px;font-weight:300;line-height:1.65}
dl{margin:0 0 28px;font-size:15px;border-top:1px solid #C9BBA3}dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #C9BBA3}dd{margin:0;text-align:right}
#lente{background:#1F1B15;color:#EFE7DA;padding-top:96px;padding-bottom:96px}
.tres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:48px;font-weight:300}.tres h3{font-weight:400;font-size:20px;margin:0 0 10px}.tres p{margin:0}
#oasis{padding-top:112px;padding-bottom:112px;text-align:center}#oasis p{margin:0 auto;max-width:560px;font-weight:300}
#oasis .cita{max-width:860px;margin-bottom:24px;font:italic clamp(30px,4vw,52px)/1.2 'Bodoni Moda',serif}
header{position:sticky;top:0;z-index:10;padding-top:14px;padding-bottom:14px;background:rgba(239,231,218,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#velo{position:fixed;inset:0;z-index:20;background:rgba(31,27,21,.35)}
#carrito{position:fixed;top:0;right:0;bottom:0;z-index:30;width:min(420px,100vw);max-width:none;margin:0;padding:28px;overflow-y:auto;background:#EFE7DA;box-shadow:-8px 0 32px rgba(31,27,21,.15);transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s}
#carrito.abierto{transform:none;visibility:visible}
.cabeza{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}#carrito h2{margin:0;font-size:32px}
#cerrar{background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:inherit}
#acciones>*{width:100%;text-align:center;box-sizing:border-box}
.linea{display:flex;justify-content:space-between;align-items:center;max-width:640px;padding:10px 0;border-bottom:1px solid #B9A98D}.linea button{min-height:44px;text-decoration:underline}
#acciones{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}#acciones[hidden]{display:none}
.capas{margin:0;padding:0;max-width:760px;list-style-position:inside;font-weight:300}.capas li{padding:14px 0;border-bottom:1px solid #5A5145}.capas strong{font-weight:400;display:inline-block;min-width:190px}

#pagar[hidden]{display:none}
.precio{font-size:20px;margin:0 0 18px}#total{width:100%;margin:0;font-size:18px}#datos{width:100%;display:grid;gap:10px}#datos[hidden]{display:none}#datos p{margin:0;font-size:14px}#datos input{padding:13px;font:inherit;background:transparent;border:1px solid #1F1B15;box-sizing:border-box;width:100%}
#datos select{padding:13px;font:inherit;background:transparent;border:1px solid #1F1B15;width:100%}[data-a]:disabled{opacity:.4}
#datos [hidden]{display:none}
.aviso{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.aviso[hidden]{display:none}.aviso input{flex:1;min-width:200px;padding:13px;font:inherit;background:transparent;border:1px solid #1F1B15}
#d-envio summary{cursor:pointer;font-size:14px}#d-envio[hidden]{display:none}#d-envio[open] input{margin-top:8px}