/* Estilos Generales y Navbar */
body {
    padding-top: 70px; /* Ajuste para navbar fija */
    background-color: #f8f9fa; /* Un fondo suave para la página, usado en index.php */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Ejemplo de fuente base */
}

.navbar-default.navbar-fixed-top.custom-navbar { /* Clase específica para tu navbar */
    background-color: #2C3E50;
    border-bottom: 0;
}

.navbar-default.custom-navbar .navbar-brand,
.navbar-default.custom-navbar .navbar-nav > li > a,
.navbar-default.custom-navbar .navbar-text {
    color: white;
}

.navbar-default.custom-navbar .navbar-brand:hover,
.navbar-default.custom-navbar .navbar-nav > li > a:hover {
    color: #ecf0f1;
}

.navbar-default.custom-navbar .navbar-brand .glyphicon {
    margin-right: 8px;
}

.navbar-default.custom-navbar .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default.custom-navbar .navbar-nav > .open > a,
.navbar-default.custom-navbar .navbar-nav > .open > a:hover,
.navbar-default.custom-navbar .navbar-nav > .open > a:focus {
    background-color: #1A242F; /* Un color ligeramente más oscuro para el dropdown abierto */
    color: white;
}

/* Breadcrumbs */
.breadcrumb-container {
    display: flex;
    justify-content: center; /* Centra el breadcrumb */
    margin-top: 15px;
}

.breadcrumb {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    margin-bottom: 20px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}
.breadcrumb > li > a {
    color: #337ab7; /* Color estándar de enlace de Bootstrap */
}
.breadcrumb > .active {
    color: #777;
}

/* Estilos del Panel de Login (index.php) */
.login-panel {
    margin-top: 40px; /* Reducido un poco el margen superior */
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Sombra más pronunciada */
}

.login-panel .panel-heading {
    text-align: center;
    font-size: 1.5em; /* Título más grande */
}
.login-panel .panel-body .form-group {
    margin-bottom: 20px; /* Más espacio entre campos */
}
.login-panel .btn-block {
    padding: 10px 0; /* Botón más alto */
    font-size: 1.1em;
}


/* Estilos de Botones del Menú (principal.php) */
.button-row-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* Un poco más de espacio */
    padding-top: 20px;
    padding-bottom: 20px;
}

.menu-button {
    font-size: 13px;
    width: 100%;
    max-width: 170px;
    height: 100px; /* Un poco más alto */
    margin-bottom: 15px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space: normal;
    line-height: 1.3;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s ease-in-out;
    color: white; /* Color de texto blanco por defecto para botones con fondo */
    border: none; /* Quitar borde por defecto si se define background-color */
}

.menu-button:hover {
    transform: translateY(-3px); /* Efecto de elevación un poco mayor */
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.menu-button .glyphicon {
    font-size: 28px; /* Iconos más grandes */
    display: block;
    margin-bottom: 8px;
}

/* Colores específicos para los botones del menú (ejemplos) */
.menu-button.btn-danger { /* Para Gestión de Jornales */
    background-color: #d9534f;
    /* border-color: #d43f3a; /* No necesario si no hay borde */
}
.menu-button.btn-danger:hover {
    background-color: #c9302c;
}

.menu-button.btn-tratamientos { /* Clase personalizada para Tratamientos */
    background-color: #3498DB;
    /* border-color: #2980B9; */
}
.menu-button.btn-tratamientos:hover {
    background-color: #286090;
}

.menu-button.btn-recomendaciones { /* Clase personalizada para Recomendaciones */
    background-color: #F1C40F;
    /* border-color: #F39C12; */
}
.menu-button.btn-recomendaciones:hover {
    background-color: #e0b00d;
}


/* Estilos para Paneles Generales (usados en horas.php, cargas.php) */
.panel-primary .panel-heading,
.panel-info .panel-heading {
    font-weight: bold;
}
.panel {
    margin-top: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Estilos para Tablas */
.table th, .table td {
    vertical-align: middle !important;
}
.table-hover tbody tr:hover {
    background-color: #f5f5f5;
}

/* Estilos para botones de acción en tablas (Cargas, Editar, Borrar) */
.btn-xs {
    padding: 2px 8px; /* Ajuste para mejor clic */
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-right: 3px; /* Espacio entre botones */
}

/* Estilos específicos de cargas.php */
.product-calc-panel, .cargas-list-panel {
    border: 1px solid #ddd; /* Borde más suave */
    padding: 15px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border-radius: 5px;
}
.cargas-table tbody tr {
    cursor: pointer;
}
.cargas-table tbody tr.selected-carga {
    background-color: #d9edf7 !important;
}

/* Ocultar botones de acción en filas de tabla por defecto (tratamientos.php) */
.cargas-row-btn { 
    display: none;
    margin-left: 5px;
}
.selected-row .cargas-row-btn.visible { /* Mostrar solo en fila seleccionada */
    display: inline-block !important; 
}

/* Mensajes de Alerta */
.alert {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Ajustes para formularios */
.form-horizontal .control-label {
    text-align: right; /* Alineación estándar de Bootstrap */
    padding-top: 7px; /* Alineación vertical con el input */
}
.form-group {
    margin-bottom: 15px; /* Espaciado estándar */
}