/* ==========================================================================
   app.css — Estilos globales del sitio (se cargan en todas las páginas).
   ========================================================================== */

/* ---------- Reveal on scroll (lo activa /js/app.js) ---------- */
.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s ease, transform .6s ease;
    will-change: opacity, transform;
}
.reveal--visible {
    opacity: 1;
    transform: none;
}

/* Si el usuario pidió menos movimiento, nada de animaciones. */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* ---------- Botones de las tarjetas de servicio (home + /services) ---------- */
.service-card__actions {
    margin-top: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}
.service-card__actions .service-card__btn { margin-top: 0; }
/* Variante "Learn More": contorno teal (secundaria respecto a Book Now). */
.service-card .service-card__btn--ghost {
    background: transparent;
    color: var(--primary-dark);
    border: 1px solid var(--primary);
    box-shadow: none;
}
.service-card .service-card__btn--ghost:hover {
    background: rgba(15, 181, 164, .1);
    color: var(--primary-dark);
    box-shadow: none;
    transform: translateY(-1px);
}