/* Pillar Pages — Visual Color Application */
/* Aplicação das cores por valência conforme DESIGN-SYSTEM-COLORS.md */

/* ===== PSICOLOGIA (Azul) ===== */
.psi-landing .psi-hero,
.psi-landing .qx-hero,
.psi-landing .modern-hero {
    background: linear-gradient(135deg, #9BB1BC 0%, #537284 100%) !important;
}

.psi-landing .modern-section[id*="preco"],
.psi-landing .modern-section[aria-labelledby*="plans"] {
    background: linear-gradient(135deg, rgba(155, 177, 188, 0.1) 0%, rgba(83, 114, 132, 0.05) 100%);
}

.psi-landing .lon-btn-primary,
.psi-landing .psi-btn-primary {
    background: linear-gradient(135deg, #9BB1BC 0%, #537284 100%);
    color: white;
}

.psi-landing .lon-btn-primary:hover,
.psi-landing .psi-btn-primary:hover {
    background: linear-gradient(135deg, #8ba1ac 0%, #436274 100%);
}

.psi-landing .psi-badge,
.psi-landing .badge-primary,
.psi-landing .modern-badge {
    background: rgba(155, 177, 188, 0.15);
    border-color: #9BB1BC;
    color: #537284;
}

/* ===== NUTRIÇÃO (Verde) ===== */
.nutri-landing .nutri-hero,
.nutri-landing .qx-hero,
.nutri-landing .modern-hero {
    background: linear-gradient(135deg, #9FBD84 0%, #3F574C 100%) !important;
}

.nutri-landing .modern-section[id*="preco"],
.nutri-landing .modern-section[aria-labelledby*="plans"] {
    background: linear-gradient(135deg, rgba(159, 189, 132, 0.1) 0%, rgba(63, 87, 76, 0.05) 100%);
}

.nutri-landing .lon-btn-primary,
.nutri-landing .nutri-btn-primary {
    background: linear-gradient(135deg, #9FBD84 0%, #3F574C 100%);
    color: white;
}

.nutri-landing .lon-btn-primary:hover,
.nutri-landing .nutri-btn-primary:hover {
    background: linear-gradient(135deg, #8fad74 0%, #35493c 100%);
}

.nutri-landing .nutri-badge,
.nutri-landing .badge-primary,
.nutri-landing .modern-badge {
    background: rgba(159, 189, 132, 0.15);
    border-color: #9FBD84;
    color: #3F574C;
}

/* ===== MEDICINA DE LONGEVIDADE (Amarelo/Dourado) ===== */
.long-landing .long-hero,
.long-landing .qx-hero,
.long-landing .modern-hero {
    background: linear-gradient(135deg, #ECD281 0%, #CBB068 100%) !important;
}

.long-landing .modern-section[id*="preco"],
.long-landing .modern-section[aria-labelledby*="plans"] {
    background: linear-gradient(135deg, rgba(236, 210, 129, 0.1) 0%, rgba(203, 176, 104, 0.05) 100%);
}

.long-landing .lon-btn-primary,
.long-landing .long-btn-primary {
    background: linear-gradient(135deg, #ECD281 0%, #CBB068 100%);
    color: #1C1710;
}

.long-landing .lon-btn-primary:hover,
.long-landing .long-btn-primary:hover {
    background: linear-gradient(135deg, #dcc271 0%, #bba058 100%);
}

.long-landing .long-badge,
.long-landing .badge-primary,
.long-landing .modern-badge {
    background: rgba(236, 210, 129, 0.15);
    border-color: #ECD281;
    color: #CBB068;
}

/* ===== URGENT CARE (Vermelho) ===== */
.urgent-landing .urgent-hero,
.urgent-landing .qx-hero,
.urgent-landing .modern-hero {
    background: linear-gradient(135deg, #BD4F4F 0%, #A5584E 100%) !important;
}

.urgent-landing .modern-section[id*="preco"],
.urgent-landing .modern-section[aria-labelledby*="plans"] {
    background: linear-gradient(135deg, rgba(189, 79, 79, 0.1) 0%, rgba(165, 88, 78, 0.05) 100%);
}

/* ===== FINAL CTA SECTIONS ===== */
/* Apply specialty background colors to final CTA sections */
.psi-landing .modern-cta {
    background: linear-gradient(135deg, #9BB1BC 0%, #537284 100%) !important;
}

.nutri-landing .modern-cta {
    background: linear-gradient(135deg, #9FBD84 0%, #3F574C 100%) !important;
}

.long-landing .modern-cta {
    background: linear-gradient(135deg, #ECD281 0%, #CBB068 100%) !important;
}

.urgent-landing .modern-cta {
    background: linear-gradient(135deg, #BD4F4F 0%, #A5584E 100%) !important;
}

/* Black buttons in CTA sections */
.psi-landing .modern-cta .modern-btn,
.nutri-landing .modern-cta .modern-btn,
.long-landing .modern-cta .modern-btn,
.urgent-landing .modern-cta .modern-btn {
    background: #1a1a1a !important;
    color: white !important;
    border: none !important;
}

.psi-landing .modern-cta .modern-btn:hover,
.nutri-landing .modern-cta .modern-btn:hover,
.long-landing .modern-cta .modern-btn:hover,
.urgent-landing .modern-cta .modern-btn:hover {
    background: #000000 !important;
    transform: translateY(-2px);
}

.urgent-landing .lon-btn-primary,
.urgent-landing .urgent-btn-primary {
    background: linear-gradient(135deg, #BD4F4F 0%, #A5584E 100%);
    color: white;
}

.urgent-landing .lon-btn-primary:hover,
.urgent-landing .urgent-btn-primary:hover {
    background: linear-gradient(135deg, #ad3f3f 0%, #95483e 100%);
}

.urgent-landing .urgent-badge,
.urgent-landing .badge-urgent,
.urgent-landing .modern-badge {
    background: rgba(189, 79, 79, 0.15);
    border-color: #BD4F4F;
    color: #A5584E;
}

/* ===== TRAVEL MEDICINE (Roxo) ===== */
.travel-landing .travel-hero,
.travel-landing .qx-hero {
    background: linear-gradient(135deg, #A794C9 0%, #405266 100%) !important;
}

.travel-landing .lon-btn-primary,
.travel-landing .travel-btn-primary {
    background: linear-gradient(135deg, #A794C9 0%, #405266 100%);
    color: white;
}

.travel-landing .lon-btn-primary:hover,
.travel-landing .travel-btn-primary:hover {
    background: linear-gradient(135deg, #9784b9 0%, #304256 100%);
}

.travel-landing .travel-badge,
.travel-landing .badge-primary {
    background: rgba(167, 148, 201, 0.15);
    border-color: #A794C9;
    color: #405266;
}

/* ===== GLOBAL BADGE STYLES ===== */
.badge-primary {
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid;
}

/* ===== HOVER STATES ===== */
.nutri-landing .home-need-card:hover {
    border-color: #9FBD84;
}

.psi-landing .home-need-card:hover {
    border-color: #9BB1BC;
}

.long-landing .home-need-card:hover {
    border-color: #ECD281;
}

.urgent-landing .home-need-card:hover {
    border-color: #BD4F4F;
}

.travel-landing .home-need-card:hover {
    border-color: #A794C9;
}

/* ===== TEXT COLORS ===== */
.nutri-text-primary { color: #9FBD84; }
.psi-text-primary { color: #9BB1BC; }
.long-text-primary { color: #ECD281; }
.urgent-text-primary { color: #BD4F4F; }
.travel-text-primary { color: #A794C9; }

/* ===== BACKGROUND COLORS ===== */
.nutri-bg-primary { background-color: #9FBD84; }
.psi-bg-primary { background-color: #9BB1BC; }
.long-bg-primary { background-color: #ECD281; }
.urgent-bg-primary { background-color: #BD4F4F; }
.travel-bg-primary { background-color: #A794C9; }

/* ===== BORDER COLORS ===== */
.nutri-border-primary { border-color: #9FBD84; }
.psi-border-primary { border-color: #9BB1BC; }
.long-border-primary { border-color: #ECD281; }
.urgent-border-primary { border-color: #BD4F4F; }
.travel-border-primary { border-color: #A794C9; }

/* ===== COLORFUL CONDITION/TOPIC CARDS ===== */
/* Nutrition condition cards */
.nutri-landing .modern-card[href*="/nutricao/"] {
    background: linear-gradient(135deg, rgba(159, 189, 132, 0.12) 0%, rgba(63, 87, 76, 0.08) 100%);
    border: 2px solid #9FBD84;
    transition: all 0.3s ease;
}

.nutri-landing .modern-card[href*="/nutricao/"]:hover {
    background: linear-gradient(135deg, rgba(159, 189, 132, 0.2) 0%, rgba(63, 87, 76, 0.15) 100%);
    border-color: #3F574C;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(159, 189, 132, 0.2);
}

/* Psychology complaint cards */
.psi-landing .modern-card[href*="/psicologia"],
.psi-landing .modern-card[href*="/ansiedade"],
.psi-landing .modern-card[href*="/ataques"],
.psi-landing .modern-card[href*="/terapia"],
.psi-landing .modern-card[href*="/psicologo"] {
    background: linear-gradient(135deg, rgba(155, 177, 188, 0.12) 0%, rgba(83, 114, 132, 0.08) 100%);
    border: 2px solid #9BB1BC;
    transition: all 0.3s ease;
}

.psi-landing .modern-card[href*="/psicologia"]:hover,
.psi-landing .modern-card[href*="/ansiedade"]:hover,
.psi-landing .modern-card[href*="/ataques"]:hover,
.psi-landing .modern-card[href*="/terapia"]:hover,
.psi-landing .modern-card[href*="/psicologo"]:hover {
    background: linear-gradient(135deg, rgba(155, 177, 188, 0.2) 0%, rgba(83, 114, 132, 0.15) 100%);
    border-color: #537284;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(155, 177, 188, 0.2);
}

/* Longevity topic cards (if added in future) */
.long-landing .modern-card {
    background: linear-gradient(135deg, rgba(236, 210, 129, 0.12) 0%, rgba(203, 176, 104, 0.08) 100%);
    border: 2px solid #ECD281;
    transition: all 0.3s ease;
}

.long-landing .modern-card:hover {
    background: linear-gradient(135deg, rgba(236, 210, 129, 0.2) 0%, rgba(203, 176, 104, 0.15) 100%);
    border-color: #CBB068;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(236, 210, 129, 0.2);
}

/* Urgent Care topic cards (if added in future) */
.urgent-landing .modern-card {
    background: linear-gradient(135deg, rgba(189, 79, 79, 0.12) 0%, rgba(165, 88, 78, 0.08) 100%);
    border: 2px solid #BD4F4F;
    transition: all 0.3s ease;
}

.urgent-landing .modern-card:hover {
    background: linear-gradient(135deg, rgba(189, 79, 79, 0.2) 0%, rgba(165, 88, 78, 0.15) 100%);
    border-color: #A5584E;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(189, 79, 79, 0.2);
}

/* ===== HERO TEXT COLORS (ensure readability on gradients) ===== */
.psi-landing .modern-hero .modern-title-xl,
.psi-landing .modern-hero .modern-lead,
.nutri-landing .modern-hero .modern-title-xl,
.nutri-landing .modern-hero .modern-lead,
.long-landing .modern-hero .modern-title-xl,
.long-landing .modern-hero .modern-lead,
.urgent-landing .modern-hero .modern-title-xl,
.urgent-landing .modern-hero .modern-lead {
    color: white;
}

.psi-landing .modern-hero .modern-text,
.nutri-landing .modern-hero .modern-text,
.long-landing .modern-hero .modern-text,
.urgent-landing .modern-hero .modern-text {
    color: rgba(255, 255, 255, 0.9);
}

/* ===== PRICE CARDS CUSTOMIZATION ===== */
/* Psicologia - Azul */
.psi-landing .modern-price-card {
    border: 2px solid #9BB1BC;
}

.psi-landing .modern-price-card--featured {
    background: linear-gradient(135deg, rgba(155, 177, 188, 0.08) 0%, rgba(83, 114, 132, 0.08) 100%);
    border-color: #537284;
}

.psi-landing .modern-price-card .modern-btn--primary {
    background: linear-gradient(135deg, #9BB1BC 0%, #537284 100%);
    color: white;
    border: none;
}

.psi-landing .modern-price-card .modern-btn--primary:hover {
    background: linear-gradient(135deg, #8ba1ac 0%, #436274 100%);
}

/* Nutrição - Verde */
.nutri-landing .modern-price-card {
    border: 2px solid #9FBD84;
}

.nutri-landing .modern-price-card--featured {
    background: linear-gradient(135deg, rgba(159, 189, 132, 0.08) 0%, rgba(63, 87, 76, 0.08) 100%);
    border-color: #3F574C;
}

.nutri-landing .modern-price-card .modern-btn--primary {
    background: linear-gradient(135deg, #9FBD84 0%, #3F574C 100%);
    color: white;
    border: none;
}

.nutri-landing .modern-price-card .modern-btn--primary:hover {
    background: linear-gradient(135deg, #8fad74 0%, #35493c 100%);
}

/* Longevidade - Amarelo/Dourado */
.long-landing .modern-price-card {
    border: 2px solid #ECD281;
}

.long-landing .modern-price-card--featured {
    background: linear-gradient(135deg, rgba(236, 210, 129, 0.08) 0%, rgba(203, 176, 104, 0.08) 100%);
    border-color: #CBB068;
}

.long-landing .modern-price-card .modern-btn--primary {
    background: linear-gradient(135deg, #ECD281 0%, #CBB068 100%);
    color: #1C1710;
    border: none;
}

.long-landing .modern-price-card .modern-btn--primary:hover {
    background: linear-gradient(135deg, #dcc271 0%, #bba058 100%);
}

/* Urgent Care - Vermelho */
.urgent-landing .modern-price-card {
    border: 2px solid #BD4F4F;
}

.urgent-landing .modern-price-card--featured {
    background: linear-gradient(135deg, rgba(189, 79, 79, 0.08) 0%, rgba(165, 88, 78, 0.08) 100%);
    border-color: #A5584E;
}

.urgent-landing .modern-price-card .modern-btn--primary {
    background: linear-gradient(135deg, #BD4F4F 0%, #A5584E 100%);
    color: white;
    border: none;
}

.urgent-landing .modern-price-card .modern-btn--primary:hover {
    background: linear-gradient(135deg, #ad3f3f 0%, #95483e 100%);
}