/* web_contacto.css — Estilos de la página de contacto */

/* ── Feedback del formulario ───────────────────────── */
.contact-feedback--success {
    background-color: #f0f7f0;
    color:            #044002;
    border:           1px solid #A1BF73;
}

.contact-feedback--error {
    background-color: #fff4f4;
    color:            #7a1f1f;
    border:           1px solid #e9b0b0;
}

/* ── FAB (Floating Action Buttons) ────────────────── */
.fab-group {
    position: fixed;
    bottom:   1.5rem;
    right:    1.5rem;
    display:  flex;
    flex-direction: column;
    gap:      0.75rem;
    z-index:  100;
}

.fab {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           3.25rem;
    height:          3.25rem;
    border-radius:   9999px;
    color:           #fff;
    box-shadow:      0 4px 14px rgba(0,0,0,0.18);
    transition:      transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
}

.fab:hover {
    transform:  scale(1.08);
    box-shadow: 0 6px 20px rgba(0,0,0,0.22);
}

.fab--primary {
    background-color: #055902;
}

.fab--whatsapp {
    background-color: #25d366;
}