/* ============================================================================
   FORMACIÓN Y CAPACITACIÓN en «La pizarra» (2 oct 2026)
   Páginas: /domina-ia/<sector>/ (8), /constructor/. Cargada DESPUÉS de
   css/tokens.css y css/paginas-pizarra.css. Redefine los acentos de cada
   landing sectorial (violeta, rosa, cian, verde… uno por sector) a UN solo
   acento —el marcador ámbar— y fija letra, botones y trazo.
   Ningún color nuevo: todo sale de css/tokens.css.
   ============================================================================ */

/* ---------- Landings sectoriales ---------- */
html[data-pz="h"] { --accent: var(--e-amber); --dark: var(--e-bg); --darker: var(--e-bg); }
html[data-pz="h"] body { font-family: var(--e-sans); background: var(--e-bg); color: var(--e-text-2); }
html[data-pz="h"] h1, html[data-pz="h"] h2, html[data-pz="h"] h3 { font-family: var(--e-display); }
html[data-pz="h"] h1 { font-weight: 800; letter-spacing: -0.015em; }
html[data-pz="h"] .hero::before { background: radial-gradient(ellipse at center, rgba(var(--e-amber-rgb), .07), transparent 70%); }
html[data-pz="h"] .hero-grid { background-image: linear-gradient(var(--e-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--e-line-soft) 1px, transparent 1px); }
html[data-pz="h"] .video-wrap { border: 1px solid var(--e-linea-tiza); box-shadow: none; border-radius: var(--e-radio); }
html[data-pz="h"] .badge { font-family: var(--e-mono); letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
html[data-pz="h"] .stat-box { border-style: dashed; border-color: var(--e-linea-tiza); background: var(--e-panel); border-radius: var(--e-radio); }
html[data-pz="h"] .stat-box p { color: var(--e-amber-hi); font-family: var(--e-sans); font-weight: 700; }
html[data-pz="h"] .pain { color: var(--e-text-2); }
html[data-pz="h"] .cta-btn, html[data-pz="h"] .ic-btn {
  background: var(--e-amber); color: var(--e-on-amber); font-family: var(--e-sans); font-weight: 800;
  border-radius: var(--e-radio-boton); box-shadow: none; text-decoration: none;
}
html[data-pz="h"] .cta-btn:hover, html[data-pz="h"] .ic-btn:hover { background: var(--e-amber-hi); box-shadow: none; }
html[data-pz="h"] .ic-btn-2 { background: transparent; color: var(--e-text); border: 1px solid var(--e-linea-tiza); }
html[data-pz="h"] .ic-btn-2:hover { border-color: var(--e-amber); background: transparent; color: var(--e-text); }
html[data-pz="h"] .ic-cuerpo { color: var(--e-text-2); font-size: 1.04rem; }
html[data-pz="h"] .ic-cuerpo h2, html[data-pz="h"] .ic-cuerpo h3 { color: var(--e-text); font-family: var(--e-display); }
html[data-pz="h"] .ic-cuerpo a { color: var(--e-amber-hi); }
html[data-pz="h"] .ic-sec { border-top: 1px dashed var(--e-linea-tiza); }
html[data-pz="h"] .faq-item { border-left: 2px solid var(--e-amber); }
html[data-pz="h"] .ic-nota, html[data-pz="h"] .cta-secondary { color: var(--e-muted); }
/* La cinta superior y el logo fijo se solapaban: el logo baja bajo la cinta */
html[data-pz="h"] .logo { position: absolute; top: 56px; }
@media (max-width: 640px) { html[data-pz="h"] .logo { top: 64px; } html[data-pz="h"] .logo img { height: 32px; } }

/* ---------- Constructor ---------- */
html[data-pz="i"] body { font-family: var(--e-sans); }
html[data-pz="i"] .font-display, html[data-pz="i"] .hero h1, html[data-pz="i"] h2.section-title,
html[data-pz="i"] .outcome h3, html[data-pz="i"] .module h4, html[data-pz="i"] .big-cta h2,
html[data-pz="i"] .hero-stat-num, html[data-pz="i"] .nav-brand { font-family: var(--e-display); }
html[data-pz="i"] .hero h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -0.015em; }
html[data-pz="i"] .hero-stat-num { color: var(--e-amber); }

/* 2 oct 2026: los titulares por sector usan el color de texto del sitio, no blanco puro */
.hero h1 { color: var(--e-text, #E9EAEE); }