@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}.catalogo{margin:0;font-family:Playfair Display,serif;background:#f3f3f3;min-height:100vh}.resultado-busqueda{background:#fffbf2;padding:15px 20px;border-radius:20px;margin-bottom:20px;text-align:center}.resultado-busqueda p{margin:5px 0;color:#4e342e}.resultado-busqueda strong{color:#f9a15e}.limpiar-busqueda{background:#7d6e66;color:#fff;border:none;padding:5px 15px;border-radius:20px;cursor:pointer;font-size:12px;margin-top:8px;width:150px}.limpiar-busqueda:hover{background:#5a6268}.sin-resultados{text-align:center;padding:50px;background:#fffbf2;border-radius:10px}.sin-resultados p{margin-bottom:20px;color:#7d6e66}.sin-resultados button{background:#f9a15e;color:#fff;border:none;padding:10px 25px;border-radius:25px;cursor:pointer;font-size:14px}.sin-resultados button:hover{background:#a93226}.catalogo .tabs{margin-bottom:30px;font-size:18px}.catalogo .tabs span{margin:0 20px;cursor:pointer}.catalogo .tabs .active{color:#f9a15e;border-bottom:2px solid #F9A15E;padding-bottom:5px}.catalogo .cards{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.catalogo .card{background:#f7ebe9;padding:20px;border-radius:15px;width:220px;box-shadow:0 10px 20px #0000001a;transition:transform .2s ease;text-align:center}.catalogo .card:hover{transform:translateY(-5px)}.catalogo .card img{width:120px;height:220px;object-fit:cover;border-radius:10px;margin-bottom:10px}.catalogo .card h3{font-size:18px;margin:10px 0}.catalogo .card p{font-size:14px;color:#7d6e66}.catalogo .card strong{display:block;margin-top:5px;font-size:16px;color:#f9a15e}.catalogo .card button{margin-top:12px;background:#f9a15e;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer}.catalogo .card button:hover{background:#8c2721}.catalogo .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.catalogo .modal{background:#fffbf2;width:450px;max-width:90%;border-radius:25px;padding:50px 30px;text-align:center;box-shadow:0 15px 40px #0000004d}.catalogo .modal .logo{font-family:Great Vibes,cursive;font-size:40px;margin-bottom:20px}.catalogo .modal .titulo{font-size:28px;margin-bottom:40px}.catalogo .boton{background:#a6322b;color:#fff;border:none;padding:15px 40px;font-size:18px;border-radius:10px;cursor:pointer}.catalogo .boton:hover{background:#8c2721}footer{background:#f9a15e;color:#fff;text-align:center;padding:15px;margin-top:40px}.card-calificacion{margin:8px 0}.card-calificacion .estrella-llena{color:#ffab40;font-size:14px}.card-calificacion .estrella-vacia{color:#e8d8ca;font-size:14px}.loading{text-align:center;padding:50px;font-size:18px;color:#7d6e66}.sin-resultados{text-align:center;padding:50px;color:#7d6e66}@media(max-width:900px){.catalogo .header{flex-direction:column;justify-content:center;gap:10px;text-align:center}.catalogo .logo-img{position:static;height:80px}.catalogo .logo-header{margin-right:0}.catalogo .cards{gap:20px}}@media(max-width:600px){.catalogo .header{padding:20px}.catalogo .logo-header{font-size:22px}.catalogo .hero{height:180px}.catalogo .section{padding:20px}.catalogo .cards{flex-direction:column;align-items:center}.catalogo .card{width:90%;max-width:320px}.catalogo .search-box input{width:150px}}.topbar{background:#f9a15e;color:#fff;text-align:center;padding:6px;font-size:14px}.header{background:#f9a15e;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo-header{font-size:28px;font-weight:700;color:#fff;cursor:pointer;left:580px;text-align:center}.logo-img{height:60px;object-fit:contain}.icons i{cursor:pointer;padding:5px;font-size:20px;color:#fff;transition:opacity .2s}.icons i:hover{opacity:.8}.search-box input{padding:8px 35px 8px 15px;border-radius:25px;border:none;font-size:14px;outline:none;width:220px}.search-box .fa-magnifying-glass{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#f9a15e;cursor:pointer;font-size:16px}.nav{background:#f9a15e;display:flex;justify-content:center;gap:15px;padding:12px}.nav button{background:#ffffff26;border:none;padding:8px 24px;border-radius:25px;cursor:pointer;font-weight:500;font-size:14px;color:#fff;transition:all .2s}.nav button:hover{background:#ffffff40}.carrito-icon{position:relative;display:inline-block}.carrito-contador{position:absolute;top:-8px;right:-12px;background:#ffab40;color:#fff;border-radius:50%;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;text-align:center}@media(max-width:768px){.header{flex-direction:column;gap:15px;padding:15px}.logo-img{height:50px}.search-box input{width:180px}.nav{flex-wrap:wrap}.nav button{padding:6px 16px;font-size:12px}}.footer{background-color:#4e342e;color:#fff;margin-top:auto;font-family:Arial,sans-serif;text-align:center}.footer-content{max-width:1200px;margin:0 auto;padding:3rem 2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.footer-section{flex:1;min-width:0}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#f9a15e}.footer-section h3{font-size:1.5rem}.footer-section p{line-height:1.6;margin-bottom:1rem;color:#e8d8ca}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#e8d8ca;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#f9a15e}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ffffff1a;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.social-links a:hover{background-color:#f9a15e;transform:translateY(-3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;text-align:center}.footer-bottom p{margin:0;color:#e8d8ca;font-size:.9rem}@media(max-width:768px){.footer-content{flex-direction:column;gap:2rem;padding:2rem 1rem}.footer-section{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.login-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:20px;background:#f4f4f4;font-family:Arial,Helvetica,sans-serif}.login-card{width:100%;max-width:380px;background:#fff;padding:35px 30px 30px;border-radius:18px;box-shadow:0 10px 30px #00000026;text-align:center}.login-brand{color:#e67e22;font-size:27px;font-weight:700;margin-bottom:10px}.login-card h1{margin:0;color:#4e342e;font-size:19px;font-weight:700}.login-subtitle{margin:8px 0 25px;color:#777;font-size:14px}.login-error{width:100%;margin-bottom:18px;padding:10px;border-radius:8px;background:#fff0ef;border:1px solid #f1b9b5;color:#b3261e;font-size:13px}.login-field{width:100%;text-align:left;margin-bottom:17px}.login-field label{display:block;margin-bottom:7px;color:#555;font-size:13px;font-weight:600}.input-wrapper{width:100%;height:46px;display:flex;align-items:center;background:#fff;border:1px solid #d6d6d6;border-radius:8px;transition:.2s ease}.input-wrapper:focus-within{border-color:#e67e22;box-shadow:0 0 0 3px #e67e221f}.input-icon{width:42px;display:flex;justify-content:center;align-items:center;color:#e67e22;flex-shrink:0}.input-wrapper input{flex:1;width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;color:#333;font-size:14px;padding:0 8px 0 0}.input-wrapper input::placeholder{color:#aaa}.password-toggle{width:42px;height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#e67e22;cursor:pointer;padding:0}.password-toggle:hover{color:#d35400}.forgot-container{width:100%;display:flex;justify-content:center;margin-top:3px;margin-bottom:20px}.forgot-container button{border:none;background:transparent;color:#d68910;font-size:13px;font-weight:600;cursor:pointer;padding:3px}.forgot-container button:hover{color:#d35400;text-decoration:underline}.login-button{width:100%;height:46px;border:none;border-radius:25px;background:#e67e22;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:.2s ease;box-shadow:0 4px 10px #e67e2240}.login-button:hover:not(:disabled){background:#d35400;transform:translateY(-1px);box-shadow:0 6px 14px #e67e2252}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.register-section{margin-top:22px;padding-top:18px;border-top:1px solid #eeeeee;display:flex;justify-content:center;align-items:center;gap:5px;color:#777;font-size:13px}.register-section button{border:none;background:transparent;color:#e67e22;font-size:13px;font-weight:700;cursor:pointer;padding:3px}.register-section button:hover{color:#d35400;text-decoration:underline}@media(max-width:600px){.login-page{padding:15px}.login-card{max-width:100%;padding:30px 22px 25px;border-radius:16px}.login-brand{font-size:24px}.login-card h1{font-size:18px}.register-section{flex-direction:column;gap:2px}}.olvido-page{min-height:100vh;display:flex;flex-direction:column;background:#fffbf2}.olvido-container{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px}.olvido-card{background:#fff;border-radius:16px;padding:40px;max-width:450px;width:100%;box-shadow:0 4px 12px #0000001a}.olvido-card h1{font-size:24px;color:#4e342e;text-align:center;margin-bottom:20px}.olvido-card p{color:#7d6e66;text-align:center;margin-bottom:25px}.olvido-card input{width:100%;padding:12px;border:1px solid #E8D8CA;border-radius:8px;font-size:16px;margin-bottom:15px}.olvido-card button{width:100%;background:#f9a15e;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;cursor:pointer}.olvido-card button:hover:not(:disabled){background:#a93226}.olvido-card button:disabled{opacity:.6}.mensaje{padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.mensaje.exito{background:#d4edda;color:#155724}.mensaje.error{background:#f8d7da;color:#721c24}.olvido-links{margin-top:20px;text-align:center}.olvido-links button{background:none;border:none;color:#f9a15e;cursor:pointer;width:auto;padding:0}.olvido-links button:hover{text-decoration:underline;background:none}.usuario-page{min-height:100vh;background:#fffbf2;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nav{background:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #00000014;margin-bottom:30px}.btn-regresar{background:#7d6e66;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-regresar:hover{background:#5a6268;transform:translateY(-1px)}.btn-cerrar-sesion{background:#dc3545;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-cerrar-sesion:hover{background:#c82333;transform:translateY(-1px)}.perfil-container{max-width:1000px;margin:0 auto;padding:0 20px 40px}.perfil-container h1{font-size:28px;color:#4e342e;margin-bottom:25px;font-weight:500}.tabs-usuario{display:flex;gap:8px;margin-bottom:30px;border-bottom:2px solid #FFEFE0}.tab-btn{background:none;border:none;padding:12px 28px;font-size:15px;font-weight:500;cursor:pointer;color:#7d6e66;transition:all .25s ease;border-radius:8px 8px 0 0;position:relative}.tab-btn:hover{color:#4e342e;background:#f0f2f5}.tab-btn.active{color:#4e342e;background:#fffbf2}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#4e342e}.perfil-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;display:flex;flex-wrap:wrap}.foto-section{background:#fffbf2;padding:40px 30px;text-align:center;border-right:1px solid #FFEFE0;min-width:220px}.avatar-placeholder{width:120px;height:120px;background:linear-gradient(135deg,#1c3bc1,#6b0bcb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;margin:0 auto 20px;box-shadow:0 4px 10px #0000001a}.info-section{flex:1;padding:35px 40px}.campo-formulario{margin-bottom:20px;display:flex;flex-direction:column}.campo-formulario label{font-size:13px;font-weight:600;color:#4a5568;margin-bottom:6px;letter-spacing:.3px}.campo-formulario input{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.campo-formulario input:hover{border-color:#cbd5e0}.campo-formulario input:focus{outline:none;border-color:#4e342e;box-shadow:0 0 0 3px #2c3e501a}.btn-guardar{background:#990606;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;margin-top:15px;transition:all .2s;width:100%}.btn-guardar:hover{background:#7f2b2b;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media(max-width:768px){.nav{flex-direction:column;gap:12px;padding:15px}.tabs-usuario{flex-wrap:wrap;justify-content:center}.tab-btn{padding:8px 18px;font-size:14px}.perfil-card{flex-direction:column}.foto-section{border-right:none;border-bottom:1px solid #FFEFE0;padding:30px}.info-section{padding:25px}.avatar-placeholder{width:100px;height:100px;font-size:38px}}.historial-container{background:#fff;border-radius:12px;padding:1.5rem}.historial-container h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.pedidos-lista{display:flex;flex-direction:column;gap:1rem}.pedido-card{background:#f9f9f9;border-radius:8px;padding:1.5rem;transition:all .3s ease;border:1px solid #E8D8CA}.pedido-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.pedido-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #E8D8CA}.pedido-info{display:flex;flex-direction:column;gap:.25rem}.pedido-numero{font-weight:700;font-size:1.1rem}.pedido-fecha{font-size:.85rem;color:#7d6e66}.estado-badge{padding:.25rem .75rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500}.pedido-resumen{display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.resumen-item{display:flex;gap:.5rem;align-items:baseline}.resumen-item span{color:#7d6e66;font-size:.9rem}.resumen-item strong{font-size:1rem;color:#333}.total{font-size:1.1rem}.pedido-productos-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.5rem 0}.producto-tag{background:#e8d8ca;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;color:#7d6e66}.producto-tag-mas{background:#f9a15e;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.85rem}.pedido-acciones{display:flex;justify-content:flex-end}.btn-ver-detalle{background:#9f0707;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s;font-size:.9rem}.btn-ver-detalle:hover{background:#a60909c2;color:#fff}.historial-vacio{text-align:center;padding:3rem;background:#f9f9f9;border-radius:8px}.historial-vacio i{font-size:3rem;color:#f9a15e;margin-bottom:1rem}.historial-vacio p{color:#7d6e66;margin-bottom:1rem}.btn-comprar{background:#f9a15e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500}.historial-cargando{text-align:center;padding:2rem;color:#7d6e66}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #E8D8CA;position:sticky;top:0;background:#fff}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;transition:color .3s}.modal-close:hover{color:#333}.modal-body{padding:1.5rem}.detalle-info{background:#f9f9f9;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.info-linea{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #E8D8CA}.info-linea:last-child{border-bottom:none}.detalle-productos h4{margin-bottom:1rem;color:#333}.productos-lista-detalle{max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.producto-detalle-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #FFF8EF;align-items:center}.producto-detalle-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.producto-detalle-info{flex:1}.producto-nombre{font-weight:700;margin-bottom:.25rem;color:#333}.producto-descripcion{font-size:.85rem;color:#7d6e66;margin-bottom:.25rem}.producto-precio{font-size:.85rem;color:#f9a15e}.producto-subtotal{font-weight:700;color:#333;min-width:100px;text-align:right}.detalle-resumen{background:#f9f9f9;padding:1rem;border-radius:8px;margin:1rem 0}.resumen-linea{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #E8D8CA}.resumen-linea.total{border-top:2px solid #F9A15E;border-bottom:none;padding-top:.5rem;margin-top:.5rem;font-weight:700;font-size:1.1rem;color:#f9a15e}.detalle-acciones{display:flex;justify-content:center;margin-top:1rem}@media(max-width:768px){.pedido-header{flex-direction:column;align-items:flex-start;gap:.5rem}.producto-detalle-item{flex-direction:column;text-align:center}.producto-subtotal{text-align:center}.modal-content{width:95%;margin:1rem}}.mis-pqrs-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.mis-pqrs-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #FFEFE0}.mis-pqrs-header h2{color:#4e342e;font-size:22px;margin-bottom:8px}.mis-pqrs-header p{color:#7d6e66;font-size:14px}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:20px}.sin-pqrs{text-align:center;padding:50px;background:#fffbf2;border-radius:8px}.sin-pqrs p{color:#7d6e66;margin-bottom:20px}.btn-realizar-pqrs{background:#4e342e;color:#fff;border:none;padding:10px 25px;border-radius:6px;cursor:pointer;font-size:14px}.btn-realizar-pqrs:hover{background:#1e2b36}.pqrs-table-container{overflow-x:auto;border-radius:12px;border:1px solid #FFEFE0}.pqrs-table{width:100%;border-collapse:collapse;font-size:14px}.pqrs-table th{background:#fffbf2;padding:14px 16px;text-align:left;font-weight:600;color:#4a5568;border-bottom:1px solid #FFEFE0}.pqrs-table td{padding:14px 16px;border-bottom:1px solid #FFF8EF;color:#7d6e66}.pqrs-table tr:hover{background:#fafbfc}.btn-ver-detalle{background:#4e342e;color:#fff;border:none;padding:6px 18px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-ver-detalle:hover{background:#1e2b36;transform:translateY(-1px)}.estado-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.estado-pendiente{background:#fff3e0;color:#ff7043}.estado-proceso{background:#e3f2fd;color:#1976d2}.estado-resuelta{background:#e8f5e9;color:#2e7d32}.estado-cerrada{background:#eceff1;color:#546e7a}.btn-ver-detalle{background:#4e342e;color:#fff;border:none;padding:6px 15px;border-radius:5px;cursor:pointer;font-size:12px}.btn-ver-detalle:hover{background:#1e2b36}.loading-spinner{text-align:center;padding:40px;color:#7d6e66}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-detalle{background:#fff;border-radius:12px;width:90%;max-width:550px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#fffbf2;border-bottom:1px solid #FFEFE0}.modal-header h3{margin:0;color:#4e342e;font-size:18px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#7d6e66}.detalle-item{margin-bottom:15px}.detalle-item strong{display:block;color:#4e342e;margin-bottom:5px;font-size:13px}.detalle-item span{color:#7d6e66;font-size:14px}.descripcion-texto,.respuesta-texto{background:#fffbf2;padding:12px;border-radius:6px;margin-top:5px;line-height:1.5;font-size:14px}.respuesta{margin-top:20px;padding-top:15px;border-top:1px solid #FFEFE0}.respuesta-texto{background:#e8f5e9;color:#2e7d32}.modal-footer{padding:15px 20px;background:#fffbf2;border-top:1px solid #FFEFE0;text-align:right}.btn-cerrar{background:#7d6e66;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer}@media(max-width:768px){.pqrs-table{font-size:12px}.pqrs-table th,.pqrs-table td{padding:8px}.btn-ver-detalle{padding:4px 10px;font-size:11px}}:root{--primary-color: #F9A15E;--secondary-color: #4E342E;--accent-color: #a6322b;--text-light: #E8D8CA;--text-dark: #4E342E;--success-color: #28a745;--warning-color: #ffc107;--error-color: #dc3545;--info-color: #17a2b8}.pqrs-hero{background:linear-gradient(#2c1810b3,#2c1810cc),url(https://images.unsplash.com/photo-1509042239860-f550ce710b93) no-repeat center center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;height:350px;position:relative;top:-30px}.pqrs-hero-content h1{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}.pqrs-hero-content p{font-size:1.2rem}.info-section{padding:5rem 0;background-color:#fff8ef}.info-section h2{text-align:center;color:var(--secondary-color);font-size:2rem;margin-bottom:2rem}.info-content p{text-align:center;max-width:800px;margin:0 auto 3rem;line-height:1.8;color:var(--text-dark)}.info-grid{display:flex;justify-content:center;align-items:stretch;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;flex-wrap:wrap}.info-card{flex:1;min-width:200px;max-width:250px;text-align:center;padding:1.5rem;background:#fff;border-radius:10px;transition:transform .3s ease;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column}.info-card p{font-size:.9rem;color:var(--text-dark);line-height:1.5;flex:1}@media(max-width:900px){.info-grid{flex-wrap:wrap;justify-content:center}.info-card{min-width:200px;max-width:220px}}@media(max-width:768px){.info-grid{flex-direction:column;align-items:center;gap:1rem}.info-card{width:100%;max-width:300px}}.info-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.info-icon{font-size:2.5rem;margin-bottom:1rem}.info-card h3{color:var(--primary-color);margin-bottom:.5rem}.info-card p{font-size:.9rem;color:var(--text-dark)}.actions-section{padding:5rem 0;background-color:#fff;flex-direction:flex}.actions-section h2{text-align:center;color:var(--secondary-color);font-size:2rem;margin-bottom:3rem}.cards-container{display:flex;justify-content:center;align-items:stretch;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.pqrs-card{flex:1;max-width:500px;background:var(--secondary-color);border-radius:15px;padding:2rem;text-align:center;transition:transform .3s ease;color:#fff;display:flex;flex-direction:column}.pqrs-card:hover{transform:translateY(-5px)}.card-icon{font-size:3rem;margin-bottom:1rem}.pqrs-card h3{color:var(--primary-color);margin-bottom:1rem}.pqrs-card p{line-height:1.6;margin-bottom:1.5rem;color:var(--text-light);flex:1}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;border:none;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;text-decoration:none;display:inline-block;width:100%;max-width:200px;margin:0 auto}.btn-primary{background-color:var(--primary-color);color:var(--secondary-color)}.btn-primary:hover{background-color:#f9a15e;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px)}.benefits-section{padding:5rem 0;background-color:#fff8ef}.benefits-section h2{text-align:center;color:var(--secondary-color);font-size:2rem;margin-bottom:3rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-item{text-align:center}.benefit-icon{font-size:2.5rem;margin-bottom:1rem}.benefit-item h3{color:var(--primary-color);margin-bottom:.5rem}.benefit-item p{color:var(--text-dark)}.form-section{padding:5rem 0;background-color:#fff8ef}.form-wrapper{max-width:700px;margin:0 auto;background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.form-header h2{color:var(--secondary-color);margin-bottom:.5rem}.form-header p{color:var(--text-dark);font-size:.9rem}.form-group label{font-weight:700;color:var(--secondary-color)}.form-control{padding:.8rem;border:1px solid #E8D8CA;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--primary-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}textarea.form-control{resize:vertical;font-family:inherit}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.btn-cancel,.btn-submit,.btn-consultar{padding:.8rem 2rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-cancel{background-color:#fff8ef;color:var(--text-dark)}.btn-submit,.btn-consultar{background-color:var(--primary-color);color:var(--secondary-color)}.btn-submit:hover,.btn-consultar:hover{background-color:#f9a15e;transform:translateY(-2px)}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.consulta-section{padding:5rem 0;background-color:#fff8ef;min-height:60vh}.consulta-wrapper{max-width:600px;margin:0 auto}.consulta-form{background:#fff;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px #0000001a}.consulta-form h2{color:var(--secondary-color);margin-bottom:1rem;text-align:center}.consulta-form p{color:var(--text-dark);text-align:center;margin-bottom:2rem}.btn-consultar{width:100%;margin-top:1rem}.consulta-resultado{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.consulta-resultado h3{color:var(--secondary-color);margin-bottom:1.5rem;text-align:center}.estado-card{border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.estado-warning{background-color:#fff3cd;border-left:4px solid var(--warning-color)}.estado-success{background-color:#d4edda;border-left:4px solid var(--success-color)}.estado-info{background-color:#d1ecf1;border-left:4px solid var(--info-color)}.estado-default{background-color:#fffbf2;border-left:4px solid #7D6E66}.estado-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.estado-icon{font-size:2rem}.estado-info{flex:1}.estado-label{display:block;font-size:.8rem;color:#7d6e66}.estado-valor{display:block;font-size:1.2rem;font-weight:700}.estado-valor.warning{color:var(--warning-color)}.estado-valor.success{color:var(--success-color)}.estado-valor.info{color:var(--info-color)}.estado-detalle{display:flex;flex-direction:column;gap:.5rem}.detalle-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee}.info-adicional{background-color:#fffbf2;padding:1rem;border-radius:8px;display:flex;gap:.5rem;align-items:center;color:var(--text-dark)}.footer{background-color:var(--secondary-color);color:#fff;text-align:center;padding:1.5rem;margin-top:auto}@media(max-width:768px){.container{padding:0 1rem}.pqrs-hero{height:250px}.pqrs-hero-small{height:200px}.pqrs-hero-content h1{font-size:2rem}.info-section,.actions-section,.benefits-section{padding:3rem 0}.cards-container,.form-row{grid-template-columns:1fr}.form-buttons{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.info-grid{grid-template-columns:1fr}}.realizar-pqrs-page{min-height:100vh;display:flex;flex-direction:column}.pqrs-hero-small{background:linear-gradient(#2c1810b3,#2c1810cc),url(https://images.unsplash.com/photo-1509042239860-f550ce710b93) no-repeat center center/cover;height:250px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.pqrs-hero-content h1{font-size:2.5rem;margin-bottom:1rem;color:#f9a15e}.pqrs-hero-content p{font-size:1.1rem}.form-section{padding:5rem 0;background-color:#fff8ef;flex:1}.container{max-width:700px;margin:0 auto;padding:0 2rem}.form-wrapper{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{color:#4e342e;margin-bottom:.5rem}.user-info-badge{background-color:#fff8ef;padding:.8rem;border-radius:8px;margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem}.user-info-badge i{color:#f9a15e;font-size:1.2rem}.user-info-badge strong{color:#4e342e}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.8rem}.alert i{font-size:1.2rem;margin-top:.2rem}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert-content{flex:1}.alert-content p{margin:0 0 .5rem}.codigo-container{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.codigo-label{font-size:.9rem;margin-bottom:.5rem;color:#155724}.codigo-box{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.codigo{font-size:1.2rem;font-family:monospace;background:#fff;padding:.5rem 1rem;border-radius:5px;border:1px solid #c3e6cb;letter-spacing:1px}.btn-copiar{background:none;border:none;cursor:pointer;font-size:1rem;color:#155724;padding:.5rem;transition:all .3s ease}.btn-copiar:hover{transform:scale(1.1)}.codigo-ayuda{font-size:.8rem;margin:.5rem 0;color:#155724}.btn-consultar-ahora{background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;margin-top:.5rem;transition:all .3s ease}.btn-consultar-ahora:hover{background-color:#218838;transform:translateY(-2px)}.pqrs-formulario{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;color:#4e342e}.form-control{padding:.8rem;border:1px solid #E8D8CA;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-control:focus{outline:none;border-color:#f9a15e}.form-control:disabled{background-color:#fffbf2;cursor:not-allowed}textarea.form-control{resize:vertical}.char-count{font-size:.8rem;color:#999;text-align:right}.link-button{background:none;border:none;color:#f9a15e;cursor:pointer;text-decoration:underline;font-weight:700;padding:0;margin:0 .2rem;font-size:inherit}.link-button:hover{color:#f9a15e}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-cancel,.btn-submit{padding:.8rem 2rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-cancel{background-color:#fff8ef;color:#4e342e}.btn-cancel:hover{background-color:#e8d8ca}.btn-submit{background-color:#f9a15e;color:#4e342e}.btn-submit:hover:not(:disabled){background-color:#f9a15e;transform:translateY(-2px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.fa-spinner{margin-right:.5rem}.footer{background-color:#4e342e;color:#fff;text-align:center;padding:1.5rem;margin-top:auto}@media(max-width:768px){.pqrs-hero-small{height:200px}.pqrs-hero-content h1{font-size:2rem}.form-section{padding:3rem 0}.container{padding:0 1rem}.form-wrapper{padding:1.5rem}.form-buttons{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.codigo{font-size:.9rem;word-break:break-all}}.pqrs-form{background-color:#7e0501;padding:20px;border-radius:10px;max-width:500px;margin:0 auto}.pqrs-form label{display:block;margin-bottom:10px;font-weight:700;color:#fff}.catalogo .hero{height:280px;background:url(https://images.unsplash.com/photo-1509042239860-f550ce710b93) no-repeat center/cover}.catalogo .section{padding:40px;text-align:center}@media(max-width:900px){.catalogo .header{flex-direction:column;justify-content:center;gap:10px;text-align:center}.catalogo .logo-img{position:static;height:80px}.catalogo .logo-header{margin-right:0}}@media(max-width:600px){.catalogo .header{padding:20px}.catalogo .logo-header{font-size:22px}.catalogo .hero{height:180px}.catalogo .section{padding:20px}}.resenas-container{margin-top:40px;padding:20px;background:#fff;border-radius:12px}.resenas-header{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #FFEFE0}.resenas-header h3{font-size:20px;color:#4e342e;margin-bottom:10px}.promedio-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.estrella-llena{color:#ffab40;font-size:18px}.estrella-vacia{color:#e8d8ca;font-size:18px}.promedio-numero{font-size:18px;font-weight:700;color:#4e342e}.total-resenas{color:#7d6e66;font-size:14px}.agregar-resena{background:#fffbf2;padding:20px;border-radius:12px;margin-bottom:30px}.agregar-resena h4{margin-bottom:15px;color:#4e342e}.mensaje-resena{background:#d4edda;color:#155724;padding:10px;border-radius:6px;margin-bottom:15px}.calificacion-input,.comentario-input{margin-bottom:15px}.calificacion-input label,.comentario-input label{display:block;margin-bottom:8px;font-weight:500}.calificacion-input select{padding:8px 12px;border:1px solid #E8D8CA;border-radius:6px;width:200px}.comentario-input textarea{width:100%;padding:10px;border:1px solid #E8D8CA;border-radius:8px;resize:vertical}.agregar-resena button{background:#f9a15e;color:#fff;border:none;padding:10px 25px;border-radius:25px;cursor:pointer}.agregar-resena button:disabled{opacity:.6}.resena-card{background:#fff;border:1px solid #FFEFE0;border-radius:10px;padding:15px;margin-bottom:15px}.resena-header{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:10px}.resena-fecha{color:#7d6e66;font-size:12px}.resena-comentario{color:#7d6e66;line-height:1.5;margin:0}.sin-resenas{text-align:center;padding:30px;color:#7d6e66;background:#fffbf2;border-radius:8px}@media(max-width:768px){.resena-header{flex-direction:column;align-items:flex-start;gap:5px}}.producto-detalle{min-height:100vh;background:#fffbf2}.detalle-container{max-width:1200px;margin:30px auto;padding:40px 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.detalle-imagen{display:flex;justify-content:center;align-items:center}.detalle-imagen img{width:100%;max-width:250px;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000001a}.detalle-info{display:flex;flex-direction:column;gap:15px}.detalle-info h1{font-size:28px;color:#4e342e;margin:0;font-weight:600}.producto-calificacion{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:5px 0}.producto-calificacion .estrellas{display:flex;gap:3px}.producto-calificacion .estrella-llena{color:#ffab40;font-size:18px}.producto-calificacion .estrella-vacia{color:#e8d8ca;font-size:18px}.calificacion-numero{font-weight:700;color:#4e342e;font-size:16px}.producto-calificacion .total-resenas{color:#7d6e66;font-size:13px}.detalle-descripcion{color:#7d6e66;line-height:1.6;font-size:16px;margin:10px 0}.detalle-categoria,.detalle-stock{color:#7d6e66;font-size:14px;margin:5px 0}.detalle-precio{font-size:32px;font-weight:700;color:#f9a15e;margin:15px 0}.detalle-cantidad{display:flex;align-items:center;gap:15px;margin:15px 0}.detalle-cantidad label{font-weight:500;color:#4e342e}.detalle-cantidad input{width:80px;padding:10px;border:1px solid #E8D8CA;border-radius:8px;font-size:16px;text-align:center}.btn-agregar-carrito{background:#f9a15e;color:#fff;border:none;padding:14px 30px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.btn-agregar-carrito:hover{background:#a93226;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.loading{text-align:center;padding:80px;font-size:18px;color:#7d6e66}@media(max-width:768px){.detalle-container{grid-template-columns:1fr;gap:30px;padding:20px;margin:20px}.detalle-imagen img{max-width:280px}.detalle-info h1{font-size:24px}.detalle-precio{font-size:28px}.btn-agregar-carrito{width:100%}}.header{background:#f9a15e;padding:15px 40px;display:flex;justify-content:flex-end;align-items:center;color:#fff;position:relative}.logo-header{position:absolute;right:190px;font-size:28px;font-weight:700;margin-right:27%;cursor:pointer}.logo-img{position:absolute;left:50px;bottom:-55px;height:100px}.icons{display:flex;align-items:center;gap:15px}.icons i{cursor:pointer;padding:5px;font-size:20px;color:#fff}.search-box{position:relative}.search-box input{padding:6px 30px 6px 10px;border-radius:20px;border:none;font-size:16px;outline:none}.search-box input::placeholder{color:#999}.search-box .fa-magnifying-glass{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#f9a15e;cursor:pointer}.nav{background:#f9a15e;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}.nav button{background:#a81b1b;border:none;padding:6px 16px;border-radius:20px;cursor:pointer;font-weight:700;font-size:14px;color:#fff}.nav button:hover{background:#91716e}.carrito-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.carrito-container h1{margin-bottom:2rem;color:#333}.carrito-content{display:grid;grid-template-columns:1fr 320px;gap:2rem}.carrito-items table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.carrito-items th{background:#fffbf2;padding:1rem;text-align:left;font-weight:600;color:#7d6e66}.carrito-items td{padding:1rem;border-bottom:1px solid #eee;vertical-align:middle}.producto-info{display:flex;align-items:center;gap:1rem}.producto-info img{width:80px;height:80px;object-fit:cover;border-radius:8px}.producto-info h3{margin:0 0 .5rem;font-size:1rem}.producto-info p{margin:0;font-size:.875rem;color:#7d6e66}.cantidad-input{width:60px;padding:.5rem;border:1px solid #E8D8CA;border-radius:4px;text-align:center}.btn-eliminar{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#f44;transition:transform .2s}.btn-eliminar:hover{transform:scale(1.1)}.carrito-resumen{background:#f9f9f9;padding:1.5rem;border-radius:8px;position:sticky;top:2rem;height:fit-content}.carrito-resumen h2{margin-bottom:1.5rem;font-size:1.25rem;color:#333}.resumen-linea{display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #E8D8CA}.resumen-linea.total{border-bottom:none;font-weight:700;font-size:1.2rem;margin-top:1rem;padding-top:.5rem;border-top:2px solid #333}.btn-primary,.btn-secundario,.btn-link{width:100%;margin-top:1rem;padding:.75rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:#c49a6c;color:#fff;width:200px}.btn-primary:hover{background:#b0865a}.btn-secundario{background:#fff8ef;color:#7d6e66}.btn-secundario:hover{background:#e8d8ca}.btn-link{background:none;color:#c49a6c;text-decoration:underline}.carrito-vacio{text-align:center;padding:4rem 2rem}.carrito-vacio h2{margin-bottom:2rem;color:#7d6e66}.carrito-vacio button{width:auto;padding:.75rem 2rem}@media(max-width:768px){.carrito-content{grid-template-columns:1fr}.producto-info{flex-direction:column;text-align:center}.carrito-items table,.carrito-items thead,.carrito-items tbody,.carrito-items tr,.carrito-items td{display:block}.carrito-items thead{display:none}.carrito-items tr{margin-bottom:1rem;border:1px solid #E8D8CA;border-radius:8px;padding:1rem}.carrito-items td{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:none}.carrito-items td:before{content:attr(data-label);font-weight:700}}.recibo-container{max-width:600px;margin:40px auto;padding:20px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recibo-card{background:linear-gradient(135deg,#fff,#fffbf2);border-radius:24px;box-shadow:0 20px 40px #0000001a,0 4px 12px #0000000d;overflow:hidden;padding:40px 35px;text-align:center;position:relative;border:1px solid rgba(0,0,0,.05)}.recibo-card:before{content:"✓";position:absolute;top:20px;right:-30px;font-size:120px;opacity:.05;font-weight:700;color:#27ae60;transform:rotate(15deg);pointer-events:none}.recibo-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#27ae60,#4e342e,#ffab40)}.recibo-card h1{font-size:28px;color:#27ae60;margin-bottom:15px;font-weight:600}.recibo-card h1:before{content:"✅ ";font-size:32px}.recibo-card p{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:10px}.recibo-card p strong{color:#4e342e;font-weight:600}.recibo-card p:has(strong){background:#f0fdf4;display:inline-block;padding:8px 20px;border-radius:40px;margin:15px 0;font-family:monospace;font-size:18px}.recibo-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}.btn-descargar{background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;border:none;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #27ae604d;display:inline-flex;align-items:center;gap:10px}.btn-descargar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066;background:linear-gradient(135deg,#219a52,#1e8748)}.btn-descargar:disabled{opacity:.7;cursor:wait;transform:none}.btn-seguir{background:#4e342e;color:#fff;border:none;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;display:inline-flex;align-items:center;gap:10px}.btn-seguir:hover{background:#1e2b36;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-error{background:#e74c3c;color:#fff;border:none;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer}@media(max-width:768px){.recibo-container{margin:20px auto;padding:15px}.recibo-card{padding:25px 20px}.recibo-card h1{font-size:22px}.recibo-actions{flex-direction:column}.btn-descargar,.btn-seguir{width:100%;justify-content:center}}.confirmacion-container{max-width:800px;margin:2rem auto;padding:0 1rem}.confirmacion-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;text-align:center}.icono-exito{font-size:4rem;margin-bottom:1rem}.confirmacion-card h1{color:#f9a15e;margin-bottom:1rem}.mensaje{color:#7d6e66;margin-bottom:2rem}.info-pedido{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;text-align:left}.info-pedido h2{font-size:1.2rem;margin-bottom:1rem;color:#333}.info-linea{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #E0E0E0}.productos-resumen{margin-bottom:2rem;text-align:left}.productos-resumen h3{margin-bottom:1rem;color:#333}.producto-resumen{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #F0F0F0}.acciones{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.acciones a,.acciones button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-weight:600;transition:all .3s}.acciones a{background:#f9a15e;color:#fff}.acciones a:hover{background:#b0865a}.formulario-pago{margin-top:1rem}.formulario-pago h3{font-size:1rem;margin-bottom:1rem}.cargando{text-align:center;padding:3rem;font-size:1.2rem;color:#7d6e66}@media(max-width:768px){.acciones{flex-direction:column}.confirmacion-card{padding:1.5rem}}.nosotros-container{font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{background:linear-gradient(#2c1810cc,#2c1810e6),url(/images/coffee-bg.jpg);background-size:cover;background-position:center;height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-content h1{font-size:3rem;margin-bottom:1rem;color:#f9a15e}.hero-content p{font-size:1.2rem}.historia-section{padding:5rem 0;background-color:#fff8ef}.historia-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.historia-texto h2{color:#4e342e;font-size:2rem;margin-bottom:1.5rem}.historia-texto p{color:#4e342e;line-height:1.8;margin-bottom:1rem}.historia-imagen img{width:100%;border-radius:10px;box-shadow:0 5px 15px #0000001a}.mvv-section{padding:5rem 0;background-color:#fff}.mvv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.mvv-card{text-align:center;padding:2rem;background:#fff8ef;border-radius:10px;transition:transform .3s ease}.mvv-card:hover{transform:translateY(-5px)}.mvv-icon{font-size:3rem;margin-bottom:1rem}.mvv-card h3{color:#f9a15e;margin-bottom:1rem}.mvv-card ul{list-style:none;padding:0;text-align:left;display:inline-block}.mvv-card ul li{margin:.5rem 0;color:#4e342e}.cafe-section{padding:5rem 0;background-color:#4e342e;color:#fff}.cafe-section h2{text-align:center;color:#f9a15e;font-size:2rem;margin-bottom:3rem}.cafe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.cafe-item{text-align:center;padding:2rem}.cafe-icon{font-size:3rem;margin-bottom:1rem}.cafe-item h3{color:#f9a15e;margin-bottom:1rem}.equipo-section{padding:5rem 0;background-color:#fff8ef}.equipo-section h2{text-align:center;color:#4e342e;font-size:2rem;margin-bottom:3rem}.equipo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.equipo-card{text-align:center;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease;width:350px;margin:0 auto}.equipo-card:hover{transform:translateY(-5px)}.equipo-imagen{width:100%;height:300px;overflow:hidden}.equipo-imagen img{width:100%;height:100%;object-fit:cover}.equipo-card h3{color:#4e342e;margin:1rem 0 .5rem}.equipo-card p{color:#f9a15e;font-weight:700}.equipo-descripcion{color:#4e342e!important;font-weight:400!important;padding:0 1rem 1rem}.cta-section{padding:5rem 0;background:linear-gradient(135deg,#f9a15e,#4e342e);text-align:center;color:#fff}.cta-section h2{font-size:2rem;margin-bottom:1rem}.cta-section p{margin-bottom:2rem;font-size:1.1rem}.btn-primary{background-color:#fff;color:#4e342e;border:none;padding:1rem 2rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media(max-width:768px){.historia-content{grid-template-columns:1fr}.hero-content h1{font-size:2rem}.container{padding:0 1rem}}:root{--cafe: #4e342e;--cafe-oscuro: #35211d;--cafe-medio: #795548;--naranja: #d97832;--naranja-oscuro: #bd5d20;--crema: #f7f1e8;--crema-claro: #fffdf9;--texto: #34241f;--texto-suave: #82736b;--borde: #eadfd3;--blanco: #ffffff;--sombra: 0 12px 32px rgba(67, 43, 31, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:DM Sans,Arial,sans-serif;color:var(--texto);background:var(--crema)}button,input,select,textarea{font:inherit}button{cursor:pointer}.admin-container{min-height:100vh;background:var(--crema)}.admin-sidebar{position:fixed;z-index:1000;inset:0 auto 0 0;width:272px;display:flex;flex-direction:column;overflow-y:auto;color:#fff8f0;background:linear-gradient(180deg,#8b4e2f,#a96036);box-shadow:8px 0 28px #2c1b141f}.admin-sidebar-brand{display:flex;align-items:center;gap:12px;padding:25px 22px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-logo{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;background:#f2d4b3;color:var(--cafe);font-size:25px}.admin-sidebar-brand h2{margin:0 0 4px;font-family:Playfair Display,Georgia,serif;font-size:20px;line-height:1.2}.admin-sidebar-brand span{color:#d9c4b5;font-size:12px}.admin-sidebar-user{display:flex;align-items:center;gap:11px;margin:18px 15px 13px;padding:13px;border-radius:14px;background:#ffffff14}.user-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;color:var(--cafe);background:#f0c69d;font-weight:700}.sidebar-user-details{min-width:0;display:flex;flex-direction:column;gap:3px}.sidebar-user-details strong{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-details span{color:#d7c0b0;font-size:11px}.admin-sidebar-nav{padding:6px 13px 20px}.sidebar-section-title{margin:10px 10px 12px;color:#c7a994;font-size:10px;font-weight:700;letter-spacing:1.4px}.sidebar-group{margin:8px 0 15px}.sidebar-group-title{display:flex;align-items:center;gap:10px;padding:10px 11px;color:#f2d6bd;font-size:11px;font-weight:700;letter-spacing:.8px}.sidebar-icon{display:inline-grid;place-items:center;width:21px;font-size:17px}.sidebar-link{display:flex;align-items:center;width:100%;min-height:36px;margin:2px 0;padding:8px 12px 8px 42px;border:0;border-radius:9px;color:#e7d9cf;background:transparent;text-align:left;font-size:12px;transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar-home{padding-left:13px;font-weight:600}.admin-sidebar-bottom{margin-top:auto;padding:15px 16px 20px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-logout{width:100%;padding:11px 13px;border:1px solid rgba(255,255,255,.19);border-radius:10px;color:#fff;background:#ffffff12;text-align:left}.sidebar-logout:hover{background:#ffffff26}.admin-sidebar-bottom p{margin:13px 0 0;color:#bfa99a;text-align:center;font-size:10px}.admin-main{min-width:0;min-height:100vh;margin-left:272px;padding:0 32px 24px}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 23px;border-bottom:1px solid var(--borde)}.admin-breadcrumb{color:var(--naranja-oscuro);font-size:10px;font-weight:700;letter-spacing:1.4px}.admin-topbar h1{margin:7px 0 5px;font-family:Playfair Display,Georgia,serif;font-size:clamp(25px,2.4vw,34px);line-height:1.2}.admin-topbar p{margin:0;color:var(--texto-suave);font-size:13px}.logout-btn{flex:0 0 auto;padding:11px 16px;border:1px solid #e4cbb8;border-radius:10px;color:var(--cafe);background:var(--crema-claro);font-size:12px;font-weight:700}.logout-btn:hover{border-color:var(--naranja);color:var(--naranja-oscuro)}.admin-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;margin:24px 0;padding:27px 30px;border:1px solid #f0d6bc;border-radius:18px;background:linear-gradient(110deg,#fffaf3,#f9e8d4)}.welcome-label{color:var(--naranja-oscuro);font-size:10px;font-weight:700;letter-spacing:1.5px}.admin-welcome h2{margin:8px 0 7px;font-family:Playfair Display,Georgia,serif;font-size:clamp(23px,2.2vw,31px)}.admin-welcome p{margin:0;color:#7d6557;font-size:13px}.welcome-coffee-icon{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border-radius:22px;color:#9c552a;background:#ffffff94;font-size:40px}.admin-dashboard{margin:25px 0}.dashboard-heading{margin-bottom:17px}.dashboard-heading h2{margin:0 0 6px;font-family:Playfair Display,Georgia,serif;font-size:23px}.dashboard-heading p{margin:0;color:var(--texto-suave);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-card{min-width:0;padding:22px;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f09;transition:transform .18s ease,box-shadow .18s ease}.dashboard-card:hover{transform:translateY(-3px);box-shadow:var(--sombra)}.dashboard-card-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:15px;border-radius:13px;color:var(--naranja-oscuro);background:#fff0df;font-size:22px}.dashboard-card h3{margin:0 0 7px;font-size:14px}.dashboard-card p{min-height:34px;margin:0 0 17px;color:var(--texto-suave);font-size:12px;line-height:1.5}.dashboard-card button,.stock-alert-button{padding:10px 13px;border:0;border-radius:9px;color:#fff;background:var(--naranja);font-size:11px;font-weight:700}.dashboard-card button:hover,.stock-alert-button:hover{background:var(--naranja-oscuro)}.dashboard-card button:disabled,.stock-alert-button:disabled{opacity:.6;cursor:wait}.api-dashboard{padding:23px;border:1px solid var(--borde);border-radius:17px;background:#fffdf9cc}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}.stat-card{display:flex;flex-direction:column;gap:9px;padding:19px;border:1px solid var(--borde);border-radius:13px;background:#fff}.stat-card span{color:var(--texto-suave);font-size:12px}.stat-card strong{color:var(--cafe);font-size:29px}.stat-warning{border-color:#f0d1ad;background:#fff8ef}.api-table-card{margin-top:17px;padding:19px;border:1px solid var(--borde);border-radius:13px;background:#fff}.api-table-card h3{margin:0 0 15px;font-size:15px}.stock-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.stock-heading h3{margin-bottom:5px}.stock-heading p{margin:0;color:var(--texto-suave);font-size:11px}.table-scroll{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:12px;color:#7a6253;background:#faf3eb;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.admin-table td{padding:13px 12px;border-bottom:1px solid #f0e7de;font-size:12px}.admin-table tbody tr:last-child td{border-bottom:0}.stock-badge{display:inline-block;padding:5px 9px;border-radius:20px;color:#9b4a18;background:#fff0df;font-size:10px;font-weight:700}.empty-state,.api-loading{padding:18px;border-radius:10px;color:var(--texto-suave);background:#fbf7f2;font-size:12px;text-align:center}.api-error{margin:18px 0;padding:17px 19px;border:1px solid #efc4bd;border-radius:12px;color:#842d24;background:#fff1ef;overflow-wrap:anywhere}.api-error strong{display:block;margin-bottom:7px;font-size:14px}.api-error p{margin:0 0 12px;font-size:12px;line-height:1.6}.api-error button{padding:9px 13px;border:0;border-radius:8px;color:#fff;background:#a9362b;font-size:11px;font-weight:700}.api-message{margin:14px 0;padding:13px 16px;border:1px solid #cce2c9;border-radius:10px;color:#285d32;background:#f0faef;font-size:12px;overflow-wrap:anywhere}.admin-footer-basico{padding:20px 0 4px;color:#9b8a7e;text-align:center;font-size:10px}.admin-menu-toggle,.admin-sidebar-overlay{display:none}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding-right:24px;padding-left:24px}}@media(max-width:820px){.admin-sidebar{width:272px;transform:translate(-105%);transition:transform .25s ease}.admin-sidebar.sidebar-open{transform:translate(0)}.admin-main{margin-left:0;padding:58px 18px 22px}.admin-menu-toggle{position:fixed;z-index:1102;top:13px;left:13px;display:grid;place-items:center;width:41px;height:41px;border:0;border-radius:11px;color:#fff;background:var(--cafe);box-shadow:0 5px 15px #00000029;font-size:21px}.admin-sidebar-overlay{position:fixed;z-index:999;inset:0;display:block;background:#19100c7a}.admin-topbar{align-items:flex-start}.logout-btn{padding:9px 11px}}@media(max-width:560px){.admin-main{padding-right:13px;padding-left:13px}.admin-topbar{flex-direction:column;gap:13px}.admin-topbar h1{font-size:26px}.logout-btn{align-self:flex-start}.admin-welcome{padding:21px 18px}.welcome-coffee-icon{flex-basis:52px;width:52px;height:52px;font-size:29px;border-radius:15px}.dashboard-grid,.stats-grid{grid-template-columns:1fr}.dashboard-card{padding:18px}.api-dashboard{padding:15px}.api-table-card{padding:13px}.stock-heading{align-items:flex-start;flex-direction:column}.admin-table th,.admin-table td{padding:10px 8px}}.ver-productos-container{min-height:100vh;background:var(--crema);padding:24px;color:var(--texto)}.ver-productos-header{background:var(--crema-claro);padding:22px 30px;border-radius:14px;border:1px solid var(--borde);box-shadow:0 4px 12px #35211d12;margin-bottom:24px;display:flex;align-items:center;gap:20px}.ver-productos-header h1{font-size:24px;color:var(--cafe);font-weight:700;margin:0;flex:1;text-align:center}.tabla-productos thead{background:#eee2d5;border-bottom:2px solid #dfcbb8}.tabla-productos th{padding:16px 12px;text-align:left;font-weight:700;color:var(--cafe);white-space:nowrap}.tabla-productos td{padding:13px 12px;border-bottom:1px solid var(--borde);color:var(--texto);vertical-align:middle}.tabla-productos tbody tr{transition:background .2s ease}.tabla-productos tbody tr:hover{background:#faf0e5}.tabla-productos tbody tr:last-child td{border-bottom:none}.producto-imagen{width:54px;height:54px;object-fit:cover;border-radius:9px;border:1px solid var(--borde);box-shadow:0 2px 5px #35211d14}.sin-imagen{color:var(--texto-suave);font-size:12px;font-style:italic}.stock-bajo{color:var(--naranja-oscuro);font-weight:700;background:#fff0df;padding:5px 9px;border-radius:6px;display:inline-block}@media(max-width:768px){.ver-productos-container{padding:14px}.ver-productos-header{flex-direction:column;align-items:stretch;padding:18px;gap:14px}.ver-productos-header h1{order:2;font-size:21px}.btn-volver{order:1;align-self:flex-start}.tabla-container{border-radius:10px}.tabla-productos{font-size:12px;min-width:650px}.tabla-productos th,.tabla-productos td{padding:9px 8px}.producto-imagen{width:44px;height:44px}.sin-datos{padding:28px 16px}}:root{--cafe: #4e342e;--cafe-oscuro: #35211d;--cafe-medio: #795548;--terracota: #68402f;--naranja: #d97832;--naranja-oscuro: #bd5d20;--crema: #f7f1e8;--crema-claro: #fffdf9;--texto: #34241f;--texto-suave: #82736b;--borde: #eadfd3;--blanco: #ffffff}.actualizar-container{min-height:100vh;padding:24px;background:var(--crema);color:var(--texto);font-family:DM Sans,Arial,sans-serif}.actualizar-header{display:flex;align-items:center;gap:20px;padding:22px 30px;margin-bottom:24px;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f0d}.actualizar-header h1{flex:1;margin:0;color:var(--cafe);font-size:25px;font-weight:700;text-align:center}.btn-volver{padding:10px 20px;border:none;border-radius:9px;background:var(--terracota);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.btn-volver:hover{background:var(--cafe);transform:translateY(-1px)}.loading{padding:40px;color:var(--texto-suave);font-size:17px;text-align:center}.contenido-dos-columnas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.lista-productos,.formulario-edicion{min-width:0;overflow:hidden;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f0a}.lista-productos h2,.formulario-edicion h2{padding:19px 24px;margin:0;border-bottom:1px solid var(--borde);background:#f2e7da;color:var(--cafe);font-size:17px;font-weight:700}.productos-grid{max-height:600px;overflow-y:auto;padding:20px}.producto-card{display:flex;align-items:center;gap:15px;padding:13px;margin-bottom:12px;border:1px solid var(--borde);border-radius:12px;background:var(--blanco);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.producto-card:hover{border-color:#d5b49a;background:#fff8ef;box-shadow:0 4px 12px #432b1f0f;transform:translateY(-1px)}.producto-card.seleccionado{border-color:var(--naranja);background:#fff0df;box-shadow:0 0 0 2px #d978321f}.producto-imagen-mini{display:flex;flex:0 0 60px;align-items:center;justify-content:center;width:60px;height:60px;overflow:hidden;border-radius:9px;background:#f7f1e8}.producto-imagen-mini img{width:100%;height:100%;object-fit:cover}.sin-imagen-mini{color:#b39a88;font-size:24px}.producto-info-mini{flex:1;min-width:0}.producto-nombre-mini{margin-bottom:5px;color:var(--cafe);font-size:14px;font-weight:700}.producto-precio-mini{margin-bottom:4px;color:var(--naranja-oscuro);font-size:14px;font-weight:700}.producto-stock-mini{color:var(--texto-suave);font-size:12px}.sin-seleccion{padding:40px 24px;color:var(--texto-suave);text-align:center}.formulario-edicion form{padding:25px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 13px;border:1px solid #ddcfc2;border-radius:9px;outline:none;background:var(--blanco);color:var(--texto);font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--naranja);box-shadow:0 0 0 3px #d978321f}.form-group textarea{resize:vertical}.form-group small{display:block;margin-top:6px;color:var(--texto-suave);font-size:12px}.btn-actualizar-form{flex:1;padding:12px 20px;border:none;border-radius:9px;background:var(--naranja);color:#fff;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.btn-actualizar-form:hover{background:var(--naranja-oscuro);transform:translateY(-1px)}.btn-cancelar{padding:12px 20px;border:1px solid #d8c5b5;border-radius:9px;background:#f2e7da;color:var(--cafe);cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.btn-cancelar:hover{background:#e7d5c3}.btn-actualizar-form:disabled,.btn-cancelar:disabled,.btn-volver:disabled{opacity:.6;cursor:not-allowed;transform:none}.producto-proveedor-mini{margin-top:5px;color:var(--naranja-oscuro);font-size:11px;font-weight:600}.proveedor-actual{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;margin-top:10px;border:1px solid #ead4bd;border-radius:9px;background:#fff5e9;font-size:13px}.proveedor-actual-label{color:var(--cafe);font-weight:700}.proveedor-actual-nombre{color:var(--naranja-oscuro);font-weight:600}select[name=ID_Proveedor]{background-color:var(--blanco)}.productos-grid{scrollbar-color:#c7a994 #f7f1e8;scrollbar-width:thin}@media(max-width:1000px){.contenido-dos-columnas{grid-template-columns:1fr}.productos-grid{max-height:450px}}@media(max-width:768px){.actualizar-container{padding:16px}.actualizar-header{flex-direction:column;align-items:stretch;gap:14px;padding:20px}.actualizar-header h1{font-size:22px}.btn-volver{align-self:flex-start}.contenido-dos-columnas{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.lista-productos h2,.formulario-edicion h2{padding:16px 18px}.productos-grid{padding:14px}.formulario-edicion form{padding:18px}}@media(max-width:480px){.actualizar-container{padding:12px}.actualizar-header h1{font-size:20px}.producto-card{gap:10px;padding:10px}.producto-imagen-mini{flex-basis:50px;width:50px;height:50px}.form-buttons{flex-direction:column}.btn-actualizar-form,.btn-cancelar{width:100%}}.crear-producto-container{min-height:100vh;padding:24px;background:var(--crema);color:var(--texto);font-family:DM Sans,Arial,sans-serif}.crear-producto-header{display:flex;align-items:center;gap:20px;padding:22px 30px;margin-bottom:24px;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f0d}.crear-producto-header h1{flex:1;margin:0;color:var(--cafe);font-size:25px;font-weight:700;text-align:center}.formulario-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:22px}.crear-producto-container form{min-width:0;padding:25px;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f0a}.crear-producto-container .form-group{margin-bottom:20px}.crear-producto-container .form-group label{display:block;margin-bottom:8px;color:var(--cafe);font-size:13px;font-weight:700}.crear-producto-container .form-group input,.crear-producto-container .form-group select,.crear-producto-container .form-group textarea{width:100%;padding:11px 13px;border:1px solid #ddcfc2;border-radius:9px;outline:none;background:#fff;color:var(--texto);font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.crear-producto-container .form-group input:focus,.crear-producto-container .form-group select:focus,.crear-producto-container .form-group textarea:focus{border-color:var(--naranja);box-shadow:0 0 0 3px #d978321f}.crear-producto-container .form-group textarea{resize:vertical}.crear-producto-container .form-group small{display:block;margin-top:6px;color:var(--texto-suave);font-size:12px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-buttons{display:flex;gap:12px;margin-top:25px}.btn-crear-form{flex:1;padding:12px 20px;border:none;border-radius:9px;background:var(--naranja);color:#fff;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.btn-crear-form:hover:not(:disabled){background:var(--naranja-oscuro);transform:translateY(-1px)}.btn-crear-form:disabled{opacity:.6;cursor:not-allowed}.btn-limpiar{padding:12px 20px;border:1px solid #d8c5b5;border-radius:9px;background:#f2e7da;color:var(--cafe);cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.btn-limpiar:hover{background:#e7d5c3}.vista-previa{position:sticky;top:20px;height:fit-content;overflow:hidden;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f0d}.vista-previa h3{padding:18px 24px;margin:0;border-bottom:1px solid var(--borde);background:#f2e7da;color:var(--cafe);font-size:17px;font-weight:700}.previa-card{padding:25px;text-align:center}.previa-imagen{display:flex;align-items:center;justify-content:center;width:150px;height:150px;overflow:hidden;margin:0 auto 18px;border:1px solid var(--borde);border-radius:12px;background:#f7f1e8}.previa-imagen img{width:100%;height:100%;object-fit:cover}.previa-sin-imagen{color:#b39a88;font-size:48px}.previa-info{text-align:left}.previa-nombre{margin-bottom:8px;color:var(--cafe);font-size:19px;font-weight:700;overflow-wrap:anywhere}.previa-categoria{margin-bottom:10px;color:var(--texto-suave);font-size:12px;letter-spacing:.7px;text-transform:uppercase}.previa-precio{margin-bottom:8px;color:var(--naranja-oscuro);font-size:22px;font-weight:700}.previa-stock{margin-bottom:10px;color:var(--texto-suave);font-size:13px}.previa-descripcion{padding-top:12px;margin-top:12px;border-top:1px solid var(--borde);color:var(--texto-suave);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.loading-proveedores{padding:12px;border:1px solid var(--borde);border-radius:9px;background:#f7f1e8;color:var(--texto-suave);font-size:13px;text-align:center}.previa-proveedor{margin-top:7px;color:var(--naranja-oscuro);font-size:12px;font-weight:600}select[name=ID_Proveedor]{background-color:#fff}select[name=ID_Proveedor] option{padding:8px;color:var(--texto)}@media(max-width:1000px){.formulario-container{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px}.crear-producto-container form{padding:20px}}@media(max-width:768px){.crear-producto-container{padding:16px}.crear-producto-header{flex-direction:column;align-items:stretch;padding:20px}.crear-producto-header h1{font-size:22px}.btn-volver{align-self:flex-start}.formulario-container{grid-template-columns:minmax(0,1fr)}.form-row{grid-template-columns:minmax(0,1fr);gap:0}.vista-previa{position:static}}@media(max-width:480px){.crear-producto-container{padding:12px}.crear-producto-header h1{font-size:20px}.crear-producto-container form{padding:16px}.form-buttons{flex-direction:column}.btn-crear-form,.btn-limpiar{width:100%}.previa-card{padding:18px}}.inhabilitar-container{min-height:100vh;background:var(--crema);padding:20px;color:var(--texto)}.inhabilitar-header{background:var(--crema-claro);padding:20px 30px;border-radius:12px;border:1px solid var(--borde);box-shadow:0 3px 10px #35211d12;margin-bottom:20px;display:flex;align-items:center;gap:20px}.inhabilitar-header h1{font-size:22px;color:var(--cafe);font-weight:700;margin:0;flex:1;text-align:center}.btn-volver{background:var(--cafe-medio);color:#fff;border:none;padding:9px 20px;border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s,transform .2s;width:auto}.filtros{background:var(--crema-claro);border:1px solid var(--borde);border-radius:12px;box-shadow:0 3px 10px #35211d0f;margin-bottom:20px;padding:20px}.estadisticas{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--borde)}.estadistica{flex:1;text-align:center;padding:18px 15px;border-radius:10px;background:#f5ede3;border:1px solid var(--borde)}.estadistica .numero{display:block;font-size:28px;font-weight:700;color:var(--cafe)}.estadistica .label{display:block;font-size:12px;color:var(--texto-suave);margin-top:5px}.estadistica.activos .numero{color:#527747}.estadistica.inhabilitados .numero{color:#a94335}.filtro-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.filtro-btn{padding:9px 25px;border:1px solid #d8c3ae;background:var(--crema-claro);border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;color:var(--cafe)}.tabla-productos{width:100%;border-collapse:collapse;font-size:14px}.tabla-productos thead{background:#efe3d5;border-bottom:2px solid #dfcbb8}.tabla-productos th{padding:15px 12px;text-align:left;font-weight:700;color:var(--cafe);white-space:nowrap}.tabla-productos td{padding:12px;border-bottom:1px solid var(--borde);color:#594940}.tabla-productos tbody tr{transition:background .2s}.tabla-productos tbody tr:hover{background:#faf3ea}.tabla-productos tr.inhabilitado{background:#f8ebe6}.tabla-productos tr.inhabilitado:hover{background:#f3ded5}.producto-imagen{width:50px;height:50px;object-fit:cover;border-radius:8px;border:1px solid var(--borde)}.sin-imagen{font-size:24px;color:#b7a496}.producto-nombre{font-weight:700;color:var(--cafe)}.stock-bajo{color:var(--naranja-oscuro);font-weight:700}.estado-badge{display:inline-block;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}@media(max-width:768px){.inhabilitar-container{padding:15px}.inhabilitar-header{flex-direction:column;padding:20px}.inhabilitar-header h1{font-size:20px}.estadisticas{flex-direction:column;gap:10px}.filtro-buttons{flex-wrap:wrap}.filtro-btn{flex:1 1 auto}.tabla-productos{font-size:12px;min-width:650px}.tabla-productos th,.tabla-productos td{padding:8px}.btn-inhabilitar-accion,.btn-habilitar-accion{padding:6px 10px;font-size:11px}}@media(max-width:400px){.inhabilitar-container{padding:10px}.inhabilitar-header{padding:16px}.filtros{padding:14px}.estadistica{padding:14px 10px}}```css :root{--cafe: #4e342e;--cafe-oscuro: #35211d;--cafe-medio: #795548;--terracota: #68402f;--naranja: #d97832;--naranja-oscuro: #bd5d20;--crema: #f7f1e8;--crema-claro: #fffdf9;--texto: #34241f;--texto-suave: #82736b;--borde: #eadfd3}.ver-usuarios-container{min-height:100vh;background:var(--crema);padding:24px;color:var(--texto)}.ver-usuarios-header{background:var(--crema-claro);padding:22px 30px;border-radius:14px;border:1px solid var(--borde);box-shadow:0 4px 12px #35211d12;margin-bottom:24px;display:flex;align-items:center;gap:20px}.ver-usuarios-header h1{font-size:24px;color:var(--cafe);font-weight:700;margin:0;flex:1;text-align:center}.btn-volver{background:var(--cafe);color:#fff;border:1px solid var(--cafe);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s ease,transform .2s ease}.error-message{background:#fff0ed;color:#923b2e;padding:14px 18px;border-radius:9px;margin-bottom:20px;border:1px solid #efc5bb}.estadisticas-usuarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.estadistica-card{background:var(--crema-claro);border:1px solid var(--borde);border-radius:14px;padding:22px 20px;text-align:center;box-shadow:0 4px 12px #35211d0f;transition:transform .2s ease,box-shadow .2s ease}.estadistica-card.admin{border-top:4px solid var(--cafe)}.estadistica-card.usuario{border-top:4px solid #6b8e58}.estadistica-card.proveedor{border-top:4px solid var(--naranja)}.estadistica-card.total{border-top:4px solid var(--cafe-medio)}.estadistica-label{font-size:13px;color:var(--texto-suave);margin-top:8px;font-weight:500}.filtros-usuarios{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filtro-btn{padding:10px 20px;border:1px solid var(--borde);background:var(--crema-claro);color:var(--cafe);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;width:auto;min-width:130px}.filtro-btn:hover{background:#faf0e5;border-color:#d9c3af}.filtro-btn.active{background:var(--cafe);color:#fff;border-color:var(--cafe);width:auto}.filtro-btn.active:hover{background:var(--cafe-oscuro)}.tabla-container{background:var(--crema-claro);border:1px solid var(--borde);border-radius:14px;box-shadow:0 4px 12px #35211d0f;overflow-x:auto}.tabla-usuarios thead{background:#eee2d5;border-bottom:2px solid #dfcbb8}.tabla-usuarios th{padding:16px 12px;text-align:left;font-weight:700;color:var(--cafe);white-space:nowrap}.tabla-usuarios td{padding:13px 12px;border-bottom:1px solid var(--borde);color:var(--texto);vertical-align:middle}.tabla-usuarios tbody tr{transition:background .2s ease}.tabla-usuarios tbody tr:hover{background:#faf0e5}.tabla-usuarios tbody tr:last-child td{border-bottom:none}.usuario-nombre{font-weight:600;color:var(--cafe)}.badge-admin,.badge-usuario,.badge-proveedor,.badge-default{display:inline-block;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge-admin{background:#eee2d5;color:var(--cafe);border:1px solid #d9c3af}.badge-usuario{background:#e7efe1;color:#45633a;border:1px solid #c9d9bd}.badge-proveedor{background:#fff0df;color:var(--naranja-oscuro);border:1px solid #f0d0ae}.badge-default{background:#f0e9e3;color:var(--texto-suave);border:1px solid var(--borde)}.sin-datos{text-align:center;padding:40px;color:var(--texto-suave);background:var(--crema-claro)}@media(max-width:768px){.ver-usuarios-container{padding:14px}.ver-usuarios-header{flex-direction:column;align-items:stretch;padding:18px;gap:14px}.ver-usuarios-header h1{order:2;font-size:21px}.btn-volver{order:1;align-self:flex-start}.estadisticas-usuarios{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.estadistica-card{padding:18px 10px;border-radius:10px}.estadistica-numero{font-size:27px}.estadistica-label{font-size:12px}.filtros-usuarios{gap:8px}.filtro-btn,.filtro-btn.active{flex:1 1 auto;min-width:0;padding:9px 12px}.tabla-container{border-radius:10px}.tabla-usuarios{font-size:12px;min-width:700px}.tabla-usuarios th,.tabla-usuarios td{padding:9px 8px}.sin-datos{padding:28px 16px}}@media(max-width:380px){.estadisticas-usuarios{grid-template-columns:1fr}.ver-usuarios-header h1{font-size:19px}}``` :root{--cafe: #4e342e;--cafe-oscuro: #35211d;--cafe-medio: #795548;--terracota: #68402f;--naranja: #d97832;--naranja-oscuro: #bd5d20;--crema: #f7f1e8;--crema-claro: #fffdf9;--texto: #34241f;--texto-suave: #82736b;--borde: #eadfd3}.inhabilitar-usuarios-container{min-height:100vh;background:var(--crema);padding:20px;color:var(--texto)}.inhabilitar-usuarios-header{background:var(--crema-claro);padding:20px 30px;border-radius:12px;border:1px solid var(--borde);box-shadow:0 3px 10px #35211d12;margin-bottom:20px;display:flex;align-items:center;gap:20px}.inhabilitar-usuarios-header h1{font-size:22px;color:var(--cafe);font-weight:700;margin:0;flex:1;text-align:center}.estadisticas-usuarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.estadistica-card{background:var(--crema-claro);border:1px solid var(--borde);border-radius:12px;padding:20px;text-align:center;box-shadow:0 3px 10px #35211d0f;transition:transform .2s,box-shadow .2s}.estadistica-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #35211d1a}.estadistica-card.activos{border-top:4px solid #527747}.estadistica-card.inhabilitados{border-top:4px solid #a94335}.estadistica-card.total{border-top:4px solid var(--naranja)}.estadistica-numero{font-size:32px;font-weight:700;color:var(--cafe)}.estadistica-label{font-size:13px;color:var(--texto-suave);margin-top:8px}.filtros-usuarios{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tabla-container{background:var(--crema-claro);border:1px solid var(--borde);border-radius:12px;box-shadow:0 3px 10px #35211d0f;overflow-x:auto}.tabla-usuarios{width:100%;border-collapse:collapse;font-size:14px}.tabla-usuarios thead{background:#efe3d5;border-bottom:2px solid #dfcbb8}.tabla-usuarios th{padding:15px 12px;text-align:left;font-weight:700;color:var(--cafe);white-space:nowrap}.tabla-usuarios td{padding:12px;border-bottom:1px solid var(--borde);color:#594940}.tabla-usuarios tbody tr{transition:background .2s}.tabla-usuarios tbody tr:hover{background:#faf3ea}.tabla-usuarios tr.inhabilitado{background:#f8ebe6}.tabla-usuarios tr.inhabilitado:hover{background:#f3ded5}.usuario-nombre{font-weight:700;color:var(--cafe)}.badge-admin,.badge-usuario,.badge-proveedor,.badge-default{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.badge-usuario{background:#527747;color:#fff}.badge-proveedor{background:var(--naranja);color:#fff}.badge-default{background:#82736b;color:#fff}.estado-badge.activo{background:#e5f0df;color:#38623a;border:1px solid #c9dfc0}.estado-badge.inhabilitado{background:#f8e4df;color:#a33c30;border:1px solid #ebc5bd}.btn-inhabilitar-accion{background:#a94335;color:#fff;border:none;padding:7px 15px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.btn-inhabilitar-accion:hover{background:#873329;transform:translateY(-1px)}.btn-habilitar-accion{background:#527747;color:#fff;border:none;padding:7px 15px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.btn-habilitar-accion:hover{background:#3e6135;transform:translateY(-1px)}.sin-datos{text-align:center;padding:40px;color:var(--texto-suave)}.btn-volver:focus-visible,.filtro-btn:focus-visible,.btn-inhabilitar-accion:focus-visible,.btn-habilitar-accion:focus-visible{outline:3px solid #e7a66f;outline-offset:3px}@media(max-width:768px){.inhabilitar-usuarios-container{padding:15px}.inhabilitar-usuarios-header{flex-direction:column;padding:20px}.inhabilitar-usuarios-header h1{font-size:20px}.estadisticas-usuarios{grid-template-columns:1fr;gap:12px}.filtros-usuarios{justify-content:center}.filtro-btn{flex:1 1 auto}.tabla-usuarios{min-width:650px;font-size:12px}.tabla-usuarios th,.tabla-usuarios td{padding:8px}.btn-inhabilitar-accion,.btn-habilitar-accion{padding:6px 10px;font-size:11px}}@media(max-width:400px){.inhabilitar-usuarios-container{padding:10px}.inhabilitar-usuarios-header,.estadistica-card{padding:16px}}.cambiar-rol-container{min-height:100vh;padding:24px;background:var(--crema);color:var(--texto);font-family:DM Sans,Arial,sans-serif}.cambiar-rol-header{display:flex;align-items:center;gap:20px;padding:22px 30px;margin-bottom:24px;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f0d}.cambiar-rol-header h1{flex:1;margin:0;color:var(--cafe);font-size:25px;font-weight:700;text-align:center}.filtros-rol{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filtro-btn{padding:9px 20px;border:1px solid var(--borde);border-radius:9px;background:var(--crema-claro);color:var(--cafe);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.tabla-usuarios-rol{width:100%;border-collapse:collapse;font-size:13px}.tabla-usuarios-rol thead{border-bottom:1px solid var(--borde);background:#f2e7da}.tabla-usuarios-rol th{padding:15px 12px;color:var(--cafe);font-weight:700;text-align:left;white-space:nowrap}.tabla-usuarios-rol td{padding:13px 12px;border-bottom:1px solid #f0e7de;color:#625047}.tabla-usuarios-rol tbody tr{transition:background .2s}.tabla-usuarios-rol tbody tr:hover{background:#fff8ef}.tabla-usuarios-rol tbody tr:last-child td{border-bottom:none}.usuario-nombre{color:var(--cafe);font-weight:700}.badge-admin,.badge-usuario,.badge-proveedor,.badge-default{display:inline-block;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge-admin{background:var(--cafe);color:#fff}.badge-usuario{background:#e5eee0;color:#365c31}.badge-proveedor{background:#fff0df;color:#9b4a18}.badge-default{background:#eee5dd;color:#625047}.btn-cambiar-rol{padding:8px 14px;border:none;border-radius:8px;background:var(--naranja);color:#fff;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.btn-cambiar-rol:hover{background:var(--naranja-oscuro);transform:translateY(-1px)}.modal-content{width:90%;max-width:450px;overflow:hidden;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 15px 40px #2c1b1433}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;border-bottom:1px solid var(--borde);background:#f2e7da}.modal-close{padding:0;border:none;background:transparent;color:var(--texto-suave);cursor:pointer;font-size:25px;transition:color .2s}.modal-body p{margin:10px 0;color:#625047;font-size:14px;line-height:1.5}.form-group{margin-top:20px}.form-group label{display:block;margin-bottom:8px;color:var(--cafe);font-size:13px;font-weight:700}.rol-select{width:100%;padding:11px 13px;border:1px solid #ddcfc2;border-radius:9px;outline:none;background:#fff;color:var(--texto);font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.rol-select:focus{border-color:var(--naranja);box-shadow:0 0 0 3px #d978321f}.modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:16px 22px;border-top:1px solid var(--borde);background:#faf5ee}.btn-cancelar-modal,.btn-guardar-modal{padding:10px 19px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:700;transition:background .2s}.btn-cancelar-modal{border:1px solid #d8c5b5;background:#f2e7da;color:var(--cafe)}.btn-cancelar-modal:hover{background:#e7d5c3}.btn-guardar-modal{background:var(--naranja);color:#fff}.btn-guardar-modal:hover{background:var(--naranja-oscuro)}.btn-guardar-modal:disabled,.btn-cancelar-modal:disabled,.btn-cambiar-rol:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,select:focus-visible{outline:2px solid var(--naranja);outline-offset:3px}@media(max-width:768px){.cambiar-rol-container{padding:15px}.cambiar-rol-header{flex-direction:column;align-items:stretch;padding:20px}.cambiar-rol-header h1{font-size:22px}.btn-volver{align-self:flex-start}.tabla-usuarios-rol{font-size:12px}.tabla-usuarios-rol th,.tabla-usuarios-rol td{padding:10px 8px}.modal-content{width:100%;max-width:450px}}@media(max-width:480px){.cambiar-rol-container{padding:12px}.cambiar-rol-header h1{font-size:20px}.filtros-rol{gap:8px}.filtro-btn{padding:8px 12px;font-size:12px}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column-reverse}.btn-cancelar-modal,.btn-guardar-modal{width:100%}}.ver-pqrs-container{min-height:100vh;background:var(--crema);padding:20px;color:var(--texto)}.ver-pqrs-header{background:var(--crema-claro);padding:20px 30px;border-radius:12px;border:1px solid var(--borde);box-shadow:0 3px 10px #35211d12;margin-bottom:20px;display:flex;align-items:center;gap:20px}.ver-pqrs-header h1{font-size:22px;color:var(--cafe);font-weight:700;margin:0;flex:1;text-align:center}.error-message{background:#fbe9e7;color:#9b3027;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #edc5bf}.exito-message{background:#e8f2e5;color:#35633a;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #c9dfc3}.filtros-pqrs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filtro-btn{padding:9px 20px;border:1px solid #d8c3ae;background:var(--crema-claro);color:var(--cafe);border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.filtro-btn:hover{background:#efe2d3;border-color:#c8a88e}.pqrs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}.pqrs-card-admin{background:var(--crema-claro);border:1px solid var(--borde);border-radius:12px;padding:20px;cursor:pointer;box-shadow:0 3px 10px #35211d0f;transition:transform .2s,box-shadow .2s;overflow-wrap:anywhere}.pqrs-card-admin:hover{transform:translateY(-3px);box-shadow:0 8px 20px #35211d1f}.pqrs-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}.pqrs-tipo{display:flex;align-items:center;gap:8px;color:var(--cafe);font-weight:700}.tipo-icono{font-size:20px}.estado-badge{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.badge-pendiente{background:#fff0d8;color:#99591d;border:1px solid #f0d3a7}.badge-proceso{background:#e5edf5;color:#315c83;border:1px solid #c6d8e8}.badge-resuelta{background:#e5f0df;color:#38623a;border:1px solid #c9dfc0}.badge-cerrada{background:#eee7e1;color:#65554b;border:1px solid #d8c9bd}.pqrs-codigo{font-family:monospace;font-size:12px;color:var(--naranja-oscuro);background:#faf0e5;display:inline-block;padding:5px 8px;border-radius:5px;margin-bottom:10px;overflow-wrap:anywhere}.pqrs-usuario{font-size:13px;color:var(--cafe);font-weight:600;margin-bottom:10px}.pqrs-descripcion{font-size:14px;color:#594940;line-height:1.6;margin-bottom:10px}.pqrs-fecha{font-size:11px;color:var(--texto-suave)}.sin-datos{text-align:center;padding:40px 20px;background:var(--crema-claro);border:1px dashed #d8c3ae;border-radius:12px;color:var(--texto-suave)}.modal-overlay{position:fixed;inset:0;background:#231612a6;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000}.modal-content{background:var(--crema-claro);border:1px solid var(--borde);border-radius:14px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 35px #23161240}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;background:#efe3d5;border-bottom:1px solid var(--borde)}.modal-header h3{margin:0;font-size:18px;color:var(--cafe)}.modal-close{background:none;border:none;font-size:26px;cursor:pointer;color:var(--cafe-medio);line-height:1;transition:color .2s}.modal-body{padding:20px}.info-pqrs{margin-bottom:20px;padding:15px;background:#f7efe6;border:1px solid var(--borde);border-radius:9px}.info-pqrs p{margin:8px 0;font-size:14px;color:#594940;overflow-wrap:anywhere}.descripcion-completa{margin-top:10px;padding-top:10px;border-top:1px solid var(--borde)}.descripcion-completa p{margin-top:8px;padding:12px;background:var(--crema-claro);border:1px solid var(--borde);border-radius:7px;font-style:italic;line-height:1.6;color:var(--texto);overflow-wrap:anywhere}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--cafe)}.form-group select,.form-group textarea{display:block;width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d8c3ae;border-radius:7px;font-size:14px;font-family:inherit;color:var(--texto);background:#fff;transition:border-color .2s,box-shadow .2s}.form-group select{margin-bottom:10px}.form-group textarea{resize:vertical;min-height:100px}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--naranja);box-shadow:0 0 0 3px #d9783226}.btn-actualizar-estado{background:var(--cafe-medio);color:#fff;border:none;padding:9px 16px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.btn-actualizar-estado:hover{background:var(--cafe-oscuro);transform:translateY(-1px)}.modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:15px 20px;background:#faf5ee;border-top:1px solid var(--borde)}.btn-cancelar-modal{background:var(--cafe-medio);color:#fff;border:none;padding:10px 20px;border-radius:7px;cursor:pointer;font-weight:600;transition:background .2s}.btn-cancelar-modal:hover{background:var(--cafe-oscuro)}.btn-enviar-respuesta{background:#527747;color:#fff;border:none;padding:10px 20px;border-radius:7px;cursor:pointer;font-weight:700;transition:background .2s,transform .2s}.btn-enviar-respuesta:hover{background:#3e6135;transform:translateY(-1px)}.btn-volver:focus-visible,.filtro-btn:focus-visible,.modal-close:focus-visible,.btn-actualizar-estado:focus-visible,.btn-cancelar-modal:focus-visible,.btn-enviar-respuesta:focus-visible{outline:3px solid #e7a66f;outline-offset:3px}@media(max-width:768px){.ver-pqrs-container{padding:15px}.ver-pqrs-header{flex-direction:column;padding:20px}.ver-pqrs-header h1{font-size:20px}.pqrs-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal-content{width:100%;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:15px}.modal-footer>button{flex:1 1 auto}}@media(max-width:400px){.ver-pqrs-container{padding:10px}.ver-pqrs-header{padding:16px}.pqrs-card-admin{padding:15px}.pqrs-card-header{align-items:flex-start}}.gestion-resenas-container{min-height:100vh;background:var(--crema);padding:20px;color:var(--texto)}.gestion-resenas-header{background:var(--crema-claro);padding:20px 30px;border-radius:12px;border:1px solid var(--borde);box-shadow:0 3px 10px #35211d12;margin-bottom:20px;display:flex;align-items:center;gap:20px}.gestion-resenas-header h1{font-size:22px;color:var(--cafe);font-weight:700;margin:0;flex:1;text-align:center}.btn-volver{background:var(--cafe-medio);color:#fff;border:none;padding:9px 20px;border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.btn-volver:hover{background:var(--cafe-oscuro);transform:translateY(-1px)}.error-message{background:#fbe9e7;color:#9b3027;padding:12px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #edc5bf}.exito-message{background:#e8f2e5;color:#35633a;padding:12px 20px;border-radius:8px;margin-bottom:20px;border:1px solid #c9dfc3}.loading{text-align:center;padding:40px;font-size:18px;color:var(--cafe-medio)}.filtros-resenas{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filtro-btn{padding:9px 20px;border:1px solid var(--borde);background:var(--crema-claro);color:var(--cafe);border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.filtro-btn:hover{background:#efe2d3;border-color:#d8c3ae}.filtro-btn.active{background:var(--naranja);color:#fff;border-color:var(--naranja);box-shadow:0 3px 8px #bd5d202e}.resenas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px}.resena-admin-card{background:var(--crema-claro);border:1px solid var(--borde);border-radius:12px;box-shadow:0 3px 10px #35211d0f;overflow:hidden;transition:transform .2s,box-shadow .2s}.resena-admin-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #35211d1f}.resena-admin-header{background:#f0e5d8;padding:15px 20px;border-bottom:1px solid var(--borde);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.resena-producto{font-weight:700;color:var(--cafe);font-size:14px}.estado-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}.estado-badge.pendiente{background:#fff0d8;color:#99591d;border:1px solid #f0d3a7}.estado-badge.aprobada{background:#e5f0df;color:#38623a;border:1px solid #c9dfc0}.estado-badge.rechazada{background:#f8e4df;color:#a33c30;border:1px solid #ebc5bd}.resena-admin-body{padding:20px}.resena-usuario{font-weight:700;color:var(--cafe);margin-bottom:8px;font-size:14px}.resena-calificacion{margin-bottom:12px}.resena-calificacion .estrella-llena{color:var(--naranja);font-size:18px}.resena-calificacion .estrella-vacia{color:#d9cfc5;font-size:18px}.resena-comentario{color:#594940;line-height:1.6;margin-bottom:12px;font-size:14px;overflow-wrap:anywhere}.resena-fecha{color:var(--texto-suave);font-size:12px}.resena-admin-actions{padding:15px 20px;background:#faf5ee;border-top:1px solid var(--borde);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.btn-aprobar{background:#527747;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.btn-aprobar:hover{background:#3e6135;transform:translateY(-1px)}.btn-rechazar{background:#a94335;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.btn-rechazar:hover{background:#873329;transform:translateY(-1px)}.sin-datos{text-align:center;padding:60px 20px;background:var(--crema-claro);border:1px dashed #d8c3ae;border-radius:12px;color:var(--texto-suave);font-size:16px}.btn-volver:focus-visible,.filtro-btn:focus-visible,.btn-aprobar:focus-visible,.btn-rechazar:focus-visible{outline:3px solid #e7a66f;outline-offset:3px}@media(max-width:768px){.gestion-resenas-container{padding:15px}.gestion-resenas-header{flex-direction:column;text-align:center;padding:20px}.gestion-resenas-header h1{font-size:20px}.resenas-grid{grid-template-columns:1fr}.filtros-resenas{justify-content:center}.filtro-btn{flex:1 1 auto}.resena-admin-header{flex-direction:column;text-align:center}.resena-admin-actions{justify-content:center}}@media(max-width:400px){.gestion-resenas-container{padding:10px}.gestion-resenas-header,.resena-admin-body{padding:16px}.resena-admin-actions{padding:12px}.btn-aprobar,.btn-rechazar{flex:1}}:root{--cafe: #4e342e;--cafe-oscuro: #35211d;--cafe-medio: #795548;--terracota: #68402f;--naranja: #d97832;--naranja-oscuro: #bd5d20;--crema: #f7f1e8;--crema-claro: #fffdf9;--texto: #34241f;--texto-suave: #82736b;--borde: #eadfd3}.gestion-pedidos-container{min-height:100vh;padding:24px;background:var(--crema);color:var(--texto);font-family:DM Sans,Arial,sans-serif}.gestion-pedidos-header{display:flex;align-items:center;gap:20px;padding:22px 30px;margin-bottom:24px;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f0d}.gestion-pedidos-header h1{flex:1;margin:0;color:var(--cafe);font-size:25px;font-weight:700;text-align:center}.btn-volver{padding:10px 20px;border:none;border-radius:9px;background:var(--terracota);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.btn-volver:hover{background:var(--cafe)}.error-message{padding:13px 18px;margin-bottom:20px;border:1px solid #e8bdb5;border-radius:10px;background:#fff1ef;color:#842d24}.exito-message{padding:13px 18px;margin-bottom:20px;border:1px solid #c8ddc1;border-radius:10px;background:#f0f7ec;color:#365c31}.loading{padding:40px;color:var(--texto-suave);font-size:18px;text-align:center}.filtros-pedidos{padding:20px;margin-bottom:22px;border:1px solid var(--borde);border-radius:15px;background:var(--crema-claro);box-shadow:0 4px 15px #432b1f09}.filtro-busqueda{margin-bottom:16px}.filtro-busqueda input{width:100%;padding:12px 15px;border:1px solid #ddcfc2;border-radius:9px;outline:none;background:#fff;color:var(--texto);font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.filtro-busqueda input:focus{border-color:var(--naranja);box-shadow:0 0 0 3px #d978321f}.filtro-estados{display:flex;flex-wrap:wrap;gap:10px}.filtro-btn{padding:9px 17px;border:1px solid var(--borde);border-radius:22px;background:#fff;color:var(--cafe);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.filtro-btn:hover{border-color:#d5b49a;background:#fff0df}.filtro-btn.active{border-color:var(--naranja);background:var(--naranja);color:#fff}.tabla-container{overflow-x:auto;border:1px solid var(--borde);border-radius:15px;background:var(--crema-claro);box-shadow:0 5px 18px #432b1f0a}.tabla-pedidos{width:100%;border-collapse:collapse;font-size:13px}.tabla-pedidos th{padding:15px 12px;border-bottom:1px solid var(--borde);background:#f2e7da;color:var(--cafe);font-weight:700;text-align:left;white-space:nowrap}.tabla-pedidos td{padding:13px 12px;border-bottom:1px solid #f0e7de;color:#625047}.tabla-pedidos tbody tr{transition:background .2s}.tabla-pedidos tbody tr:hover{background:#fff8ef}.tabla-pedidos tbody tr:last-child td{border-bottom:none}.pedido-id{color:var(--cafe);font-weight:700}.cliente-info{font-size:13px}.cliente-nombre{color:var(--cafe);font-weight:700}.cliente-correo,.cliente-telefono{display:block;margin-top:4px;color:var(--texto-suave);font-size:11px;overflow-wrap:anywhere}.pedido-total{color:var(--naranja-oscuro);font-weight:700}.productos-count{text-align:center}.estado-badge{display:inline-block;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.estado-badge.pendiente{background:#fff0df;color:#9b4a18}.estado-badge.enviado{background:#f0e7f7;color:#684783}.estado-badge.entregado{background:#e5eee0;color:#365c31}.estado-badge.cancelado{background:#fff1ef;color:#a13b30}.tiempo-restante .vencido{color:#b33b2e;font-weight:700}.tiempo-restante .activo{color:#547b43;font-weight:600}.btn-ver-detalle{padding:8px 14px;border:none;border-radius:8px;background:var(--naranja);color:#fff;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.btn-ver-detalle:hover{background:var(--naranja-oscuro);transform:translateY(-1px)}.sin-datos{padding:40px;color:var(--texto-suave);text-align:center}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;background:#28191394}.modal-content{width:90%;max-width:700px;max-height:85vh;overflow-y:auto;border:1px solid var(--borde);border-radius:16px;background:var(--crema-claro);box-shadow:0 15px 40px #2c1b1433}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid var(--borde);background:#f2e7da}.modal-header h3{margin:0;color:var(--cafe);font-size:18px;font-weight:700}.modal-close{border:none;background:transparent;color:var(--texto-suave);cursor:pointer;font-size:25px;transition:color .2s}.modal-close:hover{color:var(--naranja-oscuro)}.modal-body{padding:22px}.modal-body p{color:#625047;font-size:14px;line-height:1.5}.producto-detalle-item{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--borde)}.producto-detalle-item:last-child{border-bottom:none}.producto-detalle-item img{flex:0 0 60px;width:60px;height:60px;border:1px solid var(--borde);border-radius:9px;background:#f7f1e8;object-fit:cover}.producto-info{flex:1;min-width:0}.producto-nombre{margin-bottom:5px;color:var(--cafe);font-weight:700}.producto-descripcion{color:var(--texto-suave);font-size:12px;line-height:1.5}.producto-precio{margin-top:5px;color:#625047;font-size:13px}.producto-subtotal{color:var(--naranja-oscuro);font-weight:700;white-space:nowrap}.modal-footer{padding:16px 22px;border-top:1px solid var(--borde);background:#faf5ee;text-align:right}.btn-cerrar{padding:10px 20px;border:1px solid #d8c5b5;border-radius:9px;background:#f2e7da;color:var(--cafe);cursor:pointer;font-size:13px;font-weight:700;transition:background .2s}.btn-cerrar:hover{background:#e7d5c3}@media(max-width:768px){.gestion-pedidos-container{padding:16px}.gestion-pedidos-header{flex-direction:column;align-items:stretch;padding:20px}.gestion-pedidos-header h1{font-size:22px}.btn-volver{align-self:flex-start}.filtros-pedidos{padding:15px}.tabla-pedidos{font-size:12px}.tabla-pedidos th,.tabla-pedidos td{padding:10px 8px}.producto-detalle-item{flex-wrap:wrap}.producto-subtotal{width:100%;text-align:right}.modal-content{width:100%;max-height:90vh}}@media(max-width:480px){.gestion-pedidos-container{padding:12px}.gestion-pedidos-header h1{font-size:20px}.filtro-estados{gap:8px}.filtro-btn{padding:8px 12px;font-size:12px}.modal-header,.modal-body,.modal-footer{padding:16px}.producto-detalle-item img{flex-basis:50px;width:50px;height:50px}}