/* ==========================================
   ESTILOS PARA TRABAJO EN CAMPO (ALTA LUZ)
   Proyecto: Gestión Ganadera JNB
   ========================================== */

/* Configuraciones generales del cuerpo */
body {
    background-color: #ffffff; /* Fondo blanco puro para evitar reflejos oscuros */
    color: #000000;            /* Texto negro total para máximo contraste */
    font-family: 'Arial', sans-serif;
    font-size: 1.1rem;         /* Aumentamos el tamaño de letra base */
}

/* Títulos con mayor peso visual */
h2, h3, label {
    font-weight: 800;          /* Negrita extra para lectura bajo el sol */
    text-transform: uppercase; /* Mayúsculas para mejor legibilidad */
    color: #1a1a1a;
}

/* Inputs y Selects gigantes para dedos grandes */
.form-control {
    height: 70px !important;    /* Altura extra para tocar fácilmente */
    font-size: 1.4rem !important;
    border: 3px solid #343a40 !important; /* Bordes gruesos y oscuros */
    border-radius: 10px;
    margin-bottom: 10px;
}

/* Foco del input: cambia a azul vibrante al tocarlo */
.form-control:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 10px rgba(0,123,255,0.5);
}

/* Botón de Guardar "Estilo Campo" */
.btn-lg-custom {
    padding: 25px;              /* Espaciado interno masivo */
    font-size: 1.6rem;          /* Letra muy grande */
    font-weight: 900;
    border-radius: 15px;        /* Bordes redondeados modernos */
    letter-spacing: 2px;        /* Espacio entre letras para leer rápido */
    box-shadow: 0 8px 15px rgba(0,0,0,0.3); /* Sombra para que parezca un botón real */
    transition: all 0.3s ease;
}

/* Efecto al presionar el botón */
.btn-lg-custom:active {
    transform: translateY(4px); /* Se hunde al tocarlo */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Estilo para las tarjetas de información */
.card {
    border: 2px solid #dee2e6;
    border-radius: 15px;
}

.card-header {
    padding: 20px;
}