/* Unified CTA style inspired by the hero WhatsApp button. */
.btn-primary,
.btn-primary-dark,
.nav-cta,
a.bg-huleo-blue.text-white,
a.bg-huleo-green.text-white,
a.bg-dark-text.text-white,
#contactForm button[type="submit"],
a[href^="https://wa.me"].bg-huleo-green,
a[href^="https://wa.me"].inline-flex.bg-huleo-green,
button[type="submit"].bg-dark-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 3.35rem;
    padding: .9rem 1.25rem;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 1rem;
    background: linear-gradient(135deg, #1DA1F2 0%, #1388d4 100%) !important;
    color: #fff !important;
    font-size: .98rem;
    line-height: 1.15;
    font-weight: 900;
    box-shadow: 0 14px 30px -16px rgba(29, 161, 242, .9), 0 1px 0 rgba(255,255,255,.2) inset;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}

.btn-primary:hover,
.btn-primary-dark:hover,
.nav-cta:hover,
a.bg-huleo-blue.text-white:hover,
a.bg-huleo-green.text-white:hover,
a.bg-dark-text.text-white:hover,
#contactForm button[type="submit"]:hover,
a[href^="https://wa.me"].bg-huleo-green:hover,
a[href^="https://wa.me"].inline-flex.bg-huleo-green:hover,
button[type="submit"].bg-dark-text:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px -16px rgba(29, 161, 242, .95), 0 1px 0 rgba(255,255,255,.25) inset;
}

.btn-secondary,
a[href^="tel:"].btn-secondary,
a[href="/pages/contact"].bg-white.text-dark-text,
a[href="#contact"].bg-white.text-dark-text,
a[href="/#contact"].bg-white.text-dark-text,
a[href^="tel:"].bg-white.text-dark-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 3.35rem;
    padding: .9rem 1.25rem;
    border: 1px solid rgba(10,20,29,.12) !important;
    border-radius: 1rem;
    background: rgba(255,255,255,.78) !important;
    color: #0A141D !important;
    font-size: .98rem;
    line-height: 1.15;
    font-weight: 900;
    box-shadow: 0 10px 30px -24px rgba(10,20,29,.55);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}

.btn-secondary:hover,
a[href^="tel:"].btn-secondary:hover,
a[href="/pages/contact"].bg-white.text-dark-text:hover,
a[href="#contact"].bg-white.text-dark-text:hover,
a[href="/#contact"].bg-white.text-dark-text:hover,
a[href^="tel:"].bg-white.text-dark-text:hover {
    transform: translateY(-2px);
    border-color: rgba(10,20,29,.25) !important;
    background: #fff !important;
}

.hero-cta {
    min-height: 3.35rem;
    padding: .9rem 1.25rem;
    border-radius: 1rem;
}

@media (max-width: 639px) {
    .btn-primary,
    .btn-primary-dark,
    .btn-secondary,
    a.bg-huleo-blue.text-white,
    a.bg-huleo-green.text-white,
    a.bg-dark-text.text-white,
    #contactForm button[type="submit"],
    a[href^="https://wa.me"].bg-huleo-green,
    a[href^="https://wa.me"].inline-flex.bg-huleo-green {
        width: 100%;
    }
}