/* light-theme-fix.css - ajustes de legibilidade para modo claro */
body.light-theme {
    --light-bg: #f5f7fb;
    --light-surface: #ffffff;
    --light-surface-2: #eef2f7;
    --light-border: rgba(15, 23, 42, 0.14);
    --light-text: #0f172a;
    --light-muted: #334155;
    --light-muted-2: #475569;
    --text-tech: #475569;
    --panel-border: rgba(15, 23, 42, 0.18);
    --neon-blue: #0f6d8c;
    --neon-orange: #b34700;
    --neon-yellow: #7a5d00;
    --neon-green: #06764f;
    --neon-purple: #5b4aa6;
}

body.light-theme {
    background-color: var(--light-bg) !important;
    color: var(--light-text) !important;
    background-image: none !important;
}

/* Grid dedicado no modo claro (garante visibilidade) */
body.light-theme::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        radial-gradient(circle at 15% 20%, rgba(0, 140, 255, 0.08), transparent 52%),
        radial-gradient(circle at 85% 10%, rgba(255, 153, 0, 0.08), transparent 52%),
        linear-gradient(90deg, rgba(15, 23, 42, 0.07) 1px, transparent 1px),
        linear-gradient(rgba(15, 23, 42, 0.07) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 34px 34px, 34px 34px;
    background-repeat: no-repeat, no-repeat, repeat, repeat;
    background-attachment: fixed;
    opacity: 0.65;
}

body.light-theme main {
    position: relative;
    z-index: 0;
}

body.light-theme header,
body.light-theme footer {
    position: relative;
    z-index: 1100;
}

/* Header/Footer no modo claro = paleta v1 */
body.light-theme header,
body.light-theme footer:not(.footer-tech),
body.light-theme footer.header-custom:not(.footer-tech),
body.light-theme header nav .header-custom.border-lg {
    background: var(--background-header) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.light-theme header .navbar {
    background: var(--background-header) !important;
    border-bottom: none !important;
}

body.light-theme footer:not(.footer-tech) .text-white,
body.light-theme footer:not(.footer-tech) .text-light {
    color: #ffffff !important;
}

body.light-theme header .nav-link {
    color: #ffffff !important;
}

body.light-theme header .nav-link:hover,
body.light-theme header .nav-link:focus,
body.light-theme header .nav-link.active,
body.light-theme header .nav-link.show {
    color: var(--item-hover) !important;
}

body.light-theme main .nav-link {
    color: var(--light-text) !important;
}

body.light-theme main .nav-link:hover,
body.light-theme main .nav-link:focus,
body.light-theme main .nav-link.active,
body.light-theme main .nav-link.show {
    color: #b34700 !important;
}

body.light-theme header .navbar-nav .dropdown-menu {
    background-color: var(--bs-dark) !important;
    border: none !important;
}

body.light-theme header .navbar-nav .dropdown-item {
    color: #ffffff !important;
}

body.light-theme header .navbar-nav .dropdown-item:hover,
body.light-theme header .navbar-nav .dropdown-item:focus {
    background-color: #ff9800 !important;
    color: var(--bs-dark) !important;
}

/* Mobile offcanvas permanece no tema gamer */
body.light-theme .mobile-offcanvas {
    background: radial-gradient(circle at 20% 20%, rgba(0, 255, 234, 0.08), transparent 45%),
        radial-gradient(circle at 80% 10%, rgba(255, 77, 29, 0.08), transparent 50%),
        #050b14 !important;
    color: #f4fbff !important;
}

body.light-theme .mobile-offcanvas .dropdown-menu {
    background: rgba(7, 12, 20, 0.95) !important;
    border: 1px solid rgba(0, 255, 234, 0.2) !important;
}

body.light-theme .mobile-offcanvas .dropdown-item {
    color: #e6eef7 !important;
}

body.light-theme .mobile-offcanvas .dropdown-item:hover,
body.light-theme .mobile-offcanvas .dropdown-item:focus {
    background: rgba(0, 255, 234, 0.12) !important;
    color: #00ffea !important;
}

/* Tipografia base em modo claro */
body.light-theme .section-gamer,
body.light-theme .section-unified-bg {
    color: var(--light-text);
}

body.light-theme .section-gamer h1,
body.light-theme .section-gamer h2,
body.light-theme .section-gamer h3,
body.light-theme .section-gamer h4,
body.light-theme .section-gamer h5,
body.light-theme .section-gamer h6,
body.light-theme .section-gamer p,
body.light-theme .section-gamer span,
body.light-theme .section-gamer div,
body.light-theme .section-gamer strong {
    color: var(--light-text);
}

body.light-theme .eyebrow-tech {
    color: #0a4f66 !important;
}

body.light-theme .eyebrow-tech i {
    color: inherit !important;
}

body.light-theme .section-gamer p,
body.light-theme .section-gamer .lead,
body.light-theme .section-gamer .opacity-75 {
    color: var(--light-muted) !important;
}

body.light-theme .section-gamer .opacity-75 {
    opacity: 1 !important;
}

body.light-theme main .opacity-75,
body.light-theme main .text-white-50,
body.light-theme main .text-light-80 {
    opacity: 1 !important;
}

/* Evita textos invisíveis por animações AOS no modo claro */
body.light-theme [data-aos],
body.light-theme .aos-init {
    opacity: 1 !important;
    transform: none !important;
}

/* Classes utilitárias de cor */
body.light-theme main .text-white,
body.light-theme main .text-light,
body.light-theme main .text-white-50,
body.light-theme main .text-light-80 {
    color: var(--light-text) !important;
}

body.light-theme main .text-white-50,
body.light-theme main .text-light-80,
body.light-theme main .opacity-75 {
    color: var(--light-muted) !important;
}

body.light-theme main a.text-white {
    color: var(--light-text) !important;
}

/* Neon accents em modo claro */
body.light-theme .text-neon-blue,
body.light-theme .text-neon-blue i {
    color: #0a4f66 !important;
}

body.light-theme .text-neon-orange,
body.light-theme .text-neon-orange i {
    color: #b14100 !important;
}

body.light-theme .text-neon-yellow,
body.light-theme .text-neon-yellow i {
    color: #7a5d00 !important;
}

body.light-theme .text-neon-green,
body.light-theme .text-neon-green i {
    color: #0b6b4a !important;
}

body.light-theme .text-neon-purple,
body.light-theme .text-neon-purple i {
    color: #4b3aa6 !important;
}

body.light-theme .section-gamer h2 span {
    color: #0a4f66 !important;
    text-shadow: none !important;
}

body.light-theme .btn-tech-outline {
    color: #0a4f66 !important;
    border-color: #0a4f66 !important;
}

body.light-theme .btn-tech-outline:hover {
    background: rgba(10, 79, 102, 0.12);
    color: #082f3d !important;
}

body.light-theme .btn-tech {
    color: #ffffff !important;
}

/* Cartões tech e superfícies */
body.light-theme .tech-card {
    background: var(--light-surface) !important;
    border-color: rgba(15, 23, 42, 0.24) !important;
    color: var(--light-text) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18) !important;
}

body.light-theme .tech-card p,
body.light-theme .tech-card .small,
body.light-theme .tech-card .opacity-75 {
    color: var(--light-muted-2) !important;
}

body.light-theme .tech-feature-list {
    border-left-color: rgba(15, 23, 42, 0.28) !important;
    box-shadow: none !important;
}

body.light-theme .tech-feature-item span {
    color: var(--light-text) !important;
}

/* Texto animado: evitar transparência no modo claro */
body.light-theme .text-animated {
    color: #0f172a !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Ajustes em fundos escuros (formularios/cards) */
body.light-theme .bg-dark,
body.light-theme .bg-black {
    background-color: var(--light-surface) !important;
    color: var(--light-text) !important;
}

body.light-theme .bg-dark.bg-opacity-75,
body.light-theme .bg-dark.bg-opacity-50,
body.light-theme .bg-dark.bg-opacity-25 {
    background-color: rgba(255, 255, 255, 0.94) !important;
}

body.light-theme .card-body,
body.light-theme .card-footer {
    background: transparent !important;
    color: var(--light-text) !important;
}

/* Imagens principais: remover filtros escuros no modo claro */
body.light-theme #tv-internet-fibra img,
body.light-theme #telmedicina img,
body.light-theme #plano-movel img {
    filter: none !important;
}

body.light-theme #tv-internet-fibra .position-absolute.top-0.start-0,
body.light-theme #telmedicina .position-absolute.top-0.start-0,
body.light-theme #plano-movel .position-absolute.top-0.start-0 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 100%) !important;
}

/* Grid mais leve no mobile */
@media (max-width: 768px) {
    body.light-theme {
        background-size: cover !important;
        background-attachment: scroll !important;
        background-image:
            radial-gradient(circle at 50% 30%, rgba(0, 140, 255, 0.08), transparent 55%),
            radial-gradient(circle at 80% 0%, rgba(255, 153, 0, 0.06), transparent 55%) !important;
    }

    body.light-theme::before {
        background-image:
            radial-gradient(circle at 50% 30%, rgba(0, 140, 255, 0.08), transparent 55%),
            radial-gradient(circle at 80% 0%, rgba(255, 153, 0, 0.06), transparent 55%);
        background-size: cover;
        background-attachment: scroll;
        opacity: 0.95;
    }
}

/* Overlays de imagens nas seções principais */
body.light-theme #tv-internet-fibra .position-absolute.top-0.start-0,
body.light-theme #telmedicina .position-absolute.top-0.start-0,
body.light-theme #plano-movel .position-absolute.top-0.start-0 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 100%) !important;
}

/* Cards com imagem/overlay usados nos planos/hero (modo claro) */
body.light-theme .hero-card__body {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.98)) !important;
    color: var(--light-text) !important;
    border-top-color: rgba(15, 23, 42, 0.12) !important;
}

body.light-theme .hero-card .price-value {
    color: var(--light-text) !important;
    text-shadow: none !important;
}

body.light-theme .hero-card .price-symbol,
body.light-theme .hero-card .price-period,
body.light-theme .hero-card ul li {
    color: var(--light-muted) !important;
}

body.light-theme .hero-card .hero-note {
    color: #0a4f66 !important;
}

/* Exceções: manter carrossel master escuro e legível */
body.light-theme #master-hero-carousel,
body.light-theme #master-hero-carousel .text-white,
body.light-theme #master-hero-carousel .text-light,
body.light-theme #master-hero-carousel .text-white-50,
body.light-theme #master-hero-carousel .text-light-80 {
    color: #ffffff !important;
}

/* Footer claro com boa leitura */
/* Institucional (modo claro) */
body.light-theme .btn-prioridade {
    color: var(--neon-blue) !important;
    border-color: var(--neon-blue) !important;
}

body.light-theme .btn-prioridade:hover {
    background: rgba(15, 109, 140, 0.12) !important;
    box-shadow: 0 0 14px rgba(15, 109, 140, 0.25) !important;
    color: #0b3652 !important;
}

body.light-theme .btn-prioridade i {
    color: inherit !important;
}

body.light-theme .pp-chip,
body.light-theme .ts-chip,
body.light-theme .qs-pill,
body.light-theme .mvv-chips span,
body.light-theme .tc-chip,
body.light-theme .dd-step,
body.light-theme .tc-step,
body.light-theme .tc-info-item,
body.light-theme .dd-contact-card,
body.light-theme .pp-toc a,
body.light-theme .ts-toc a,
body.light-theme .dd-toc a,
body.light-theme .qs-stat-card,
body.light-theme .qs-timeline-item,
body.light-theme .qs-media-chip,
body.light-theme .dd-step-num,
body.light-theme .dd-contact-cta,
body.light-theme .pp-banner,
body.light-theme .ts-banner,
body.light-theme .dd-banner,
body.light-theme .qs-cta-banner,
body.light-theme .mvv-cta-banner {
    background: var(--light-surface-2) !important;
    border-color: var(--light-border) !important;
    color: var(--light-text) !important;
}

body.light-theme .pp-toc a:hover,
body.light-theme .ts-toc a:hover,
body.light-theme .dd-toc a:hover,
body.light-theme .dd-contact-card:hover,
body.light-theme .qs-link.btn-tech-outline:hover {
    color: #0b3652 !important;
    background: rgba(15, 109, 140, 0.1) !important;
    border-color: rgba(15, 109, 140, 0.35) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
}

body.light-theme .qs-hero-media {
    background: var(--light-surface) !important;
    border-color: var(--light-border) !important;
}

body.light-theme .qs-media-chip {
    background: var(--light-surface) !important;
    color: var(--light-text) !important;
}

body.light-theme .tc-input {
    background: var(--light-surface) !important;
    border-color: var(--light-border) !important;
    color: var(--light-text) !important;
}

body.light-theme .tc-input::placeholder {
    color: var(--light-muted) !important;
}

body.light-theme .tc-alert {
    color: var(--light-text) !important;
    background: rgba(15, 109, 140, 0.08) !important;
    border-color: rgba(15, 109, 140, 0.28) !important;
}

/* Suporte (modo claro) */
body.light-theme .sp-chip,
body.light-theme .sp-step,
body.light-theme .sp-info-item,
body.light-theme .sp-contact-card,
body.light-theme .sp-video-card,
body.light-theme .sp-video-feature-card,
body.light-theme .sp-form-card,
body.light-theme .sp-info-card,
body.light-theme .sp-alert,
body.light-theme .sp-mini,
body.light-theme .sp-diff-card {
    background: var(--light-surface-2) !important;
    border-color: var(--light-border) !important;
    color: var(--light-text) !important;
}

body.light-theme .sp-chip i,
body.light-theme .sp-step-icon,
body.light-theme .sp-info-item i,
body.light-theme .sp-contact-card i,
body.light-theme .sp-video-play,
body.light-theme .sp-video-badge {
    color: var(--neon-blue) !important;
}

body.light-theme .sp-alert--success {
    background: rgba(6, 118, 79, 0.08) !important;
    border-color: rgba(6, 118, 79, 0.3) !important;
    color: #05442f !important;
}

body.light-theme .sp-alert--error {
    background: rgba(179, 71, 0, 0.1) !important;
    border-color: rgba(179, 71, 0, 0.35) !important;
    color: #5c2300 !important;
}

body.light-theme .sp-alert--info {
    background: rgba(15, 109, 140, 0.1) !important;
    border-color: rgba(15, 109, 140, 0.3) !important;
    color: #0b3652 !important;
}

body.light-theme .sp-video-thumb {
    background: var(--light-surface) !important;
}

body.light-theme .sp-video-play {
    background: rgba(15, 109, 140, 0.15) !important;
    box-shadow: 0 0 12px rgba(15, 109, 140, 0.25) !important;
}

body.light-theme .sp-video-title,
body.light-theme .sp-video-desc,
body.light-theme .sp-text {
    color: var(--light-text) !important;
}

body.light-theme .sp-video-desc {
    color: var(--light-muted) !important;
}

body.light-theme .accordion-item,
body.light-theme .accordion-button {
    background: var(--light-surface) !important;
    color: var(--light-text) !important;
    border-color: var(--light-border) !important;
}

body.light-theme .accordion-button:not(.collapsed) {
    background: rgba(15, 109, 140, 0.08) !important;
    color: #0b3652 !important;
}

body.light-theme .accordion-body {
    color: var(--light-muted) !important;
    background: var(--light-surface) !important;
}

body.light-theme .sp-input,
body.light-theme .sp-input:focus,
body.light-theme .sp-field .form-control,
body.light-theme .sp-field .form-select {
    background: var(--light-surface) !important;
    color: var(--light-text) !important;
    border-color: var(--light-border) !important;
}

body.light-theme .sp-field label {
    color: var(--light-muted) !important;
}