/* Estilos Personalizados para Gestión de Albaranes */

/* --- Generales --- */
body {
    /* Puedes añadir una fuente global si quieres */
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

/* --- Navbar --- */
.navbar-brand {
    font-weight: bold;
}

/* --- Tarjetas (Ej: Selección de Serie) --- */
.custom-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border: none; /* Quitar borde por defecto si se usa sombra */
}

.custom-card:hover {
    transform: translateY(-5px); /* Efecto levantar al pasar el ratón */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Sombra más pronunciada */
}

.custom-card .card-body i { /* Iconos grandes en las tarjetas */
    transition: color 0.3s ease;
}
.custom-card:hover .card-body i {
     /* Cambiar color del icono al pasar el ratón por la tarjeta */
     /* color: #0056b3; */ /* O el color secundario deseado */
}


/* --- Formularios --- */
/* Estilo para campos readonly que parecen texto normal */
.form-control-plaintext {
    padding-top: 0.375rem; /* Ajustar padding para alinear mejor */
    padding-bottom: 0.375rem;
    border: none; /* Asegurar que no tenga borde */
    background-color: transparent; /* Sin fondo */
}

/* --- Canvas de Firma --- */
.signature-container {
    position: relative; /* Necesario para posicionar elementos dentro si se requiere */
    background-color: #ffffff; /* Fondo blanco para el área de firma */
    max-width: 100%; /* Asegurar que no se desborde */
     touch-action: none; /* Mejora la experiencia en táctiles */
}

.signature-canvas {
    display: block; /* Evitar espacio extra debajo del canvas */
    width: 100%;    /* Ocupar todo el ancho del contenedor */
    height: 200px;  /* Altura fija o dinámica según necesites */
    cursor: crosshair; /* Cursor apropiado para dibujar */
     border: 1px dashed #ced4da; /* Borde punteado suave */
     border-radius: 0.25rem; /* Bordes redondeados */
}

/* --- Botones --- */
/* Puedes añadir estilos específicos para botones si quieres */
/* .btn-primary { background-color: #tuColor; border-color: #tuColor; } */
/* .btn-primary:hover { background-color: #tuColorMasOscuro; border-color: #tuColorMasOscuro; } */


/* --- Tablas --- */
.table thead th {
     /* Estilo para las cabeceras de tabla */
     /* background-color: #343a40; */
     /* color: #ffffff; */
     vertical-align: middle;
}
.table tbody td {
    vertical-align: middle; /* Alinear contenido verticalmente */
}

/* --- Responsividad específica --- */
/* @media (max-width: 768px) { */
    /* Estilos para pantallas más pequeñas */
/* } */