body {
    /* padding-top: 1rem; */
}

.navbar {
    background-color: #7f4807 !important;
    /* Fondo nuevo */
}

/* Letra en blanco como estilo de navbar oscuro */
.navbar,
.navbar a,
.navbar .nav-link,
.navbar .font-weight-bold {
    color: #fff !important;
    /* Texto blanco */
}

.navbar a:hover,
.navbar .nav-link:hover {
    color: #f0d9b0 !important;
    /* Blanco cálido al pasar el mouse */
}

/* Estilo especial para el logo en la barra */
.navbar .navbar-brand {
    background-color: #fff;
    /* Fondo blanco */
    padding: 5px 8px;
    /* Espaciado interno */
    border-radius: 6px;
    /* Bordes redondeados */
    display: inline-flex;
    /* Centrar el logo verticalmente */
    align-items: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* Sombra suave */
}

.navbar .navbar-brand img {
    max-width: 50px;
    /* Tamaño del logo */
    height: auto;
}

/* Botón hamburguesa sin fondo del header */
.navbar-toggler {
    background-color: transparent !important;
    border: none;
}

/* Icono hamburguesa blanco con 0.85 de opacidad (SVG codificado) */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3Cpath%20stroke='%23ffffff'%20stroke-opacity='0.85'%20stroke-width='2'%20stroke-linecap='round'%20stroke-miterlimit='10'%20d='M4%207h22M4%2015h22M4%2023h22'/%3E%3C/svg%3E");
}

#btnCerrarSesion {
    background-color: #f07121;
    color: #fff !important;
    border: none;
    font-weight: bold;
}

#btnCerrarSesion:hover {
    background-color: #d35f17;
}

.footer {
    background-color: #f9f9f9;
    /* Fondo muy suave */
}

.footer small {
    font-size: 0.85rem;
}

/* Cambiar color de todos los botones .btn-primary */
.btn-primary {
    background-color: #f07121 !important;
    border-color: #f07121 !important;
}

/* Color al pasar el mouse */
.btn-primary:hover,
.btn-primary:focus {
    background-color: #d35f17 !important;
    /* Un tono más oscuro */
    border-color: #d35f17 !important;
}

h2 {
    color: #7f4807 !important;
}

.bg-primary {
    background-color: #f07121 !important;
}

.bg-secondary {
    background-color: #7f4807 !important;
}

.container {
    max-width: 95% !important;
}

.input-busqueda {
    width: 50vw;
}

.gap-botones {
    gap: 10px;
}