@charset "UTF-8";:root{--color-coffee-900: #2E1B11;--color-coffee-800: #4A2C1D;--color-coffee-600: #6B4226;--color-coffee-400: #8F5F3E;--color-coffee-200: #C9A788;--color-coffee-50: #FFF8EF;--color-amber-700: #7A4A0F;--color-amber-500: #D9822B;--color-amber-300: #EFC188;--color-amber-100: #FBE9D2;--bg-page: #FDFAF5;--text-secondary: #6B5B4E;--border-default: #E0D5C7;--espresso: var(--color-coffee-800);--cafe-oscuro: var(--color-coffee-900);--cafe-medio: var(--color-coffee-400);--cafe-claro: var(--color-coffee-200);--crema: var(--border-default);--marfil: var(--color-coffee-50);--marfil-light: var(--bg-page);--blanco: var(--bg-page);--amber: var(--color-amber-500);--amber-light: var(--color-amber-100);--verde-selva: #1e5e29;--verde-fresco: #4a8c56;--verde-light: #d4ead7;--error: #8b2020;--error-light: #fee2e2;--white: #ffffff;--black: #0a0a0a;--blue-rain: #1a6b8a;--neutral-50: #FDFAF5;--neutral-100: #FBE9D2;--neutral-200: var(--border-default);--neutral-300: var(--color-coffee-200);--neutral-400: var(--text-secondary);--neutral-500: var(--color-coffee-400);--neutral-600: var(--color-coffee-600);--neutral-700: var(--color-coffee-800);--neutral-800: var(--color-coffee-900);--neutral-900: #1A0F08;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-7: 1.75rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--shadow-sm: 0 1px 4px rgba(46,27,17,.08);--shadow-md: 0 4px 16px rgba(46,27,17,.1);--shadow-lg: 0 8px 32px rgba(46,27,17,.14);--shadow-card: 0 2px 8px rgba(46,27,17,.07), 0 8px 24px rgba(46,27,17,.09);--shadow-xl: 0 25px 50px rgba(46,27,17,.15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--nav-h: 68px;--sidebar-width: 260px;--navbar-height: 68px;--max-w: 1280px;--container-max: 1280px;--font-display: "Playfair Display", Georgia, serif;--font-body: "Mulish", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;min-height:100dvh;background:var(--bg-page);color:var(--color-coffee-900)}img,video{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none;padding:0;margin:0}table{border-collapse:collapse;width:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--neutral-800);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--espresso);margin:0 0 var(--sp-4)}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.375rem,3vw,1.875rem)}h3{font-size:clamp(1.125rem,2.5vw,1.5rem)}h4{font-size:1.125rem}p{margin:0 0 var(--sp-4)}a{color:var(--espresso);text-decoration:underline}a:hover{color:var(--cafe-oscuro)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-muted{color:var(--neutral-500)}.text-error{color:var(--error)}.font-bold{font-weight:700}.font-medium{font-weight:600}.btn-icon,.btn-lg,.btn-sm,.btn-danger,.btn-success,.btn-accent,.btn-ghost,.btn-secondary,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);border:2px solid transparent;border-radius:var(--r-md);font-family:var(--font-body);font-weight:700;font-size:.9375rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-icon:focus-visible,.btn-lg:focus-visible,.btn-sm:focus-visible,.btn-danger:focus-visible,.btn-success:focus-visible,.btn-accent:focus-visible,.btn-ghost:focus-visible,.btn-secondary:focus-visible,.btn-primary:focus-visible{outline:2px solid var(--color-coffee-800);outline-offset:3px}.btn-icon:disabled,.btn-lg:disabled,.btn-sm:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-accent:disabled,.btn-ghost:disabled,.btn-secondary:disabled,.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-coffee-800);color:var(--color-coffee-50);border-color:var(--color-coffee-800)}.btn-primary:hover:not(:disabled){background:var(--color-coffee-600);border-color:var(--color-coffee-600)}.btn-secondary{background:transparent;color:var(--color-coffee-800);border-color:var(--color-coffee-800)}.btn-secondary:hover:not(:disabled){background:#4a2c1d0f}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-amber-100)}.btn-accent{background:var(--color-amber-500);color:var(--color-coffee-50);border-color:var(--color-amber-500)}.btn-accent:hover:not(:disabled){background:var(--color-amber-700);border-color:var(--color-amber-700)}.btn-success{background:var(--verde-selva);color:var(--white);border-color:var(--verde-selva)}.btn-success:hover:not(:disabled){background:#1b5e20}.btn-danger{background:var(--error);color:var(--white);border-color:var(--error)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:.8125rem}.btn-lg{padding:var(--sp-3) var(--sp-7);font-size:1rem}.btn-block{width:100%}.btn-icon{padding:var(--sp-2);border-radius:var(--r-md)}.form-group{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.form-label{font-size:.875rem;font-weight:600;color:var(--neutral-700)}.form-control{width:100%;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--neutral-300);border-radius:var(--r-md);font-size:.9375rem;font-family:var(--font-body);color:var(--neutral-800);background:var(--white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--espresso);box-shadow:0 0 0 3px #3726171f}.form-control.is-error{border-color:var(--error)}.form-control.is-success{border-color:var(--verde-selva)}.form-error{font-size:.75rem;color:var(--error);display:flex;align-items:center;gap:var(--sp-1)}.form-hint{font-size:.75rem;color:var(--neutral-500)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}@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%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-fade-up{animation:fadeUp .4s ease both}.animate-fade-in{animation:fadeIn .3s ease both}.animate-slide-right{animation:slideInRight .3s ease both}.animate-scale-in{animation:scaleIn .25s ease both}.animate-pulse{animation:pulse 1.5s ease infinite}.animate-spin{animation:spin .7s linear infinite}.skip-link{position:fixed;top:-100%;left:var(--sp-4);background:var(--espresso);color:var(--white);padding:var(--sp-2) var(--sp-5);border-radius:0 0 var(--r-md) var(--r-md);font-weight:700;font-size:.875rem;z-index:10000;text-decoration:none;transition:top .15s ease;white-space:nowrap;box-shadow:0 4px 12px #00000040}.skip-link:focus,.skip-link:focus-visible{top:0;outline:3px solid var(--amber, #c07820);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:focus-visible{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}:focus-visible{outline:3px solid var(--espresso, #372617);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}@media (forced-colors: active){:focus-visible{outline:3px solid ButtonText}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button,[role=button],a,input[type=checkbox],input[type=radio],select{touch-action:manipulation}[aria-busy=true]{cursor:wait}[aria-disabled=true],:disabled{cursor:not-allowed;opacity:.55;pointer-events:none}[aria-invalid=true]{border-color:var(--color-error, #c0392b)!important}body.modal-open{overflow:hidden}.container{width:100%;max-width:var(--container-max, 1280px);margin-inline:auto;padding-inline:var(--sp-4, 16px)}@media (min-width: 768px){.container{padding-inline:var(--sp-6, 24px)}}@media (min-width: 1280px){.container{padding-inline:var(--sp-8, 32px)}}.product-grid{display:grid;gap:var(--sp-5, 20px);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width: 767px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-4, 16px)}}@media (max-width: 399px){.product-grid{grid-template-columns:1fr}}.page-layout{display:flex;min-height:calc(100vh - var(--nav-h, 68px))}.page-layout .sidebar{width:260px;flex-shrink:0;transition:transform .25s ease}@media (max-width: 899px){.page-layout .sidebar{position:fixed;top:var(--nav-h, 68px);left:0;bottom:0;z-index:400;transform:translate(-100%);overflow-y:auto}.page-layout .sidebar.open{transform:translate(0)}}.page-layout .main-content{flex:1;min-width:0;padding:var(--sp-6, 24px) var(--sp-8, 32px)}@media (max-width: 899px){.page-layout .main-content{padding:var(--sp-5, 20px) var(--sp-4, 16px)}}@media (max-width: 767px){.page-layout .main-content{padding:var(--sp-4, 16px) var(--sp-3, 12px)}}@media (max-width: 399px){.page-layout .main-content{padding:var(--sp-3, 12px) var(--sp-2, 8px)}}.stats-row{display:grid;gap:var(--sp-4, 16px);grid-template-columns:repeat(4,1fr);margin-bottom:var(--sp-5, 20px)}@media (max-width: 1023px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 499px){.stats-row{grid-template-columns:1fr 1fr}}@media (max-width: 399px){.stats-row{grid-template-columns:1fr}}.tabs-row{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs-row::-webkit-scrollbar{display:none}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-5, 20px);align-items:start}@media (max-width: 899px){.cart-layout{grid-template-columns:1fr}}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4, 16px)}@media (max-width: 499px){.favorites-grid{grid-template-columns:1fr 1fr}}@media (max-width: 399px){.favorites-grid{grid-template-columns:1fr}}.auth-layout,.layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media (max-width: 899px){.auth-layout,.layout{grid-template-columns:1fr}.auth-layout app-brand-panel,.layout app-brand-panel{display:none}}.product-grid.product-detail-grid,.product-section .product-grid{grid-template-columns:1fr 480px;gap:var(--sp-8, 32px);align-items:start}@media (max-width: 899px){.product-grid.product-detail-grid,.product-section .product-grid{grid-template-columns:1fr}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:399;opacity:0;transition:opacity .25s}@media (max-width: 899px){.sidebar-overlay{display:block}.sidebar-overlay.visible{opacity:1;pointer-events:all}}.profile-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--sp-5, 20px);align-items:start}@media (max-width: 899px){.profile-layout{grid-template-columns:1fr}}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table-wrap table{min-width:600px}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (max-width: 899px){.hide-tablet{display:none!important}}.show-mobile{display:none!important}@media (max-width: 767px){.show-mobile{display:block!important}}@media (max-width: 767px){.text-center-mobile{text-align:center!important}}