/* cpe.css - Estilos específicos del módulo CPE */
/* SOLO lo que no está en estilos.css global */

/* Estilo para etiquetas flotantes (Fluent Design) */
.floating-label {
    position: relative;
    margin-bottom: 1.5rem;
}

.floating-label label {
    position: absolute;
    top: -10px;
    left: 15px;
    background: white;
    padding: 0 5px;
    font-size: 0.85rem;
    color: #667eea;
    font-weight: 500;
    transition: all 0.2s ease;
    pointer-events: none;
}

/* Mejora para los subtotales en la tabla de detalle */
#tablaDetalle .subtotal {
    font-weight: 600;
    color: #2c3e50;
}

/* Animación para el hover de las filas de detalle */
#tablaDetalle tbody tr:hover {
    background-color: #f0f3ff !important;
    transition: background-color 0.2s ease;
}

/* Estilo para la cabecera de la tabla de detalle */
#tablaDetalle thead th {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}