/* Archivo: styles.css */
body {
    background-color: #f8f9fa;
    color: #343a40;
}


header .navbar-brand {
    font-weight: bold;
    color: #fff;
}

header .navbar-nav .nav-link {
    color: #fff;
}

header .navbar-nav .nav-link:hover {
    color: #f8f9fa;
}

footer {
    background-color: #343a40;
    color: #f8f9fa;
}

footer a {
    color: #f8f9fa;
}

footer a:hover {
    color: #d5b101;
}

a {
    color: var(--accent-color);
    text-decoration: none;
    transition: 0.3s;
}

.text-color_RH {
    color: #d5b101;
}

h1, h2 {
    color: #000000;
    font-family: 'Playfair Display', serif; /* Establece la familia de fuentes para los encabezados */
}

.btn-primary {
    background-color: #d7b700;
    border-color: #7e6800;
}

.btn-primary:hover {
    background-color: #7e6800;
    border-color: #d7b201;
}

.list-group-item {
    border: none;
    padding: 0.75rem 1.25rem;
}

.list-group-item:hover {
    background-color: #e9ecef;
}


/* Estilos para hacer el menú fijo */
.navbar-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #f8f9fa; /* Fondo del navbar */
    color: #d7b700; /* Color del texto de los enlaces de navegación */
    transition: background-color 0.3s, color 0.3s; /* Transición suave del color de fondo y texto */
}

.navbar-fixed .nav-link {
    color: #d7b700 !important; /* Color del texto de los enlaces de navegación */
}

.navbar-fixed .nav-link:hover {
    color: #000000 !important; /* Color del texto de los enlaces de navegación al pasar el mouse */
}

.navbar-placeholder {
    height: 56px; /* Ajusta según la altura de tu barra de navegación */
}

.navbar-nav {

}
.nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}