/* =========================
   HOME EXCLUSIVA
   VOLPH BRASIL
========================= */

/* =========================
   BASE GERAL
========================= */

.home-page {
    background: #ffffff;
    color: #111111;
}

.home-page .home-main {
    background: #ffffff;
}

/* =========================
   ESTRUTURA DAS SEÇÕES
========================= */

.home-page .hero-home {
    background: #0b0b0b;
}

.home-page .entry-section,
.home-page .destinations-section,
.home-page .trust-section {
    background: #f5f5f5;
}

.home-page .ecosystem-section,
.home-page .final-cta-section {
    background: #0b0b0b;
}

/* =========================
   TIPOGRAFIA
========================= */

.home-page .section-title,
.home-page .section-title-narrow {
    color: #111111;
}

.home-page .section-text {
    color: #555555;
}

.home-page .section-eyebrow {
    color: #d4b06a;
}

.home-page .hero-title,
.home-page .hero-text,
.home-page .section-title-on-dark,
.home-page .section-text-on-dark {
    color: #ffffff;
}

.home-page .hero-text {
    color: rgba(255, 255, 255, 0.70);
}

/* =========================
   HERO
========================= */

.home-page .hero-home {
    position: relative;
}

.home-page .hero-title {
    color: #ffffff;
}

.home-page .hero-text {
    color: rgba(255, 255, 255, 0.70);
}

.home-page .hero-tags span {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
}

.home-page .hero-aside {
    background: #111111;
    border-color: rgba(255, 255, 255, 0.08);
}

.home-page .hero-aside h2 {
    color: #ffffff;
}

.home-page .hero-aside p {
    color: rgba(255, 255, 255, 0.70);
}

/* =========================
   CARDS
========================= */

.home-page .entry-card,
.home-page .destination-card,
.home-page .trust-card {
    background: #ffffff;
    border-radius: 18px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.25s ease;
}

.home-page .entry-card:hover,
.home-page .destination-card:hover,
.home-page .trust-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.10);
}

.home-page .entry-card h3,
.home-page .destination-card h3,
.home-page .trust-card h3 {
    color: #111111;
}

.home-page .entry-card p,
.home-page .destination-card p,
.home-page .trust-card p {
    color: #555555;
}

.home-page .entry-card small,
.home-page .destination-card small,
.home-page .trust-card small {
    color: #d4b06a;
}

/* card escuro destaque */
.home-page .entry-card-dark {
    background: #111111;
}

.home-page .entry-card-dark h3 {
    color: #ffffff;
}

.home-page .entry-card-dark p {
    color: rgba(255, 255, 255, 0.70);
}

.home-page .entry-card-dark small {
    color: #d4b06a;
}

/* =========================
   BOTÕES GERAIS
========================= */

.home-page .btn-primary {
    background: #d4b06a;
    color: #111111;
    border-color: #d4b06a;
}

.home-page .btn-primary:hover {
    background: #c39a54;
    border-color: #c39a54;
    color: #111111;
}

.home-page .btn-secondary {
    border: 1px solid rgba(255, 255, 255, 0.20);
}

.home-page .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.06);
}

.home-page .btn-outline-dark {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent;
    color: #111111;
}

.home-page .btn-outline-dark:hover {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
}

/* =========================
   CTA - PONTO DE ENTRADA
========================= */

.home-page .entry-card .entry-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 16px;
    margin-top: 18px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent;
    color: #111111;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    transition: all 0.2s ease;
}

.home-page .entry-card .entry-link:hover {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
}

/* versão dark do card destacado */
.home-page .entry-card-dark .entry-link {
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: transparent;
    color: #ffffff;
}

.home-page .entry-card-dark .entry-link:hover {
    background: #ffffff;
    color: #111111;
    border-color: #ffffff;
}

/* =========================
   ECOSYSTEM
========================= */

.home-page .ecosystem-layout {
    background: #111111;
    border-color: rgba(255, 255, 255, 0.08);
}

.home-page .ecosystem-step {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
}

.home-page .ecosystem-step strong {
    color: #ffffff;
}

.home-page .ecosystem-step p {
    color: rgba(255, 255, 255, 0.70);
}

.home-page .ecosystem-chips span {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
}

/* =========================
   CTA FINAL
========================= */

.home-page .final-cta-panel {
    background: #111111;
}

.home-page .final-cta-panel h2,
.home-page .final-cta-panel p {
    color: #ffffff;
}