/* ===== Barra promocional "Ángeles Plus" ===== */
.top-promo-bar {
    background: linear-gradient(90deg, #144d63, #1f6f8b) !important;
    color: #ffffff;
    padding: 0.55rem 1rem;
    text-align: center;
    font-size: 0.85rem;
}

.top-promo-bar__icon {
    color: #ffd66b; /* dorado, para que la estrella resalte sobre el azul */
    font-size: 0.9rem;
}

.top-promo-bar__text {
    margin: 0;
    line-height: 1.3;
    color: #ffffff;
}

.top-promo-bar__text strong {
    font-weight: 700;
    color: #ff4f9a; /* rosado de marca, a juego con el logo de Ángeles Plus */
}

.top-promo-bar__link {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
    white-space: nowrap;
}

.top-promo-bar__link:hover,
.top-promo-bar__link:focus {
    color: #ffd66b;
}

@media (max-width: 576px) {
    .top-promo-bar__text {
        font-size: 0.8rem;
    }
}

/* ===== Arreglo del botón toggler en móvil =====
   "navbar-dark" pinta el ícono de blanco (pensado para fondos oscuros),
   pero el header es blanco, así que el ícono quedaba invisible.
   Se reemplaza por un ícono en el azul de marca y se le da un borde
   visible al botón. */
.site-header .navbar-toggler {
    border: 1px solid rgba(20, 77, 99, 0.35);
    padding: 0.4rem 0.55rem;
}

.site-header .navbar-toggler:focus {
    box-shadow: 0 0 0 0.15rem rgba(20, 77, 99, 0.25);
}

.site-header .navbar-toggler-icon {
    width: 1.3em;
    height: 1.3em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(20, 77, 99, 1)' stroke-width='2.4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}