:root {
      --font-heading: 'Space Grotesk', -apple-system, sans-serif;
      --font-body: 'Plus Jakarta Sans', -apple-system, sans-serif;
      
      --bg-dark: #070a0e;
      --bg-surface: #0e141c;
      --bg-surface-elevated: #151f2b;
      --bg-surface-glass: rgba(14, 20, 28, 0.75);
      
      --p-cyan: #0087b2;
      --p-cyan-glow: rgba(0, 135, 178, 0.25);
      --p-blue: #006c8e;
      --p-accent-gradient: linear-gradient(135deg, #0087b2 0%, #006c8e 100%);
      --p-accent-hover: linear-gradient(135deg, #1aa9d4 0%, #0e7e9f 100%);
      
      --border-subtle: rgba(255, 255, 255, 0.08);
      --border-light: rgba(255, 255, 255, 0.15);
      --border-cyan: rgba(0, 135, 178, 0.3);
      
      --text-main: #f8fafc;
      --text-muted: #94a3b8;
      --text-subtle: #64748b;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      background-color: var(--bg-dark);
      color: var(--text-main);
      font-family: var(--font-body);
      font-size: 16px;
      line-height: 1.6;
      overflow-x: hidden;
      margin: 0;
    }

    h1, h2, h3, h4, h5, h6, .font-heading {
      font-family: var(--font-heading);
      letter-spacing: -0.03em;
      color: var(--text-main);
    }

    /* Asaas-styled header bar */
    .asaas-nav {
      background: rgba(7, 10, 14, 0.85);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--border-subtle);
      transition: all 0.3s ease;
      padding: 0.85rem 0;
      z-index: 1040;
    }
    .asaas-nav.scrolled {
      background: rgba(7, 10, 14, 0.98);
      border-bottom-color: rgba(0, 135, 178, 0.2);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    }
    .brand-logo {
      font-family: var(--font-heading);
      font-size: 1.6rem;
      font-weight: 800;
      letter-spacing: -0.04em;
      color: #fff;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 2px;
    }
    .brand-logo span {
      background: var(--p-accent-gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .nav-link-asaas {
      color: var(--text-muted);
      font-weight: 500;
      font-size: 0.95rem;
      padding: 0.5rem 1rem !important;
      transition: color 0.2s ease;
    }
    .nav-link-asaas:hover {
      color: #fff;
    }
    .btn-asaas-ghost {
      color: #fff;
      font-weight: 600;
      font-size: 0.92rem;
      padding: 0.55rem 1.25rem;
      border-radius: 8px;
      text-decoration: none;
      transition: all 0.2s ease;
      background: transparent;
      border: 1px solid transparent;
    }
    .btn-asaas-ghost:hover {
      color: var(--p-cyan);
      background: rgba(255, 255, 255, 0.04);
      border-color: var(--border-subtle);
    }
    .btn-asaas-primary {
      background: var(--p-accent-gradient);
      color: #030a12;
      font-weight: 700;
      font-size: 0.92rem;
      padding: 0.55rem 1.4rem;
      border-radius: 8px;
      text-decoration: none;
      border: none;
      box-shadow: 0 4px 18px var(--p-cyan-glow);
      transition: all 0.25s ease;
    }
    .btn-asaas-primary:hover {
      transform: translateY(-1px);
      box-shadow: 0 6px 24px rgba(0, 135, 178, 0.4);
      color: #000;
    }

    /* Asaas Hero Section layout (Split: Content + Spokespersons / Garotos Propaganda) */
    .hero-asaas {
      position: relative;
      min-height: 92vh;
      display: flex;
      align-items: center;
      padding: 8.5rem 0 4.5rem;
      overflow: hidden;
      background: radial-gradient(circle at 75% 35%, rgba(0, 108, 142, 0.18) 0%, rgba(0, 135, 178, 0.08) 35%, #070a0e 75%);
    }
    .hero-bg-glow {
      position: absolute;
      top: -10%;
      right: 5%;
      width: 650px;
      height: 650px;
      background: radial-gradient(circle, rgba(0, 135, 178, 0.15) 0%, rgba(0, 108, 142, 0.08) 40%, transparent 70%);
      pointer-events: none;
      z-index: 0;
      filter: blur(80px);
    }
    .hero-bg-grid {
      position: absolute;
      inset: 0;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
                        linear-gradient(to bottom, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
      background-size: 52px 52px;
      pointer-events: none;
      z-index: 0;
      mask-image: radial-gradient(ellipse at center, black 50%, transparent 85%);
      -webkit-mask-image: radial-gradient(ellipse at center, black 50%, transparent 85%);
    }

    .badge-pill-asaas {
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      padding: 0.35rem 0.95rem;
      background: rgba(0, 135, 178, 0.08);
      border: 1px solid var(--border-cyan);
      border-radius: 999px;
      color: var(--p-cyan);
      font-size: 0.84rem;
      font-weight: 600;
      margin-bottom: 1.5rem;
    }
    .badge-pulse-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--p-cyan);
      box-shadow: 0 0 10px var(--p-cyan);
      display: inline-block;
      animation: pulseGlow 2s infinite;
    }
    @keyframes pulseGlow {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.5; transform: scale(1.2); }
    }

    .hero-title-asaas {
      font-size: clamp(2.2rem, 4.2vw, 3.5rem);
      font-weight: 800;
      line-height: 1.12;
      margin-bottom: 1.35rem;
      color: #fff;
    }
    .hero-desc-asaas {
      font-size: clamp(1.02rem, 1.3vw, 1.2rem);
      color: var(--text-muted);
      margin-bottom: 2rem;
      line-height: 1.6;
    }

    /* Spokespersons / Garotos Propaganda Visual Stage */
    .spokesperson-stage {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      min-height: 520px;
    }
    .spokesperson-glow-orb {
      position: absolute;
      width: 440px;
      height: 440px;
      background: radial-gradient(circle, rgba(0, 135, 178, 0.22) 0%, rgba(0, 108, 142, 0.15) 45%, transparent 70%);
      filter: blur(50px);
      z-index: 1;
      top: 15%;
      border-radius: 50%;
    }
    .spokesperson-wrapper {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 530px;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }
    .spokesperson-img-base {
      width: 100%;
      max-height: 540px;
      object-fit: contain;
      object-position: bottom center;
      filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.65));
      mix-blend-mode: luminosity;
      mask-image: linear-gradient(to bottom, black 70%, transparent 98%);
      -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 98%);
      transition: all 0.4s ease;
    }
    .spokesperson-composition {
      position: relative;
      width: 100%;
      height: 520px;
    }
    .spokesperson-couple {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 82%;
      max-height: 500px;
      object-fit: contain;
      object-position: bottom center;
      z-index: 2;
      mask-image: linear-gradient(to bottom, black 75%, transparent 100%), linear-gradient(to right, transparent 0%, black 20%);
      -webkit-mask-image: linear-gradient(to bottom, black 75%, transparent 100%), linear-gradient(to right, transparent 0%, black 20%);
      filter: drop-shadow(0 20px 40px rgba(0,0,0,0.8));
    }
    .spokesperson-woman {
      position: absolute;
      left: -5%;
      bottom: 0;
      width: 56%;
      max-height: 480px;
      object-fit: contain;
      object-position: bottom left;
      z-index: 3;
      mask-image: linear-gradient(to bottom, black 78%, transparent 100%);
      -webkit-mask-image: linear-gradient(to bottom, black 78%, transparent 100%);
      filter: drop-shadow(0 20px 35px rgba(0, 0, 0, 0.9));
    }

    /* Floating Asaas Badges around Spokespersons */
    .spokesperson-badge-float {
      position: absolute;
      z-index: 5;
      background: rgba(14, 20, 28, 0.88);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid var(--border-cyan);
      border-radius: 14px;
      padding: 0.75rem 1.15rem;
      box-shadow: 0 16px 36px rgba(0,0,0,0.6);
      display: flex;
      align-items: center;
      gap: 0.75rem;
      animation: floatSlow 4s ease-in-out infinite alternate;
    }
    .spokesperson-badge-top {
      top: 6%;
      right: 6%;
    }
    .spokesperson-badge-bottom {
      bottom: 8%;
      left: -2%;
      animation-delay: -2s;
    }
    @keyframes floatSlow {
      0% { transform: translateY(0px); }
      100% { transform: translateY(-8px); }
    }

    /* Asaas Action Card */
    .asaas-action-card {
      background: var(--bg-surface);
      border: 1px solid var(--border-light);
      border-radius: 20px;
      padding: 2rem;
      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
      position: relative;
      overflow: hidden;
    }
    .asaas-action-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--p-accent-gradient);
    }
    .btn-hero-cta {
      padding: 0.9rem 1.4rem;
      font-size: 0.96rem;
      font-weight: 700;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      text-decoration: none;
      transition: all 0.25s ease;
      width: 100%;
    }
    .btn-hero-client {
      background: var(--p-accent-gradient);
      color: #030a12;
      border: none;
      box-shadow: 0 4px 20px var(--p-cyan-glow);
    }
    .btn-hero-client:hover {
      color: #000;
      box-shadow: 0 6px 26px rgba(0, 135, 178, 0.45);
      transform: translateY(-2px);
    }
    .btn-hero-partner {
      background: var(--bg-surface-elevated);
      color: #fff;
      border: 1px solid var(--border-light);
      margin-top: 0.75rem;
    }
    .btn-hero-partner:hover {
      border-color: var(--p-cyan);
      color: var(--p-cyan);
      transform: translateY(-2px);
    }

    /* Quick Hero Metrics Strip */
    .hero-stat-pill {
      display: flex;
      align-items: center;
      gap: 0.65rem;
      padding: 0.6rem 1.1rem;
      background: rgba(14, 20, 28, 0.7);
      border: 1px solid var(--border-subtle);
      border-radius: 12px;
      color: var(--text-muted);
      font-size: 0.88rem;
    }
    .hero-stat-pill strong {
      color: #fff;
    }

    /* Asaas Tab Toggle / Switcher section */
    .tab-switcher-container {
      display: inline-flex;
      background: var(--bg-surface-elevated);
      border: 1px solid var(--border-subtle);
      padding: 4px;
      border-radius: 12px;
      margin: 0 auto 2.5rem;
    }
    .tab-switch-btn {
      padding: 0.6rem 1.5rem;
      font-weight: 600;
      font-size: 0.92rem;
      border-radius: 8px;
      border: none;
      background: transparent;
      color: var(--text-muted);
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .tab-switch-btn.active {
      background: var(--bg-surface);
      color: #fff;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
      border: 1px solid var(--border-subtle);
    }

    /* Asaas Metrics / Number Highlights */
    .stat-metric-card {
      background: var(--bg-surface);
      border: 1px solid var(--border-subtle);
      border-radius: 16px;
      padding: 2.2rem 1.5rem;
      text-align: center;
      transition: transform 0.25s ease, border-color 0.25s ease;
      height: 100%;
    }
    .stat-metric-card:hover {
      transform: translateY(-4px);
      border-color: var(--p-cyan);
    }
    .stat-big-number {
      font-size: clamp(2.4rem, 4vw, 3.3rem);
      font-weight: 800;
      font-family: var(--font-heading);
      background: var(--p-accent-gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      line-height: 1.1;
      margin-bottom: 0.5rem;
    }
    .stat-subtext {
      color: var(--text-muted);
      font-size: 0.95rem;
      font-weight: 500;
    }

    /* Feature Cards Asaas Style (Clean Bento Grid) */
    .asaas-bento-card {
      background: var(--bg-surface);
      border: 1px solid var(--border-subtle);
      border-radius: 18px;
      padding: 2.2rem;
      height: auto;
      display: flex;
      flex-direction: column;
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      position: relative;
      overflow: hidden;
    }
    .asaas-bento-card:hover {
      transform: translateY(-5px);
      border-color: rgba(0, 135, 178, 0.4);
      box-shadow: 0 20px 40px -15px rgba(0, 135, 178, 0.1);
    }
    .bento-icon-wrapper {
      width: 54px;
      height: 54px;
      border-radius: 12px;
      background: rgba(0, 135, 178, 0.1);
      border: 1px solid var(--border-cyan);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--p-cyan);
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
    }

    /* Modals / Vehicles Grid */
    .vehicle-bento-card {
      background: var(--bg-surface);
      border: 1px solid var(--border-subtle);
      border-radius: 16px;
      padding: 1.5rem 1rem;
      text-align: center;
      transition: all 0.25s ease;
      height: 100%;
      cursor: pointer;
    }
    .vehicle-bento-card:hover {
      border-color: var(--p-cyan);
      transform: translateY(-4px);
      background: var(--bg-surface-elevated);
    }
    .vehicle-bento-icon {
      font-size: 2.4rem;
      color: var(--p-cyan);
      margin-bottom: 0.75rem;
      display: block;
    }

    /* Payment Badges Strip like Asaas */
    .payment-chip {
      background: var(--bg-surface-elevated);
      border: 1px solid var(--border-subtle);
      border-radius: 10px;
      padding: 0.6rem 1.1rem;
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      font-weight: 700;
      font-size: 0.88rem;
      color: #cbd5e1;
    }

    /* Download Cards (Asaas Mobile Section layout) */
    .app-showcase-box {
      background: radial-gradient(circle at 10% 20%, rgba(0, 135, 178, 0.08), transparent 50%), var(--bg-surface);
      border: 1px solid var(--border-subtle);
      border-radius: 24px;
      padding: 3rem;
      position: relative;
    }
    .btn-app-store {
      background: #000;
      border: 1px solid var(--border-light);
      border-radius: 12px;
      padding: 0.75rem 1.4rem;
      color: #fff;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 0.9rem;
      transition: all 0.2s ease;
    }
    .btn-app-store:hover {
      border-color: var(--p-cyan);
      color: var(--p-cyan);
      transform: translateY(-2px);
    }

    /* Asaas FAQ Accordion */
    .accordion-asaas .accordion-item {
      background: var(--bg-surface);
      border: 1px solid var(--border-subtle);
      border-radius: 14px !important;
      margin-bottom: 12px;
      overflow: hidden;
      transition: border-color 0.2s ease;
    }
    .accordion-asaas .accordion-item:has(.accordion-button:not(.collapsed)) {
      border-color: var(--border-cyan);
    }
    .accordion-asaas .accordion-button {
      background: var(--bg-surface);
      color: #fff;
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: 1.05rem;
      padding: 1.35rem 1.6rem;
      box-shadow: none !important;
    }
    .accordion-asaas .accordion-button:not(.collapsed) {
      background: var(--bg-surface-elevated);
      color: var(--p-cyan);
    }
    .accordion-asaas .accordion-button::after {
      filter: invert(1);
    }
    .accordion-asaas .accordion-body {
      background: var(--bg-surface-elevated);
      padding: 1.4rem 1.6rem;
      color: var(--text-muted);
      font-size: 0.98rem;
      border-top: 1px solid var(--border-subtle);
    }

    /* Asaas Footer Style */
    .asaas-footer {
      background-color: #040608;
      border-top: 1px solid var(--border-subtle);
      padding: 5rem 0 3rem;
      font-size: 0.92rem;
      color: var(--text-muted);
    }
    .footer-col-title {
      font-family: var(--font-heading);
      color: #fff;
      font-size: 1.05rem;
      font-weight: 700;
      margin-bottom: 1.4rem;
    }
    .footer-link-item {
      color: var(--text-muted);
      text-decoration: none;
      display: block;
      margin-bottom: 0.75rem;
      transition: color 0.2s ease;
    }
    .footer-link-item:hover {
      color: var(--p-cyan);
    }
    .footer-bottom-bar {
      border-top: 1px solid var(--border-subtle);
      padding-top: 2rem;
      margin-top: 3.5rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      font-size: 0.85rem;
    }

    /* Radar Overlay Banner */
    .radar-banner-modern {
      background: linear-gradient(135deg, #0e1b29 0%, #152436 100%);
      border: 1px solid var(--border-cyan);
      border-radius: 16px;
      padding: 1.35rem;
      position: relative;
      overflow: hidden;
    }
    .radar-pulse-ring {
      position: absolute;
      right: -20px;
      top: -20px;
      width: 140px;
      height: 140px;
      border-radius: 50%;
      border: 2px dashed rgba(0, 135, 178, 0.3);
      animation: rotateClockwise 20s linear infinite;
    }
    @keyframes rotateClockwise {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

/* ============================================================
   PILOTTU LIGHT THEME - claro por padrao, dark via [data-bs-theme="dark"]
   ============================================================ */
[data-bs-theme="light"] {
  --bg-dark: #f1f5f9;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #f8fafc;
  --bg-surface-glass: rgba(255,255,255,0.85);
  --border-subtle: rgba(15,23,42,0.08);
  --border-light: rgba(15,23,42,0.12);
  --border-cyan: rgba(0,108,142,0.18);
  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-subtle: #94a3b8;
  color-scheme: light;
}
[data-bs-theme="dark"] {
  --bg-dark: #070a0e;
  --bg-surface: #0e141c;
  --bg-surface-elevated: #151f2b;
  --bg-surface-glass: rgba(14,20,28,0.75);
  --border-subtle: rgba(255,255,255,0.08);
  --border-light: rgba(255,255,255,0.15);
  --border-cyan: rgba(0,135,178,0.3);
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-subtle: #64748b;
  color-scheme: dark;
}
[data-bs-theme="light"] body { background-color: var(--bg-dark); color: var(--text-main); }
[data-bs-theme="light"] h1, [data-bs-theme="light"] h2, [data-bs-theme="light"] h3, [data-bs-theme="light"] h4, [data-bs-theme="light"] h5, [data-bs-theme="light"] h6, [data-bs-theme="light"] .font-heading { color: var(--text-main); }
[data-bs-theme="light"] .asaas-nav { background: rgba(255,255,255,0.85); border-bottom-color: var(--border-subtle); }
[data-bs-theme="light"] .asaas-nav.scrolled { background: rgba(255,255,255,0.98); border-bottom-color: rgba(0,108,142,0.14); box-shadow: 0 8px 24px rgba(15,23,42,0.08); }
[data-bs-theme="light"] .brand-logo { color: #0f172a; }
[data-bs-theme="light"] .nav-link-asaas { color: #475569; }
[data-bs-theme="light"] .nav-link-asaas:hover { color: #0f172a; }
[data-bs-theme="light"] .btn-asaas-ghost { color: #0f172a; }
[data-bs-theme="light"] .btn-asaas-ghost:hover { background: rgba(15,23,42,0.04); border-color: var(--border-subtle); color: #0f172a; }
[data-bs-theme="light"] .hero-asaas { background: radial-gradient(circle at 75% 35%, rgba(0,108,142,0.08) 0%, rgba(0,135,178,0.05) 35%, #f1f5f9 75%); }
[data-bs-theme="light"] .hero-bg-grid { background-image: linear-gradient(to right, rgba(15,23,42,0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(15,23,42,0.04) 1px, transparent 1px); }
[data-bs-theme="light"] .hero-title-asaas { color: #0f172a; }
[data-bs-theme="light"] .hero-stat-pill { background: rgba(255,255,255,0.9); border-color: var(--border-subtle); color: var(--text-muted); }
[data-bs-theme="light"] .hero-stat-pill strong { color: #0f172a; }
[data-bs-theme="light"] .asaas-action-card, [data-bs-theme="light"] .asaas-bento-card, [data-bs-theme="light"] .stat-metric-card, [data-bs-theme="light"] .vehicle-bento-card, [data-bs-theme="light"] .app-showcase-box { background: var(--bg-surface); border-color: var(--border-subtle); box-shadow: 0 10px 30px rgba(15,23,42,0.06); }
[data-bs-theme="light"] .btn-hero-partner { background: var(--bg-surface-elevated); color: #0f172a; border-color: var(--border-subtle); }
[data-bs-theme="light"] .bento-icon-wrapper { background: rgba(0,108,142,0.08); border-color: rgba(0,108,142,0.15); }
[data-bs-theme="light"] .payment-chip { background: var(--bg-surface-elevated); border-color: var(--border-subtle); color: #334155; }
[data-bs-theme="light"] .asaas-footer { background-color: #0f172a; color: #94a3b8; border-top-color: rgba(255,255,255,0.08); }
[data-bs-theme="light"] .footer-col-title { color: #fff; }
[data-bs-theme="light"] .radar-banner-modern { background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%); border-color: rgba(0,108,142,0.15); }
[data-bs-theme="light"] .accordion-asaas .accordion-item { background: var(--bg-surface); border-color: var(--border-subtle); }
[data-bs-theme="light"] .accordion-asaas .accordion-button { background: var(--bg-surface); color: #0f172a; }
[data-bs-theme="light"] .accordion-asaas .accordion-button:not(.collapsed) { background: var(--bg-surface-elevated); color: #006c8e; }
[data-bs-theme="light"] .accordion-asaas .accordion-button::after { filter: none; }
[data-bs-theme="light"] .accordion-asaas .accordion-body { background: var(--bg-surface-elevated); color: #475569; }
.theme-toggle { width:40px; height:40px; border-radius:10px; border:1px solid var(--border-subtle); background: var(--bg-surface-elevated); color: var(--text-muted); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition: all 0.2s ease; flex-shrink:0; }
.theme-toggle:hover { border-color: var(--p-cyan); color: var(--p-cyan); transform: translateY(-1px); }
.theme-toggle .icon-dark { display:none; }
.theme-toggle .icon-light { display:inline; }
[data-bs-theme="dark"] .theme-toggle .icon-dark { display:inline; }
[data-bs-theme="dark"] .theme-toggle .icon-light { display:none; }
[data-bs-theme="light"] .theme-toggle { background:#fff; }

/* FIX GERAL: padroniza preto/branco - corrige ilegibilidade no claro
   Cards/boxes t�m fundo claro no light, ent�o text-white deve virar escuro.
   Se��es com fundo escuro (faixa, hero, footer) mant�m branco. */
[data-bs-theme="light"] .asaas-bento-card .text-white,
[data-bs-theme="light"] .asaas-action-card .text-white,
[data-bs-theme="light"] .stat-metric-card .text-white,
[data-bs-theme="light"] .vehicle-bento-card .text-white,
[data-bs-theme="light"] .app-showcase-box .text-white,
[data-bs-theme="light"] .hero-stat-pill .text-white,
[data-bs-theme="light"] .asaas-bento-card h1.text-white,
[data-bs-theme="light"] .asaas-bento-card h2.text-white,
[data-bs-theme="light"] .asaas-bento-card h3.text-white,
[data-bs-theme="light"] .asaas-bento-card h4.text-white,
[data-bs-theme="light"] .asaas-bento-card h5.text-white,
[data-bs-theme="light"] .asaas-bento-card h6.text-white,
[data-bs-theme="light"] .stat-metric-card h1.text-white,
[data-bs-theme="light"] .stat-metric-card h2.text-white,
[data-bs-theme="light"] .stat-metric-card h3.text-white { color: var(--text-main) !important; }
[data-bs-theme="light"] .asaas-bento-card strong.text-white,
[data-bs-theme="light"] .asaas-action-card strong.text-white,
[data-bs-theme="light"] .vehicle-bento-card .fw-bold.text-white { color: var(--text-main) !important; }
[data-bs-theme="light"] .btn-outline-secondary.text-white { color: var(--text-main) !important; border-color: var(--border-subtle) !important; }
[data-bs-theme="light"] .btn-outline-secondary.text-white:hover { background: var(--bg-surface-elevated) !important; color: #006c8e !important; }
/* Faixa "Na Pilottu..." tem fundo escuro inline - corrige para light */
[data-bs-theme="light"] section[style*="#070e17"],
[data-bs-theme="light"] section[style*="070e17"] { background: linear-gradient(90deg,#e0f2fe 0%,#f0f9ff 50%,#e0f2fe 100%) !important; border-color: var(--border-subtle) !important; }
[data-bs-theme="light"] section[style*="#070e17"] .text-white,
[data-bs-theme="light"] section[style*="070e17"] .text-white { color: var(--text-main) !important; }
[data-bs-theme="light"] section[style*="#070e17"] p.text-white,
[data-bs-theme="light"] section[style*="070e17"] h4.text-white { color: var(--text-main) !important; }
/* Padroniza todos os textos pretos/brancos em todas as p�ginas - light = escuro, dark = claro */
[data-bs-theme="light"] section .text-white,
[data-bs-theme="light"] .container h1.text-white,
[data-bs-theme="light"] .container h2.text-white,
[data-bs-theme="light"] .container h3.text-white,
[data-bs-theme="light"] .container h4.text-white,
[data-bs-theme="light"] .container h5.text-white,
[data-bs-theme="light"] .container h6.text-white { color: var(--text-main) !important; }
/* Footer permanece dark mesmo no modo claro */
[data-bs-theme="light"] .asaas-footer .text-white { color: #fff !important; }
[data-bs-theme="light"] .asaas-footer .footer-col-title { color: #fff !important; }
[data-bs-theme="light"] .navbar-toggler.text-white, [data-bs-theme="light"] .navbar-toggler .text-white { color: var(--text-main) !important; }
[data-bs-theme="light"] .navbar-toggler i.text-white { color: #0f172a !important; }
/* Offcanvas em light precisa virar claro */
[data-bs-theme="light"] .offcanvas.text-bg-dark { background-color: var(--bg-surface) !important; color: var(--text-main) !important; }
[data-bs-theme="light"] .offcanvas .text-white { color: var(--text-main) !important; }
[data-bs-theme="light"] .offcanvas .btn-close-white { filter: none !important; }
/* Inputs - corrige color:#fff ileg�vel no fundo claro */
[data-bs-theme="light"] #s_email, [data-bs-theme="light"] #s_name, [data-bs-theme="light"] #s_password, [data-bs-theme="light"] #s_password2, [data-bs-theme="light"] #email, [data-bs-theme="light"] #password, [data-bs-theme="light"] #title, [data-bs-theme="light"] #description, [data-bs-theme="light"] #price, [data-bs-theme="light"] #currency, [data-bs-theme="light"] #catId, [data-bs-theme="light"] #countryId, [data-bs-theme="light"] #regionId, [data-bs-theme="light"] #cityId, [data-bs-theme="light"] #city, [data-bs-theme="light"] #cityArea, [data-bs-theme="light"] #address, [data-bs-theme="light"] #contactName, [data-bs-theme="light"] #contactEmail, [data-bs-theme="light"] #contactPhone, [data-bs-theme="light"] #contactOther, [data-bs-theme="light"] #yourName, [data-bs-theme="light"] #yourEmail, [data-bs-theme="light"] #phoneNumber, [data-bs-theme="light"] #message, [data-bs-theme="light"] #friendName, [data-bs-theme="light"] #friendEmail, [data-bs-theme="light"] #subject, [data-bs-theme="light"] #authorName, [data-bs-theme="light"] #authorEmail, [data-bs-theme="light"] #commentTitle, [data-bs-theme="light"] #body, [data-bs-theme="light"] #query, [data-bs-theme="light"] #sCity, [data-bs-theme="light"] #sRegion, [data-bs-theme="light"] #priceMin, [data-bs-theme="light"] #priceMax, [data-bs-theme="light"] #sPattern, [data-bs-theme="light"] #sCategory, [data-bs-theme="light"] #sItemType, [data-bs-theme="light"] #alert_email, [data-bs-theme="light"] #s_username, [data-bs-theme="light"] #s_old_password, [data-bs-theme="light"] #s_new_password, [data-bs-theme="light"] #s_new_password2, [data-bs-theme="light"] #new_password, [data-bs-theme="light"] #new_password2, [data-bs-theme="light"] #as, [data-bs-theme="light"] input, [data-bs-theme="light"] textarea, [data-bs-theme="light"] select { color: var(--text-main) !important; }
[data-bs-theme="light"] input::placeholder, [data-bs-theme="light"] textarea::placeholder { color: #94a3b8 !important; opacity:1; }

/* Pilottu forms centralizado (substitui <style> inline em item-post/item-sidebar) */
#catId,#countryId,#regionId,#cityId,#city,#cityArea,#address,#contactName,#contactEmail,#contactPhone,#contactOther,#price,#currency,#yourName,#yourEmail,#phoneNumber,#message{width:100%;padding:0.6rem 0.75rem;border-radius:10px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);font-size:0.95rem;box-sizing:border-box}
input[id^='title'],textarea[id^='description']{width:100%!important;max-width:100%;padding:0.75rem 0.9rem;border-radius:12px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);font-size:0.95rem;line-height:1.6;box-sizing:border-box;display:block}
textarea[id^='description']{min-height:140px;max-height:320px;resize:vertical}
.paginate a,.paginate span{padding:0.45rem 0.85rem;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);text-decoration:none}
.paginate .searchPaginationSelected{background:var(--p-accent-gradient)!important;color:#030a12!important;border-color:transparent;font-weight:700}
#sidebar .category a{color:var(--text-muted);text-decoration:none;display:block;padding:0.25rem 0}
#sidebar .category a:hover{color:var(--p-cyan)}
#sidebar ul{list-style:none;padding-left:0.5rem}


/* Pilottu AdSense - slots responsivos */
.pilottu-ads{margin:1rem auto;max-width:100%;text-align:center;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:0.75rem;position:relative}
.pilottu-ads:empty{display:none}
.pilottu-ads-label{display:block;font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:0.4rem}
.pilottu-ads-code{max-width:100%;overflow:hidden}
.pilottu-ads-code ins{max-width:100%!important}
.pilottu-ads-code img{max-width:100%;height:auto}
.pilottu-ads-leaderboard{max-width:970px}
.pilottu-ads-box{max-width:336px}
.pilottu-ads-infeed{background:var(--bg-surface-elevated)}
.pilottu-ads-inarticle{text-align:left;max-width:728px}
.pilottu-anchor-ad{position:fixed;left:0;right:0;bottom:0;z-index:1060;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:1.4rem 0.5rem 0.5rem;text-align:center;box-shadow:0 -8px 30px rgba(0,0,0,0.45)}
.pilottu-anchor-ad .pilottu-ads{margin:0 auto;border:0;background:transparent;padding:0}
.pilottu-anchor-close{position:absolute;top:2px;right:8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer}
@media(max-width:576px){.pilottu-ads{border-radius:10px;padding:0.5rem}}


/* Hero ilustracao usar.svg - reduzida para nao cortar o caminhao */
.hero-visual{padding:0.5rem 0;overflow:visible}
.hero-illustration{width:100%;max-width:640px;height:auto;max-height:560px;object-fit:contain;object-position:center;filter:drop-shadow(0 24px 60px rgba(0,108,142,0.25));border-radius:24px;display:block;margin:0 auto}
@media(max-width:991px){.hero-illustration{max-width:100%;max-height:320px}}






/* Fix sobreposicao conteudo/rodape */
.asaas-footer{clear:both;position:relative;z-index:1}
#content{position:relative}


/* Fix badges bg-dark ilegíveis no modo claro (cards de anúncio, contadores) */
[data-bs-theme='light'] .badge.bg-dark{background-color:#e2e8f0 !important;color:#334155 !important;border-color:#cbd5e1 !important}
[data-bs-theme='light'] .badge.bg-dark.text-muted{color:#475569 !important}
[data-bs-theme='light'] .badge.bg-dark .text-muted{color:#64748b !important}


/* Fix item: evita estouro horizontal e foto gigante */
body.item #description .desc{overflow-wrap:anywhere}
body.item .item-photos img{max-width:100%}
body.item .asaas-bento-card{min-width:0}


/* Fix item: card principal acompanha o conteudo, nao a sidebar */
body.item .col-lg-8 > .asaas-bento-card{height:auto}


/* SEO categoria: bloco descricao apos paginacao */
.pilottu-catseo h1{font-size:1.3rem;color:var(--text-main);margin-bottom:0.6rem}
.pilottu-catseo p{color:var(--text-muted);margin-bottom:0}


/* Sidebar compacta da busca - publicacoes ocupam o maior espaco */
.asaas-bento-card.sidebar-compact{padding:1.1rem 1.15rem;border-radius:14px}
.asaas-bento-card.sidebar-compact:hover{transform:none}
.sidebar-compact h5{font-size:1rem;margin-bottom:0}
.sidebar-compact h6{font-size:0.9rem}
.sidebar-compact .form-control,.sidebar-compact .form-select{padding:0.45rem 0.6rem;font-size:0.85rem}
.sidebar-compact .form-label{font-size:0.75rem;margin-bottom:0.25rem}
.sidebar-compact .mb-3{margin-bottom:0.75rem !important}
.sidebar-compact .btn-asaas-primary{padding:0.5rem 1rem;font-size:0.85rem}
.sidebar-compact .input-group-sm>.form-control,.sidebar-compact .input-group-sm>.input-group-text{font-size:0.8rem}


/* Perfil publico: card unico proporcional ao conteudo */
body.user-public-profile .user-profile-card{height:auto}