:root{--bg-color: #f4f5f7;--surface-color: #ffffff;--border-color: #e5e7eb;--text-main: #111827;--text-muted: #6b7280;--primary: #111827;--primary-hover: #374151;--danger: #ef4444;--success: #10b981;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);--shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.15);--shadow-float: 0 12px 30px rgba(0, 0, 0, 0.2);--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-main);scroll-behavior:smooth;overscroll-behavior:none}html.modal-open,body.modal-open{overflow:hidden !important;height:100vh !important}.hidden{display:none !important}.mura-layout,.kivo-layout{display:flex;flex-direction:column;min-height:100vh;padding:20px;padding-bottom:100px;max-width:1200px;margin:0 auto}.footer{padding:0 20px 20px 20px;max-width:1200px;margin:0 auto}.top-navbar{position:sticky;top:0;z-index:1000;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;align-items:center;gap:20px;margin-bottom:20px}.top-navbar .nav-brand{flex:1;min-width:0;display:flex;align-items:center}.top-navbar .nav-brand .marquee-box{width:100%;overflow:hidden;white-space:nowrap}.top-navbar .nav-brand .store-name{font-size:1.4em;font-weight:800;margin:0;color:var(--text-main);letter-spacing:-0.5px;display:inline-block}.top-navbar .nav-center{display:flex;align-items:center;gap:12px;justify-content:flex-end}.top-navbar .nav-center .search-wrapper{width:250px;position:relative}.top-navbar .nav-center .search-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1em;color:#9ca3af}.top-navbar .nav-center .search-wrapper .search-input{width:100%;padding:12px 16px 12px 42px;border:1px solid var(--border-color);border-radius:var(--radius-pill);font-size:.95em;background:#f9fafb;transition:var(--transition);font-family:inherit}.top-navbar .nav-center .search-wrapper .search-input:focus{background:#fff;border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(17,24,39,.1)}.top-navbar .nav-center .category-dropdown{width:180px;padding:12px 35px 12px 20px;border:1px solid var(--border-color);border-radius:var(--radius-pill);font-size:.95em;background:#fff;color:var(--text-main);font-weight:600;cursor:pointer;outline:none;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23111827%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 15px top 50%;background-size:10px auto;transition:var(--transition)}.top-navbar .nav-center .category-dropdown:focus,.top-navbar .nav-center .category-dropdown:hover{border-color:var(--primary)}.top-navbar .nav-actions{display:flex;align-items:center;gap:12px}.top-navbar .nav-actions .btn-contact-main{background:#fff;border:1px solid var(--border-color);padding:0 20px;height:44px;border-radius:var(--radius-pill);font-size:.95em;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}.top-navbar .nav-actions .btn-contact-main:hover{background:#f8f9fa;border-color:#cbd5e1}.top-navbar .nav-actions .btn-cart-mobile{background:var(--primary);color:#fff;border:none;width:44px;height:44px;border-radius:var(--radius-pill);font-size:1.2em;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition)}.top-navbar .nav-actions .btn-cart-mobile .badge{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;width:22px;height:22px;border-radius:50%;font-size:.7em;font-weight:bold;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.top-navbar .nav-actions .btn-cart-mobile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.banner-header{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.banner-header .banner-carousel-container{position:relative;width:100%;height:250px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:inset 0 0 50px rgba(0,0,0,.1);background:linear-gradient(135deg, #1f2937 0%, #4b5563 100%)}.banner-header .banner-carousel-container .banner-track{display:flex;width:100%;height:100%;transition:transform .5s cubic-bezier(0.25, 1, 0.5, 1)}.banner-header .banner-carousel-container .banner-track .banner-slide{flex:0 0 100%;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.banner-header .banner-carousel-container .banner-btn{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.8);backdrop-filter:blur(5px);border:none;width:40px;height:40px;border-radius:50%;font-size:1.2em;cursor:pointer;box-shadow:var(--shadow-sm);z-index:2;transition:var(--transition)}.banner-header .banner-carousel-container .banner-btn:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.banner-header .banner-carousel-container .banner-btn.prev{left:15px}.banner-header .banner-carousel-container .banner-btn.next{right:15px}.banner-header .banner-carousel-container .banner-btn.hidden{display:none}.banner-header .banner-indicators{display:flex;justify-content:center;gap:6px}.banner-header .banner-indicators .dot{width:8px;height:8px;border-radius:4px;background:#d1d5db;cursor:pointer;transition:width .4s ease;position:relative;overflow:hidden}.banner-header .banner-indicators .dot.active{width:40px;background:#e2e8f0}.banner-header .banner-indicators .dot.active::after{content:"";position:absolute;top:0;left:0;height:100%;background:var(--primary);border-radius:4px;animation:dot-progress 5s linear forwards}.showroom{flex:1;padding:20px 0}.products-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;width:100%}.products-grid .product-card{background:#fff;border-radius:16px;border:1px solid #f3f4f6;box-shadow:0 4px 6px rgba(0,0,0,.02),0 10px 15px rgba(0,0,0,.03);display:flex;flex-direction:column;padding:12px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.products-grid .product-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.products-grid .product-card .img-placeholder{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f8f9fa;display:flex;justify-content:center;align-items:center}.products-grid .product-card .img-placeholder img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.products-grid .product-card:hover .img-placeholder img{transform:scale(1.05)}.products-grid .product-card .card-body{padding:16px 4px 4px 4px;display:flex;flex-direction:column;flex:1}.products-grid .product-card .card-body .item-cat{font-size:.7em;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:6px}.products-grid .product-card .card-body .item-name{font-size:1.05em;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.products-grid .product-card .card-body .item-price{font-size:1.15em;font-weight:800;color:#111827;margin-top:auto}.products-grid .add-product-card{background:#f9fafb;border:2px dashed #cbd5e1;box-shadow:none;display:flex;align-items:center;justify-content:center;min-height:250px}.products-grid .add-product-card:hover{background:#f1f5f9;border-color:var(--primary)}.products-grid .add-product-card .add-content{display:flex;flex-direction:column;align-items:center;color:var(--text-muted)}.products-grid .add-product-card .add-content .plus-icon{font-size:2.5em;font-weight:300;margin-bottom:8px;color:var(--primary)}.products-grid .add-product-card .add-content p{font-weight:600;font-size:.95em;margin:0;color:var(--text-main)}.related-products-section{width:100%;margin-top:40px;padding-top:20px;display:flex;flex-direction:column;gap:20px}.related-products-section .detail-divider{border:0;height:1px;background:var(--border-color);width:100%;margin-bottom:10px}.related-products-section .related-title{font-size:1.3em;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-0.5px}.modal-perfil{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface-color);z-index:4000;display:block;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease}.modal-perfil:not(.hidden){opacity:1;visibility:visible}.modal-perfil .modal-content{width:100%;max-width:100% !important;min-height:100vh !important;margin:0 !important;border-radius:0 !important;display:flex;flex-direction:column;background:var(--surface-color);box-shadow:none;transition:var(--transition)}.modal-perfil .modal-header{padding:20px 24px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:var(--surface-color)}.modal-perfil .modal-header h3{margin:0;font-size:1.3em;font-weight:700;color:var(--text-main)}.modal-perfil .modal-header .icon-btn{background:#f4f5f7;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:var(--transition)}.modal-perfil .modal-header .icon-btn:hover{background:#e2e8f0;transform:scale(1.05)}.modal-perfil .modal-body{padding:10px 24px 40px 24px;flex:1;width:100%}.modal-perfil .modal-form{display:flex;flex-direction:column;gap:20px;width:100%}.modal-perfil .modal-form label{font-weight:600;font-size:.9em;margin-bottom:-10px;color:var(--text-main)}.modal-perfil .modal-form input,.modal-perfil .modal-form select{padding:14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1em;font-family:inherit;background:#fcfcfc;transition:var(--transition)}.modal-perfil .modal-form input:focus,.modal-perfil .modal-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(17,24,39,.1);background:#fff}.modal-perfil .modal-form input:disabled,.modal-perfil .modal-form select:disabled{background-color:#f4f5f7;color:var(--text-muted)}.modal-perfil .modal-form .btn-submit{margin-top:15px;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:1.05em;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.modal-perfil .modal-form .btn-submit:hover{background:var(--primary-hover);transform:translateY(-2px)}.modal-perfil .modal-form .preview-box{background:#eee;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;overflow:hidden}.modal-perfil .modal-form .preview-box img{width:100%;height:100%;object-fit:cover}.modal-perfil .modal-form .banners-grid{display:flex;gap:10px}.modal-perfil .modal-form .banners-grid .banner-slot{flex:1;aspect-ratio:16/9;border:2px dashed #cbd5e1;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;background:#f9fafb;position:relative;transition:var(--transition)}.modal-perfil .modal-form .banners-grid .banner-slot:hover{border-color:var(--primary);background:#f1f5f9}.modal-perfil .modal-form .banners-grid .banner-slot .plus-icon{font-size:1.5em;color:#9ca3af}.modal-perfil .modal-form .banners-grid .banner-slot img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.modal-perfil .modal-form .categorias-manager{display:flex;flex-direction:column;gap:15px;background:#f9fafb;padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.modal-perfil .modal-form .categorias-manager .add-categoria-row{display:flex;gap:10px}.modal-perfil .modal-form .categorias-manager .add-categoria-row input{flex:1;margin:0;background:#fff}.modal-perfil .modal-form .categorias-manager .add-categoria-row .btn-dark{padding:0 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.modal-perfil .modal-form .categorias-manager .add-categoria-row .btn-dark:hover{background:var(--primary-hover);transform:translateY(-2px)}.modal-perfil .modal-form .categorias-manager .categorias-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.modal-perfil .modal-form .categorias-manager .categorias-list li{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--border-color);padding:12px 16px;border-radius:var(--radius-sm);transition:var(--transition)}.modal-perfil .modal-form .categorias-manager .categorias-list li:hover{border-color:#cbd5e1}.modal-perfil .modal-form .categorias-manager .categorias-list li .cat-name{font-weight:600;font-size:.95em;color:var(--text-main)}.modal-perfil .modal-form .categorias-manager .categorias-list li .cat-actions{display:flex;gap:5px}.modal-perfil .modal-form .categorias-manager .categorias-list li .cat-actions button{background:#f4f5f7;border:none;cursor:pointer;font-size:1.1em;transition:var(--transition);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-perfil .modal-form .categorias-manager .categorias-list li .cat-actions .btn-edit-cat:hover{background:#fef3c7}.modal-perfil .modal-form .categorias-manager .categorias-list li .cat-actions .btn-delete-cat:hover{background:#fee2e2}.modal-perfil .modal-form .security-box{background:#f9f9f9;padding:15px;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.modal-perfil .modal-form .security-box p{margin:0;font-size:.95em;color:var(--text-main)}.modal-perfil .modal-form .security-box .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:normal;margin:0;color:var(--text-muted)}.modal-perfil .modal-form .security-box .checkbox-label input{margin:0;width:18px;height:18px;cursor:pointer}.modal-perfil .perfil-accordion{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.modal-perfil .perfil-accordion .accordion-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#f9fafb;transition:var(--transition)}.modal-perfil .perfil-accordion .accordion-header:hover{background:#f1f5f9}.modal-perfil .perfil-accordion .accordion-header div{display:flex;flex-direction:column;gap:2px}.modal-perfil .perfil-accordion .accordion-header .section-title{margin:0 !important;font-size:1.1em !important;color:var(--primary) !important;font-weight:700 !important}.modal-perfil .perfil-accordion .accordion-header .section-desc{margin:0 !important;font-size:.85em !important;color:var(--text-muted) !important}.modal-perfil .perfil-accordion .accordion-header .arrow{font-size:.8em;transition:transform .3s;color:var(--text-muted)}.modal-perfil .perfil-accordion .accordion-header.active .arrow{transform:rotate(180deg)}.modal-perfil .perfil-accordion .accordion-header.active{border-bottom:1px solid var(--border-color)}.modal-perfil .perfil-accordion .accordion-body{display:none;padding:20px;flex-direction:column;gap:15px}.modal-perfil .perfil-accordion .accordion-body.active{display:flex}.modal-perfil .modal-sticky-footer{position:sticky;bottom:-40px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px 24px;border-top:1px solid var(--border-color);z-index:20;margin:20px -20px 0 -20px;display:flex;justify-content:flex-end}.modal-perfil .modal-sticky-footer .btn-submit{margin:0 !important;width:100%;transition:var(--transition)}.modal-perfil .modal-sticky-footer .btn-submit:disabled{background:#cbd5e1 !important;color:#94a3b8 !important;cursor:not-allowed;transform:none !important;box-shadow:none !important}@media(min-width: 768px){.modal-perfil{display:flex;align-items:flex-start;justify-content:center;padding:60px 20px}.modal-perfil .modal-content{max-width:650px !important;min-height:auto !important;max-height:85vh;margin:0 !important;border-radius:var(--radius-lg) !important;overflow-y:auto;overflow-x:hidden}.modal-perfil .modal-sticky-footer{bottom:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:20px -20px 0 -20px}}.modal-producto{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface-color);z-index:4000;display:block;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease}.modal-producto:not(.hidden){opacity:1;visibility:visible}.modal-producto .modal-content{width:100%;max-width:100%;min-height:100%;margin:0;display:flex;flex-direction:column;padding-bottom:120px}.modal-producto .modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:var(--surface-color)}.modal-producto .modal-header h3{margin:0;font-size:1.3em}.modal-producto .modal-header .icon-btn{background:#f4f5f7;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer}.modal-producto .modal-body{padding:24px;flex:1}.modal-producto .modal-form{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto;width:100%}.modal-producto .modal-form label{font-weight:600;font-size:.9em;margin-bottom:-8px}.modal-producto .modal-form input,.modal-producto .modal-form select,.modal-producto .modal-form textarea{padding:14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1em;font-family:inherit;background:#fcfcfc}.modal-producto .modal-form input:focus,.modal-producto .modal-form select:focus,.modal-producto .modal-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(17,24,39,.1);background:#fff}.modal-producto .modal-form .btn-submit{padding:16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.05em;font-weight:600;cursor:pointer}.modal-producto .modal-form .radio-group{display:flex;gap:10px;margin-bottom:5px}.modal-producto .modal-form .radio-group .radio-label{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#f9fafb;margin-bottom:0;font-weight:normal}.modal-producto .modal-form .fotos-grid{display:flex;gap:10px}.modal-producto .modal-form .fotos-grid .foto-slot{flex:1;aspect-ratio:1;border:2px dashed #cbd5e1;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;background:#f9fafb;position:relative}.modal-producto .modal-form .fotos-grid .foto-slot .plus-icon{font-size:1.5em;color:#9ca3af}.modal-producto .modal-form .fotos-grid .foto-slot img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.modal-producto .modal-form .form-row{display:flex;gap:15px}.modal-producto .modal-form .form-row .form-col{flex:1;display:flex;flex-direction:column;gap:10px}.modal-producto .modal-form .botones-accion-row{display:flex;gap:10px;margin-top:15px}.modal-producto .modal-form .botones-accion-row .btn-submit{flex:2;margin-top:0}.modal-producto .modal-form .botones-accion-row .btn-danger{flex:1;background:var(--danger)}.modal-pedidos{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface-color);z-index:4000;display:block;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease}.modal-pedidos:not(.hidden){opacity:1;visibility:visible}.modal-pedidos .modal-content{width:100%;max-width:100% !important;min-height:100vh !important;margin:0 !important;border-radius:0 !important;display:flex;flex-direction:column;background:var(--surface-color);box-shadow:none;transition:var(--transition)}.modal-pedidos .modal-header{padding:20px 24px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:var(--surface-color)}.modal-pedidos .modal-header h3{margin:0;font-size:1.3em;font-weight:700;color:var(--text-main)}.modal-pedidos .modal-header .icon-btn{background:#f4f5f7;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:var(--transition)}.modal-pedidos .modal-header .icon-btn:hover{background:#e2e8f0;transform:scale(1.05)}.modal-pedidos .modal-body{padding:10px 24px 40px 24px;flex:1;width:100%;display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.modal-pedidos .modal-body .pedidos-tab-content{display:none;flex-direction:column;gap:15px}.modal-pedidos .modal-body .pedidos-tab-content.active{display:flex}.modal-pedidos .modal-body .finanzas-widget{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px}.modal-pedidos .modal-body .finanzas-widget .widget-header{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;padding:12px 16px;border-bottom:1px solid var(--border-color);gap:10px}.modal-pedidos .modal-body .finanzas-widget .widget-header .widget-select{flex:1;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 10px;font-weight:600;color:var(--primary);cursor:pointer;outline:none;font-family:inherit;font-size:.9em;transition:var(--transition)}.modal-pedidos .modal-body .finanzas-widget .widget-header .widget-select:hover,.modal-pedidos .modal-body .finanzas-widget .widget-header .widget-select:focus{border-color:var(--primary)}.modal-pedidos .modal-body .finanzas-widget .widget-body{padding:30px 20px;text-align:center;background:linear-gradient(to bottom, #ffffff, #fcfcfc)}.modal-pedidos .modal-body .finanzas-widget .widget-body .caja-total{font-size:3.5em;font-weight:800;color:var(--success);margin:0;line-height:1;letter-spacing:-1.5px}.modal-pedidos .modal-body .finanzas-widget .widget-body .widget-subtitle{color:var(--text-muted);font-size:.85em;margin:0 0 10px 0;font-weight:600;text-transform:uppercase;letter-spacing:1px}.modal-pedidos .modal-body .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted)}.modal-pedidos .modal-body .empty-state .empty-icon{font-size:3em;margin-bottom:10px;opacity:.5}.modal-pedidos .modal-body .empty-state p{margin:0;font-weight:500}.modal-pedidos .modal-body .lista-pedidos{display:flex;flex-direction:column;gap:15px}.modal-pedidos .modal-body .pedido-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.modal-pedidos .modal-body .pedido-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.modal-pedidos .modal-body .pedido-card .pedido-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.03)}.modal-pedidos .modal-body .pedido-card .pedido-header .info{display:flex;flex-direction:column;gap:2px}.modal-pedidos .modal-body .pedido-card .pedido-header .info strong{font-size:1.1em;color:var(--primary);font-weight:800}.modal-pedidos .modal-body .pedido-card .pedido-header .info span{color:var(--text-muted);font-size:.85em;font-weight:500}.modal-pedidos .modal-body .pedido-card .pedido-header .acciones{display:flex;gap:8px}.modal-pedidos .modal-body .pedido-card .pedido-header .acciones .btn-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1em;transition:var(--transition);box-shadow:var(--shadow-sm)}.modal-pedidos .modal-body .pedido-card .pedido-header .acciones .btn-circle.wa{background:#25d366;color:#fff}.modal-pedidos .modal-body .pedido-card .pedido-header .acciones .btn-circle.wa:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(37,211,102,.3)}.modal-pedidos .modal-body .pedido-card .pedido-header .acciones .btn-circle.call{background:var(--primary);color:#fff}.modal-pedidos .modal-body .pedido-card .pedido-header .acciones .btn-circle.call:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-toggle{width:100%;text-align:left;padding:14px 16px;background:#fff;border:none;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-main);font-size:.95em;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-toggle:hover{background:#f8f9fa}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-toggle .arrow{transition:transform .3s;font-size:.8em;color:var(--text-muted)}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-toggle.abierto .arrow{transform:rotate(180deg)}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-content{display:none;padding:16px;background:#fff;border-bottom:1px solid var(--border-color)}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-content.active{display:block}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-content ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-content ul li{display:flex;align-items:flex-start;gap:10px;font-size:.95em}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-content ul li .qty{font-weight:700;color:var(--primary);min-width:30px}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-content ul li .name{flex:1;color:var(--text-main);font-weight:500;line-height:1.3}.modal-pedidos .modal-body .pedido-card .pedido-accordion .accordion-content ul li .price{font-weight:700;color:var(--text-muted)}.modal-pedidos .modal-body .pedido-card .pedido-footer{padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff}.modal-pedidos .modal-body .pedido-card .pedido-footer .total{font-size:1.25em;font-weight:800;color:var(--success);text-align:right}.modal-pedidos .modal-body .pedido-card .pedido-footer .select-estatus-pedido{width:100%;padding:14px;border-radius:var(--radius-pill);border:2px solid var(--border-color);font-family:inherit;font-size:.95em;background:#fcfcfc;font-weight:600;cursor:pointer;transition:var(--transition);color:var(--text-main)}.modal-pedidos .modal-body .pedido-card .pedido-footer .select-estatus-pedido:focus{outline:none;border-color:var(--primary)}.modal-pedidos .modal-body .btn-outline{width:100%;padding:16px;border:2px solid var(--border-color);background:#fff;color:var(--text-main);border-radius:var(--radius-pill);font-weight:600;cursor:pointer;transition:var(--transition);font-size:1em}.modal-pedidos .modal-body .btn-outline:hover{border-color:var(--primary);background:#f8f9fa;transform:translateY(-2px)}@media(min-width: 768px){.modal-pedidos{display:flex;align-items:flex-start;justify-content:center;padding:60px 20px}.modal-pedidos .modal-content{max-width:650px !important;min-height:auto !important;max-height:85vh;margin:0 !important;border-radius:var(--radius-lg) !important;overflow-y:auto}.modal-pedidos .modal-body{padding-top:20px}}.modal-compartir{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface-color);z-index:4000;display:block;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease}.modal-compartir:not(.hidden){opacity:1;visibility:visible}.modal-compartir .modal-content{width:100%;max-width:100% !important;min-height:100vh !important;margin:0 !important;border-radius:0 !important;display:flex;flex-direction:column;background:var(--surface-color);box-shadow:none;transition:var(--transition)}.modal-compartir .modal-header{padding:20px 24px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:var(--surface-color)}.modal-compartir .modal-header h3{margin:0;font-size:1.3em;font-weight:700;color:var(--text-main)}.modal-compartir .modal-header .icon-btn{background:#f4f5f7;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:var(--transition)}.modal-compartir .modal-header .icon-btn:hover{background:#e2e8f0;transform:scale(1.05)}.modal-compartir .modal-body{padding:10px 24px 40px 24px;flex:1;width:100%;max-width:600px;margin:0 auto;text-align:center}.modal-compartir .modal-body p{margin:0 0 20px 0;font-size:1.1em;color:var(--text-main);font-weight:500}.modal-compartir .modal-body .share-row{display:flex;gap:10px;margin-top:15px}.modal-compartir .modal-body .share-row input{flex:1;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1em;color:var(--text-muted);background:#f9fafb}.modal-compartir .modal-body .share-row .btn-dark{padding:16px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:1em;transition:var(--transition);box-shadow:var(--shadow-sm)}.modal-compartir .modal-body .share-row .btn-dark:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(min-width: 768px){.modal-compartir .modal-body{padding-top:40px}}.modal-contacto{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface-color);z-index:4000;display:block;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease}.modal-contacto:not(.hidden){opacity:1;visibility:visible}.modal-contacto .modal-content{width:100%;max-width:100% !important;min-height:100vh !important;margin:0 !important;border-radius:0 !important;display:flex;flex-direction:column;background:var(--surface-color);box-shadow:none;transition:var(--transition)}.modal-contacto .modal-header{padding:20px 24px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:var(--surface-color)}.modal-contacto .modal-header h3{margin:0;font-size:1.3em;font-weight:700;color:var(--text-main)}.modal-contacto .modal-header .icon-btn{background:#f4f5f7;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:var(--transition)}.modal-contacto .modal-header .icon-btn:hover{background:#e2e8f0;transform:scale(1.05)}.modal-contacto .modal-body{padding:10px 24px 40px 24px;flex:1;width:100%;display:flex;flex-direction:column;gap:20px}.modal-contacto .modal-body .contacto-header{text-align:center;margin-bottom:10px}.modal-contacto .modal-body .contacto-header h4{margin:0 0 5px 0;font-size:1.8em;font-weight:800;color:var(--primary);letter-spacing:-0.5px}.modal-contacto .modal-body .contacto-header p{margin:0;color:var(--text-muted);font-size:1em;font-weight:500}.modal-contacto .modal-body .contacto-seccion{background:#f9fafb;border:1px solid rgba(0,0,0,.03);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.modal-contacto .modal-body .contacto-seccion p{margin:0}.modal-contacto .modal-body .contacto-seccion strong{font-size:.85em;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.modal-contacto .modal-body .contacto-seccion .texto-grande{font-size:1.3em;font-weight:700;color:var(--text-main)}.modal-contacto .modal-body .contacto-seccion .botones-accion-row{display:flex;gap:10px;margin-top:5px}.modal-contacto .modal-body .contacto-seccion .botones-accion-row a{flex:1;text-align:center;padding:14px;text-decoration:none;border-radius:var(--radius-pill);font-weight:600;font-size:.95em;transition:var(--transition);display:flex;justify-content:center;align-items:center;gap:8px}.modal-contacto .modal-body .contacto-seccion .botones-accion-row .btn-wa{background:#25d366;color:#fff;box-shadow:0 4px 12px rgba(37,211,102,.2)}.modal-contacto .modal-body .contacto-seccion .botones-accion-row .btn-wa:hover{background:#20bc5b;transform:translateY(-2px);box-shadow:0 6px 15px rgba(37,211,102,.3)}.modal-contacto .modal-body .contacto-seccion .botones-accion-row .btn-dark{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);border:none}.modal-contacto .modal-body .contacto-seccion .botones-accion-row .btn-dark:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-contacto .modal-body .contacto-seccion .btn-outline{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;border:2px solid var(--border-color);background:#fff;color:var(--text-main);text-decoration:none;border-radius:var(--radius-pill);font-weight:600;font-size:.95em;transition:var(--transition);margin-top:5px}.modal-contacto .modal-body .contacto-seccion .btn-outline:hover{border-color:var(--primary);background:#f8f9fa;transform:translateY(-2px)}@media(min-width: 768px){.modal-contacto .modal-body{max-width:50%;margin:0 auto;padding-top:40px}}.modal-detalle-producto{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface-color);z-index:4500;display:block;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease}.modal-detalle-producto:not(.hidden){opacity:1;visibility:visible}.modal-detalle-producto .modal-content{background:var(--surface-color);width:100%;max-width:100%;min-height:100%;margin:0;border-radius:0;display:flex;flex-direction:column;position:relative}.modal-detalle-producto .modal-content .action-floating{position:fixed;top:20px;z-index:50;border:none;width:44px;height:44px;border-radius:50%;font-size:1.2em;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-color)}.modal-detalle-producto .modal-content .action-floating:hover{transform:scale(1.05)}.modal-detalle-producto .modal-content .action-floating.btn-cerrar{right:20px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(5px);color:var(--text-main)}.modal-detalle-producto .modal-content .action-floating.btn-editar{right:75px;background:#facc15;color:#000;border-color:#eab308}.modal-detalle-producto .modal-content .detail-layout{display:flex;flex-direction:column;width:100%;height:100%}.modal-detalle-producto .modal-content .detail-gallery{width:100%;background:var(--surface-color);padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.modal-detalle-producto .modal-content .detail-gallery .carousel-container{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;background:rgba(0,0,0,0)}.modal-detalle-producto .modal-content .detail-gallery .carousel-container .carousel-track{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1)}.modal-detalle-producto .modal-content .detail-gallery .carousel-container .carousel-track img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;background-color:var(--primary)}.modal-detalle-producto .modal-content .detail-gallery .carousel-container .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.8);border:none;width:40px;height:40px;border-radius:50%;font-size:1.2em;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);z-index:2}.modal-detalle-producto .modal-content .detail-gallery .carousel-container .carousel-btn.prev{left:15px}.modal-detalle-producto .modal-content .detail-gallery .carousel-container .carousel-btn.next{right:15px}.modal-detalle-producto .modal-content .detail-gallery .carousel-indicators{display:flex;justify-content:center;gap:8px;width:100%}.modal-detalle-producto .modal-content .detail-gallery .carousel-indicators .dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:var(--transition)}.modal-detalle-producto .modal-content .detail-gallery .carousel-indicators .dot.active{background:var(--primary);transform:scale(1.2)}.modal-detalle-producto .modal-content .detail-info{padding:30px 20px;display:flex;flex-direction:column;gap:12px;flex:1;align-items:flex-start}.modal-detalle-producto .modal-content .detail-info .item-cat{font-size:.8em;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.modal-detalle-producto .modal-content .detail-info .item-name{font-size:2em;font-weight:800;margin:0;line-height:1.2}.modal-detalle-producto .modal-content .detail-info .item-price{font-size:1.8em;font-weight:700;color:var(--primary);margin:0}.modal-detalle-producto .modal-content .detail-info .item-desc{color:var(--text-muted);line-height:1.6;margin-bottom:24px;font-size:1em;white-space:pre-wrap;width:100%}.modal-detalle-producto .modal-content .detail-info .btn-submit{margin-top:auto;padding:16px 20px;width:100%;font-size:1.1em;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.modal-detalle-producto .modal-content .detail-info .btn-submit:hover{background:var(--primary-hover);transform:translateY(-2px)}.cart-wrapper{position:fixed;top:0;right:0;width:100%;max-width:450px;height:100%;background:var(--surface-color);z-index:6000;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1);box-shadow:-10px 0 30px rgba(0,0,0,.15)}.cart-wrapper.active{transform:translateX(0)}.cart-wrapper .cart-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.cart-wrapper .cart-header h2{font-size:1.1em;margin:0}.cart-wrapper .cart-header .icon-btn{background:#f4f5f7;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:var(--transition)}.cart-wrapper .cart-header .icon-btn:hover{background:#e2e8f0}.cart-wrapper .cart-items{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto}.cart-wrapper .cart-items .cart-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:12px}.cart-wrapper .cart-items .item-info{flex:1}.cart-wrapper .cart-items .item-info p{margin:0;line-height:1.3}.cart-wrapper .cart-items .item-info .item-price{font-weight:bold;color:var(--primary)}.cart-wrapper .cart-items .item-info .item-cat{font-size:.7em;color:var(--text-muted)}.cart-wrapper .cart-items .item-controls{display:flex;align-items:center;gap:10px;font-weight:bold}.cart-wrapper .cart-items .item-controls .qty-btns button{border:1px solid #ccc;background:#fff;border-radius:4px;padding:2px 8px;cursor:pointer}.cart-wrapper .cart-footer{padding:20px;border-top:1px solid var(--border-color);background:#f4f5f7}.cart-wrapper .cart-footer .cart-total{display:flex;justify-content:space-between;font-size:1.2em;font-weight:bold;margin-bottom:15px}.cart-wrapper .cart-footer .btn-checkout{width:100%;background:var(--primary);color:#fff;border:none;padding:16px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.cart-wrapper .cart-footer .btn-checkout:hover{background:var(--primary-hover);transform:translateY(-2px)}.cart-wrapper .cart-footer .checkout-form{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.cart-wrapper .cart-footer .checkout-form p{font-size:.9em;margin-bottom:10px;font-weight:600}.cart-wrapper .cart-footer .checkout-form input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:10px;font-family:inherit}.cart-wrapper .cart-footer .checkout-form .btn-success{width:100%;background:var(--success);padding:14px;color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.admin-toolbar{position:fixed;bottom:20px;right:20px;z-index:5000;display:flex;flex-direction:column;align-items:flex-end}.admin-toolbar .admin-fab{background:var(--primary);color:#fff;border:none;padding:16px 24px;border-radius:var(--radius-pill);font-size:1.05em;font-weight:600;box-shadow:var(--shadow-float);cursor:pointer;z-index:5001;transition:var(--transition);display:flex;align-items:center;gap:8px}.admin-toolbar .admin-fab:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.25)}.admin-toolbar .admin-tools-menu{position:absolute;bottom:70px;right:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-float);display:flex;flex-direction:column;padding:8px 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(20px);transition:var(--transition)}.admin-toolbar .admin-tools-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.admin-toolbar .admin-tools-menu .admin-btn{background:rgba(0,0,0,0);color:var(--text-main);border:none;padding:14px 20px;text-align:left;font-size:.95em;font-weight:500;cursor:pointer;transition:var(--transition)}.admin-toolbar .admin-tools-menu .admin-btn:hover{background:#f4f5f7}.admin-toolbar .admin-tools-menu .admin-btn.btn-logout{color:var(--danger);border-top:1px solid var(--border-color);margin-top:4px;padding-top:14px}@keyframes dot-progress{0%{width:0%}100%{width:100%}}@media(min-width: 768px){.products-grid{grid-template-columns:repeat(4, 1fr);gap:24px}.banner-header .banner-carousel-container{height:400px}.modal-detalle-producto .modal-content{padding:60px 40px;justify-content:flex-start}.modal-detalle-producto .detail-layout{flex-direction:row !important;align-items:flex-start;gap:60px}.modal-detalle-producto .detail-gallery,.modal-detalle-producto .detail-info{flex:0 0 50%;max-width:50%;padding:0 !important}.modal-detalle-producto .detail-info .item-name{font-size:3em}.modal-detalle-producto .detail-info .item-price{font-size:2.5em}.modal-pedidos{display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 0 20px}.modal-pedidos .modal-content{max-width:650px !important;min-height:auto !important;max-height:calc(100vh - 60px);margin:0 !important;border-radius:var(--radius-lg) var(--radius-lg) 0 0 !important;overflow-y:auto}.modal-pedidos .modal-content::-webkit-scrollbar{width:6px}.modal-pedidos .modal-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin-top:10px;margin-bottom:10px}.modal-pedidos .modal-content::-webkit-scrollbar-thumb{background-color:rgba(203,213,225,.7);border-radius:10px}.modal-pedidos .modal-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.modal-pedidos .modal-body{padding-top:20px;padding-bottom:60px}}@media(max-width: 768px){.hide-mobile{display:none}.top-navbar{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"brand actions" "center center";padding:16px;gap:15px}.top-navbar .nav-brand{grid-area:brand;overflow:hidden;display:flex;align-items:center}.top-navbar .nav-brand .marquee-box{width:100%;overflow:hidden}.top-navbar .nav-brand .store-name{font-size:1.4em;font-weight:800;margin:0;color:var(--text-main);letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-right:0}.top-navbar .nav-actions{grid-area:actions}.top-navbar .nav-center{grid-area:center;display:grid;grid-template-columns:1fr 1fr;gap:10px}.top-navbar .nav-center .search-wrapper,.top-navbar .nav-center .category-dropdown{width:100%;max-width:100%}}/*# sourceMappingURL=styles_va.css.map */