:root{--gpdan-primary:#6b1028;--gpdan-secondary:#8b1538;--gpdan-accent:#a91b47;--gpdan-light:#f8f1f3;--gpdan-dark:#4a0b1a;--gpdan-gold:#d4af37;--gpdan-green:#2d5016;--gpdan-red:#dc3545;--gpdan-gray:#6c757d;--gpdan-bg-overlay:#6b1028a6;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40}.stat-card{background:#fff;box-shadow:0 2px 10px #0000001a;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-number{font-size:2.5rem}.stat-label{color:#333;font-size:1rem;font-weight:600;margin-bottom:.25rem}.stat-description{color:#666;font-size:.8rem;font-style:italic}.operador-selector{max-width:800px;width:90%}.operadores-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:1.5rem 0}.operador-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:1rem;text-align:center;transition:all .3s}.operador-card:hover{border-color:#6b1028;border-color:var(--gpdan-primary);box-shadow:0 4px 15px #6b102833;transform:translateY(-2px)}.operador-header h5{font-weight:700;margin:0 0 .5rem}.operador-header h5,.operador-turno{color:#6b1028;color:var(--gpdan-primary)}.operador-turno{background:#f8f1f3;background:var(--gpdan-light);border-radius:15px;font-size:.8rem;padding:.25rem .5rem;text-transform:capitalize}.operador-stats{display:flex;justify-content:space-around;margin-top:1rem}.operador-stats .stat-item{text-align:center}.operador-stats .stat-value{color:#6b1028;color:var(--gpdan-primary);display:block;font-size:1.1rem;font-weight:700}.operador-stats .stat-label{color:#666;font-size:.7rem}.operador-info{background:#f8f1f3;background:var(--gpdan-light);border-radius:20px;color:#6b1028;color:var(--gpdan-primary);font-size:.9rem;margin:0 1rem;padding:.5rem 1rem}.btn-xs{border-radius:6px;font-size:.85rem;padding:.4rem .8rem}.animal-form-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.animal-form-container h4{align-items:center;color:#6b1028;color:var(--gpdan-primary);display:flex;gap:.5rem;margin-bottom:1rem}.modal-content{border-radius:15px;max-height:90%;max-width:90%;padding:2rem}.modal-header{margin-bottom:1.5rem;text-align:center}.modal-header h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:.5rem}.modal-footer{margin-top:1.5rem;text-align:center}.qr-scanner-container{font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:1rem}.qr-scanner-header{background:linear-gradient(135deg,#6b1028,#8b1538);background:linear-gradient(135deg,var(--gpdan-primary),var(--gpdan-secondary));border-radius:10px;color:#fff;margin-bottom:2rem;padding:1rem;text-align:center}.qr-scanner-header h2{font-size:1.5rem;margin:.5rem 0}.logo-small{height:40px;margin-bottom:.5rem}.message{border-radius:8px;font-weight:700;margin-bottom:1rem;padding:1rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.scanner-instructions{background:#f8f9fa;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.instruction-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:1rem;padding:1rem}.instruction-card h3{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.instruction-card ol{margin:0;padding-left:1.5rem}.instruction-card li{margin-bottom:.5rem}.manual-input{margin-top:1rem}.manual-input label{color:#6b1028;color:var(--gpdan-primary);display:block;font-weight:700;margin-bottom:.5rem}.manual-input textarea{border:2px solid #ddd;border-radius:8px;font-family:monospace;font-size:.9rem;padding:.75rem;resize:vertical;width:100%}.animal-info-card{background:#e8f5e8;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.animal-info-card h3{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.animal-details{grid-gap:.5rem;display:grid}.detail-row{border-bottom:1px solid #0000001a;padding:.25rem 0}.detail-row strong{color:#6b1028;color:var(--gpdan-primary)}.extraction-data-form{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1.5rem}.extraction-data-form h3{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.extraction-form .form-group{margin-bottom:1rem}.extraction-form .form-group label{color:#333;display:block;font-weight:700;margin-bottom:.5rem}.extraction-form .form-group input,.extraction-form .form-group select,.extraction-form .form-group textarea{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.extraction-form .form-group input:focus,.extraction-form .form-group select:focus,.extraction-form .form-group textarea:focus{border-color:#6b1028;border-color:var(--gpdan-primary);outline:none}.form-actions{margin-top:1.5rem}.form-actions .btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:700;padding:.75rem;transition:background-color .3s}.btn-success{background:var(--success-color)}.btn-success:hover{background:#218838}.btn-secondary{background:var(--gpdan-gray)}.btn-info{background:var(--info-color)}.scanner-footer{color:#666;font-size:.9rem;margin-top:2rem;padding:1rem;text-align:center}@media (max-width:768px){.qr-scanner-container{padding:.5rem}.detail-row,.form-actions{flex-direction:column}.detail-row{gap:.25rem}}.background-slideshow{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.background-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(1.1);transition:opacity 2s ease-in-out;width:100%}.background-slide.active{opacity:1}.background-overlay{background:#0000001a;z-index:1}.gpdan-pattern{animation:patternMove 30s linear infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff0d 1px,#0000 0);background-size:50px 50px}.App{min-height:100vh;overflow-x:hidden;position:relative}@keyframes backgroundMove{0%{transform:translate(0)}25%{transform:translate(-50px,-50px)}50%{transform:translate(-100px)}75%{transform:translate(-50px,50px)}to{transform:translate(0)}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-form{background:#fff;box-shadow:0 10px 30px #0000004d}.logo-container{margin-bottom:2rem;text-align:center}.logo{height:auto;max-width:200px}.form-group label{font-weight:700}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;transition:background-color .3s;width:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.btn-success{background:#28a745;color:#fff}.btn-danger{color:#fff}.dashboard{min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem}.dashboard-title{align-items:center;display:flex;gap:1rem}.dashboard-title img{height:60px}.dashboard-title h1{color:#333;margin:0}.user-info{align-items:center;display:flex;gap:1rem}.logout-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.sidebar{height:fit-content}.main-content,.sidebar{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:1.5rem}.pedido-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.pedido-form .form-group.full-width{grid-column:1/-1}.pedidos-list{margin-top:2rem}.pedido-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:1rem;padding:1rem;transition:transform .2s}.pedido-card:hover{box-shadow:0 5px 15px #0000001a}.pedido-header{margin-bottom:.5rem}.pedido-numero{color:#667eea;font-weight:700}.estado-badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.estado-pendiente{background:#ffc107;color:#212529}.estado-en_proceso{background:#17a2b8}.estado-listo{background:#28a745}.estado-enviado{background:#6f42c1;color:#fff}.estado-entregado{background:#20c997;color:#fff}.pedido-details{grid-gap:.5rem;gap:.5rem;margin-top:.5rem}.detail-label{color:#666;font-weight:700}.raza-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1rem 0}.raza-option{border:2px solid #ddd;border-radius:10px;cursor:pointer;padding:1rem;text-align:center;transition:all .3s}.raza-option:hover{border-color:#667eea}.raza-option.selected{background:#f0f4ff;border-color:#667eea}.raza-image{border-radius:5px;height:80px;margin-bottom:.5rem;object-fit:cover;width:100%}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;padding:1.5rem;text-align:center}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9}.error-message,.success-message{padding:.75rem}@media (max-width:768px){.dashboard-content,.pedido-form{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}}.tabs{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;margin:1rem 0;overflow:hidden}.tab{background:#f8f9fa;border:none;border-right:1px solid #dee2e6;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.tab:last-child{border-right:none}.tab:hover{background:#e9ecef}.tab.active{background:#007bff}.reportes-section{padding:1rem}.reportes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.reporte-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.reporte-card h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.stats-mini-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-mini{background:#f8f9fa;border-radius:8px;padding:1rem;text-align:center}.stat-mini .stat-number{color:#007bff;font-size:1.5rem;font-weight:700}.stat-mini .stat-label{color:#666;font-size:.9rem;margin-top:.5rem}.chart-container{display:flex;flex-direction:column;gap:.5rem}.chart-bar{align-items:center;background:#f8f9fa;border-radius:5px;display:flex;gap:1rem;overflow:hidden;padding:.5rem;position:relative}.chart-label{font-weight:500;min-width:100px;text-transform:capitalize}.chart-value{color:#007bff;font-weight:700;min-width:30px}.chart-fill{background:linear-gradient(90deg,#007bff20,#007bff10);height:100%;left:0;position:absolute;top:0;transition:width .3s ease;z-index:0}.chart-bar>*{position:relative;z-index:1}.table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.reportes-table{border-collapse:collapse;width:100%}.reportes-table td,.reportes-table th{border-bottom:1px solid #dee2e6;padding:1rem;text-align:left}.reportes-table th{background:#f8f9fa;color:#333;font-weight:600}.reportes-table tr:hover{background:#f8f9fa}.pedidos-recientes{margin-top:2rem}.pedidos-recientes h3{color:#fff;margin-bottom:1rem}.pedido-actions{border-top:1px solid #dee2e6}.btn-sm{font-size:.9rem;padding:.5rem 1rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;margin-bottom:1rem;padding:1rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.reportes-grid,.stats-mini-grid{grid-template-columns:1fr}.tabs{flex-direction:column}.tab{border-bottom:1px solid #dee2e6;border-right:none}.tab:last-child{border-bottom:none}}.line-chart{align-items:end;border-bottom:2px solid #dee2e6;height:150px;justify-content:space-between;padding:1rem 0}.line-chart,.line-chart-bar{display:flex;position:relative}.line-chart-bar{align-items:center;flex:1 1;flex-direction:column;height:100%}.line-bar{background:linear-gradient(0deg,#007bff,#0056b3);border-radius:3px 3px 0 0;box-shadow:0 2px 4px #007bff4d;margin-bottom:.5rem;transition:all .3s ease;width:20px}.line-bar:hover{background:linear-gradient(0deg,#0056b3,#004085);transform:scale(1.1)}.line-label{color:#666;font-size:.8rem;margin-top:auto;text-align:center}.line-value{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0003;color:#007bff;font-size:.9rem;font-weight:700;padding:2px 6px;position:absolute;top:-25px}.clientes-stats{margin:2rem 0}.clientes-stats h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.clientes-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.cliente-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.cliente-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.cliente-header{align-items:center;border-bottom:2px solid #f8f9fa;padding-bottom:.5rem}.cliente-header h4{color:#333;font-size:1.2rem;margin:0}.cliente-id{background:#e9ecef;border-radius:15px;color:#6c757d;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.cliente-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.cliente-stat{background:#f8f9fa;border-radius:8px;padding:.75rem;text-align:center;transition:background .3s ease}.cliente-stat:hover{background:#e9ecef}.cliente-stat .stat-number{color:#007bff;display:block;font-size:1.5rem;font-weight:700}.cliente-stat .stat-label{color:#666;font-size:.8rem;margin-top:.25rem}.cliente-progress{align-items:center;display:flex;gap:1rem}.progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#28a745;font-size:.9rem;font-weight:500;min-width:100px;text-align:right}.chart-bar:hover{background:#e9ecef;transform:scale(1.02);transition:all .3s ease}.chart-fill{background:linear-gradient(90deg,#007bff40,#007bff20);border-radius:0 3px 3px 0}@media (max-width:768px){.clientes-grid{grid-template-columns:1fr}.cliente-stats{grid-template-columns:repeat(2,1fr)}.line-chart{height:120px}.line-bar{width:15px}.line-label{font-size:.7rem}}@media (max-width:480px){.cliente-stats{grid-template-columns:1fr}.cliente-progress{align-items:stretch;flex-direction:column;gap:.5rem}.progress-text{min-width:auto;text-align:center}}.analisis-section{color:#fff;padding:1rem}.filtros-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.filtros-panel h3{color:#fff;margin:0 0 1rem}.filtros-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filtro-group{display:flex;flex-direction:column;gap:.5rem}.filtro-group label{color:#fff;font-size:.9rem;font-weight:500}.filtro-group input,.filtro-group select{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:8px;font-size:.9rem;padding:.75rem;transition:all .3s ease}.filtro-group input:focus,.filtro-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.filtro-actions{align-items:end;display:flex;gap:.5rem}.filtro-actions .btn{padding:.75rem 1.5rem;white-space:nowrap}.btn-secondary{background:#6c757d;border:none;color:#fff}.btn-secondary:hover{background:#5a6268}.grafico-panel{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1.5rem}.grafico-controles{border-bottom:2px solid #f8f9fa;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:#333;font-size:.9rem;font-weight:600}.control-group select{background:#fff;border:1px solid #dee2e6;border-radius:6px;min-width:180px;padding:.5rem}.grafico-barras h4,.grafico-lineas h4{color:#333;margin:0 0 1.5rem;text-align:center}.barra-item{margin-bottom:1rem}.barra-label{color:#333;min-width:150px;text-align:right}.barra-visual{align-items:center;display:flex;flex:1 1;gap:1rem;position:relative}.barra-fill{background:linear-gradient(90deg,#007bff,#0056b3);box-shadow:0 2px 8px #007bff4d;height:30px;overflow:hidden;position:relative;transition:all .5s ease}.barra-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.tiempo-fill{background:linear-gradient(90deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d}.barra-valor{background:#f8f9fa;border-radius:12px;color:#333;min-width:60px;padding:.25rem .5rem;text-align:center}.lineas-chart{align-items:end;border-bottom:2px solid #dee2e6;height:200px;justify-content:space-around;padding:1rem 0}.linea-punto,.lineas-chart{display:flex;position:relative}.linea-punto{align-items:center;flex-direction:column}.punto{background:linear-gradient(0deg,#dc3545,#c82333);border-radius:12px 12px 0 0;box-shadow:0 2px 8px #dc35454d;margin-bottom:.5rem;position:relative;transition:all .3s ease;width:25px}.punto:hover{box-shadow:0 4px 12px #dc354580;transform:scale(1.1)}.punto-label{word-wrap:break-word;color:#666;font-size:.8rem;margin-top:auto;max-width:80px;text-align:center}.punto-valor{background:#fff;border:2px solid #dc3545;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#dc3545;font-size:.8rem;font-weight:700;padding:.25rem .5rem;position:absolute;top:-30px}.datos-resumen{border-top:2px solid #f8f9fa;margin-top:2rem;padding-top:1.5rem}.datos-resumen h4{color:#333;margin:0 0 1rem;text-align:center}.resumen-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.resumen-item{background:#f8f9fa;border-radius:12px;padding:1rem;text-align:center;transition:transform .3s ease}.resumen-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.resumen-numero{color:#007bff;display:block;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.resumen-label{color:#666;font-size:.9rem;font-weight:500}@media (max-width:768px){.filtros-grid{grid-template-columns:1fr}.filtro-actions{grid-column:1/-1;justify-content:center}.grafico-controles{flex-direction:column;gap:1rem}.barra-item{align-items:stretch;flex-direction:column;gap:.5rem}.barra-label{min-width:auto;text-align:left}.lineas-chart{height:150px}.punto-label{font-size:.7rem;max-width:60px}}@media (max-width:480px){.resumen-stats{grid-template-columns:repeat(2,1fr)}.punto{width:20px}.punto-valor{font-size:.7rem;padding:.2rem .4rem}}.loading-message{color:#fff;font-size:1.2rem;padding:2rem;text-align:center}.loading-message p{margin:0;opacity:.8}.clientes-section{color:#fff;padding:1rem}.clientes-header{align-items:center;border-bottom:2px solid #fff3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.clientes-header h3{color:#fff;font-size:1.5rem;margin:0}.cliente-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.cliente-form h4{border-bottom:2px solid #f8f9fa;color:#333;font-size:1.2rem;margin:0 0 1.5rem;padding-bottom:.5rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-actions{border-top:2px solid #f8f9fa}.clientes-lista,.form-actions{margin-top:2rem}.clientes-lista h4{color:#fff;font-size:1.3rem;margin-bottom:1rem}.clientes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.cliente-card-admin{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.cliente-card-admin:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.cliente-card-header{align-items:flex-start;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.cliente-info h5{color:#333;font-size:1.1rem;margin:0 0 .5rem}.cliente-cuit{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.cliente-status{align-items:center;display:flex}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.status-badge.activo{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.inactivo{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.cliente-detalles{margin-bottom:1.5rem}.detalle-item{color:#666;font-size:.9rem;margin-bottom:.5rem}.detalle-item strong{color:#333;font-weight:600}.cliente-acciones{border-top:1px solid #f8f9fa;display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem}.btn-info{background:#17a2b8;border:none;color:#fff}.btn-info:hover{background:#138496}.btn-warning{border:none}@media (max-width:768px){.clientes-header{align-items:stretch;flex-direction:column;gap:1rem}.clientes-grid,.form-row{grid-template-columns:1fr}.cliente-card-header{align-items:stretch;flex-direction:column;gap:1rem}.cliente-acciones,.form-actions{justify-content:center}}@media (max-width:480px){.cliente-acciones,.form-actions{flex-direction:column}}.btn-primary{background:#6b1028;background:var(--gpdan-primary);border-color:#6b1028;border-color:var(--gpdan-primary)}.btn-primary:hover{background:#4a0b1a;background:var(--gpdan-dark);border-color:#4a0b1a;border-color:var(--gpdan-dark)}.btn-success{background:#2d5016;background:var(--gpdan-green);border-color:#2d5016;border-color:var(--gpdan-green)}.btn-success:hover{background:#1a3009;border-color:#1a3009}.form-section-title{padding-bottom:.5rem}.modal-overlay{background:#000000b3}.modal-content{box-shadow:0 10px 30px #0000004d;max-width:600px;overflow-y:auto;padding:0;width:90%}.modal-header{background:#6b1028;background:var(--gpdan-primary);border-bottom:2px solid #f8f9fa;border-radius:12px 12px 0 0}.modal-header h4{font-size:1.2rem}.modal-close{transition:background .3s ease}.modal-close:hover{background:#fff3}.email-form{padding:1.5rem}.email-form .form-group{margin-bottom:1rem}.email-form label{color:#6b1028;color:var(--gpdan-primary);display:block;font-weight:600;margin-bottom:.5rem}.email-form input,.email-form textarea{border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.email-form input:focus,.email-form textarea:focus{border-color:#6b1028;border-color:var(--gpdan-primary);box-shadow:0 0 0 3px #6b10281a;outline:none}.email-form input:disabled{background:#f8f9fa;color:#6c757d}.modal-actions{border-top:1px solid #f8f9fa;margin-top:1.5rem}.estado-badge.estado-en_proceso{background:#cce5ff;border:1px solid #f8f1f3;border:1px solid var(--gpdan-light)}.tab.active{background:#6b1028;background:var(--gpdan-primary)}.stat-number{color:#6b1028;color:var(--gpdan-primary)}.chart-fill{background:linear-gradient(90deg,#6b1028,#a91b47);background:linear-gradient(90deg,var(--gpdan-primary),var(--gpdan-accent))}.barra-fill{background:linear-gradient(90deg,#6b1028,#8b1538);background:linear-gradient(90deg,var(--gpdan-primary),var(--gpdan-secondary));box-shadow:0 2px 8px #6b10284d}.progress-fill{background:linear-gradient(90deg,#2d5016,#a91b47);background:linear-gradient(90deg,var(--gpdan-green),var(--gpdan-accent))}@media (max-width:768px){.modal-content{margin:1rem;width:95%}.modal-actions,.pedido-extra-actions{flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content{animation:fadeIn .3s ease}.btn{font-weight:500;transition:all .3s ease}.btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.detail-section-title{background:#6b10281a;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:6px;color:#6b1028;color:var(--gpdan-primary);font-size:1rem;font-weight:600;margin:1rem 0 .5rem;padding:.5rem}.pedido-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.detail-item{background:#f8f9fa;border-radius:6px;font-size:.9rem;padding:.5rem}.detail-label{color:#6b1028;color:var(--gpdan-primary);font-weight:600}.dashboard-title img{border-radius:8px;box-shadow:0 2px 8px #0000001a}.pedido-card{transition:all .3s ease}.pedido-card:hover{border-left-color:#a91b47;border-left-color:var(--gpdan-accent);box-shadow:0 6px 20px #00000026}.raza-option{border:2px solid #0000;transition:all .3s ease}.raza-option:hover{border-color:#f8f1f3;border-color:var(--gpdan-light);transform:scale(1.02)}.raza-option.selected{background:#6b10281a;border-color:#6b1028;border-color:var(--gpdan-primary)}input:focus,select:focus,textarea:focus{border-color:#6b1028!important;border-color:var(--gpdan-primary)!important;box-shadow:0 0 0 3px #6b10281a!important}.stat-mini{border-left:3px solid #6b1028;border-left:3px solid var(--gpdan-primary);transition:all .3s ease}.stat-mini:hover{box-shadow:0 4px 12px #6b102833;transform:translateY(-2px)}.chart-bar:hover{background:#6b10280d}.barra-valor{background:#6b1028;background:var(--gpdan-primary);color:#fff}.cliente-card{border-top:4px solid #6b1028;border-top:4px solid var(--gpdan-primary)}.cliente-card:hover{border-top-color:#a91b47;border-top-color:var(--gpdan-accent)}@media (max-width:768px){.pedido-details{grid-template-columns:1fr}.detail-section-title{margin:.5rem 0}}.edicion-pedido{animation:slideDown .3s ease;background:#f8f9fa;border:2px solid #6b1028;border:2px solid var(--gpdan-primary);border-radius:12px;margin-top:1rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edicion-pedido h5{align-items:center;color:#6b1028;color:var(--gpdan-primary);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.edicion-pedido h5:before{content:"✏"}.edicion-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.edicion-form .form-group{display:flex;flex-direction:column;gap:.5rem}.edicion-form label{color:#6b1028;color:var(--gpdan-primary);font-size:.9rem;font-weight:600}.edicion-form input,.edicion-form select,.edicion-form textarea{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:.5rem;transition:all .3s ease}.edicion-form input:focus,.edicion-form select:focus,.edicion-form textarea:focus{border-color:#6b1028;border-color:var(--gpdan-primary);box-shadow:0 0 0 3px #6b10281a;outline:none}.edicion-actions{border-top:1px solid #dee2e6;display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.priority-select{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.priority-select:focus{border-color:#6b1028;border-color:var(--gpdan-primary);box-shadow:0 0 0 2px #6b10281a;outline:none}.pedido-card{position:relative}.pedido-card[data-prioridad=urgente]{border-left-color:#dc3545;box-shadow:0 0 10px #dc354533}.pedido-card[data-prioridad=alta]{border-left-color:#ffc107;box-shadow:0 0 10px #ffc10733}.pedido-card[data-prioridad=normal]{border-left-color:#6b1028;border-left-color:var(--gpdan-primary)}.pedido-card[data-prioridad=baja]{border-left-color:#6c757d}.prioridad-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem}.prioridad-badge.urgente{background:#dc3545;color:#fff}.prioridad-badge.alta{background:#ffc107;color:#212529}.prioridad-badge.normal{background:#6c757d;color:#fff}.prioridad-badge.baja{background:#17a2b8;color:#fff}.pedido-extra-actions{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.historial-modificaciones{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;font-size:.8rem;margin-top:.5rem;padding:.75rem}.historial-modificaciones h6{color:#856404;font-size:.9rem;margin:0 0 .5rem}.modificacion-item{color:#856404;margin-bottom:.25rem}.estado-badge.estado-anulado{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.edicion-form .form-row{grid-template-columns:1fr}.edicion-actions,.pedido-extra-actions{align-items:stretch;flex-direction:column}.priority-select{width:100%}}.pedido-card.modificado{animation:highlight 2s ease}@keyframes highlight{0%{background:#6b10281a}to{background:#0000}}.btn-sm{font-size:.8rem;padding:.375rem .75rem;white-space:nowrap}.btn-warning{background:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800;border-color:#d39e00}.btn-danger{background:#dc3545;border-color:#dc3545}.btn-danger:hover{background:#c82333;border-color:#bd2130}[title]{cursor:help;position:relative}.form-group textarea{min-height:60px;resize:vertical}.form-group input[type=date],.form-group select{cursor:pointer}.pedido-header{border-bottom:2px solid #f8f9fa;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.pedido-badges,.pedido-header{align-items:center;display:flex}.pedido-badges{flex-wrap:wrap;gap:.5rem}.pedido-numero{color:#6b1028;color:var(--gpdan-primary);font-size:1rem;font-weight:600}.pedidos-list{display:flex;flex-direction:column;gap:1rem}.estado-nuevo.estado-pendiente{background:#cce5ff;color:#6b1028;color:var(--gpdan-primary)}.estado-nuevo.estado-listo{background:#d4edda;color:#2d5016;color:var(--gpdan-green)}.estado-nuevo.estado-enviado{background:#e2e3e5;color:#495057}.estado-nuevo.estado-entregado{background:#d1ecf1;color:#0c5460}.mensaje-section{margin-bottom:1.5rem}.mensaje-section label{color:#6b1028;color:var(--gpdan-primary);display:block;font-weight:600;margin-bottom:.5rem}.mensaje-section textarea{border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;padding:.75rem;resize:vertical;width:100%}.preview-section{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.preview-section h6{color:#6b1028;color:var(--gpdan-primary);margin:0 0 1rem}.email-preview{background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.email-header{background:#6b1028;background:var(--gpdan-primary);color:#fff;font-size:.9rem;padding:.75rem}.email-body{font-size:.9rem;line-height:1.5;padding:1rem}.email-body p{margin:0 0 .75rem}.seguimiento-modal{max-height:90vh;max-width:800px}.seguimiento-content{max-height:70vh;overflow-y:auto;padding:1.5rem}.pedido-summary{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1rem}.summary-item{font-size:.9rem}.summary-item strong,.timeline-section h5{color:#6b1028;color:var(--gpdan-primary)}.timeline-section h5{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.timeline{padding-left:2rem;position:relative}.timeline:before{background:linear-gradient(180deg,#6b1028,#a91b47);background:linear-gradient(to bottom,var(--gpdan-primary),var(--gpdan-accent));bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:1.5rem;padding-left:1rem;position:relative}.timeline-marker{align-items:center;background:#fff;border:3px solid #6b1028;border:3px solid var(--gpdan-primary);border-radius:50%;display:flex;height:2rem;justify-content:center;left:-2rem;position:absolute;top:0;width:2rem;z-index:1}.timeline-icon{font-size:.8rem}.timeline-content{background:#fff;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}.timeline-title{color:#6b1028;color:var(--gpdan-primary);font-weight:600;margin-bottom:.25rem}.timeline-date{color:#666;font-size:.8rem}.timeline-item.enviado .timeline-marker{animation:pulse 2s infinite;border-color:#ffc107}.timeline-item.entregado .timeline-marker{border-color:#28a745}.timeline-item.recibido .timeline-marker{border-color:#17a2b8}.notificaciones-section{border-top:2px solid #f8f9fa;margin-top:2rem;padding-top:2rem}.notificaciones-section h5{align-items:center;color:#6b1028;color:var(--gpdan-primary);display:flex;gap:.5rem;margin-bottom:1rem}.notificaciones-list{display:flex;flex-direction:column;gap:1rem}.notificacion-item{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem}.notif-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.notif-tipo{font-size:1.2rem}.notif-fecha{color:#856404;font-size:.8rem;font-weight:500}.notif-mensaje{color:#856404;line-height:1.4;margin-bottom:.5rem}.notif-footer{color:#856404;font-size:.8rem;font-style:italic;text-align:right}.pedido-actions{border-top:1px solid #f0f0f0;flex-wrap:wrap;padding-top:1rem}@media (max-width:768px){.seguimiento-modal{margin:1rem;width:95%}.pedido-summary{grid-template-columns:1fr}.estado-transition{flex-direction:column;text-align:center}.arrow{transform:rotate(90deg)}.timeline{padding-left:1.5rem}.timeline-marker{height:1.5rem;left:-1.5rem;width:1.5rem}.notif-header{align-items:flex-start;flex-direction:column;gap:.25rem}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.timeline-item{animation:slideInFromRight .5s ease forwards}.timeline-item:nth-child(2){animation-delay:.1s}.timeline-item:nth-child(3){animation-delay:.2s}.timeline-item:nth-child(4){animation-delay:.3s}.timeline-item:nth-child(5){animation-delay:.4s}.background-overlay{background:linear-gradient(135deg,#8b1538d9,#a91b47bf 50%,#c8102ea6);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.dashboard{position:relative;z-index:1}.dashboard-header{border-bottom:3px solid var(--gpdan-primary)}.login-form{border:2px solid var(--gpdan-primary)}.btn-primary{background:linear-gradient(135deg,#6b1028,#8b1538);background:linear-gradient(135deg,var(--gpdan-primary),var(--gpdan-secondary));border:none;box-shadow:0 4px 15px #8b15384d;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#4a0b1a,#6b1028);background:linear-gradient(135deg,var(--gpdan-dark),var(--gpdan-primary));box-shadow:0 6px 20px #8b153866;transform:translateY(-2px)}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);box-shadow:0 4px 15px #8b15381a;transition:all .3s ease}.stat-card:hover{border-left-color:#a91b47;border-left-color:var(--gpdan-accent);box-shadow:0 8px 25px #8b153833;transform:translateY(-3px)}.pedido-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);box-shadow:0 4px 15px #8b15381a}.pedido-card:hover{box-shadow:0 8px 25px #8b153833;transform:translateY(-2px)}.tab.active{background:linear-gradient(135deg,#6b1028,#8b1538);background:linear-gradient(135deg,var(--gpdan-primary),var(--gpdan-secondary));box-shadow:0 4px 15px #8b15384d;color:#fff}.tab:hover{background:#f8f1f3;background:var(--gpdan-light);color:#4a0b1a;color:var(--gpdan-dark)}.barra-fill{background:linear-gradient(90deg,#6b1028,#a91b47);background:linear-gradient(90deg,var(--gpdan-primary),var(--gpdan-accent));box-shadow:0 2px 8px #8b15384d}.chart-fill{background:linear-gradient(90deg,#6b1028,#8b1538);background:linear-gradient(90deg,var(--gpdan-primary),var(--gpdan-secondary))}.estado-badge.estado-pendiente{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.estado-badge.estado-en_proceso{background:#f8f1f3;background:var(--gpdan-light);border:1px solid #6b1028;border:1px solid var(--gpdan-primary);color:#6b1028;color:var(--gpdan-primary)}.estado-badge.estado-listo{background:#d4edda;border:1px solid #c3e6cb;color:#2d5016;color:var(--gpdan-green)}.estado-badge.estado-enviado{background:#e2e3e5;border:1px solid #d6d8db;color:#495057}.estado-badge.estado-entregado{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.estado-badge.estado-recibido{background:#d4edda;border:1px solid #c3e6cb;color:#155724}@media (max-width:768px){.gpdan-pattern{background-size:50px 50px,75px 75px,100px 100px}}.checkbox-label{align-items:center;color:#6b1028;color:var(--gpdan-primary);cursor:pointer;display:flex;font-weight:500;margin:1rem 0}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:#fff;border:2px solid #6b1028;border:2px solid var(--gpdan-primary);border-radius:4px;height:20px;margin-right:10px;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#6b1028;background:var(--gpdan-primary);border-color:#6b1028;border-color:var(--gpdan-primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.form-section-title{border-bottom:2px solid #f8f1f3;border-bottom:2px solid var(--gpdan-light);color:#6b1028;color:var(--gpdan-primary);font-size:1.1rem;font-weight:600;margin:1.5rem 0 1rem;padding:.5rem 0;position:relative}.form-section-title:before{content:"🐷";margin-right:.5rem}.cliente-card,.dashboard-header,.login-form,.pedido-card,.reporte-card,.stat-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1px solid #fff3}.reportes-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;justify-content:center;margin:2rem 0;padding:1rem}.reportes-actions .btn{box-shadow:0 4px 15px #8b15384d;font-size:1rem;font-weight:600;padding:.75rem 2rem}@media (max-width:768px){.checkbox-label{font-size:.9rem}.checkmark{height:18px;width:18px}.reportes-actions{margin:1rem 0}.reportes-actions .btn{font-size:.9rem;padding:.5rem 1rem}}.connectivity-status{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:200px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}.connectivity-status.offline{background:#ffc107f2;border-color:#ffc1074d}.connectivity-status.online{background:#28a745f2;border-color:#28a7454d;color:#fff}.connectivity-content{align-items:center;display:flex;gap:12px}.connectivity-icon{flex-shrink:0;font-size:20px}.connectivity-info{flex:1 1}.connectivity-title{font-size:14px;font-weight:600;margin:0}.connectivity-subtitle{align-items:center;display:flex;font-size:12px;gap:4px;margin:2px 0 0;opacity:.8}.connectivity-actions{display:flex;flex-shrink:0;gap:8px}.btn-clear,.btn-sync{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.btn-clear:hover,.btn-sync:hover{background:#ffffff4d;transform:scale(1.05)}.offline-message{border-top:1px solid #fff3;font-size:11px;margin-top:8px;opacity:.9;padding-top:8px;text-align:center}.sync-spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.connectivity-status{left:10px;max-width:calc(100vw - 20px);min-width:auto;right:10px;top:10px}.connectivity-content{gap:8px}.connectivity-title{font-size:13px}.connectivity-subtitle{font-size:11px}}.sync-notifications{display:flex;flex-direction:column;gap:8px;max-width:300px;position:fixed;right:20px;top:80px;z-index:999}.sync-notification{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid #007bff;border-radius:8px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.sync-notification:hover{box-shadow:0 6px 20px #00000026;transform:translateX(-5px)}.sync-notification-success{background:#28a7451a;border-left-color:#28a745}.sync-notification-info{background:#17a2b81a;border-left-color:#17a2b8}.sync-notification-warning{background:#ffc1071a;border-left-color:#ffc107}.sync-notification-error{background:#dc35451a;border-left-color:#dc3545}.sync-notification span{flex:1 1;font-size:13px;font-weight:500}.sync-notification-close{background:none;border:none;cursor:pointer;font-size:16px;margin-left:8px;opacity:.6;transition:opacity .2s ease}.sync-notification-close:hover{opacity:1}@media (max-width:768px){.sync-notifications{left:10px;max-width:none;right:10px;top:70px}.sync-notification{padding:10px 12px}.sync-notification span{font-size:12px}}.gpdan-pattern{animation:patternMove 45s linear infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff14 1px,#0000 0),radial-gradient(circle at 50% 50%,#d4af371a 1px,#0000 0);background-size:100px 100px,150px 150px,200px 200px;height:100%;width:100%}@keyframes patternMove{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(-20px,-20px) rotate(120deg)}66%{transform:translate(20px,-10px) rotate(240deg)}to{transform:translate(0) rotate(1turn)}}.login-form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:2px solid #6b1028;border-radius:15px;box-shadow:0 15px 35px #8b15384d;max-width:400px;padding:2rem;width:100%}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:3px solid #6b1028;box-shadow:0 4px 20px #8b153833}.loading{align-items:center;color:#fff;display:flex;font-size:1.5rem;height:100vh;justify-content:center;text-shadow:0 2px 4px #00000080}.items-section{background-color:#f8f9fa;border:2px solid #f8f1f3;border:2px solid var(--gpdan-light);border-radius:8px;margin:1rem 0;padding:1rem}.items-section h4{border-bottom:2px solid #f8f1f3;border-bottom:2px solid var(--gpdan-light);color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem;padding-bottom:.5rem}.items-list{margin:1rem 0}.items-list h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:.5rem}.item-card{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.item-card,.item-info{align-items:center;display:flex}.item-info{gap:1rem}.item-raza{color:#6b1028;color:var(--gpdan-primary);font-weight:700;text-transform:capitalize}.item-cantidad{color:#8b1538;color:var(--gpdan-secondary);font-weight:500}.item-tipo{color:#6c757d;color:var(--gpdan-gray);font-style:italic}.pedido-actions{display:flex;gap:.5rem;margin-top:1rem}.pedido-items-lab{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.pedido-item-lab{align-items:center;background:#6b10280d;border-left:3px solid #6b1028;border-left:3px solid var(--gpdan-primary);display:flex;gap:1rem}.pedido-item-lab,.total-dosis{border-radius:4px;padding:.5rem}.total-dosis{background:#f8f1f3;background:var(--gpdan-light);color:#6b1028;color:var(--gpdan-primary);margin-top:.5rem;text-align:center}.pedido-items{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.pedido-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.estado-registrado{background-color:#17a2b8;background-color:var(--info-color);color:#fff}.estado-en_viaje{background-color:#ffc107;background-color:var(--warning-color);color:#212529}.estado-en_proceso,.estado-listo,.estado-pendiente{background-color:#17a2b8;background-color:var(--info-color);color:#fff}.estado-entregado,.estado-enviado{background-color:#ffc107;background-color:var(--warning-color);color:#212529}.sidebar h3{border-bottom:2px solid #f8f1f3;border-bottom:2px solid var(--gpdan-light);color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem;padding-bottom:.5rem}.sidebar .btn{border-radius:6px;font-size:.9rem;padding:.6rem 1rem;transition:all .3s ease}.sidebar .btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.sidebar p{line-height:1.4;margin:.5rem 0}.guia-pedidos-info{background:#f8f1f3;background:var(--gpdan-light);border-left:3px solid #6b1028;border-left:3px solid var(--gpdan-primary);border-radius:4px;color:#4a0b1a;color:var(--gpdan-dark);font-size:.8rem;padding:.5rem}.confirmacion-modal{max-width:600px;width:90%}.confirmacion-content{padding:1rem}.pedido-info{background:#f8f1f3;background:var(--gpdan-light);border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:6px;margin-bottom:1rem;padding:1rem}.items-recibidos ul{margin:.5rem 0;padding-left:1.5rem}.items-recibidos li{color:#8b1538;color:var(--gpdan-secondary);margin:.3rem 0}.feedback-section{margin:1rem 0}.feedback-section .form-group{margin-bottom:1rem}.feedback-section label{align-items:center;display:flex;font-weight:500;margin-bottom:.5rem}.feedback-section textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;min-height:100px;padding:.75rem;resize:vertical;width:100%}.feedback-section textarea.required-field{background-color:#fff8f0;border-color:#a91b47;border-color:var(--gpdan-accent)}.help-text{color:#6c757d;color:var(--gpdan-gray);font-style:italic;margin-top:.3rem}.info-footer{background:#f8f9fa;border-left:3px solid #17a2b8;border-left:3px solid var(--info-color);border-radius:4px;margin-top:1rem;padding:.75rem}.alert{border-left:4px solid;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.alert-warning{background-color:#fff3cd;border-color:#ffc107;border-color:var(--warning-color);color:#856404}.alert-info{background-color:#d1ecf1;border-color:#17a2b8;border-color:var(--info-color);color:#0c5460}.badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:.4rem .8rem;text-align:center}.badge-success{background-color:#28a745;background-color:var(--success-color);color:#fff}.quejas-section{padding:1rem}.quejas-header{align-items:center;border-bottom:2px solid #f8f1f3;border-bottom:2px solid var(--gpdan-light);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.quejas-header h3{color:#6b1028;color:var(--gpdan-primary);margin:0}.stat-card.success{border-left:4px solid #28a745;border-left:4px solid var(--success-color)}.stat-card.warning{border-left:4px solid #ffc107;border-left:4px solid var(--warning-color)}.stat-card.info{border-left:4px solid #17a2b8;border-left:4px solid var(--info-color)}.cierre-stats{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1rem 0;padding:1.5rem}.cierre-stats h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.cierre-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.cierre-item{align-items:center;background:#f8f1f3;background:var(--gpdan-light);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.cierre-label{color:#4a0b1a;color:var(--gpdan-dark);font-weight:500}.cierre-value{color:#6b1028;color:var(--gpdan-primary);font-size:1.2rem;font-weight:700}.quejas-por-cliente{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1rem 0;padding:1.5rem}.quejas-por-cliente h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.clientes-quejas-list{display:flex;flex-direction:column;gap:1rem}.cliente-queja-item{background:#fafafa;border:1px solid #ddd;border-radius:6px;padding:1rem}.cliente-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.cliente-stats{color:#6c757d;color:var(--gpdan-gray);font-size:.9rem}.satisfaccion-bar{background:#e9ecef;border-radius:10px;height:20px;overflow:hidden;position:relative}.satisfaccion-fill{height:100%;transition:width .3s ease}.satisfaccion-text{color:#333;font-size:.8rem;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.quejas-recientes{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1rem 0;padding:1.5rem}.quejas-recientes h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.no-quejas{background:#d4edda;border-radius:6px;color:#28a745;color:var(--success-color);font-weight:500;padding:2rem;text-align:center}.observaciones-list{display:flex;flex-direction:column;gap:1rem}.observacion-item{background:#fff;border:1px solid #ddd;border-left:4px solid #ffc107;border-left:4px solid var(--warning-color);border-radius:6px;padding:1rem}.obs-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.obs-cliente{color:#8b1538;color:var(--gpdan-secondary);font-weight:500}.obs-fecha{color:#6c757d;color:var(--gpdan-gray);font-size:.9rem}.obs-content{background:#f8f9fa;border-radius:4px;color:#333;font-style:italic;padding:.75rem}.quejas-por-mes{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1rem 0;padding:1.5rem}.quejas-por-mes h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.meses-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mes-item{background:#fafafa;border:1px solid #ddd;border-radius:6px;padding:1rem;text-align:center}.mes-header{color:#6b1028;color:var(--gpdan-primary);font-weight:700;margin-bottom:.5rem}.mes-stats{color:#6c757d;color:var(--gpdan-gray);font-size:.9rem}.satisfaccion-mes{color:#8b1538;color:var(--gpdan-secondary);font-weight:500;margin-top:.3rem}@media (max-width:768px){.cierre-grid{grid-template-columns:1fr}.meses-grid{grid-template-columns:1fr 1fr}.obs-header{align-items:flex-start;flex-direction:column}}.graficos-section{padding:1rem}.graficos-header{align-items:center;border-bottom:2px solid #f8f1f3;border-bottom:2px solid var(--gpdan-light);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.graficos-header h3{color:#6b1028;color:var(--gpdan-primary);margin:0}.graficos-actions{display:flex;gap:.5rem}.graficos-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;min-height:600px}.config-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:fit-content;padding:1.5rem}.config-panel h4{border-bottom:2px solid #f8f1f3;border-bottom:2px solid var(--gpdan-light);color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem;padding-bottom:.5rem}.config-grid{gap:1rem}.config-grid,.config-group{display:flex;flex-direction:column}.config-group label{color:#4a0b1a;color:var(--gpdan-dark);font-weight:500;margin-bottom:.3rem}.config-group input,.config-group select{border:2px solid #ddd;border-radius:4px;font-family:inherit;padding:.5rem;transition:border-color .3s ease}.config-group input:focus,.config-group select:focus{border-color:#6b1028;border-color:var(--gpdan-primary);outline:none}.grafico-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.grafico-header{background:#f8f1f3;background:var(--gpdan-light);border-bottom:1px solid #ddd;padding:1rem 1.5rem}.grafico-header h4{color:#6b1028;color:var(--gpdan-primary);margin:0 0 .5rem}.grafico-stats{color:#6c757d;color:var(--gpdan-gray);display:flex;font-size:.9rem;gap:1rem}.grafico-stats span{background:#fff;border:1px solid #ddd;border-radius:4px;padding:.3rem .6rem}.grafico-visual{min-height:300px;padding:1.5rem}.grafico-barras{display:flex;flex-direction:column;gap:1rem}.barra-item{align-items:center;display:flex;gap:1rem}.barra-label{color:#4a0b1a;color:var(--gpdan-dark);font-size:.9rem;font-weight:500;min-width:120px}.barra-container{align-items:center;background:#f0f0f0;border-radius:15px;display:flex;flex:1 1;height:30px;overflow:hidden;position:relative}.barra-fill{border-radius:15px;height:100%;min-width:2px;transition:width .5s ease}.barra-valor{color:#4a0b1a;color:var(--gpdan-dark);font-size:.9rem;font-weight:700;position:absolute;right:10px}.grafico-circular{align-items:center;display:flex;gap:2rem;justify-content:center}.circular-chart{height:200px;width:200px}.circular-svg{height:100%;width:100%}.circular-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:3px;height:16px;width:16px}.legend-text{color:#4a0b1a;color:var(--gpdan-dark);font-size:.9rem}.grafico-lineas{display:flex;justify-content:center}.lineas-svg{height:250px;max-width:500px;width:100%}.datos-tabla{background:#fafafa;border-top:1px solid #ddd;padding:1.5rem}.datos-tabla h5{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.tabla-datos{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.tabla-datos td,.tabla-datos th{border-bottom:1px solid #ddd;padding:.75rem 1rem;text-align:left}.tabla-datos th{background:#6b1028;background:var(--gpdan-primary);color:#fff;font-weight:500}.tabla-datos tr:hover{background:#f8f9fa}.no-grafico{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;min-height:400px}.no-grafico-content{max-width:500px;padding:2rem;text-align:center}.no-grafico-content h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.no-grafico-content p{color:#6c757d;color:var(--gpdan-gray);line-height:1.5;margin-bottom:2rem}.grafico-ejemplos{background:#f8f1f3;background:var(--gpdan-light);border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:6px;padding:1.5rem;text-align:left}.grafico-ejemplos h5{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.grafico-ejemplos ul{list-style:none;padding:0}.grafico-ejemplos li{color:#4a0b1a;color:var(--gpdan-dark);margin-bottom:.5rem}.grafico-ejemplos strong{color:#6b1028;color:var(--gpdan-primary)}@media (max-width:1024px){.graficos-content{gap:1rem;grid-template-columns:1fr}.config-panel{order:2}.grafico-container,.no-grafico{order:1}}@media (max-width:768px){.graficos-header{align-items:stretch;flex-direction:column;gap:1rem}.grafico-stats,.graficos-actions{justify-content:center}.grafico-stats{flex-wrap:wrap}.grafico-circular{flex-direction:column;gap:1rem}.barra-item{align-items:stretch;flex-direction:column;gap:.5rem}.barra-label{min-width:auto;text-align:center}}.animales-section{padding:1rem}.animales-header{align-items:center;border-bottom:2px solid #f8f1f3;border-bottom:2px solid var(--gpdan-light);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.animales-header h3{color:#6b1028;color:var(--gpdan-primary);margin:0}.animales-actions{display:flex;flex-wrap:wrap;gap:.5rem}.actualizacion-info{align-items:center;background:#e8f4fd;border:1px solid #bee5eb;border-radius:6px;color:#0c5460;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.info-icon{font-size:1.2rem}.animales-content{display:flex;flex-direction:column;gap:2rem}.animales-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.animales-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.animales-list h4{border-bottom:2px solid #f8f1f3;border-bottom:2px solid var(--gpdan-light);color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem;padding-bottom:.5rem}.no-animales{color:#6c757d;color:var(--gpdan-gray);padding:3rem 1rem;text-align:center}.no-animales p{line-height:1.5;margin-bottom:1rem}.animales-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.animal-card{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:1rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.animal-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.animal-header{align-items:flex-start;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.animal-id{display:flex;flex-direction:column}.animal-id strong{color:#6b1028;color:var(--gpdan-primary);font-size:1.1rem}.animal-nombre{color:#8b1538;color:var(--gpdan-secondary);font-size:.9rem;font-style:italic}.estado-desarrollo{border-radius:12px;font-size:.8rem;font-weight:500;padding:.3rem .6rem;text-transform:capitalize}.estado-desarrollo.lechon{background:#fff3cd;color:#856404}.estado-desarrollo.destete{background:#d1ecf1;color:#0c5460}.estado-desarrollo.crecimiento{background:#d4edda;color:#155724}.estado-desarrollo.engorde{background:#f8d7da;color:#721c24}.estado-desarrollo.adulto{background:#e2e3e5;color:#383d41}.estado-desarrollo.sin_datos{background:#f8f9fa;color:#6c757d}.animal-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:.3rem 0}.detail-label{color:#4a0b1a;color:var(--gpdan-dark);font-size:.9rem;font-weight:500}.detail-value{color:#8b1538;color:var(--gpdan-secondary);font-size:.9rem;max-width:60%;text-align:right}.animal-actions{display:flex;gap:.5rem;margin-bottom:.5rem}.animal-status{font-size:.8rem;position:absolute;right:.5rem;top:.5rem}.status-actualizado{color:#28a745;color:var(--success-color);font-weight:500}.status-pendiente{color:#ffc107;color:var(--warning-color);font-weight:500}.status-desactualizado{color:#dc3545;color:var(--danger-color);font-weight:500}.info-automatica{background:#fff;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.info-automatica h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:1rem}.info-content{display:flex;flex-direction:column;gap:1rem}.info-item{background:#f8f1f3;background:var(--gpdan-light);border-radius:6px;padding:.75rem}.info-item strong{color:#6b1028;color:var(--gpdan-primary);display:block;margin-bottom:.5rem}.info-item ul{color:#4a0b1a;color:var(--gpdan-dark);margin:.5rem 0 0 1rem}.info-item li{line-height:1.4;margin-bottom:.3rem}@media (max-width:768px){.animales-header{align-items:stretch;flex-direction:column;gap:1rem}.animales-actions{justify-content:center}.animales-stats{grid-template-columns:repeat(2,1fr)}.animales-grid{grid-template-columns:1fr}.animal-header{align-items:stretch;flex-direction:column;gap:.5rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.2rem}.detail-value{max-width:100%;text-align:left}.animal-status{margin-top:.5rem;position:static;text-align:center}}@media (max-width:480px){.animales-stats{grid-template-columns:1fr}.animales-actions{flex-direction:column}}.comercial-clientes-section{padding:1rem}.clientes-comercial-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:2rem}.cliente-comercial-card{background:#fff;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.cliente-comercial-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.cliente-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.cliente-info h4{color:#6b1028;color:var(--gpdan-primary);font-size:1.1rem;margin:0 0 .3rem}.cliente-info p{color:#6c757d;color:var(--gpdan-gray);font-size:.9rem;margin:0}.cliente-badges{display:flex;flex-direction:column;gap:.3rem}.cliente-badges .badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .6rem;text-align:center;text-transform:capitalize}.cliente-stats{background:#f8f1f3;background:var(--gpdan-light);border-radius:8px;display:flex;justify-content:space-around;margin:1rem 0;padding:1rem}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-item .stat-value{color:#6b1028;color:var(--gpdan-primary);font-size:1.5rem;font-weight:700}.stat-item .stat-label{color:#6c757d;color:var(--gpdan-gray);font-size:.8rem;margin-top:.2rem}.clima-info{background:#e8f4fd;border:1px solid #bee5eb;border-radius:8px;margin:1rem 0;padding:.75rem}.clima-header{color:#0c5460;font-weight:500;margin-bottom:.3rem}.clima-details{display:flex;flex-direction:column;gap:.2rem}.clima-details span{color:#0c5460;font-weight:500}.clima-details small{color:#6c757d;font-size:.8rem}.cliente-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.cliente-actions .btn{flex:1 1;font-size:.8rem;min-width:120px}.cliente-form-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:95%}.cliente-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:#f8f9fa}.form-section h5{align-items:center;display:flex;gap:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#4a0b1a;color:var(--gpdan-dark);font-weight:500;margin-bottom:.3rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;padding:.6rem;transition:border-color .3s ease}.form-actions{border-top:1px solid #ddd;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.recordatorio-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.recordatorio-modal{animation:recordatorioSlideIn .4s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 20px 40px #0000004d;overflow:hidden}@keyframes recordatorioSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.recordatorio-header{background:linear-gradient(135deg,#6b1028,#8b1538);background:linear-gradient(135deg,var(--gpdan-primary) 0,var(--gpdan-secondary) 100%);color:#fff;padding:2rem 1.5rem 1.5rem;position:relative}.recordatorio-emoji{animation:bounce 2s infinite}.recordatorio-header h3{font-size:1.5rem;font-weight:600}.recordatorio-content{padding:1.5rem}.recordatorio-mensaje{color:#4a0b1a;color:var(--gpdan-dark);font-size:1.1rem;margin-bottom:1.5rem}.recordatorio-info{background:#f8f1f3;background:var(--gpdan-light);margin-bottom:1.5rem}.info-item{align-items:center;color:#4a0b1a;color:var(--gpdan-dark);display:flex}.recordatorio-stats{background:#fff;border:2px solid #f8f1f3;border:2px solid var(--gpdan-light);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.recordatorio-stats h4{margin:0 0 1rem}.stat-recordatorio{align-items:center;display:flex;flex-direction:column}.stat-recordatorio .stat-number{font-size:1.5rem}.stat-recordatorio .stat-label{color:#6c757d;color:var(--gpdan-gray);margin-top:.2rem}.recordatorio-actions{flex-direction:column;gap:.75rem}.btn-recordatorio{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.btn-recordatorio:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.recordatorio-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:1rem 1.5rem}.recordatorio-footer small{color:#6c757d;color:var(--gpdan-gray)}@media (max-width:768px){.clientes-comercial-grid{grid-template-columns:1fr}.cliente-header{align-items:stretch;flex-direction:column;gap:1rem}.cliente-badges{flex-direction:row;justify-content:flex-start}.cliente-stats{flex-direction:column;gap:1rem}.stat-item{flex-direction:row;justify-content:space-between}.cliente-actions{flex-direction:column}.cliente-actions .btn{min-width:auto}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.recordatorio-modal{margin:1rem;width:95%}.recordatorio-actions{gap:.5rem}.stats-recordatorio{flex-direction:column;gap:1rem}.stat-recordatorio{flex-direction:row;justify-content:space-between}}.notification-setup-modal{max-height:90vh;overflow-y:auto}.notification-setup-content,.setup-intro{padding:1.5rem}.setup-intro{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:12px;margin-bottom:2rem}.setup-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:1rem}.setup-intro h3{font-size:1.5rem;margin:0 0 1rem}.setup-intro p{color:#6c757d;color:var(--gpdan-gray);margin:0}.setup-benefits,.setup-compatibility,.setup-instructions{background:#f8f9fa;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:8px;padding:1rem}.setup-benefits h4,.setup-compatibility h4,.setup-instructions h4{font-size:1.1rem;margin:0 0 1rem}.setup-benefits ul{padding-left:1.5rem}.setup-benefits li{line-height:1.4;margin-bottom:.5rem}.setup-instructions ol{padding-left:1.5rem}.setup-instructions li{line-height:1.4;margin-bottom:.5rem}.compat-item{background:#fff;border:1px solid #dee2e6;padding:.3rem .6rem}.setup-actions{margin-bottom:1.5rem}.btn-large{font-size:1.1rem;font-weight:600;padding:1rem 2rem}.setup-privacy{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;padding:1rem}.setup-privacy small{color:#2d5016}.sidebar h3{align-items:center;display:flex;gap:.5rem}.notification-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.3rem;padding:.2rem .5rem}.notification-status.enabled{background:#d4edda;color:#155724}.notification-status.disabled{background:#fff3cd;color:#856404}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-icon{animation:notificationPulse 2s infinite}@media (max-width:768px){.notification-setup-modal{margin:1rem;width:95%}.compatibility-list,.setup-actions{flex-direction:column}.compat-item{text-align:center}}.dashboard-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #e0e0e0;margin-top:3rem;padding:1.5rem 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 1rem}.footer-content p{color:#6c757d;font-weight:400}.footer-content strong{color:#495057;font-weight:600}@media (max-width:768px){.dashboard-footer{margin-top:2rem;padding:1rem 0}.footer-content p{font-size:.8rem;line-height:1.4}}.dashboard-footer:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transition:background .3s ease}.notification-status-enabled{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-radius:8px;display:flex;margin-bottom:1rem;padding:1rem}.notification-status-enabled .status-icon{font-size:1.5rem;margin-right:.75rem}.notification-status-enabled .status-text{flex:1 1}.notification-status-enabled .status-text strong{color:#155724;display:block;font-size:.9rem;margin-bottom:.25rem}.notification-status-enabled .status-text p{color:#155724;font-size:.8rem;line-height:1.3;margin:0}.pedido-actions .btn-sm{font-size:.875rem;margin-right:.5rem;padding:.5rem 1rem}.pedido-actions .btn-sm:last-child{margin-right:0}@media (max-width:768px){.notification-status-enabled{flex-direction:column;text-align:center}.notification-status-enabled .status-icon{margin-bottom:.5rem;margin-right:0}}.recordatorio-confirmacion{margin:1rem 0}.alerta-confirmacion{align-items:flex-start;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 4px #ffc10733;display:flex;gap:.75rem;padding:1rem}.icono-alerta{animation:pulse-warning 2s infinite;flex-shrink:0;font-size:1.5rem}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mensaje-alerta{flex:1 1}.mensaje-alerta strong{color:#856404;display:block;font-size:1.1rem;margin-bottom:.5rem}.mensaje-alerta p{color:#856404;line-height:1.4;margin:.25rem 0}.btn-pulsante{animation:pulse-button 1.5s infinite;position:relative}@keyframes pulse-button{0%{box-shadow:0 0 0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 0 0 #28a74500}}.badge-urgente{align-items:center;animation:bounce 1s infinite;background-color:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.recepcion-confirmada{align-items:flex-start;display:flex;flex-direction:column}.badge-recibido{background-color:#28a745;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.comercial-mapa-section{padding:1rem}.mapa-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:1rem;padding:2rem}.mapa-placeholder{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center}.mapa-info h4{color:#6b1028;color:var(--gpdan-primary);margin-bottom:.5rem}.ubicaciones-ejemplo{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.ubicacion-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:.5rem;min-width:150px;padding:1rem}.ubicacion-marker{font-size:1.5rem}.ubicacion-info strong{color:#6b1028;color:var(--gpdan-primary);display:block;font-size:1.1rem}.ubicacion-info p{color:#666;font-size:.9rem;margin:0}.mapa-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.mapa-stats .stat-item{background:#6b1028;background:var(--gpdan-primary);border-radius:8px;color:#fff;min-width:100px;padding:1rem;text-align:center}.mapa-stats .stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.mapa-stats .stat-label{font-size:.9rem;opacity:.9}.comercial-estadisticas-section{padding:1rem}.estadisticas-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.estadistica-card{background:#fff;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.estadistica-card h4{align-items:center;color:#6b1028;color:var(--gpdan-primary);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.estadistica-content{display:flex;flex-direction:column;gap:.75rem}.stat-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.stat-row:last-child{border-bottom:none}.stat-row span{color:#666;font-size:.95rem}.stat-row strong{color:#6b1028;color:var(--gpdan-primary);font-size:1.1rem;font-weight:600}@media (max-width:768px){.mapa-stats,.ubicaciones-ejemplo{align-items:center;flex-direction:column}.estadisticas-grid{grid-template-columns:1fr}}.perfil-modal{max-width:600px;width:90%}.perfil-form{padding:1rem}.perfil-form .form-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1rem}.perfil-form .form-section h5{align-items:center;color:#6b1028;color:var(--gpdan-primary);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.perfil-form .form-group{margin-bottom:1rem}.perfil-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.perfil-form .form-group input{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.perfil-form .form-group input:focus{border-color:#6b1028;border-color:var(--gpdan-primary);box-shadow:0 0 0 3px #8b15381a;outline:none}.perfil-form .form-group small{display:block;font-style:italic;margin-top:.25rem}.info-box{background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;margin-top:1rem;padding:1rem}.info-box p{font-size:.9rem;margin:.5rem 0}.info-box strong{color:#6b1028;color:var(--gpdan-primary)}.modal-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}@media (max-width:768px){.perfil-modal{max-height:90vh;overflow-y:auto;width:95%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.recordatorio-overlay{background:#00000080;z-index:1001}.recordatorio-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;margin:auto;max-height:80vh;max-width:500px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.recordatorio-header{border-bottom:2px solid #f8f9fa;margin-bottom:1rem;padding-bottom:1rem;text-align:center}.recordatorio-emoji{font-size:3rem;margin-bottom:.5rem}.recordatorio-header h3{color:#6b1028;color:var(--gpdan-primary);font-size:1.3rem;margin:0}.recordatorio-content{margin-bottom:1.5rem}.recordatorio-mensaje{color:#333;font-size:1rem;line-height:1.5;margin-bottom:1rem;text-align:center}.recordatorio-info{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem}.info-item{color:#666;font-size:.9rem;margin-bottom:.5rem}.info-item:last-child{margin-bottom:0}.recordatorio-stats{margin-top:1rem}.recordatorio-stats h4{color:#6b1028;color:var(--gpdan-primary);font-size:1rem;margin:0 0 .5rem}.stats-recordatorio{display:flex;gap:1rem;justify-content:space-around}.stat-recordatorio{background:#f8f9fa;border-radius:6px;flex:1 1;padding:.5rem;text-align:center}.stat-recordatorio .stat-number{color:#6b1028;color:var(--gpdan-primary);display:block;font-size:1.2rem;font-weight:700}.stat-recordatorio .stat-label{color:#666;font-size:.8rem}.recordatorio-actions{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.btn-recordatorio{border-radius:6px;flex:1 1;font-size:.9rem;max-width:200px;padding:.6rem 1rem}.recordatorio-footer{border-top:1px solid #f8f9fa;padding-top:1rem;text-align:center}.recordatorio-footer small{color:#666;font-size:.8rem;line-height:1.4}@media (max-width:768px){.recordatorio-modal{max-height:85vh;max-width:95%;padding:1rem}.recordatorio-emoji{font-size:2.5rem}.recordatorio-header h3{font-size:1.1rem}.recordatorio-mensaje{font-size:.9rem}.stats-recordatorio{gap:.5rem}.recordatorio-actions,.stats-recordatorio{flex-direction:column}.btn-recordatorio{max-width:none}}@media (max-width:480px){.recordatorio-modal{max-height:90vh;max-width:98%;padding:.8rem}.recordatorio-emoji{font-size:2rem}.recordatorio-header h3{font-size:1rem}.recordatorio-mensaje{font-size:.85rem}}.notification-setup-modal{max-height:85vh;max-width:600px;width:90%}.modal-close{background:none;color:#666;font-size:1.5rem;height:30px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:30px}.modal-close:hover{background:#f8f9fa;color:#333}.notification-setup-content{padding:.5rem 0}.setup-intro{margin-bottom:1.5rem;text-align:center}.setup-icon{font-size:3rem;margin-bottom:.5rem}.setup-intro h3{color:#6b1028;color:var(--gpdan-primary);font-size:1.3rem;margin:0 0 .5rem}.setup-intro p{color:#666;font-size:.95rem;line-height:1.5}.setup-benefits,.setup-compatibility,.setup-instructions{margin-bottom:1.5rem}.setup-benefits h4,.setup-compatibility h4,.setup-instructions h4{color:#6b1028;color:var(--gpdan-primary);font-size:1rem;margin:0 0 .5rem}.setup-benefits ul{margin:0;padding-left:1.2rem}.setup-benefits li{color:#666;font-size:.9rem;margin-bottom:.3rem}.setup-instructions ol{margin:0;padding-left:1.2rem}.setup-instructions li{color:#666;font-size:.9rem;margin-bottom:.3rem}.compatibility-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.compat-item{background:#f8f9fa;border-radius:12px;color:#666;font-size:.8rem;padding:.25rem .5rem}.setup-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.btn-large{font-size:1rem;padding:.8rem 1.5rem}.setup-privacy{border-top:1px solid #f8f9fa;padding-top:1rem;text-align:center}.setup-privacy small{color:#666;font-size:.8rem;line-height:1.4}@media (max-width:768px){.notification-setup-modal{max-height:90vh;max-width:95%}.compatibility-list,.setup-actions{flex-direction:column}}.dashboard-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;margin-top:2rem;padding:1rem;text-align:center}.footer-content p{color:#fff;font-size:.9rem;margin:0}.footer-content strong{color:#d4af37;color:var(--gpdan-gold)}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.cliente-edit-modal{max-width:1000px}.modal-header{align-items:center;background:linear-gradient(135deg,#6b1028,#8b1538);background:linear-gradient(135deg,var(--gpdan-primary) 0,var(--gpdan-secondary) 100%);border-bottom:2px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h4{font-size:1.3rem;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background-color .2s;width:40px}.modal-close:hover{background-color:#fff3}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.form-section{background-color:#f9f9f9;border-left:4px solid #6b1028;border-left:4px solid var(--gpdan-primary);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.form-section h5{color:#6b1028;color:var(--gpdan-primary);font-size:1.1rem;font-weight:700;margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.6rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6b1028;border-color:var(--gpdan-primary);box-shadow:0 0 0 3px #6b10281a;outline:none}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:.3rem}.horarios-config-container{grid-gap:1rem;display:grid;gap:1rem}.horario-dia-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:1rem;transition:all .2s}.horario-dia-card:hover{border-color:#6b1028;border-color:var(--gpdan-primary);box-shadow:0 2px 8px #0000001a}.horario-dia-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.horario-dia-label{color:#6b1028;color:var(--gpdan-primary);font-size:1rem;font-weight:700;min-width:100px;text-transform:capitalize}.horario-input-group{align-items:center;display:flex;gap:.5rem}.horario-input-group input[type=time]{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem;width:120px}.horario-cortes-section{margin-top:.5rem;padding-left:110px}.horario-corte-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.3rem;padding:.5rem}.horario-corte-item input[type=time],.horario-corte-item select{border:1px solid #ccc;border-radius:4px;padding:.3rem}.btn-remove-corte{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.2rem .5rem;transition:background-color .2s}.btn-remove-corte:hover{background-color:#c82333}.btn-add-corte{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-top:.3rem;padding:.3rem .6rem;transition:background-color .2s}.btn-add-corte:hover{background-color:#218838}.horarios-info-box{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;margin-top:1rem;padding:1rem}.horarios-info-box strong{color:#6b1028;color:var(--gpdan-primary);display:block;margin-bottom:.5rem}.horarios-info-box p,.horarios-info-box ul{color:#333;font-size:.9rem;margin:.5rem 0}.horarios-info-box ul{padding-left:1.5rem}@media (max-width:768px){.modal-content{max-height:95vh;max-width:95%}.form-section,.modal-body,.modal-header{padding:1rem}.horario-cortes-section{padding-left:0}.horario-dia-header{align-items:flex-start;flex-direction:column}.horario-corte-item{flex-wrap:wrap}}