/* =================================
   VR PLANOS - TÍTULOS AMARELOS
   Força títulos em backgrounds azuis a usar amarelo
   ================================= */

/* Força TODOS os títulos em elementos com background azul a usar amarelo */
*[style*="#0052dc"] h1,
*[style*="#0052dc"] h2, 
*[style*="#0052dc"] h3,
*[style*="#0052dc"] h4,
*[style*="#0052dc"] h5,
*[style*="#0052dc"] h6,
*[style*="#003aa8"] h1,
*[style*="#003aa8"] h2,
*[style*="#003aa8"] h3,
*[style*="#003aa8"] h4,
*[style*="#003aa8"] h5,
*[style*="#003aa8"] h6 {
    color: #feae01 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* Classes específicas que usam background azul */
.bg-primary *:is(h1, h2, h3, h4, h5, h6),
.btn-primary *:is(h1, h2, h3, h4, h5, h6),
.text-primary *:is(h1, h2, h3, h4, h5, h6) {
    color: #feae01 !important;
}

/* Elementos específicos do VR Planos */
.hero-section *:is(h1, h2, h3, h4, h5, h6),
.page-header *:is(h1, h2, h3, h4, h5, h6),
.cta-section *:is(h1, h2, h3, h4, h5, h6) {
    color: #feae01 !important;
}

/* Seletores super específicos para sobrescrever tudo */
body .bg-primary h1,
body .bg-primary h2,
body .bg-primary h3,
body .bg-primary h4,
body .bg-primary h5,
body .bg-primary h6,
body .hero-section h1,
body .hero-section h2, 
body .hero-section h3,
body .page-header h1,
body .page-header h2,
body .page-header h3 {
    color: #feae01 !important;
}

/* Override para elementos inline com background azul */
[style*="background-color:#0052dc"] h1,
[style*="background-color:#0052dc"] h2,
[style*="background-color:#0052dc"] h3,
[style*="background-color: #0052dc"] h1,
[style*="background-color: #0052dc"] h2,
[style*="background-color: #0052dc"] h3 {
    color: #feae01 !important;
}

/* Para gradientes inline */
[style*="linear-gradient"][style*="#0052dc"] h1,
[style*="linear-gradient"][style*="#0052dc"] h2,
[style*="linear-gradient"][style*="#0052dc"] h3 {
    color: #feae01 !important;
}

/* Máxima especificidade */
html body .bg-primary h1,
html body .bg-primary h2,
html body .bg-primary h3,
html body .hero-section h1,
html body .hero-section h2,
html body .hero-section h3,
html body .page-header h1,
html body .page-header h2,
html body .page-header h3 {
    color: #feae01 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* Elementos com classes específicas do Bootstrap */
.bg-primary .card-title,
.bg-primary .card-header,
.bg-primary .modal-title,
.bg-primary .offcanvas-title,
.bg-primary .accordion-header {
    color: #feae01 !important;
}

/* Títulos em navbars com background primário */
.navbar.bg-primary .navbar-brand,
.navbar-primary .navbar-brand {
    color: #feae01 !important;
}

/* Para qualquer elemento filho de bg-primary */
.bg-primary > *:is(h1, h2, h3, h4, h5, h6),
.bg-primary *:first-child:is(h1, h2, h3, h4, h5, h6) {
    color: #feae01 !important;
}