:root{--primary: #B91C1C !important;--primary-light: #DC2626 !important;--primary-dark: #991B1B !important;--on-primary: #FFFFFF !important;--primary-container: #FEE2E2 !important;--on-primary-container: #7F1D1D !important;--secondary: #FEF3C7 !important;--secondary-alt: #FDE68A !important;--on-secondary: #1f2937 !important;--secondary-container: #FFFBEB !important;--on-secondary-container: #92400E !important;--tertiary: #F59E0B !important;--on-tertiary: #1f2937 !important;--tertiary-container: #FEF3C7 !important;--on-tertiary-container: #92400E !important;--surface: #F8F8F8 !important;--surface-variant: #F5F5F5 !important;--background: #F8F8F8 !important;--on-surface: #1f2937 !important;--on-background: #1f2937 !important;--text-primary: #1f2937 !important;--text-secondary: #64748b !important;--text-tertiary: #94a3b8 !important;--text-disabled: #cbd5e1 !important;--border: #e2e8f0 !important;--divider: #f1f5f9 !important;--spacing-xs: 8px;--spacing-s: 16px;--spacing-m: 24px;--spacing-l: 32px;--spacing-xl: 48px;--spacing-xxl: 64px;--headline-1: 56px;--headline-2: 44px;--headline-3: 32px;--headline-4: 24px;--body-large: 18px;--body-medium: 16px;--body-small: 14px;--radius-small: 8px;--radius-medium: 12px;--radius-large: 16px;--radius-xlarge: 28px;--shadow-small: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .12);--shadow-large: 0 8px 16px rgba(0, 0, 0, .15);--transition-fast: .2s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-m)}@media(max-width:768px){:root{--headline-1: 40px;--headline-2: 32px;--headline-3: 24px;--headline-4: 20px}}html{scroll-behavior:smooth;position:relative;overscroll-behavior:contain;background-color:#f8f8f8!important}html.dark,body.dark{background-color:#f8f8f8!important;color:#1f2937!important}.dark{--background: #F8F8F8 !important;--surface: #F8F8F8 !important;--on-background: #1f2937 !important;--on-surface: #1f2937 !important}:root{--section-light-bg: #ffffff;--section-muted-bg: #eef2f7;--section-text: #0f172a;--section-subtext: #334155;--glass-bg-light: rgba(255,255,255,.8);--glass-border-light: rgba(15,23,42,.06)}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8!important;color:#1f2937!important;margin:0;padding:0;position:relative}#root{background-color:#f8f8f8!important}section{margin:0!important}main{margin:0;padding:0}.min-h-screen{margin:0!important}body.page-home #root{background-color:transparent}body.page-productos #root,body.page-other #root{background-color:#fff;min-height:auto}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}.btn-primary{position:relative;border:2px solid #4a9b8e;color:#4a9b8e;background:transparent;font-weight:600;padding:.75rem 2rem;border-radius:.5rem;transition:all .3s ease;transform:scale(1);overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,155,142,.15),transparent);transition:left .5s ease}.btn-primary:hover{background:#4a9b8e;color:#f5f1a6;transform:scale(1.05);box-shadow:0 10px 15px -3px #4a9b8e4d}.btn-primary:hover:before{left:100%}.btn-secondary{position:relative;border:2px solid #4a9b8e;color:#4a9b8e;font-weight:600;padding:.75rem 2rem;border-radius:.5rem;transition:all .3s ease;transform:scale(1);overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,155,142,.15),transparent);transition:left .5s ease}.btn-secondary:hover{background:#4a9b8e;color:#f5f1a6;transform:scale(1.05)}.btn-secondary:hover:before{left:100%}.glass-effect{backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.header-container{position:fixed!important;top:0;left:0;right:0;z-index:100;width:100%}.header-nav{white-space:nowrap}.header-nav button{display:inline-block;text-overflow:ellipsis;overflow:hidden}.main-content{padding-top:80px}@media(max-width:768px){.main-content{padding-top:70px}}.glass-effect-header{backdrop-filter:blur(20px);background:#ffffff1a!important;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:fixed!important;top:0;width:100%;box-shadow:0 8px 32px #0000001a}.glass-effect-header.scrolled{background:#ffffff40!important;backdrop-filter:blur(25px);box-shadow:0 8px 32px #0003;border-bottom:1px solid rgba(255,255,255,.3)}.glass-effect-header-solid{background:#fffffff2!important}.glass-effect-menu{backdrop-filter:blur(20px);background:#ffffff14}.gradient-text{background:linear-gradient(to right,#f5f1a6,#4a9b8e);background-clip:text;-webkit-background-clip:text;color:transparent}.section-padding{padding:4rem 0}@media(min-width:768px){.section-padding{padding:6rem 0}}@media(min-width:1024px){.section-padding{padding:8rem 0}}.container-custom{max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container-custom{padding:0 1.5rem}}@media(min-width:1024px){.container-custom{padding:0 2rem}}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.8)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.9)}.section-light{background-color:var(--section-light-bg);color:var(--section-text)}.productos-dark .glass-effect{background:#f1f5f9!important;border:1px solid var(--glass-border-light);box-shadow:0 6px 18px #0f172a0f}.productos-dark .card-actions{padding:.75rem 1rem 1rem}.productos-dark .card-actions>.flex{background:#f1f5f9;padding:.5rem;border-radius:.5rem}.productos-dark .glass-effect .p-4,.productos-dark .glass-effect .card-actions{background:transparent!important}.productos-dark .glass-effect .bg-white{background-color:transparent!important}.section-muted{background-color:var(--section-muted-bg);color:var(--section-text)}.section-light .glass-effect,.section-muted .glass-effect{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);color:var(--section-text)}.section-light .text-gold-400,.section-muted .text-gold-400{color:#b8860b}.section-light .text-white,.section-muted .text-white{color:var(--section-text)!important}.section-light .text-gray-300,.section-muted .text-gray-300{color:var(--section-subtext)!important}.section-light .text-gray-900,.section-muted .text-gray-900{color:var(--section-text)!important}.section-light .text-gray-700,.section-muted .text-gray-700{color:var(--section-subtext)!important}.section-light .text-gray-500,.section-muted .text-gray-500,.section-light .text-gray-400,.section-muted .text-gray-400{color:#0f172a99!important}.text-section{color:var(--section-text)!important}.section-light input,.section-light select,.section-light textarea,.section-light .btn,.section-light .btn-primary,.section-light .btn-secondary,.section-light .badge,.section-light .pill,.section-light .glass-pill{background-color:#f8fafc!important;color:var(--section-text)!important;border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 1px 2px #0f172a08}.section-light .bg-green-600,.section-light .bg-gold-500,.section-light .bg-gold-700,.section-light .bg-orange-500{color:#fff!important}.productos-main-button{background-color:#b5a649!important;color:#fff!important}.productos-main-button:hover{background-color:#92843a!important;color:#fff!important}::-webkit-scrollbar{display:none;width:0;background:transparent}html{scrollbar-width:none}body{-ms-overflow-style:none}.loading-dots{animation:loadingDots 1.4s infinite ease-in-out}.loading-dots:nth-child(1){animation-delay:-.32s}.loading-dots:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}i{font-family:Material Symbols Outlined,Material Icons,sans-serif!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@keyframes spin{to{transform:rotate(360deg)}}