/* ============================================================
   QTM Web · v5 — Mint #0FDD9F + Blanco + Ink oscuro
   Versión desktop de la paleta v5 mobile.
   Carga DESPUÉS de qtm.css
   ============================================================ */
:root {
  --qtm-red:        #0FDD9F;
  --qtm-red-deep:   #07A876;
  --qtm-red-soft:   #59F5C6;
  --qtm-cream:      #FFFFFF;
  --qtm-cream-deep: #E8F9F2;
  --qtm-white:      #FFFFFF;
  --qtm-accent:     #0E2A2C;
}

/* Topbar — mint con texto ink */
.qtm-nav { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }
.qtm-logo { color: var(--qtm-accent) !important; }
.qtm-nav-link { color: var(--qtm-accent) !important; }
.qtm-nav-link:hover { background: rgba(14,42,44,.10) !important; }
.qtm-nav-link.is-active { background: var(--qtm-accent) !important; color: var(--qtm-red) !important; }
.qtm-nav-phone { color: var(--qtm-accent) !important; border-color: rgba(14,42,44,.25) !important; }
.qtm-nav-phone:hover { background: rgba(14,42,44,.08) !important; }
.qtm-nav-cta { background: var(--qtm-accent) !important; color: var(--qtm-red) !important; }
.qtm-nav-dd.is-active > .qtm-nav-link-dd { background: var(--qtm-accent) !important; color: var(--qtm-red) !important; }
.qtm-nav-dd-panel { background: var(--qtm-accent) !important; color: #fff !important; }
.qtm-nav-dd-item { color: #fff !important; }
.qtm-nav-dd-item:hover { background: rgba(15,221,159,.18) !important; }
.qtm-nav-dd-item.is-active { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }
.qtm-nav-dd-item .d { color: rgba(255,255,255,.6) !important; }

/* Topbar logo ink */
.qtm-nav .qtm-logo img,
.qtm-mobile-menu-head .qtm-logo img { content: url('assets/logo-queremostumoto-ink.webp'); }

/* Mobile menu (burger) */
.qtm-mobile-menu { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }
.qtm-mobile-menu-links a { color: var(--qtm-accent) !important; }
.qtm-mobile-menu-links a.is-active { background: var(--qtm-accent) !important; color: var(--qtm-red) !important; }
.qtm-mobile-menu-foot .tel { background: var(--qtm-accent) !important; color: var(--qtm-red) !important; }

/* Hero highlight */
.home-hero h1 em { color: var(--qtm-red-deep) !important; }
.home-hero h1 em::after { background: rgba(15,221,159,.25) !important; }
.como-hero h1 em,
.faq-hero h1 em,
.ct-hero h1 em,
.vender-hero h1 em { color: var(--qtm-red-deep) !important; }

/* Eyebrow */
.qtm-eyebrow { background: rgba(15,221,159,.16) !important; color: var(--qtm-red-deep) !important; }

/* Buttons */
.qtm-btn-primary { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; box-shadow: 0 6px 20px rgba(15,221,159,.30) !important; font-weight: 700 !important; }
.qtm-btn-primary:hover { background: var(--qtm-red-deep) !important; color: #fff !important; }
.qtm-btn-ink { background: var(--qtm-accent) !important; color: var(--qtm-red) !important; }
.qtm-btn-ink:hover { background: #000 !important; }

/* Home features */
.home-feature-icon { background: rgba(15,221,159,.16) !important; color: var(--qtm-red-deep) !important; }

/* Home FAQ — ink dark */
.home-faq { background: var(--qtm-accent) !important; color: #fff !important; }
.home-faq-head h2 { color: #fff !important; }
.home-faq-head p { color: rgba(255,255,255,.7) !important; }
.home-faq-head .qtm-eyebrow { background: rgba(15,221,159,.18) !important; color: var(--qtm-red) !important; }
.home-faq-item { background: rgba(255,255,255,.04) !important; border-color: rgba(15,221,159,.20) !important; }
.home-faq-q { color: #fff !important; }
.home-faq-q-icon { background: rgba(15,221,159,.18) !important; color: var(--qtm-red) !important; }
.home-faq-item.is-open .home-faq-q-icon { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }
.home-faq-a { color: rgba(255,255,255,.78) !important; }
.home-faq-cta .qtm-btn { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }

/* Reseñas */
.home-tests-rating .num { color: var(--qtm-red-deep) !important; }
.home-tests-rating .stars { color: var(--qtm-red-deep) !important; }
.home-test .stars { color: var(--qtm-red-deep) !important; }
.home-test-avatar { background: var(--qtm-cream-deep) !important; color: var(--qtm-red-deep) !important; }

/* Home CTA */
.home-cta { background: var(--qtm-accent) !important; color: #fff !important; }
.home-cta h2 { color: #fff !important; }
.home-cta p { color: rgba(255,255,255,.85) !important; }
.home-cta::after { background: rgba(15,221,159,.10) !important; }
.home-cta::before { background: rgba(15,221,159,.06) !important; }
.home-cta .qtm-btn { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }

/* Dudas */
.home-dudas-info a.is-red { color: var(--qtm-red-deep) !important; }

/* Footer */
.qtm-footer { background: var(--qtm-accent) !important; color: #fff !important; }
.qtm-footer h4 { color: rgba(255,255,255,.7) !important; }
.qtm-footer-brand h3 { color: #fff !important; }
.qtm-footer .qtm-btn { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }
.qtm-footer-bottom { border-top-color: rgba(15,221,159,.20) !important; }

/* Vender moto tasador head */
.tasador-head { background: var(--qtm-accent) !important; color: #fff !important; }
.tasador-head h2 { color: #fff !important; }
.tasador-progress { background: var(--qtm-accent) !important; }
.tasador-progress span { background: rgba(255,255,255,.18) !important; }
.tasador-progress span.is-done, .tasador-progress span.is-current { background: var(--qtm-red) !important; }

/* Tasador (home Typeform wrap) */
.home-tasar-head { background: var(--qtm-accent) !important; color: #fff !important; }
.home-tasar-head h2 { color: #fff !important; }
.home-tasar-pill { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }

/* Como funciona */
.como-step-num { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; box-shadow: 0 6px 18px rgba(15,221,159,.30) !important; }
.como-step-bullets svg { color: var(--qtm-red-deep) !important; }
.como-steps-grid::before { background: repeating-linear-gradient(to right, var(--qtm-red-deep) 0 8px, transparent 8px 16px) !important; }

/* FAQ page */
.faq-nav-link:hover { background: var(--qtm-cream-deep) !important; color: var(--qtm-accent) !important; }
.faq-nav-link.is-active { background: var(--qtm-accent) !important; color: var(--qtm-red) !important; }
.faq-nav-link { color: var(--qtm-ink-soft) !important; }
.faq-nav h4 { color: var(--qtm-red-deep) !important; }
.faq-item:hover { border-color: var(--qtm-red-soft) !important; }
.faq-item.is-open { border-color: var(--qtm-red) !important; box-shadow: 0 4px 16px rgba(15,221,159,.18) !important; }
.faq-q-icon { background: var(--qtm-cream-deep) !important; color: var(--qtm-red-deep) !important; }
.faq-item.is-open .faq-q-icon { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }
.faq-help { background: var(--qtm-accent) !important; color: #fff !important; }
.faq-help h3 { color: #fff !important; }
.faq-help p { color: rgba(255,255,255,.75) !important; }
.faq-help .qtm-btn[style*="cream"] { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; }

/* Contacto */
.ct-channel:hover { border-color: var(--qtm-red) !important; }
.ct-channel-icon { background: var(--qtm-cream-deep) !important; color: var(--qtm-red-deep) !important; }
.ct-info-card { background: var(--qtm-accent) !important; color: #fff !important; }
.ct-info-card h4 { color: rgba(255,255,255,.7) !important; }
.ct-info-row .val.dot::before { color: var(--qtm-red) !important; }
.ct-info-row .val.dot.closed::before { color: var(--qtm-red-soft) !important; }
.ct-map-pin { background: var(--qtm-red) !important; color: var(--qtm-accent) !important; box-shadow: 0 8px 24px rgba(15,221,159,.40) !important; }
.ct-map-pin::after { border-top-color: var(--qtm-red) !important; }

/* WhatsApp FAB keeps native green */