:root{--color-primario:#007cba;--color-secundario:#28a745;--color-peligro:#dc3545;--color-advertencia:#ffc107;--color-info:#17a2b8;--color-fondo:#f8f9fa;--color-borde:#dee2e6;--color-texto:#212529;--color-sombra:rgba(0, 0, 0, 0.1)}.cotizador-container{max-width:1200px;margin:0 auto;padding:20px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.cotizador-header{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,var(--color-primario) 0%,#005a87 100%);color:#fff;border-radius:10px;box-shadow:0 5px 15px var(--color-sombra)}.cotizador-header h2{margin:0 0 10px 0;font-size:2.5em;font-weight:300}.cotizador-header p{margin:0;font-size:1.1em;opacity:.9}.seleccion-productos{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px var(--color-sombra);margin-bottom:30px}.producto-control{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.producto-control select,.producto-control input{padding:12px 15px;border:2px solid var(--color-borde);border-radius:6px;font-size:16px;transition:all 0.3s ease;flex:1;min-width:200px}.producto-control select:focus,.producto-control input:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 3px rgb(0 124 186 / .2)}.producto-control button{padding:12px 25px;background:var(--color-secundario);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all 0.3s ease;flex-shrink:0}.producto-control button:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px rgb(40 167 69 / .3)}.lista-productos{margin:30px 0;overflow-x:auto}.lista-productos table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px var(--color-sombra)}.lista-productos thead{background:var(--color-primario)}.lista-productos th{padding:18px 15px;text-align:left;color:#fff;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.5px}.lista-productos tbody tr{transition:all 0.3s ease}.lista-productos tbody tr:hover{background-color:rgb(0 124 186 / .05)}.lista-productos td{padding:15px;border-bottom:1px solid var(--color-borde);vertical-align:middle}.lista-productos .acciones-cell{text-align:center}.btn-eliminar{padding:8px 16px;background:var(--color-peligro);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all 0.3s ease}.btn-eliminar:hover{background:#c82333;transform:scale(1.05)}.resumen-cotizacion{background:#fff;padding:30px;border-radius:10px;box-shadow:0 3px 10px var(--color-sombra);margin:30px 0}.resumen-cotizacion h3{margin:0 0 25px 0;color:var(--color-primario);font-size:1.8em;font-weight:600;padding-bottom:15px;border-bottom:2px solid var(--color-fondo)}.resumen-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-borde)}.resumen-item:last-child{border-bottom:none}.resumen-item.total-final{font-size:24px;font-weight:700;color:var(--color-secundario);margin-top:10px;padding-top:20px;border-top:2px solid var(--color-secundario)}.resumen-item.descuento{color:var(--color-peligro)}.resumen-item .valor{font-weight:600}.formulario-cliente{background:#fff;padding:30px;border-radius:10px;box-shadow:0 3px 10px var(--color-sombra)}.formulario-cliente h3{margin:0 0 25px 0;color:var(--color-primario);font-size:1.8em;font-weight:600}.grupo-formulario{margin-bottom:20px}.grupo-formulario label{display:block;margin-bottom:8px;color:var(--color-texto);font-weight:600;font-size:14px}.grupo-formulario input{width:100%;padding:14px;border:2px solid var(--color-borde);border-radius:6px;font-size:16px;transition:all 0.3s ease;box-sizing:border-box}.grupo-formulario input:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 3px rgb(0 124 186 / .2)}.grupo-formulario input.error{border-color:var(--color-peligro)}.mensaje-error{color:var(--color-peligro);font-size:14px;margin-top:5px;display:none}.btn-principal{width:100%;padding:18px;background:linear-gradient(135deg,var(--color-primario) 0%,#005a87 100%);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:20px;text-transform:uppercase;letter-spacing:1px}.btn-principal:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgb(0 124 186 / .3)}.btn-principal:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.mensaje-exito{background:#d4edda;color:#155724;padding:20px;border-radius:8px;border:1px solid #c3e6cb;text-align:center;margin-top:30px;font-size:18px;display:none;animation:fadeIn 0.5s ease}.mensaje-error-general{background:#f8d7da;color:#721c24;padding:20px;border-radius:8px;border:1px solid #f5c6cb;text-align:center;margin-top:30px;font-size:16px;display:none;animation:fadeIn 0.5s ease}.estado-pendiente{background:var(--color-advertencia);color:#212529;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.estado-aprobada{background:var(--color-secundario);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:768px){.cotizador-container{padding:15px}.cotizador-header{padding:20px}.cotizador-header h2{font-size:2em}.producto-control{flex-direction:column}.producto-control select,.producto-control input,.producto-control button{width:100%;min-width:unset}.lista-productos{font-size:14px}.lista-productos th,.lista-productos td{padding:10px 8px}.resumen-cotizacion,.formulario-cliente{padding:20px}.resumen-item.total-final{font-size:20px}}@media (max-width:480px){.cotizador-header h2{font-size:1.8em}.lista-productos{font-size:12px}.btn-eliminar{padding:6px 12px;font-size:12px}}.loader{display:inline-block;width:20px;height:20px;border:3px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}