.cotizador-container{display:grid;grid-template-columns:1fr;gap:20px;font-family:Arial,sans-serif;margin:0 auto}@media (max-width:768px){.cotizador-container{grid-template-columns:1fr}.cotizacion-item-horizontal{display:flex;flex-direction:column}}#cotizacionTable{width:100%;border-collapse:collapse;margin:0}#cotizacionTable th,#cotizacionTable td{border:1px solid #ddd;padding:10px;text-align:center;font-size:14px}#cotizacionTable th{background-color:#f4f4f4;font-weight:700}@media (max-width:768px){.cotizador-container{padding:10px}#cotizacionTable,#cotizacionTable thead,#cotizacionTable tbody,#cotizacionTable th,#cotizacionTable td,#cotizacionTable tr{display:block;color:#000}#cotizacionTable tr{margin-bottom:15px}#cotizacionTable th{display:none}#cotizacionTable td{display:block;justify-content:space-around;align-items:left;padding:8px 5px;margin:10px 0}#cotizacionTable td:before{content:attr(data-label);font-weight:700;text-transform:uppercase;margin-right:10px;color:#555}}#agregarFila{display:block;background-color:#1976d2;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:4px;font-size:14px;text-align:center}#agregarFila:hover{background-color:#1565c0}#guardarCotizacion{display:block;background-color:#ffc107;color:#212529;border:none;padding:10px 20px;cursor:pointer;border-radius:4px;font-size:14px;text-align:center}#guardarCotizacion:hover{background-color:#e0a800}#enviarCotizacion{display:block;margin:20px 0;width:100%;background-color:#28a745;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:4px;font-size:14px;text-align:center;font-weight:700}#enviarCotizacion:hover{background-color:#218838}#eliminarCotizacion{display:block;margin:10px 0;width:100%;background-color:#dc3545;color:#fff;border:none;padding:6px 20px;cursor:pointer;border-radius:4px;font-size:14px;text-align:center;font-weight:700}#eliminarCotizacion:hover{background-color:#c82333}#listadoGeneral{padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;align-self:flex-start}#listadoGeneral h2{font-size:16px;margin-bottom:10px;text-align:center;padding:10px 0;background:#f1f1f1}#listadoCotizaciones{list-style-type:none;padding:0;font-size:14px}#listadoCotizaciones li{padding:5px 0;border-bottom:1px solid #ddd}.btn-eliminar{background-color:#dc3545;color:#fff;border:none;padding:10px 15px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.btn-eliminar:hover{background-color:#c82333;transform:translateY(-2px)}.btn-eliminar:active{background-color:#bd2130;transform:translateY(0)}.btn-eliminar:focus{outline:none;box-shadow:0 0 4px rgba(220,53,69,.8)}body{margin:0;padding:0;background-color:#f5f5f5}h1{font-size:24px;margin-bottom:20px;text-align:center}input,select{width:100%;padding:5px;font-size:14px;box-sizing:border-box}input[readonly]{background-color:#f4f4f4;cursor:not-allowed}.columna-ancha{width:200px}.actions__buttons{display:inline-block}.cotizacion-item-horizontal{display:flex;align-items:center;justify-content:space-between;background-color:#f9f9f9;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:14px}.cotizacion-item-horizontal span{margin:0 5px}.cotizacion-item-horizontal .btn-eliminar-cotizacion{background-color:#dc3545;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:4px;font-size:12px;font-weight:700;transition:background-color .3s}.cotizacion-item-horizontal .btn-eliminar-cotizacion:hover{background-color:#a71d2a}input.cantidad,input.alto,input.ancho,input.precio{color:#000 !important}#formularioCliente{margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}#formularioCliente h3{margin-bottom:20px;font-size:1.5rem;color:#333;text-align:left}#formularioCliente label{display:block;font-size:1rem;font-weight:600;margin-bottom:8px;color:#555}#formularioCliente input,#formularioCliente textarea{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;font-family:inherit}#formularioCliente input:focus,#formularioCliente textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px rgba(0,123,255,.5)}#formularioCliente textarea{resize:vertical;min-height:100px}.title{font-size:26px}input::placeholder{color:#c7c7c7 !important}textarea::placeholder{color:#c7c7c7 !important}td{padding:0 8px !important}