@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600;700&display=swap";:root{--color-primary: #000000;--color-secondary: #ba9756;--color-dark-bg: #0a0a0a;--color-card-bg: #1a1a1a;--color-border: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-accent: #ba9756;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-secondary: "Georgia", "Times New Roman", serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--border-radius: .375rem;--border-radius-lg: .5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5)}html[data-theme=light]{--color-primary: #ffffff;--color-secondary: #ba9756;--color-dark-bg: #f5f5f5;--color-card-bg: #ffffff;--color-border: #e0e0e0;--color-text-primary: #000000;--color-text-secondary: #666666}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family-primary);background-color:var(--color-dark-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-secondary);font-weight:600;line-height:1.2;margin-bottom:var(--space-md);color:var(--color-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}a{color:var(--color-secondary);text-decoration:none;transition:color .3s ease}a:hover{color:#d4af37}input,textarea,select{font-family:var(--font-family-primary);background-color:var(--color-card-bg);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--space-md);border-radius:var(--border-radius);transition:all .3s ease}select option{background-color:var(--color-card-bg);color:var(--color-text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #ba97561a}button{font-family:var(--font-family-primary);cursor:pointer;border:none;border-radius:var(--border-radius);transition:all .3s ease;font-size:1rem;font-weight:500}.btn{padding:var(--space-md) var(--space-lg);display:inline-block}.btn-primary{background-color:var(--color-secondary);color:var(--color-primary)}.btn-primary:hover{background-color:#d4af37;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--color-secondary);border:1px solid var(--color-secondary)}.btn-secondary:hover{background-color:#ba97561a;border-color:#d4af37}.btn-dark{background-color:var(--color-primary);color:var(--color-text-primary);border:1px solid var(--color-secondary)}.btn-dark:hover{background-color:#1a1a1a;border-color:#d4af37}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--color-dark-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#d4af37}.alert-container{position:fixed;top:80px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:1rem;max-width:400px}.alert{padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:1rem;animation:slideIn .3s ease-out;min-width:300px;font-weight:500}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.alert.removing{animation:slideOut .3s ease-out forwards}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert-icon{font-size:1.5rem;flex-shrink:0}.alert-message{flex:1;font-size:.95rem}.alert-close{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;color:inherit;opacity:.7;transition:opacity .2s}.alert-close:hover{opacity:1}@media(max-width:600px){.alert-container{left:10px;right:10px;max-width:none}.alert{min-width:auto}}.header{background-color:var(--color-primary);border-bottom:2px solid var(--color-secondary);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.navbar{padding:var(--space-lg) var(--space-xl);opacity:0;transition:opacity .3s ease}.navbar.ready{opacity:1}.navbar-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-xl);max-width:100%;margin:0 auto}.navbar-brand{flex-shrink:0}.navbar-brand a{display:flex;align-items:center;gap:var(--space-md);transition:transform .3s ease}.navbar-brand a:hover{transform:scale(1.05)}.navbar-brand .brand-text{font-family:Dancing Script,cursive;font-size:1.75rem;font-weight:700;color:var(--color-secondary);white-space:nowrap}.navbar-middle{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex:1;position:relative}.nav-products-link{font-family:Dancing Script,cursive;color:var(--color-secondary);text-decoration:none;transition:color .3s ease;font-weight:700;font-size:1.5rem;white-space:nowrap;flex-shrink:0;margin-right:auto;margin-left:150px}.nav-products-link:hover{color:#d4af37}html[data-theme=light] .nav-products-link{color:var(--color-text-primary)}html[data-theme=light] .nav-products-link:hover{color:var(--color-secondary)}.search-container{display:flex;align-items:center;background-color:var(--color-bg-secondary);border-radius:.5rem;padding:.5rem 1rem;width:100%;max-width:900px;border:1px solid rgba(186,151,86,.3);position:relative;left:-150px;outline:none;transition:border-color .3s ease}.search-autocomplete{position:absolute;top:100%;left:0;right:0;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 .5rem .5rem;max-height:300px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 4px 12px #00000026}.search-autocomplete.active{display:block}.autocomplete-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background-color .2s ease;text-decoration:none;color:var(--color-text-primary)}.autocomplete-item:hover{background-color:var(--color-bg-secondary)}.autocomplete-item img{width:40px;height:40px;object-fit:contain;border-radius:4px}.autocomplete-info{flex:1}.autocomplete-name{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.autocomplete-brand{font-size:.75rem;color:var(--color-secondary)}.autocomplete-price{font-weight:700;color:var(--color-secondary);font-size:.9rem}.autocomplete-no-results{padding:16px;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.search-container:focus-within{border-color:var(--color-secondary);outline:none}.search-input{flex:1;background:none;border:none;color:var(--color-text-primary);padding:.5rem 0;outline:none;font-size:.95rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input:focus{border:none;outline:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.search-input:focus-visible{border:none;outline:none;box-shadow:none}.search-input::placeholder{color:var(--color-text-secondary)}.search-btn{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:1.2rem;padding:0 .5rem;margin-left:.5rem;transition:color .3s ease}.search-btn:hover{color:var(--color-secondary)}.icon-img{width:24px;height:24px;object-fit:contain;display:flex;align-items:center;justify-content:center;filter:brightness(0) saturate(100%) invert(80%) sepia(64%) saturate(1400%) hue-rotate(3deg)}.icon-img-small{width:20px;height:20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(64%) saturate(1400%) hue-rotate(3deg)}html[data-theme=light] .icon-img,html[data-theme=light] .icon-img-small{filter:brightness(0) saturate(100%)}.navbar-right{display:flex;align-items:center;gap:var(--space-lg);white-space:nowrap}.nav-section{display:flex;align-items:center}#perfil-section{display:none!important;visibility:hidden!important}#perfil-section.visible{display:flex!important;visibility:visible!important}.nav-icon-link,.nav-link{background:none;border:none;color:var(--color-text-primary);text-decoration:none;cursor:pointer;transition:color .3s ease;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center;font-family:inherit}.nav-link{font-size:.95rem;color:var(--color-secondary);font-weight:700}.nav-icon-link:hover,.nav-link:hover{color:#d4af37}html[data-theme=light] .nav-link{color:var(--color-text-primary)}html[data-theme=light] .nav-link:hover{color:var(--color-secondary)}.cart-link{position:relative}.cart-count-badge{position:absolute;top:-8px;right:-8px;background-color:var(--color-secondary);color:var(--color-bg-primary);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.theme-toggle{margin-left:var(--space-md);margin-top:-3px}.perfil-dropdown{position:fixed;top:80px;right:20px;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);z-index:1000;min-width:200px;animation:slideDown .3s ease-out;display:none!important;flex-direction:column}.perfil-dropdown.visible{display:flex!important}.perfil-dropdown.hidden{animation:slideUp .3s ease-out forwards;display:none!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.dropdown-item{width:100%;padding:1rem 1.5rem;background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);text-align:left;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;text-decoration:none}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--color-dark-bg);color:var(--color-secondary)}.dropdown-item.logout-item{color:#ff3b30}.dropdown-item.logout-item:hover{background-color:#ff3b301a;color:#ff3b30}.dropdown-item.admin-only{color:var(--color-secondary);font-weight:600}.dropdown-item.admin-only:hover{background-color:#ba97561a;color:var(--color-secondary)}.dropdown-icon{width:20px;height:20px;object-fit:contain}html[data-theme=dark] .dropdown-icon{filter:brightness(0) saturate(100%) invert(1)}html[data-theme=light] .dropdown-icon{filter:brightness(0) saturate(100%)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-content{background-color:var(--color-bg-primary);border-radius:1rem;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid var(--color-secondary);padding-bottom:1rem}.modal-header h2{margin:0;color:var(--color-text-primary);font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-text-primary);padding:0;transition:color .3s ease}.modal-close:hover{color:var(--color-secondary)}.favorites-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.favorites-list .empty-message{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);padding:2rem}.favorite-item{background-color:var(--color-bg-secondary);border-radius:.5rem;padding:1rem;text-align:center;border:2px solid transparent;transition:border-color .3s ease;cursor:pointer}.favorite-item:hover{border-color:var(--color-secondary)}.favorite-item-image{width:100%;height:150px;object-fit:cover;border-radius:.3rem;margin-bottom:.5rem}.favorite-item-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.3rem}.favorite-item-price{color:var(--color-secondary);font-weight:700}main{min-height:calc(100vh - 200px);padding:var(--space-2xl) 0}.footer{background-color:var(--color-primary);border-top:2px solid var(--color-secondary);padding:0;margin-top:var(--space-2xl);color:var(--color-text-secondary)}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-xl);max-width:1200px;margin:0 auto;padding:var(--space-md) var(--space-xl) var(--space-sm)}.footer-brand .footer-logo{font-family:Dancing Script,cursive;font-size:1.8rem;color:var(--color-secondary);font-weight:700}.footer-brand .footer-slogan{margin:var(--space-sm) 0 0;font-size:.9rem;opacity:.8}.footer-links h4,.footer-social h4{color:var(--color-secondary);margin:0 0 var(--space-md);font-size:1rem;text-transform:uppercase;letter-spacing:1px}.footer-links a{display:block;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-xs) 0;transition:color .3s ease;font-size:.9rem}.footer-links a:hover{color:var(--color-secondary)}.social-icons{display:flex;gap:var(--space-md)}.social-icons a{color:var(--color-text-secondary);transition:color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.social-icons a:hover{color:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:var(--space-md) 0}.footer-bottom p{margin:0;font-size:.85rem;opacity:.7}@media(max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center;gap:var(--space-lg)}.social-icons{justify-content:center}}@media(max-width:1200px){.navbar-middle{gap:var(--space-md)}.search-container{max-width:400px}}@media(max-width:1024px){.navbar-content{grid-template-columns:auto 1fr;gap:var(--space-md)}.navbar-middle{grid-column:1 / -1;margin-top:var(--space-md);justify-content:flex-start;gap:var(--space-md)}.search-container{max-width:none;flex:1}}@media(max-width:768px){.navbar{padding:var(--space-md) var(--space-md)}.navbar-content{grid-template-columns:1fr;gap:var(--space-md)}.navbar-brand .brand-text{font-size:1.3rem}.navbar-middle{grid-column:1 / -1;flex-direction:column;gap:var(--space-sm)}.nav-products-link{font-size:1rem}.search-container{max-width:none;width:100%}.navbar-right{grid-column:1 / -1;gap:var(--space-md);justify-content:space-between}.perfil-dropdown{right:10px;left:10px;max-width:none}.modal-content{width:95%;padding:1.5rem}.favorites-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}