/* =================================================================
   CRM ML — Home v2 Light Theme override (v3.7.238)
   Riconverte le 7 sezioni dark del mockup originale in palette
   light/brand soft per un look piu moderno e accogliente.
   Caricato DOPO home-v2.css quando wp_options['crml_home_theme'] = 'light'.
   ================================================================= */

/* ─── HERO ──────────────────────────────────────────────────────── */
.crml-home-v2-wrap .hero {
  background: linear-gradient(135deg, #fef3c7 0%, #fce7f3 35%, #fbcfe8 75%, #fdf2f8 100%) !important;
  color: #0f172a !important;
}
.crml-home-v2-wrap .hero::before {
  background:
    radial-gradient(circle at 20% 30%, rgba(236,72,153,.18), transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(245,158,11,.20), transparent 50%) !important;
}
.crml-home-v2-wrap .hero-eyebrow {
  background: rgba(255,255,255,.65) !important;
  border: 1px solid rgba(190,24,93,.18) !important;
  color: #831843 !important;
  backdrop-filter: blur(10px);
}
.crml-home-v2-wrap .hero h1 {
  color: #0f172a !important;
  text-shadow: none !important;
}
.crml-home-v2-wrap .hero h1 em {
  background: linear-gradient(135deg, #be185d 0%, #ec4899 50%, #f59e0b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.crml-home-v2-wrap .hero-sub {
  color: #334155 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.crml-home-v2-wrap .btn-hero-ghost {
  background: rgba(255,255,255,.7) !important;
  border: 1.5px solid rgba(190,24,93,.25) !important;
  color: #831843 !important;
  backdrop-filter: blur(10px);
}
.crml-home-v2-wrap .btn-hero-ghost:hover {
  background: #fff !important;
  border-color: #be185d !important;
  color: #be185d !important;
}

/* Trust items (numeri sotto al hero) */
.crml-home-v2-wrap .trust-item-num {
  color: #0f172a !important;
}
.crml-home-v2-wrap .trust-item-lbl {
  color: #64748b !important;
}
.crml-home-v2-wrap .trust-divider {
  background: rgba(15,23,42,.18) !important;
}

/* Hero scroll hint */
.crml-home-v2-wrap .hero-scroll-hint {
  color: rgba(15,23,42,.55) !important;
}
.crml-home-v2-wrap .hero-scroll-hint::after {
  background: linear-gradient(180deg, rgba(15,23,42,.5), transparent) !important;
}

/* Hero frame: solo il gradient placeholder (se non c'e foto). Se foto c'e, viene mostrata come bg-image. */
.crml-home-v2-wrap .hero-frame {
  background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 50%, #f9a8d4 100%) !important;
  box-shadow: 0 30px 60px rgba(190,24,93,.18), 0 8px 20px rgba(190,24,93,.08) !important;
}
.crml-home-v2-wrap .hero-frame::after {
  background: linear-gradient(180deg, transparent 0%, rgba(15,23,42,.12) 100%) !important;
}
.crml-home-v2-wrap .hero-frame-inner {
  color: rgba(190,24,93,.18) !important;
}
.crml-home-v2-wrap .hero-frame-inner::before {
  color: rgba(190,24,93,.14) !important;
}
.crml-home-v2-wrap .hero-frame-tag-eyebrow {
  color: #831843 !important;
}
.crml-home-v2-wrap .hero-frame-tag-title {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(15,23,42,.4);
}

/* Hero waveform */
.crml-home-v2-wrap .hero-waveform-bar {
  background: linear-gradient(180deg, #fbcfe8, #be185d) !important;
  opacity: .6;
}

/* ─── STORY (timeline bene confiscato) ──────────────────────────── */
.crml-home-v2-wrap .story {
  background: #ffffff !important;
  color: #0f172a !important;
}
.crml-home-v2-wrap .story h1,
.crml-home-v2-wrap .story h2,
.crml-home-v2-wrap .story h3,
.crml-home-v2-wrap .story h4,
.crml-home-v2-wrap .story p {
  color: #0f172a !important;
}
.crml-home-v2-wrap .story h2 em {
  background: linear-gradient(135deg, #be185d, #ec4899) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.crml-home-v2-wrap .story::before,
.crml-home-v2-wrap .story::after {
  opacity: .35 !important;
}
.crml-home-v2-wrap .story-eyebrow {
  background: #fdf2f8 !important;
  border: 1px solid #fce7f3 !important;
  color: #831843 !important;
}
.crml-home-v2-wrap .story-sub {
  color: #64748b !important;
}

/* Timeline step (4 colonne 2009/2012/2014/oggi) */
.crml-home-v2-wrap .timeline-step {
  background: #fafaf9 !important;
  color: #0f172a !important;
  border: 1px solid #f1f5f9 !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.04), 0 2px 6px rgba(15,23,42,.02);
  backdrop-filter: none !important;
}
.crml-home-v2-wrap .timeline-step:hover {
  background: #fff !important;
  border-color: #fce7f3 !important;
  box-shadow: 0 16px 40px rgba(190,24,93,.10), 0 4px 10px rgba(190,24,93,.05) !important;
}
.crml-home-v2-wrap .timeline-year {
  /* Mantiene gradient brand: gia OK */
}
.crml-home-v2-wrap .timeline-title {
  color: #0f172a !important;
}
.crml-home-v2-wrap .timeline-desc {
  color: #64748b !important;
}

/* Quote bene confiscato */
.crml-home-v2-wrap .story-quote {
  background: linear-gradient(135deg, #fdf2f8 0%, #fef3c7 100%) !important;
  color: #0f172a !important;
  border: 1px solid rgba(190,24,93,.12) !important;
  box-shadow: 0 12px 32px rgba(190,24,93,.10) !important;
}
.crml-home-v2-wrap .story-quote::before {
  color: #be185d !important;
  opacity: .35 !important;
}
.crml-home-v2-wrap .story-quote-author {
  color: #831843 !important;
}

/* ─── QUIZ ──────────────────────────────────────────────────────── */
.crml-home-v2-wrap .quiz {
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 50%, #fef3c7 100%) !important;
  color: #0f172a !important;
}
.crml-home-v2-wrap .quiz::before {
  background: radial-gradient(circle at 70% 50%, rgba(245,158,11,.18), transparent 50%) !important;
}
.crml-home-v2-wrap .quiz h1,
.crml-home-v2-wrap .quiz h2,
.crml-home-v2-wrap .quiz h3,
.crml-home-v2-wrap .quiz p {
  color: #0f172a !important;
}
.crml-home-v2-wrap .quiz-card {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(190,24,93,.12) !important;
  color: #0f172a !important;
  box-shadow: 0 24px 60px rgba(190,24,93,.10), 0 8px 20px rgba(190,24,93,.05) !important;
}
.crml-home-v2-wrap .quiz-eyebrow {
  color: #831843 !important;
}
.crml-home-v2-wrap .quiz-sub {
  color: #64748b !important;
}
.crml-home-v2-wrap .quiz-question {
  color: #0f172a !important;
}
.crml-home-v2-wrap .quiz-option {
  background: #fff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #0f172a !important;
}
.crml-home-v2-wrap .quiz-option:hover {
  background: #fdf2f8 !important;
  border-color: #be185d !important;
  color: #be185d !important;
}
.crml-home-v2-wrap .quiz-option.is-selected {
  background: linear-gradient(135deg, #fdf2f8, #fce7f3) !important;
  border-color: #be185d !important;
  color: #be185d !important;
  box-shadow: 0 0 0 4px rgba(236,72,153,.16) !important;
}
.crml-home-v2-wrap .quiz-progress {
  background: rgba(190,24,93,.12) !important;
}
.crml-home-v2-wrap .quiz-progress-bar {
  background: linear-gradient(90deg, #be185d, #ec4899) !important;
}
.crml-home-v2-wrap .quiz-step-num {
  color: #64748b !important;
}
.crml-home-v2-wrap .quiz-btn-back {
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
}
.crml-home-v2-wrap .quiz-btn-back:hover {
  color: #be185d !important;
  border-color: #be185d !important;
}

/* ─── QUIZ RESULT (fix v3.7.243: era invisibile su bianco) ──────── */
.crml-home-v2-wrap .quiz-result-eyebrow {
  color: #be185d !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  opacity: 1 !important;
}
.crml-home-v2-wrap .quiz-result-name {
  background: linear-gradient(135deg, #be185d 0%, #ec4899 50%, #f59e0b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  margin-bottom: 18px !important;
}
.crml-home-v2-wrap .quiz-result-desc {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  max-width: 560px !important;
  margin: 0 auto 32px !important;
  opacity: 1 !important;
}
.crml-home-v2-wrap .quiz-result-actions {
  margin-bottom: 22px !important;
}
.crml-home-v2-wrap .quiz-result-actions .btn-hero-ghost {
  background: rgba(255,255,255,.95) !important;
  color: #be185d !important;
  -webkit-text-fill-color: #be185d !important;
  border: 1.5px solid #be185d !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.crml-home-v2-wrap .quiz-result-actions .btn-hero-ghost:hover {
  background: #fdf2f8 !important;
  color: #831843 !important;
  -webkit-text-fill-color: #831843 !important;
  border-color: #831843 !important;
  transform: translateY(-2px);
}
.crml-home-v2-wrap .quiz-result-restart {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  background: transparent !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  letter-spacing: .02em !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
}
.crml-home-v2-wrap .quiz-result-restart:hover {
  color: #be185d !important;
  -webkit-text-fill-color: #be185d !important;
  border-color: #be185d !important;
  background: #fdf2f8 !important;
}
/* Anti-Kubio theme: il theme attivo forza color:blue + underline su button — override esplicito */
.crml-home-v2-wrap button.quiz-result-restart,
.crml-home-v2-wrap .quiz-result-restart:visited,
.crml-home-v2-wrap .quiz-result-restart:focus {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* ─── CORSI CARDS — solo card "batteria" che era dark ───────────── */
.crml-home-v2-wrap .corso-card[data-corso="batteria"] .corso-card-cover {
  background: linear-gradient(135deg, #f59e0b, #ef4444) !important;
}

/* ─── MAESTRI CARDS ─────────────────────────────────────────────── */
/* Le card maestri restano "dark" come placeholder semantic (sono foto)
   ma alleggeriamo il fallback gradient con tonalita brand tenuti */
.crml-home-v2-wrap .maestro-card {
  background: linear-gradient(135deg, #831843 0%, #be185d 100%) !important;
  color: #fff !important;
}

/* ─── CTA FINAL ─────────────────────────────────────────────────── */
.crml-home-v2-wrap .cta-final {
  background: linear-gradient(135deg, #ec4899 0%, #be185d 50%, #f59e0b 100%) !important;
  color: #fff !important;
}
.crml-home-v2-wrap .cta-final h1,
.crml-home-v2-wrap .cta-final h2,
.crml-home-v2-wrap .cta-final h3 {
  color: #fff !important;
}
.crml-home-v2-wrap .cta-final p {
  color: rgba(255,255,255,.92) !important;
}
.crml-home-v2-wrap .cta-final .btn-hero-ghost {
  background: rgba(255,255,255,.18) !important;
  border: 1.5px solid rgba(255,255,255,.45) !important;
  color: #fff !important;
}
.crml-home-v2-wrap .cta-final .btn-hero-ghost:hover {
  background: rgba(255,255,255,.30) !important;
  border-color: rgba(255,255,255,.7) !important;
  color: #fff !important;
}

/* ─── HEADER (su sfondo light il gradient header non serve molto, lasciamo cosi) ── */
/* Niente da fare: l'header ha gia bg bianco glassy */

/* ─── FLOATING CARDS HERO ───────────────────────────────────────── */
.crml-home-v2-wrap .hero-floating-card {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  color: #0f172a !important;
  box-shadow: 0 20px 50px rgba(15,23,42,.10), 0 6px 16px rgba(15,23,42,.05);
}
.crml-home-v2-wrap .hero-floating-card small {
  color: #64748b !important;
}

/* ─── NUMBERS counter — fix v3.7.246 ────────────────────────────
   Bug: il bg passa a #fafaf9 (light) ma .number-val era color:#fff
   → numeri invisibili. Fix completo con card moderne e brand text. */
.crml-home-v2-wrap .numbers {
  background: linear-gradient(180deg, #ffffff 0%, #fdf2f8 50%, #fce7f3 100%) !important;
  position: relative !important;
}
.crml-home-v2-wrap .numbers::before {
  background: radial-gradient(circle at 70% 30%, rgba(236,72,153,.10), transparent 60%),
              radial-gradient(circle at 30% 70%, rgba(245,158,11,.08), transparent 60%) !important;
}
.crml-home-v2-wrap .numbers-grid {
  gap: 20px !important;
  max-width: 1100px;
  margin: 0 auto;
}
.crml-home-v2-wrap .number-item {
  background: rgba(255,255,255,.85) !important;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(190,24,93,.12) !important;
  border-radius: 18px !important;
  padding: 28px 18px !important;
  box-shadow: 0 12px 32px rgba(190,24,93,.06), 0 4px 8px rgba(190,24,93,.03) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.crml-home-v2-wrap .number-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(190,24,93,.12), 0 8px 16px rgba(190,24,93,.06) !important;
  border-color: rgba(190,24,93,.30) !important;
}
.crml-home-v2-wrap .number-val {
  background: linear-gradient(135deg, #be185d 0%, #ec4899 50%, #f59e0b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
  font-size: clamp(42px, 5.5vw, 68px) !important;
  margin-bottom: 10px !important;
  line-height: 1 !important;
}
.crml-home-v2-wrap .number-val::after {
  color: #f59e0b !important;
  -webkit-text-fill-color: #f59e0b !important;
  background: none !important;
  font-weight: 900 !important;
  margin-left: 4px !important;
}
.crml-home-v2-wrap .number-lbl {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

/* Quarto riquadro "Suona la tua prima nota" su fondo chiaro. Selettori sia con
   .crml-home-v2-wrap sia con body.crml-home-takeover: in produzione la sezione
   Numeri non sta dentro il wrap (come le regole .number-* in fondo al file). */
.crml-home-v2-wrap .number-item--piano,
html body.crml-home-takeover .number-item--piano { border-color: rgba(190,24,93,.24) !important; }
.crml-home-v2-wrap .number-piano-title,
html body.crml-home-takeover .number-piano-title {
  background: linear-gradient(135deg, #be185d, #ec4899) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.crml-home-v2-wrap .number-piano-cta span,
html body.crml-home-takeover .number-piano-cta span {
  color: #be185d !important;
  -webkit-text-fill-color: #be185d !important;
}

/* v3.7.253: responsive smartphone su numbers counter */
@media (max-width:540px){
  .crml-home-v2-wrap .number-item{ padding:18px 12px !important; }
  .crml-home-v2-wrap .number-val{ font-size:34px !important; }
  .crml-home-v2-wrap .number-lbl{ font-size:11.5px !important; }
}
@media (max-width:380px){
  .crml-home-v2-wrap .numbers-grid{ grid-template-columns:1fr 1fr !important; gap:8px !important; }
  .crml-home-v2-wrap .number-item{ padding:14px 8px !important; }
  .crml-home-v2-wrap .number-val{ font-size:28px !important; }
}

/* v3.7.253: tap target 44px iOS HIG su CTA hero/sticky/quiz */
@media (max-width:540px){
  .crml-home-v2-wrap .btn-hero-pri,
  .crml-home-v2-wrap .btn-hero-ghost,
  .crml-home-v2-wrap .btn-cta,
  .crml-home-v2-wrap .quiz-option,
  .crml-home-v2-wrap .quiz-result-actions a,
  .crml-home-v2-wrap .quiz-result-restart{
    min-height:44px !important;
  }
  /* Hero: padding ridotto + font scaling */
  .crml-home-v2-wrap .hero{ padding:90px 18px 60px !important; }
  .crml-home-v2-wrap .hero h1{ font-size:clamp(32px,8vw,48px) !important; }
  .crml-home-v2-wrap .hero-trust{ flex-wrap:wrap !important; gap:14px !important; justify-content:center; }
  /* Story timeline 1col su mobile */
  .crml-home-v2-wrap .timeline-grid{ grid-template-columns:1fr !important; }
  /* Footer compatto */
  .crml-home-v2-wrap .footer-grid{ gap:24px !important; }
}

/* v3.7.253: anti zoom iOS Safari su input — font-size minimo 16px */
@media (max-width:540px){
  .crml-home-v2-wrap input[type="text"],
  .crml-home-v2-wrap input[type="email"],
  .crml-home-v2-wrap input[type="tel"],
  .crml-home-v2-wrap input[type="number"],
  .crml-home-v2-wrap select,
  .crml-home-v2-wrap textarea{ font-size:16px !important; }
}

/* ─── QUIZ redesign chiaro pastello (v3.14.767) ─────────────────────
   La sezione .quiz sta FUORI da .crml-home-v2-wrap (solo l'hero e' nel wrap):
   le regole quiz sopra col prefisso wrap non matchano mai, vinceva Kubio
   (bottoni blu, h2 scuro su fondo scuro). Selettori ancorati a
   body.crml-home-takeover + !important per battere il tema ovunque. */
html body.crml-home-takeover .quiz{background:linear-gradient(160deg,#fdf2f8 0%,#fce7f3 55%,#fef3c7 100%) !important}
html body.crml-home-takeover .quiz::before{background:radial-gradient(circle at 75% 40%,rgba(236,72,153,.10),transparent 55%) !important}
html body.crml-home-takeover .quiz-card{background:rgba(255,255,255,.94) !important;border:1px solid rgba(190,24,93,.14) !important;box-shadow:0 30px 70px rgba(190,24,93,.14),0 8px 20px rgba(190,24,93,.06) !important;backdrop-filter:blur(20px)}
html body.crml-home-takeover .quiz-eyebrow{color:#be185d !important;-webkit-text-fill-color:#be185d !important}
html body.crml-home-takeover .quiz h2{color:#1f1238 !important;-webkit-text-fill-color:#1f1238 !important;font-weight:900 !important;text-shadow:none}
html body.crml-home-takeover .quiz-sub{color:#64748b !important;-webkit-text-fill-color:#64748b !important}
html body.crml-home-takeover .quiz-question{color:#1f1238 !important;-webkit-text-fill-color:#1f1238 !important;font-weight:800 !important}
html body.crml-home-takeover .quiz-progress{background:rgba(190,24,93,.12) !important;height:8px !important}
html body.crml-home-takeover .quiz-progress-bar{background:linear-gradient(90deg,#be185d,#ec4899 60%,#f9a8d4) !important;box-shadow:0 0 12px rgba(236,72,153,.4)}
html body.crml-home-takeover button.quiz-option{background:#fff !important;border:1.5px solid #f3d3e3 !important;border-radius:16px !important;color:#1f1238 !important;-webkit-text-fill-color:#1f1238 !important;font-weight:600 !important;font-size:15.5px !important;padding:14px 18px !important;text-shadow:none !important;box-shadow:0 2px 10px rgba(190,24,93,.05);transition:all .2s ease}
html body.crml-home-takeover button.quiz-option:hover{background:#fdf2f8 !important;border-color:#ec4899 !important;transform:translateX(6px);box-shadow:0 8px 24px rgba(236,72,153,.15)}
html body.crml-home-takeover button.quiz-option.is-selected{background:linear-gradient(135deg,#fdf2f8,#fce7f3) !important;border-color:#be185d !important;color:#be185d !important;-webkit-text-fill-color:#be185d !important;box-shadow:0 0 0 4px rgba(236,72,153,.15),0 10px 26px rgba(236,72,153,.18) !important}
html body.crml-home-takeover .quiz-option-emoji{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#fce7f3,#fbcfe8) !important;border:1px solid rgba(190,24,93,.18);font-size:22px !important;flex-shrink:0}
html body.crml-home-takeover .quiz-step-num{color:#831843 !important;-webkit-text-fill-color:#831843 !important;background:rgba(190,24,93,.08);padding:7px 14px;border-radius:999px;font-weight:700 !important;font-size:12.5px !important;letter-spacing:.04em}
html body.crml-home-takeover button.quiz-btn-next{background:linear-gradient(135deg,#ec4899,#be185d) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border:none !important;border-radius:999px !important;padding:14px 34px !important;font-weight:800 !important;box-shadow:0 10px 30px rgba(236,72,153,.35) !important}
html body.crml-home-takeover button.quiz-btn-next:disabled{opacity:.4 !important;box-shadow:none !important}
html body.crml-home-takeover button.quiz-btn-back{background:#fff !important;color:#64748b !important;-webkit-text-fill-color:#64748b !important;border:1px solid #e8d3de !important;border-radius:999px !important;padding:12px 24px !important;font-weight:600 !important}
/* Risultato quiz: testi leggibili su card bianca */
html body.crml-home-takeover .quiz-result-eyebrow{color:#be185d !important;-webkit-text-fill-color:#be185d !important}
html body.crml-home-takeover .quiz-result-name{background:linear-gradient(135deg,#831843,#ec4899) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important}
html body.crml-home-takeover .quiz-result-desc{color:#475569 !important;-webkit-text-fill-color:#475569 !important}
html body.crml-home-takeover button.quiz-result-restart{color:#64748b !important;-webkit-text-fill-color:#64748b !important;background:none !important;border:0 !important}

/* ─── SEZIONI FUORI WRAP — riallineamento anti-Kubio (v3.14.769) ────
   Come per il quiz: solo l'hero sta dentro .crml-home-v2-wrap; le sezioni
   manifesto/corsi/metodo/numbers/maestri/reviews/cta-final stanno in
   colonne Kubio, quindi TUTTI gli override wrap-prefissati sopra non
   matchano mai e vince il tema (heading Mulish #2b2d42, link/bottoni blu
   #2f7cff, numbers/maestri/cta rimasti dark base). Selettori ancorati a
   body.crml-home-takeover + !important. Story e quiz esclusi: gia gestiti
   da crml-story-editorial-inline (PHP) e dal blocco quiz qui sopra. */

/* Heading + sub comuni (manifesto, corsi, metodo, maestri, reviews) */
html body.crml-home-takeover .section-title{font-family:'Sora','Inter',sans-serif !important;font-size:clamp(28px,4.5vw,52px) !important;font-weight:800 !important;letter-spacing:-.03em !important;line-height:1.15 !important;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;text-shadow:none !important}
html body.crml-home-takeover .section-title em{font-style:italic !important;background:linear-gradient(135deg,#be185d,#ec4899) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important}
html body.crml-home-takeover .section-sub{font-family:'Inter',sans-serif !important;font-size:clamp(15px,1.5vw,18px) !important;color:#64748b !important;-webkit-text-fill-color:#64748b !important;line-height:1.65 !important}

/* CORSI: kill link blu Kubio su card cliccabili + cover batteria light */
html body.crml-home-takeover a.corso-card,
html body.crml-home-takeover a.corso-card:hover,
html body.crml-home-takeover a.corso-card:focus,
html body.crml-home-takeover a.corso-card:visited{color:inherit !important;-webkit-text-fill-color:inherit !important;text-decoration:none !important}
html body.crml-home-takeover .corso-card[data-corso="batteria"] .corso-card-cover{background:linear-gradient(135deg,#f59e0b,#ef4444) !important}

/* METODO: titoli step + pillola PRENOTA (erano blu Kubio) */
html body.crml-home-takeover a.metodo-step,
html body.crml-home-takeover a.metodo-step:hover,
html body.crml-home-takeover a.metodo-step:focus,
html body.crml-home-takeover a.metodo-step:visited{color:inherit !important;-webkit-text-fill-color:inherit !important;text-decoration:none !important;display:block}
html body.crml-home-takeover .metodo-step-title{font-family:'Sora','Inter',sans-serif !important;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;text-decoration:none !important}
html body.crml-home-takeover .metodo-step-desc{color:#64748b !important;-webkit-text-fill-color:#64748b !important}
html body.crml-home-takeover .metodo-step-cta{display:inline-flex !important;align-items:center !important;gap:8px !important;margin-top:18px !important;padding:10px 22px !important;background:linear-gradient(135deg,#be185d,#ec4899) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:'Sora',sans-serif !important;font-size:13px !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;border-radius:999px !important;box-shadow:0 6px 18px rgba(190,24,93,.32) !important;text-decoration:none !important;transition:all .25s ease}
html body.crml-home-takeover a.metodo-step:hover .metodo-step-cta{box-shadow:0 10px 26px rgba(190,24,93,.45) !important;transform:translateY(-1px)}

/* NUMBERS: redesign light (era rimasto il dark base brand-700/900) */
html body.crml-home-takeover .numbers{background:linear-gradient(180deg,#ffffff 0%,#fdf2f8 50%,#fce7f3 100%) !important;position:relative !important}
html body.crml-home-takeover .numbers::before{content:"" !important;position:absolute !important;inset:0 !important;background:radial-gradient(circle at 70% 30%,rgba(236,72,153,.10),transparent 60%),radial-gradient(circle at 30% 70%,rgba(245,158,11,.08),transparent 60%) !important;pointer-events:none}
html body.crml-home-takeover .numbers-grid{gap:20px !important;max-width:1100px;margin:0 auto}
html body.crml-home-takeover .number-item{background:rgba(255,255,255,.85) !important;backdrop-filter:blur(12px);border:1px solid rgba(190,24,93,.12) !important;border-radius:18px !important;padding:28px 18px !important;box-shadow:0 12px 32px rgba(190,24,93,.06),0 4px 8px rgba(190,24,93,.03) !important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important}
html body.crml-home-takeover .number-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(190,24,93,.12),0 8px 16px rgba(190,24,93,.06) !important;border-color:rgba(190,24,93,.30) !important}
html body.crml-home-takeover .number-val{background:linear-gradient(135deg,#be185d 0%,#ec4899 50%,#f59e0b 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;text-shadow:none !important;font-weight:900 !important;letter-spacing:-.045em !important;font-size:clamp(42px,5.5vw,68px) !important;margin-bottom:10px !important;line-height:1 !important}
html body.crml-home-takeover .number-val::after{color:#f59e0b !important;-webkit-text-fill-color:#f59e0b !important;background:none !important;font-weight:900 !important;margin-left:4px !important}
html body.crml-home-takeover .number-lbl{color:#475569 !important;-webkit-text-fill-color:#475569 !important;font-size:13.5px !important;font-weight:600 !important;letter-spacing:.04em !important;text-transform:uppercase !important;opacity:1 !important}
@media (max-width:540px){
  html body.crml-home-takeover .number-item{padding:18px 12px !important}
  html body.crml-home-takeover .number-val{font-size:34px !important}
  html body.crml-home-takeover .number-lbl{font-size:11.5px !important}
}
@media (max-width:380px){
  html body.crml-home-takeover .numbers-grid{grid-template-columns:1fr 1fr !important;gap:8px !important}
  html body.crml-home-takeover .number-item{padding:14px 8px !important}
  html body.crml-home-takeover .number-val{font-size:28px !important}
}

/* STICKY MOBILE CTA + bottoni primari fuori wrap: testo era blu Kubio
   su gradient brand (v3.14.770) */
html body.crml-home-takeover .sticky-mobile a.btn-primary,
html body.crml-home-takeover a.btn-primary{color:#fff !important;-webkit-text-fill-color:#fff !important;text-decoration:none !important;text-shadow:none !important}
html body.crml-home-takeover a.btn-primary:hover{color:#fff !important;-webkit-text-fill-color:#fff !important}

/* MAESTRI: fallback card brand light (era ink-900/bordeaux dark base) */
html body.crml-home-takeover .maestro-card{background:linear-gradient(135deg,#831843 0%,#be185d 100%) !important;color:#fff !important}

/* REVIEWS: bottone "Vedi tutte" (a.btn-ghost era blu Kubio) */
html body.crml-home-takeover .reviews a.btn-ghost{background:transparent !important;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;border:1.5px solid #e2e8f0 !important;text-decoration:none !important;font-weight:700 !important}
html body.crml-home-takeover .reviews a.btn-ghost:hover{border-color:#ec4899 !important;color:#be185d !important;-webkit-text-fill-color:#be185d !important;background:#fdf2f8 !important}

/* CTA FINAL: tema light (gradient rosa/ambra + testi bianchi).
   Live era rimasto dark base con h2/sub Kubio scuri su scuro (illeggibili)
   e testo bottoni blu. */
html body.crml-home-takeover .cta-final{background:linear-gradient(135deg,#ec4899 0%,#be185d 50%,#f59e0b 100%) !important;color:#fff !important}
html body.crml-home-takeover .cta-final h2{font-family:'Sora','Inter',sans-serif !important;font-size:clamp(32px,5vw,56px) !important;font-weight:900 !important;letter-spacing:-.03em !important;line-height:1.15 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;text-shadow:0 2px 24px rgba(0,0,0,.25)}
html body.crml-home-takeover .cta-final h2 em{font-style:italic !important;background:linear-gradient(135deg,#fef3c7,#fbcfe8) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important}
html body.crml-home-takeover .cta-final p,
html body.crml-home-takeover .cta-final-sub{color:rgba(255,255,255,.92) !important;-webkit-text-fill-color:rgba(255,255,255,.92) !important;font-weight:500 !important;text-shadow:none !important}
html body.crml-home-takeover .cta-final-note{color:rgba(255,255,255,.80) !important;-webkit-text-fill-color:rgba(255,255,255,.80) !important}
html body.crml-home-takeover .cta-final a.btn-hero-pri{background:#fff !important;color:#be185d !important;-webkit-text-fill-color:#be185d !important;border:none !important;font-weight:800 !important;text-decoration:none !important;text-shadow:none !important;box-shadow:0 14px 36px rgba(131,24,67,.35) !important}
html body.crml-home-takeover .cta-final a.btn-hero-pri:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(131,24,67,.45) !important;color:#9d174d !important;-webkit-text-fill-color:#9d174d !important}
html body.crml-home-takeover .cta-final a.btn-hero-ghost{background:rgba(255,255,255,.16) !important;backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.5) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;font-weight:700 !important;text-decoration:none !important;text-shadow:none !important}
html body.crml-home-takeover .cta-final a.btn-hero-ghost:hover{background:rgba(255,255,255,.28) !important;border-color:rgba(255,255,255,.75) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;transform:translateY(-2px)}