/* Sobrescribir color primario de Bootstrap */
.btn-primary {
    background-color: #1034A6; /* Color personalizado */
    border-color: #1034A6;
}

/* También puedes cambiar otros componentes */
.navbar-light .navbar-nav .nav-link.active {
    color: #ff5733; /* Color para enlaces activos en el navbar */
}


/* Aplicar clases de Bootstrap al menú de navegación generado por WordPress */
.wp-block-navigation .wp-block-navigation__container {
    display: flex;
    justify-content: flex-end;
}

.wp-block-navigation a {
    text-decoration: none;
    color: #fff; /* Cambia el color del texto si lo prefieres */
}

.wp-block-navigation .menu-item {
    margin-left: 1rem;
}

.wp-block-navigation .menu-item a {
    padding: 0.5rem 1rem;
    color: #fff;
    background-color: #343a40; /* Cambia al color de fondo que prefieras */
    border-radius: 0.25rem;
}

.wp-block-navigation .menu-item a:hover {
    background-color: #495057; /* Color de fondo al hacer hover */
}