/* =========================================
   TEMA BRANCO - SOLUÇÃO CSS PURA (SEM JS)
   Mais leve, mais rápido, sem JavaScript
   ========================================= */

/* RESET GLOBAL - FORÇA BRANCO */
html, body {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

body * {
    background-color: transparent !important;
}

/* ========== EXCEÇÕES - Elementos com fundo específico ========== */

/* HEADER - Branco com gradiente */
.header {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%) !important;
    border-bottom: 2px solid #ffc107 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* LOGO */
.logo {
    color: #000000 !important;
}

.logo i {
    color: #ffc107 !important;
}

/* MENU */
.menu-toggle {
    background: transparent !important;
    border: 2px solid #000000 !important;
    color: #000000 !important;
}

.dropdown-menu {
    background: #ffffff !important;
    border: 2px solid #000000 !important;
}

.dropdown-menu a {
    color: #000000 !important;
}

.dropdown-menu a:hover {
    background: #ffc107 !important;
}

/* ========== BANNER/HERO ========== */
.hero h1,
.hero-content h1,
.course-banner h1 {
    color: #ffc107 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

.hero p,
.hero-content p,
.course-banner p,
.course-banner .subtitle {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}

.badge {
    background: #ffc107 !important;
    color: #000000 !important;
}

/* ========== SECTIONS ========== */
.section,
.cursos-section,
.sobre-curso,
.prazo-section,
.conteudo-section,
.category-section,
.main-content,
.content-area {
    background: #ffffff !important;
}

/* ========== CARDS ========== */
.curso-card,
.benefit-item,
.modulo-card,
.depoimento-card {
    background: #ffffff !important;
    border: 2px solid #000000 !important;
}

.curso-card:hover,
.benefit-item:hover,
.modulo-card:hover {
    border-color: #ffc107 !important;
    background: #ffffff !important;
}

/* Ícones dos cards */
.curso-card i,
.benefit-item i,
.modulo-card i,
.prazo-card i {
    color: #ffc107 !important;
}

/* Títulos dos cards */
.curso-card h3,
.benefit-item h3,
.modulo-card h4,
.prazo-card h4 {
    color: #000000 !important;
}

/* ========== OUTROS CARDS ========== */
.prazo-card {
    background: #f5f5f5 !important;
    border: 2px solid #e0e0e0 !important;
}

.prazo-card:hover {
    background: #ffffff !important;
    border-color: #ffc107 !important;
}

.price-card {
    background: #f5f5f5 !important;
    border: 3px solid #ffc107 !important;
}

.requisitos-card {
    background: #ffffff !important;
    border: 2px solid #000000 !important;
}

.whatsapp-card {
    background: #25d366 !important;
}

.google-reviews {
    background: #f5f5f5 !important;
    border: 2px solid #ffc107 !important;
}

.highlight-box {
    background: #fff9e6 !important;
    border-left: 4px solid #ffc107 !important;
}

.detail-item {
    background: #f5f5f5 !important;
    border-left: 4px solid #ffc107 !important;
}

/* ========== BENEFITS E DEPOIMENTOS ========== */
.benefits-section,
.depoimentos-section {
    background: #f5f5f5 !important;
}

/* ========== CTA SECTION ========== */
.cta-section {
    background: linear-gradient(135deg, #ffc107 0%, #ffca28 100%) !important;
}

.cta-content h2,
.cta-content p {
    color: #000000 !important;
}

/* ========== FOOTER (mantém preto) ========== */
.footer {
    background: #000000 !important;
    border-top: 3px solid #ffc107 !important;
}

.footer * {
    background: transparent !important;
}

.footer h3 {
    color: #ffc107 !important;
}

.footer p,
.footer a {
    color: #ffffff !important;
}

.footer a:hover {
    color: #ffc107 !important;
}

/* ========== TEXTOS GLOBAIS ========== */
h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
}

/* Exceções - banners */
.hero h1,
.hero-content h1,
.course-banner h1 {
    color: #ffc107 !important;
}

p {
    color: #333333 !important;
}

/* Exceções - banners e CTA */
.hero p,
.hero-content p,
.course-banner p,
.course-banner .subtitle {
    color: #ffffff !important;
}

.cta-content p {
    color: #000000 !important;
}

/* ========== BOTÕES ========== */
.btn-curso,
.btn-matricular,
.btn-area-aluno {
    background: #ffc107 !important;
    color: #000000 !important;
}

.btn-curso:hover,
.btn-matricular:hover {
    background: #000000 !important;
    color: #ffc107 !important;
}

.btn-cta {
    background: #000000 !important;
    color: #ffc107 !important;
}

.btn-whatsapp {
    background: #ffffff !important;
    color: #25d366 !important;
}

/* ========== CONTAINERS E GRIDS ========== */
.container,
.cursos-grid,
.benefits-grid,
.content-grid,
.prazo-grid,
.modulos-grid {
    background: transparent !important;
}

/* ========== CATEGORY HEADER ========== */
.category-header {
    background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%) !important;
    border-left: 5px solid #ffc107 !important;
}

/* ========== SIDEBAR ========== */
.sidebar {
    background: transparent !important;
}

/* ========== VISUAL CONTENT ========== */
.visual-content {
    background: #f5f5f5 !important;
    border: 3px solid #ffc107 !important;
}