:root{--color-primary: #C9A96E;--color-primary-dark: #A8893A;--color-secondary: #F9F7F4;--color-accent: #F3EDE4;--color-bg: #FFFFFF;--color-text: #1A1A1A;--color-text-light: #6B7280;--color-white: #FFFFFF;--color-border: #E5E7EB;--color-success: #7BC67E;--color-error: #E57373;--color-navbar-bg: #FFFFFF;--color-navbar-text: #1A1A1A;--color-hero-overlay: rgba(0,0,0,.35);--color-hero-btn-bg: #FFFFFF;--color-hero-btn-text: #1A1A1A;--color-hero-btn-hover-bg: #1A1A1A;--color-hero-btn-hover-text: #FFFFFF;--color-carousel-bg: #111111;--color-chip-bg: #FFFFFF;--color-chip-text: #6B7280;--color-chip-active-bg: #1A1A1A;--color-chip-active-text: #FFFFFF;--color-card-bg: #FFFFFF;--color-card-badge-bg: #1A1A1A;--color-card-badge-text: #FFFFFF;--color-discount-badge-bg: #16a34a;--color-discount-badge-text: #FFFFFF;--color-low-stock-badge-bg: #fff3cd;--color-low-stock-badge-text: #856404;--color-new-badge-bg: #7c3aed;--color-new-badge-text: #FFFFFF;--color-agotado-badge-bg: #dc2626;--color-agotado-badge-text: #FFFFFF;--color-btn-primary-bg: #1A1A1A;--color-btn-primary-text: #FFFFFF;--color-btn-primary-hover-bg: #C9A96E;--color-btn-primary-hover-text: #FFFFFF;--color-btn-secondary-border: #1A1A1A;--color-btn-secondary-text: #1A1A1A;--color-btn-secondary-hover-bg: #F9F7F4;--color-btn-secondary-hover-text: #1A1A1A;--color-footer-bg2: #1A1A1A;--color-footer-text: rgba(255,255,255,.85);--color-footer-accent: #C9A96E;--color-footer-copy: rgba(255,255,255,.5);--font-heading: "Playfair Display", Georgia, serif;--font-body: "Lato", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.35rem;--font-size-xl: 1.75rem;--font-size-2xl: clamp(2rem, 5vw, 3rem);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;max-width:100%}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-body, "Inter", "Helvetica Neue", sans-serif);background-color:var(--color-bg, #FFFFFF);color:var(--color-text, #1A1A1A);line-height:1.6;min-height:100vh;overflow-x:hidden;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, "Cormorant Garant", Georgia, serif);color:var(--color-text, #1A1A1A);line-height:1.3}a{color:var(--color-primary-dark, #A8893A);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary, #C9A96E)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-body, "Inter", "Helvetica Neue", sans-serif);border:none;transition:all .2s ease}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary, #C9A96E);outline-offset:2px}.btn-primary{background-color:var(--color-btn-primary-bg, #1A1A1A);color:var(--color-btn-primary-text, #FFFFFF);padding:12px 24px;border-radius:9999px;font-weight:700;font-size:.95rem;letter-spacing:.5px;transition:background-color .2s ease,color .2s ease,transform .1s ease}.btn-primary:hover{background-color:var(--color-btn-primary-hover-bg, #C9A96E);color:var(--color-btn-primary-hover-text, #FFFFFF);transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background-color:transparent;color:var(--color-btn-secondary-text, #1A1A1A);padding:11px 24px;border-radius:9999px;border:2px solid var(--color-btn-secondary-border, #1A1A1A);font-weight:700;font-size:.95rem;transition:background-color .2s ease,color .2s ease}.btn-secondary:hover{background-color:var(--color-btn-secondary-hover-bg, #F9F7F4);color:var(--color-btn-secondary-hover-text, #1A1A1A)}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}.section{padding:var(--spacing-2xl) 0}.text-center{text-align:center}.text-primary{color:var(--color-primary, #C9A96E)}.text-light{color:var(--color-text-light, #6B7280)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:scale(1.01);box-shadow:0 8px 24px #0000001a}.route-animate{animation:routeFadeIn .25s ease}@keyframes routeFadeIn{0%{opacity:0}to{opacity:1}}.skip-to-content{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:var(--color-text);color:var(--color-white);border-radius:var(--border-radius-md);font-weight:700;font-size:.9rem;text-decoration:none;transition:top .2s ease}.skip-to-content:focus{top:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in-up{opacity:1;transform:none}.route-animate{animation:none}}