/* Botón flotante de donación. Compartido por la portada y las páginas públicas.
   Solo en pantallas chicas: en escritorio el acceso "Donar" ya está a la vista. */
.donar-flotante {
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 1040;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 3.1rem;
    padding: 0 1.25rem 0 1.05rem;
    border-radius: 999px;
    background: #FDCC3C;
    color: #17140F;
    font-family: Barlow, system-ui, -apple-system, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(24, 20, 15, 0.28);
    transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 150ms ease;
}

.donar-flotante i { font-size: 1.05rem; }

.donar-flotante:hover { background: #E7A11A; color: #17140F; text-decoration: none; }
.donar-flotante:active { transform: scale(0.96); }
.donar-flotante:focus-visible { outline: 2px solid #17140F; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
    .donar-flotante { transition: background-color 150ms ease; }
    .donar-flotante:active { transform: none; }
}