/* ============================================================
   DALMASONT — VARIABLES.CSS
   Paleta de cores + Bootstrap overrides
   Carregado APÓS bootstrap.min.css, ANTES de theme.css
   ============================================================ */

:root {

    /* ── Paleta principal ─────────────────────────────────── */
    --cdn-navy:           #1A3A5C;
    --cdn-navy-dark:      #1A1A2E;
    --cdn-blue:           #2D6A9F;
    --cdn-gold:           #C8922A;
    --cdn-gold-light:     #F0E8D8;
    --cdn-green:          #2A7D4F;

    /* ── Neutros ──────────────────────────────────────────── */
    --cdn-bg:             #F7F5F1;
    --cdn-surface:        #FFFFFF;
    --cdn-border:         #E2DDD6;
    --cdn-text:           #1A1A2E;
    --cdn-text-body:      #4A4A5A;
    --cdn-text-muted:     #7A7A8A;

    /* ── Bootstrap overrides ──────────────────────────────── */
    --bs-primary:              #1A3A5C;
    --bs-primary-rgb:          26, 58, 92;

    --bs-secondary:            #2D6A9F;
    --bs-secondary-rgb:        45, 106, 159;

    --bs-success:              #2A7D4F;
    --bs-success-rgb:          42, 125, 79;

    --bs-dark:                 #1A1A2E;
    --bs-dark-rgb:             26, 26, 46;

    --bs-light:                #F7F5F1;
    --bs-light-rgb:            247, 245, 241;

    --bs-body-bg:              #F7F5F1;
    --bs-body-color:           #4A4A5A;

    --bs-border-color:         #E2DDD6;
    --bs-border-radius:        0.5rem;
    --bs-border-radius-lg:     0.75rem;

    --bs-link-color:           #2D6A9F;
    --bs-link-hover-color:     #1A3A5C;

    --bs-font-sans-serif:      'Montserrat', system-ui, -apple-system, sans-serif;
    --bs-body-font-family:     var(--bs-font-sans-serif);
    --bs-body-font-size:       1rem;
    --bs-body-line-height:     1.7;

    --bs-headings-color:       #1A1A2E;
    --bs-headings-font-weight: 700;
}

/* ── Navbar ───────────────────────────────────────────────── */
.navbar {
    background-color: var(--cdn-navy) !important;
}
.navbar-brand img {
    height: 28px;
}
.nav-link {
    color: rgba(255,255,255,0.8) !important;
    font-size: 0.875rem;
    font-weight: 500;
    transition: color 0.2s ease;
}
.nav-link:hover,
.nav-link.active {
    color: #ffffff !important;
}
.nav-link .fa-fw {
    opacity: 0.7;
}

/* ── Botões ───────────────────────────────────────────────── */
.btn-primary {
    background-color: var(--cdn-navy);
    border-color: var(--cdn-navy);
    color: #fff;
    font-weight: 600;
}
.btn-primary:hover {
    background-color: var(--cdn-navy-dark);
    border-color: var(--cdn-navy-dark);
}
.btn-success {
    background-color: var(--cdn-green);
    border-color: var(--cdn-green);
    color: #fff;
    font-weight: 600;
}
.btn-success:hover {
    background-color: #1f6040;
    border-color: #1f6040;
}
.btn-gold {
    background-color: var(--cdn-gold);
    border-color: var(--cdn-gold);
    color: #fff;
    font-weight: 600;
}
.btn-gold:hover {
    background-color: #a87522;
    border-color: #a87522;
    color: #fff;
}
.btn-outline-navy {
    border-color: var(--cdn-navy);
    color: var(--cdn-navy);
    font-weight: 600;
}
.btn-outline-navy:hover {
    background-color: var(--cdn-navy);
    color: #fff;
}

/* ── Backgrounds ──────────────────────────────────────────── */
.bg-navy    { background-color: var(--cdn-navy) !important; }
.bg-gold    { background-color: var(--cdn-gold) !important; }
.bg-warm    { background-color: var(--cdn-bg) !important; }
.bg-surface { background-color: var(--cdn-surface) !important; }

/* ── Texto ────────────────────────────────────────────────── */
.text-navy   { color: var(--cdn-navy) !important; }
.text-gold   { color: var(--cdn-gold) !important; }
.text-blue   { color: var(--cdn-blue) !important; }
.text-muted  { color: var(--cdn-text-muted) !important; }

/* ── Cards ────────────────────────────────────────────────── */
.card {
    border-color: var(--cdn-border);
    border-radius: var(--bs-border-radius-lg);
}
.card-title {
    color: var(--cdn-navy);
    font-weight: 600;
}

/* ── Badges de serviço ────────────────────────────────────── */
.badge-servico {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
}
.badge-tele    { background: #E8F1F8; color: #1A3A5C; }
.badge-domicil { background: var(--cdn-gold-light); color: #7A4A10; }
.badge-checkup { background: #E8F5EE; color: #1A5C35; }

/* ── Accent bar (linha dourada decorativa) ────────────────── */
.cdn-accent {
    display: block;
    width: 40px;
    height: 3px;
    background-color: var(--cdn-gold);
    border-radius: 2px;
    margin-bottom: 0.75rem;
}

/* ── Footer ───────────────────────────────────────────────── */
.site-footer {
    background-color: var(--cdn-navy-dark);
    color: rgba(255,255,255,0.7);
    font-size: 0.875rem;
}
.site-footer a {
    color: rgba(255,255,255,0.85);
    text-decoration: none;
}
.site-footer a:hover {
    color: #fff;
}
.footer-bar {
    background-color: var(--cdn-navy);
    color: rgba(255,255,255,0.6);
    font-size: 0.75rem;
    padding: 0.75rem 0;
    text-align: center;
}

/* ── WhatsApp flutuante ───────────────────────────────────── */
.whatsapp-float {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 56px;
    height: 56px;
    background-color: var(--cdn-green);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    box-shadow: 0 4px 12px rgba(42,125,79,0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}
.whatsapp-float:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(42,125,79,0.45);
}
.whatsapp-float i {
    color: #fff;
    font-size: 1.5rem;
}

/* ── Seção hero ───────────────────────────────────────────── */
.hero-section {
    background-color: var(--cdn-bg);
}
.hero-section h1 {
    color: var(--cdn-navy);
}

/* ── Depoimentos ──────────────────────────────────────────── */
.depoimento-card {
    background: var(--cdn-surface);
    border: 1px solid var(--cdn-border);
    border-radius: var(--bs-border-radius-lg);
}
.depoimento-card blockquote {
    color: var(--cdn-text-body);
    font-size: 0.875rem;
    line-height: 1.6;
}

/* ── Seção escura (depoimentos) ───────────────────────────── */
.section-dark {
    background-color: var(--cdn-navy);
}

/* ── Tipografia — hierarquia ──────────────────────────────── */
h1, h2, h3 {
    font-weight: 700;
    color: var(--cdn-navy);
    line-height: 1.25;
}
h4, h5, h6 {
    font-weight: 600;
    color: var(--cdn-navy);
    line-height: 1.35;
}
p, li {
    font-weight: 400;
    line-height: 1.7;
}
.lead {
    font-weight: 500;
    font-size: 1.15rem;
    line-height: 1.6;
}
strong {
    font-weight: 600;
}
small {
    font-size: 0.825rem;
    color: var(--cdn-text-muted);
}
a {
    color: var(--cdn-blue);
    text-decoration: none;
    transition: color 0.2s ease;
}
a:hover {
    color: var(--cdn-navy);
}

/* ── Utilitários ──────────────────────────────────────────── */
.border-gold { border-color: var(--cdn-gold) !important; }
.rounded-cdn { border-radius: var(--bs-border-radius-lg) !important; }