:root{--color-background:#f3f0e9;--color-surface:#fcfbf8;--color-surface-subtle:#e8e4d9;--color-dark:#171918;--color-primary:#33443a;--color-secondary:#171918;--color-accent:#a77b43;--color-accent-dark:#845f2f;--color-accent-light:#c49b60;--color-text:#202220;--color-text-muted:#65645e;--color-text-subtle:#6f6e67;--color-success:#2f6b43;--color-success-light:#ebf5ee;--color-error:#a83232;--color-error-light:#fdf0f0;--color-warning:#8b6510;--color-info:#1d4e7a;--color-background-rgb:243, 240, 233;--color-surface-rgb:252, 251, 248;--color-dark-rgb:23, 25, 24;--color-primary-rgb:51, 68, 58;--color-secondary-rgb:23, 25, 24;--color-accent-rgb:167, 123, 67;--color-accent-dark-rgb:132, 95, 47;--color-text-rgb:32, 34, 32;--color-text-muted-rgb:101, 100, 94;--paper:#f3f0e9;--paper-soft:#fcfbf8;--obsidian:#171918;--agave:#33443a;--ink:#202220;--stone:#65645e;--bronze:#a77b43;--line:#20222024;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Manrope", system-ui, -apple-system, sans-serif;--text-display:3.5rem;--text-h1:3.5rem;--text-h2:2.5rem;--text-h3:2rem;--text-h4:1.25rem;--text-body-md:1rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.875rem;--text-label:.75rem;--weight-h1:700;--weight-h2:700;--weight-h3:600;--weight-body-md:400;--weight-body-sm:400;--weight-label:600;--leading-display:1.2;--leading-h1:1.2;--leading-h2:1.3;--leading-h3:1.4;--leading-body-md:1.6;--leading-body:1.6;--leading-body-sm:1.5;--leading-caption:1.5;--leading-label:1.4;--tracking-display:-.02em;--tracking-h1:-.02em;--tracking-h2:0em;--tracking-h3:0em;--tracking-label:.05em;--reading-width:65ch;--logo-header-height:clamp(20px, 2.8vw, 30px);--logo-header-max-width:clamp(140px, 20vw, 210px);--logo-footer-height:clamp(26px, 3.5vw, 36px);--logo-footer-max-width:clamp(160px, 24vw, 250px);--logo-brand-pedestal-height:clamp(30px, 3.8vw, 44px);--logo-brand-pedestal-max-width:clamp(100px, 13vw, 150px);--logo-brand-detail-height:clamp(38px, 4.8vw, 56px);--logo-brand-detail-max-width:clamp(120px, 15vw, 175px);--logo-brand-card-height:clamp(24px, 3vw, 32px);--radius-none:0px;--radius-sm:4px;--radius-input:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-2xl:64px;--space-3xl:80px;--space-4xl:96px;--duration-fade-in:.5s;--duration-slide-up:.6s;--duration-hover-fade:.3s;--duration-fast:.15s;--duration-base:.3s;--duration-slow:.4s;--duration-image:.6s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease:cubic-bezier(.4, 0, .2, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--video-bg-opacity:.94;--video-bg-blend-mode:multiply;--container-max:1400px;--container-padding:24px;--header-height:72px;--z-base:1;--z-header:100;--z-overlay:900;--z-age-gate:9999;--shadow-elevated:0 4px 20px rgba(var(--color-primary-rgb), .08);--shadow-overlay:0 16px 48px rgba(var(--color-primary-rgb), .16);--shadow-md:0 4px 16px rgba(var(--color-primary-rgb), .09);--shadow-lg:0 12px 32px rgba(var(--color-primary-rgb), .12);--shadow-card:0 2px 8px rgba(var(--color-primary-rgb), .04), 0 12px 28px rgba(var(--color-primary-rgb), .08)}@media (width<=767px){:root{--text-display:clamp(2.25rem, 10vw, 2.75rem);--text-h1:clamp(2rem, 8vw, 2.75rem);--text-h2:clamp(1.75rem, 6vw, 2.25rem);--text-h3:clamp(1.5rem, 5vw, 1.75rem);--text-body-sm:.9375rem;--text-caption:.9375rem;--text-label:.8125rem;--leading-display:1.1;--leading-h1:1.1;--leading-h2:1.2}}.text-display{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-h1);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.text-h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-h1);line-height:var(--leading-h1);letter-spacing:var(--tracking-h1)}.text-h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-h2);line-height:var(--leading-h2);letter-spacing:var(--tracking-h2)}.text-h3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-h3);line-height:var(--leading-h3);letter-spacing:var(--tracking-h3)}.text-body-md{font-family:var(--font-body);font-size:var(--text-body-md);font-weight:var(--weight-body-md);line-height:var(--leading-body-md)}.text-body-sm{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:var(--weight-body-sm);line-height:var(--leading-body-sm)}.text-label{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--weight-label);line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-accent-dark{background-color:var(--color-accent-dark)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-accent-dark{color:var(--color-accent-dark)}.text-muted{color:var(--color-text-muted)}.spacing-xs{padding:var(--space-xs);margin:var(--space-xs)}.spacing-sm{padding:var(--space-sm);margin:var(--space-sm)}.spacing-md{padding:var(--space-md);margin:var(--space-md)}.spacing-lg{padding:var(--space-lg);margin:var(--space-lg)}.spacing-xl{padding:var(--space-xl);margin:var(--space-xl)}.spacing-xxl{padding:var(--space-xxl);margin:var(--space-xxl)}.radius-none{border-radius:var(--radius-none)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-pill{border-radius:var(--radius-pill)}.animate-fade-in{animation:fadeIn var(--duration-fade-in) var(--ease-out) 0s forwards}.animate-slide-up{animation:slideUp var(--duration-slide-up) var(--ease-out) 0s forwards}.animate-hover-fade{transition:opacity var(--duration-hover-fade) var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-background{opacity:var(--video-bg-opacity);mix-blend-mode:var(--video-bg-blend-mode)}.product-detail{background-color:var(--color-background);--detail-gutter:var(--container-padding);min-height:100dvh}@media (width>=768px){.product-detail{--detail-gutter:32px}}@media (width>=1024px){.product-detail{--detail-gutter:clamp(36px, 3.5vw, 54px)}}.detail-breadcrumb{width:100%;padding-left:var(--detail-gutter);padding-right:var(--detail-gutter);padding-top:calc(var(--header-height) + var(--space-md));padding-bottom:var(--space-sm)}.detail-breadcrumb a{color:var(--color-text-muted);font-size:var(--text-caption);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.detail-breadcrumb a:hover{color:var(--color-accent)}.detail-breadcrumb span{color:var(--color-text-muted);opacity:.5;margin:0 var(--space-xs);font-size:var(--text-caption)}.detail-main{width:100%;padding-left:var(--detail-gutter);padding-right:var(--detail-gutter);padding-top:var(--space-md);padding-bottom:var(--space-2xl);gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=1024px){.detail-main{column-gap:var(--detail-gutter);row-gap:var(--space-xl);grid-template-columns:360px minmax(0,1fr);align-items:start}}@media (width>=1280px){.detail-main{column-gap:var(--detail-gutter);grid-template-columns:390px minmax(0,1fr)}}@media (width>=1536px){.detail-main{column-gap:var(--detail-gutter);grid-template-columns:420px minmax(0,1fr)}}.detail-info{min-width:0}.detail-gallery-column{width:100%}@media (width<=1023px){.detail-gallery-column{gap:var(--space-md);flex-direction:column;max-width:340px;margin:0 auto;display:flex;position:relative;top:auto}}@media (width>=1024px){.detail-gallery-column{top:calc(var(--header-height) + var(--space-md));z-index:5;height:calc(100dvh - var(--header-height) - var(--space-xl));flex-direction:column;justify-content:flex-start;align-self:start;display:flex;position:sticky}}.detail-gallery{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}@media (width<=1023px){.detail-gallery{height:480px}}@media (width>=1024px){.detail-gallery{height:100%}}.detail-gallery__viewport{border:1px solid rgba(var(--color-primary-rgb), .08);border-radius:var(--radius-sm);background-color:var(--color-surface);box-shadow:var(--shadow-card);flex:auto;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.detail-gallery__slide{background-color:var(--color-surface);width:100%;height:100%;padding:var(--space-md) var(--space-lg);box-sizing:border-box;justify-content:center;align-items:center;min-height:0;display:flex}.detail-gallery__slide .detail-gallery__picture{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;display:flex}.detail-gallery__slide .detail-gallery__img,.detail-gallery__slide img{object-fit:contain;object-position:center;box-sizing:border-box;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;padding:0;display:block}.detail-gallery__main{flex:auto;width:100%;height:100%;min-height:0}.detail-gallery__placeholder{justify-content:center;align-items:center;gap:var(--space-xs);background:radial-gradient(circle at 50% 40%, var(--color-surface) 0%, var(--color-background) 100%);border:1px solid rgba(var(--color-primary-rgb), .08);border-radius:var(--radius-sm);width:100%;height:100%;box-shadow:var(--shadow-card);flex-direction:column;display:flex}.detail-gallery-quote{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent);border-top:1px solid rgba(var(--color-primary-rgb), .08);border-right:1px solid rgba(var(--color-primary-rgb), .08);border-bottom:1px solid rgba(var(--color-primary-rgb), .08);box-shadow:var(--shadow-card);flex:none}.detail-gallery-quote__blockquote{margin:0}.detail-gallery-quote__text{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-xs);font-size:clamp(.92rem,1.05vw,1.05rem);font-style:italic;line-height:1.4}.detail-gallery-quote__author{font-family:var(--font-body);font-style:normal;font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-weight:700;display:block}.detail-gallery__placeholder-text{color:var(--color-text-muted);opacity:.5;font-size:var(--text-body)}.detail-gallery__placeholder-note{color:var(--color-text-muted);opacity:.3;font-size:var(--text-caption)}.detail-info__brand{margin-bottom:var(--space-sm);align-items:center;display:inline-flex}.detail-info__brand-logo{height:var(--logo-brand-detail-height,40px);width:auto;max-width:var(--logo-brand-detail-max-width,160px);object-fit:contain;display:block}.detail-info__marca{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.15em;color:var(--brand-color,var(--color-accent));margin-bottom:var(--space-xs);font-weight:600}.detail-info__nombre{font-family:var(--font-display);font-weight:700;font-size:var(--text-h1);line-height:var(--leading-h1);letter-spacing:var(--tracking-h1);color:var(--color-text);margin-bottom:var(--space-sm)}.detail-info__slogan{font-family:var(--font-display);color:var(--color-accent);margin-top:calc(-1 * var(--space-xs));margin-bottom:var(--space-md);font-size:clamp(1.05rem,1.3vw,1.3rem);font-style:italic;line-height:1.35}.detail-info__descripcion{color:var(--color-secondary);font-size:var(--text-body);line-height:var(--leading-body);margin-bottom:var(--space-lg);max-width:var(--reading-width)}.detail-specs{margin-top:var(--space-lg);background-color:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb), .08);box-shadow:var(--shadow-card)}.detail-specs__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(var(--color-primary-rgb), .08)}.detail-specs__grid{grid-template-columns:1fr;gap:0;display:grid}@media (width>=640px){.detail-specs__grid{column-gap:var(--space-lg);grid-template-columns:1fr 1fr}}.detail-specs__item{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid rgba(var(--color-primary-rgb), .06);display:flex}.detail-specs__item:last-child{border-bottom:none}.detail-specs__label{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);flex-shrink:0;font-weight:600}.detail-specs__value{font-size:var(--text-body-sm);color:var(--color-text);text-align:right;font-weight:600}.detail-tasting{margin-top:var(--space-lg);background-color:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb), .08);box-shadow:var(--shadow-card)}.detail-tasting__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(var(--color-primary-rgb), .08)}.detail-tasting__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.detail-tasting__grid{grid-template-columns:1fr 1fr}}.detail-tasting__item-label{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--space-xs);font-weight:600}.detail-tasting__item-text{color:var(--color-text-muted);font-size:var(--text-body-sm);line-height:var(--leading-body)}.detail-flavor-profile{margin-top:var(--space-lg);padding:var(--space-md);border:1px solid rgba(var(--color-primary-rgb), .12);border-radius:var(--radius-sm);background-color:var(--color-surface)}.detail-flavor-profile__title{font-family:var(--font-body);font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:700}.detail-flavor-profile__grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.detail-flavor-profile__meta{font-size:var(--text-label);color:var(--color-text-muted);margin-bottom:var(--space-xs);justify-content:space-between;display:flex}.detail-flavor-profile__value{font-variant-numeric:tabular-nums}.detail-flavor-profile__track{background:rgba(var(--color-primary-rgb), .1);border-radius:2px;width:100%;height:4px;overflow:hidden}.detail-flavor-profile__fill{height:100%;width:var(--bar-width);border-radius:2px}.detail-flavor-profile__fill--accent{background:var(--color-accent)}.detail-flavor-profile__fill--primary{background:var(--color-primary)}.detail-process{margin-top:var(--space-lg);background-color:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb), .08);box-shadow:var(--shadow-card)}.detail-process__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);color:var(--color-text);margin-bottom:var(--space-xs)}.detail-process__subtitle{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-weight:600;font-size:var(--text-caption);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(var(--color-primary-rgb), .08)}.detail-process__list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.detail-process__step{align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid rgba(var(--color-primary-rgb), .05);display:flex}.detail-process__step:last-child{border-bottom:none}.detail-process__step-num{font-family:var(--font-display);color:var(--brand-color,var(--color-accent));background:rgba(var(--color-primary-rgb), .05);border:1px solid rgba(var(--color-primary-rgb), .1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:13px;font-weight:700;display:flex}.detail-process__step-content{flex-direction:column;gap:2px;display:flex}.detail-process__step-name{font-size:var(--text-body-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.detail-process__step-desc{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:var(--leading-body)}.detail-pairings{margin-top:var(--space-lg)}.detail-pairings__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(var(--color-primary-rgb), .08)}.detail-pairings__list{gap:var(--space-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.detail-pairings__item{padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface);border:1px solid rgba(var(--color-primary-rgb), .12);color:var(--color-text);font-size:var(--text-body-sm);border-radius:var(--radius-pill)}.detail-legal{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid rgba(var(--color-primary-rgb), .08)}.detail-legal__label{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-weight:600}.detail-legal__text{color:var(--color-text-muted);font-size:var(--text-caption);line-height:var(--leading-body);max-width:var(--reading-width)}.detail-legal__warning{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-top:1px solid rgba(var(--color-primary-rgb), .06);border-right:1px solid rgba(var(--color-primary-rgb), .06);border-bottom:1px solid rgba(var(--color-primary-rgb), .06);color:var(--color-text-muted);font-size:var(--text-caption);line-height:var(--leading-body)}.detail-cta{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid rgba(var(--color-primary-rgb), .08)}.detail-cta__button{align-items:center;gap:var(--space-xs);background-color:var(--color-primary);color:#fff;font-family:var(--font-body);font-weight:600;font-size:var(--text-body-sm);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:12px 24px;text-decoration:none;display:inline-flex}.detail-cta__button:hover{background-color:var(--color-accent);box-shadow:var(--shadow-lg)}.detail-cta__button:active{transform:scale(.97)}.detail-cta__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.detail-brand-story{margin-top:var(--space-lg);background-color:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-primary-rgb), .08);box-shadow:var(--shadow-card)}.detail-brand-story__header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(var(--color-primary-rgb), .08)}.detail-brand-story__eyebrow{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-xs);font-weight:700;display:inline-block}.detail-brand-story__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);color:var(--color-text);line-height:var(--leading-h3)}.detail-brand-story__content{gap:var(--space-md);flex-direction:column;display:flex}.detail-brand-story__quote{padding:var(--space-md) var(--space-lg);background:rgba(var(--color-primary-rgb), .03);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent);border-top:1px solid rgba(var(--color-primary-rgb), .06);border-right:1px solid rgba(var(--color-primary-rgb), .06);border-bottom:1px solid rgba(var(--color-primary-rgb), .06);margin-bottom:var(--space-xs)}.detail-brand-story__blockquote{margin:0}.detail-brand-story__quote-text{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-xs);font-size:clamp(1.05rem,1.25vw,1.25rem);font-style:italic;line-height:1.45}.detail-brand-story__quote-author{font-family:var(--font-body);font-style:normal;font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-weight:700;display:block}.detail-brand-story__narrative{gap:var(--space-sm);flex-direction:column;display:flex}.detail-brand-story__narrative p{color:var(--color-text-muted);font-size:var(--text-body-sm);line-height:var(--leading-body);margin:0}.detail-brand-story__narrative p:first-child{color:var(--color-text);font-size:var(--text-body);font-weight:500}.detail-brand-story__narrative p strong{color:var(--color-text);font-weight:600}