/* bh_sociallogin — botones de login social */

.bh-social-login {
    margin: 1.25rem 0 0.5rem;
}

.bh-social-sep {
    display: flex;
    align-items: center;
    text-align: center;
    color: #777;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.bh-social-sep::before,
.bh-social-sep::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #e3e3e3;
}

.bh-social-sep span {
    padding: 0 0.75rem;
}

/* Variante "registro": encabezado en vez de separador superior. */
.bh-social-heading {
    margin: 0 0 0.9rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: #3c4043;
    text-align: center;
}

.bh-social-login--register {
    margin: 0 0 1.25rem;
}

.bh-social-sep--bottom {
    margin-top: 1rem;
    margin-bottom: 0;
}

.bh-social-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.bh-social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.7rem 1rem;
    border: 1px solid #dadce0;
    border-radius: 8px;
    background: #fff;
    color: #3c4043;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2;
    transition: box-shadow 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.bh-social-btn:hover,
.bh-social-btn:focus {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    text-decoration: none;
    color: #3c4043;
}

.bh-social-icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: block;
}

.bh-social-label {
    white-space: nowrap;
}

/* Apple: fondo negro, texto blanco (acorde a su estilo habitual). */
.bh-social-btn--apple {
    background: #000;
    border-color: #000;
    color: #fff;
}

.bh-social-btn--apple:hover,
.bh-social-btn--apple:focus {
    background: #111;
    color: #fff;
}

/* Amazon: acento sutil al pasar el ratón. */
.bh-social-btn--amazon:hover,
.bh-social-btn--amazon:focus {
    border-color: #ff9900;
}

.bh-social-error {
    background: #fdecea;
    color: #b71c1c;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 0.6rem 0.8rem;
    font-size: 0.9rem;
    margin-bottom: 0.9rem;
}

.bh-social-consent {
    margin-top: 0.8rem;
    font-size: 0.78rem;
    color: #777;
    text-align: center;
}