/* 1. IMPORTAR FUENTE POPPINS DE GOOGLE */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* 2. APLICAR FUENTE A TODO */
body, h1, h2, h3, h4, h5, h6, 
input, button, select, textarea, label, 
.form-control, .btn, .box-title {
    font-family: 'Poppins', sans-serif !important;
}

/* 3. ESTILOS DE LOS INPUTS (Cajas de texto) */
/* Interpreté "labels redondeados" como los campos donde se escribe */
.form-control {
    border-radius: 25px !important;     /* El redondeado de 25px */
    border: 1px solid #ccc !important;
    padding-left: 15px !important;      /* Un poco más de aire a la izquierda */
    height: 45px !important;            /* Un poco más altos para verse modernos */
}

/* Efecto al hacer clic en el input (Focus) */
.form-control:focus {
    border-color: #EB660C !important;   /* Borde Naranja al escribir */
    box-shadow: 0 0 5px rgba(235, 102, 12, 0.4) !important; /* Resplandor Naranja */
}

/* 4. ESTILOS DE LOS BOTONES (El Naranja #EB660C) */
.btn-primary {
    background-color: #EB660C !important;
    border-color: #EB660C !important;
    border-radius: 25px !important;     /* Botón redondeado */
    font-weight: 600 !important;
    text-transform: uppercase;
    padding: 10px 30px !important;      /* Botón más grande y clickeable */
    transition: all 0.3s ease;
}

/* Efecto Hover del Botón (al pasar el mouse) */
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus {
    background-color: #d1580a !important; /* Un naranja un poco más oscuro */
    border-color: #d1580a !important;
}

/* 5. ARREGLAR LA CAJA PRINCIPAL (AdminLTE) */
/* Cambiar la línea azul superior por naranja */
.box.box-primary {
    border-top-color: #EB660C !important;
    border-radius: 10px !important;       /* Suavizar bordes de la caja */
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important; /* Sombra moderna */
}

/* 6. CORRECCIÓN DE TÍTULOS Y ETIQUETAS */
/* Forzar que los labels (textos arriba de los inputs) usen Poppins */
label {
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    color: #333;
}