:root{--roble:#3d1f0d;--burdeos:#7b1d2a;--burdeos-light:#9b2d3a;--corcho:#8c5e3a;--bellota:#c9956a;--bellota-light:#ddb08a;--lino:#f5efe4;--lino-dark:#eae0d0;--crema:#fbf7f1;--blanco:#fff;--text:#2a1508;--text-muted:#7a6555;--text-light:#a8948a;--border:#3d1f0d1f;--border-mid:#3d1f0d33;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Jost", system-ui, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 1px 3px #3d1f0d14;--shadow-md:0 4px 16px #3d1f0d1a;--shadow-lg:0 8px 32px #3d1f0d24;--nav-height:72px;--max-width:1280px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--text);background-color:var(--crema);font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,select,textarea{font-family:var(--font-body);font-size:15px}ul,ol{list-style:none}.display-xl{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(48px,7vw,88px);font-weight:300;line-height:1.05}.display-lg{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:300;line-height:1.1}.display-md{font-family:var(--font-display);font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.15}.display-sm{font-family:var(--font-display);font-size:clamp(22px,3vw,32px);font-weight:400;line-height:1.2}.eyebrow{font-family:var(--font-body);letter-spacing:.25em;text-transform:uppercase;color:var(--corcho);font-size:11px;font-weight:500}.body-lg{color:var(--text-muted);font-size:18px;font-weight:300;line-height:1.7}.body-md{color:var(--text-muted);font-size:15px;line-height:1.65}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-sm{padding:64px 0}.btn{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background:var(--roble);color:var(--lino);border:1.5px solid var(--roble)}.btn-primary:hover{background:var(--burdeos);border-color:var(--burdeos)}.btn-outline{color:var(--roble);border:1.5px solid var(--roble);background:0 0}.btn-outline:hover{background:var(--roble);color:var(--lino)}.btn-ghost{color:var(--text-muted);border:1.5px solid var(--border-mid);background:0 0;padding:10px 20px}.btn-ghost:hover{border-color:var(--corcho);color:var(--roble)}.btn-sm{padding:10px 20px;font-size:11px}.badge{letter-spacing:.15em;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:500;display:inline-flex}.badge-dop{color:var(--burdeos);background:#7b1d2a1a;border:1px solid #7b1d2a33}.badge-artesanal{color:var(--corcho);background:#8c5e3a1a;border:1px solid #8c5e3a33}.badge-envio{color:var(--text-muted);border:1px solid var(--border);background:#3d1f0d0f}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:500}.form-input{width:100%;color:var(--text);background:var(--blanco);border:1px solid var(--border-mid);border-radius:var(--radius-md);transition:border-color var(--transition);outline:none;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--corcho)}.form-input::placeholder{color:var(--text-light)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-burdeos{color:var(--burdeos)}.divider{background:var(--bellota);width:48px;height:1px;margin:20px 0}.divider-center{margin:20px auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--lino)}::-webkit-scrollbar-thumb{background:var(--bellota);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.fade-up{animation:.5s forwards fadeUp}@media (width<=768px){.section{padding:64px 0}.section-sm{padding:40px 0}.container{padding:0 16px}}@keyframes fadeUpSlow{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlow{0%{opacity:0}to{opacity:1}}.animate-section{animation:.6s both fadeUpSlow}.animate-section-delay-1{animation:.6s .1s both fadeUpSlow}.animate-section-delay-2{animation:.6s .2s both fadeUpSlow}.animate-section-delay-3{animation:.6s .3s both fadeUpSlow}.animate-section-delay-4{animation:.6s .4s both fadeUpSlow}
