﻿/* CTA hierarchy layer: keeps existing layout, only adjusts visual emphasis */

:root {
    --cta-primary-bg: var(--color-accent);
    --cta-primary-bg-hover: var(--color-accent-hover);
    --cta-primary-text: var(--color-cream);
    --cta-secondary-bg: rgba(161, 130, 105, 0.14);
    --cta-secondary-bg-hover: rgba(161, 130, 105, 0.22);
    --cta-secondary-border: rgba(161, 130, 105, 0.5);
}

/* Header nav text style parity with contato page */
.main-header .nav-link {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Keep mobile menu aligned with same nav style */
.mobile-nav-link {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Primary CTA group */
.hero-cta,
.cta-btn,
.btn-continuar,
.submit-btn {
    background: var(--cta-primary-bg);
    border-color: var(--cta-primary-bg);
    color: var(--cta-primary-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 24px rgba(161, 130, 105, 0.24);
}

.hero-cta:hover,
.cta-btn:hover,
.btn-continuar:hover,
.submit-btn:hover {
    background: var(--cta-primary-bg-hover);
    border-color: var(--cta-primary-bg-hover);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 14px 34px rgba(161, 130, 105, 0.32);
}

/* Secondary CTA group */
.nav-cta {
    background: rgba(161, 130, 105, 0.08);
    border-color: rgba(161, 130, 105, 0.42);
    color: var(--color-accent, #A18269);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 3px 14px rgba(0, 0, 0, 0.1);
}

.nav-cta:hover {
    background: var(--cta-primary-bg-hover);
    border-color: var(--cta-primary-bg);
    color: var(--cta-primary-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 22px rgba(161, 130, 105, 0.24);
}

.btn-voltar {
    background: rgba(51, 63, 72, 0.02);
    border-color: rgba(51, 63, 72, 0.28);
    color: rgba(51, 63, 72, 0.85);
    box-shadow: none;
}

.btn-voltar:hover {
    background: rgba(51, 63, 72, 0.06);
    border-color: rgba(51, 63, 72, 0.52);
    color: var(--color-text-dark);
    box-shadow: none;
}

.link-cta {
    color: rgba(254, 254, 234, 0.88);
}

.link-cta:hover {
    color: var(--color-cream);
    opacity: 1;
}
