/* /assets/css/styles.css */
/* Estilos personalizados complementarios a Tailwind */

/* Mejoras para impresión PDF */
@media print {
    body {
        background: white;
        padding: 0.5in;
    }
    .no-print {
        display: none !important;
    }
    .bg-white {
        background-color: white !important;
        box-shadow: none !important;
        border: 1px solid #e5e7eb !important;
    }
    .shadow-sm {
        box-shadow: none !important;
    }
    nav, #generar-pdf, #whatsapp-btn, #guardar-cotizacion, #agregar-fila, .flex.justify-end button {
        display: none !important;
    }
}

/* Ajustes para móvil */
@media (max-width: 640px) {
    .text-xs-mobile {
        font-size: 0.75rem;
    }
    .table-responsive {
        overflow-x: auto;
    }
}

/* Estilo para filas de la tabla */
.fila-servicio td {
    padding: 0.5rem 0.25rem;
    vertical-align: middle;
}

.fila-servicio input {
    width: 100%;
    padding: 0.375rem 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.fila-servicio input:focus {
    outline: none;
    ring: 2px solid #3b82f6;
    border-color: transparent;
}

/* Botones de acción en tabla */
.btn-eliminar {
    color: #ef4444;
    transition: color 0.2s;
    padding: 0.25rem 0.5rem;
}

.btn-eliminar:hover {
    color: #dc2626;
}

/* Scroll suave */
html {
    scroll-behavior: smooth;
}

/* Personalización de scroll para mejor experiencia móvil */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}