/* =====================================================================
   Identidad Empresarios Digitales · capa de marca compartida
   Fuente: manual de marca v1 (Agharti Black solo en titulares,
   Montserrat para todo lo demás, neón fucsia sobre azul noche).
   Se carga después del <style> de cada página y solo sobreescribe.
   ===================================================================== */
@font-face{ font-family:"Agharti"; src:url("fonts/agharti-black.woff2") format("woff2"); font-weight:900; font-style:normal; font-display:swap; }

:root{
  --profundo:#031A48; --uva:#491175; --violeta:#9207A5; --magenta:#C00386;
  --fucsia:#ED0067; --rosa:#FF3D94; --lavanda:#D9D2EA;
  --purple:#9207A5;
  --dim:rgba(217,210,234,.84); --dim2:rgba(217,210,234,.62); --line:rgba(217,210,234,.14);
  --display:"Agharti","Arial Narrow",Impact,sans-serif;
  --texto:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --glow:0 0 26px rgba(237,0,103,.55);
}

/* ---------- texto: Montserrat, tracking -0.02em, contraste 300 / 800 ---------- */
body{ font-family:var(--texto); letter-spacing:-.02em; -webkit-font-smoothing:antialiased; }
button, input, select, textarea{ font-family:var(--texto); }
::selection{ background:var(--fucsia); color:#fff; }
.sec-lead, .hero-content p.lead, .hero p.lead, .hero .lead, .bio-copy p, .challenges-copy p, .lead-block p,
.timeline-card p, .faq-item p, .program-card p, .speaker-card p, .final-cta p, .team-hero p, .p-block p{ font-weight:400; }
b, strong{ font-weight:800; }

/* ---------- escenario: luz violeta y fucsia de fondo, nunca plano ---------- */
body::before{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(ellipse 60% 40% at 12% 8%, rgba(146,7,165,.22), transparent 70%),
    radial-gradient(ellipse 50% 40% at 92% 55%, rgba(237,0,103,.14), transparent 70%),
    radial-gradient(ellipse 70% 40% at 30% 100%, rgba(73,17,117,.34), transparent 70%); }
.section-alt{ background:transparent !important; }

/* ---------- titular: Agharti Black, mayúsculas, palabra clave en fucsia con brillo ---------- */
.hero h1, .hero-content h1, .team-hero h1, .profile-info h1,
.sec-title, .challenges-copy h2, .bio-copy h2, .lead-block h2, #lanzamiento h2, .final-cta h2, .eda-copy h2{
  font-family:var(--display); font-weight:900; text-transform:uppercase; letter-spacing:0; text-wrap:balance; }
.hero h1, .hero-content h1, .team-hero h1{ font-size:clamp(40px, 6.2vw, 76px); line-height:.92; max-width:900px; }
.profile-info h1{ font-size:clamp(40px, 5.4vw, 64px); line-height:.92; }
.sec-title{ font-size:clamp(36px, 4.8vw, 60px); line-height:.94; max-width:880px; }
.challenges-copy h2, .bio-copy h2, .lead-block h2, .eda-copy h2{ font-size:clamp(34px, 4.2vw, 52px); line-height:.94; }
#lanzamiento h2{ font-size:clamp(32px, 4.4vw, 54px); line-height:.94; }
.final-cta h2{ font-size:clamp(34px, 4.6vw, 58px); line-height:.94; max-width:820px; }
.accent, .hero h1 .accent, .hero-content h1 .accent, .sec-title .accent, .team-hero h1 .accent{
  color:var(--fucsia); text-shadow:var(--glow); }
/* los números nunca van en Agharti: Montserrat Black */
.num{ font-family:var(--texto); font-weight:900; letter-spacing:-.04em; }

/* ---------- antetítulo: píldora neón ---------- */
.eyebrow{ display:flex; width:fit-content; max-width:100%; margin:0 auto 20px; padding:8px 18px; border-radius:999px;
  border:1.5px solid var(--fucsia); background:rgba(5,3,15,.5); color:#fff;
  box-shadow:0 0 18px rgba(237,0,103,.4), inset 0 0 12px rgba(237,0,103,.22);
  font-size:13.5px; font-weight:600; letter-spacing:-.01em; text-transform:none; line-height:1.4; text-align:center; }
.eyebrow::before, .eyebrow::after{ display:none !important; }
.challenges-copy .eyebrow, .bio-copy .eyebrow, .lead-block .eyebrow, #lanzamiento .eyebrow, .eda-copy .eyebrow{ margin-left:0; text-align:left; }
.badge, .hero-content .badge, .role-chip{ letter-spacing:-.01em; text-transform:none; font-weight:700; color:#fff;
  border-color:var(--fucsia) !important; box-shadow:0 0 16px rgba(237,0,103,.35), inset 0 0 10px rgba(237,0,103,.18); }

/* ---------- tarjeta de vidrio: fondo translúcido con borde neón ---------- */
.challenge-card, .timeline-card, .faq-item, .program-card, .not-box, .cd-box, .speaker-card, .member-card, .p-block{
  background:linear-gradient(160deg, rgba(146,7,165,.2), rgba(11,7,34,.74)) !important;
  border:1px solid rgba(237,0,103,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 26px -12px rgba(237,0,103,.55); }
.final-cta{ background:linear-gradient(135deg, rgba(3,26,72,.55), rgba(73,17,117,.55) 30%, rgba(146,7,165,.45) 60%, rgba(237,0,103,.32)) !important;
  border:1px solid rgba(237,0,103,.5) !important; box-shadow:0 0 50px -14px rgba(237,0,103,.55); }

/* ---------- datos y números: Montserrat Black ---------- */
.counter, .respaldo-stats b, .cd-box b, .cd-box span:first-child, .timeline-dot, .bloque-num, .price, .price b{ font-family:var(--texto); font-weight:900; letter-spacing:-.04em; }

/* ---------- botón: blanco sobre fucsia, un solo llamado por bloque ---------- */
.btn{ font-weight:800; letter-spacing:.02em; }
.btn-pink{ background:var(--fucsia); box-shadow:0 0 0 1px rgba(255,61,148,.5), 0 12px 34px rgba(237,0,103,.45); }
.btn-pink:hover{ background:var(--rosa); }

/* ---------- íconos en órbita ---------- */
.orbe{ flex:none; width:54px; height:54px; border-radius:50%; display:grid; place-items:center; font-size:22px; color:#fff;
  border:1.5px solid var(--fucsia); background:radial-gradient(circle at 50% 35%, rgba(146,7,165,.55), rgba(5,3,15,.9));
  box-shadow:0 0 20px rgba(237,0,103,.5), inset 0 0 14px rgba(237,0,103,.35); }

/* ---------- EDA, parte del equipo ---------- */
.eda-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center; }
.eda-figure{ position:relative; max-width:440px; margin:0 auto; width:100%; }
/* halo radial de luz detrás de EDA (sin aros decorativos) */
.eda-figure::before{ content:""; position:absolute; inset:-14% -18%; pointer-events:none; border-radius:50%;
  background:radial-gradient(closest-side, rgba(237,0,103,.38), rgba(146,7,165,.22) 55%, transparent 100%); filter:blur(28px); }
.eda-figure img{ position:relative; z-index:1; width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:28px;
  border:1px solid rgba(237,0,103,.45); box-shadow:0 30px 70px rgba(0,0,0,.5), 0 0 40px -10px rgba(237,0,103,.6); }
.eda-figure .eda-tag{ position:absolute; z-index:2; left:50%; bottom:-18px; transform:translateX(-50%); white-space:nowrap;
  padding:9px 20px; border-radius:999px; background:var(--fucsia); font-size:13.5px; font-weight:700; letter-spacing:-.01em;
  box-shadow:0 0 24px rgba(237,0,103,.7); }
.eda-copy h2{ margin:0 0 18px; }
.eda-copy p{ font-size:15.5px; line-height:1.75; color:var(--dim); margin-bottom:14px; }
.eda-copy p b{ color:#fff; }
.eda-roles{ display:flex; flex-direction:column; gap:14px; margin:26px 0 30px; }
.eda-roles li{ display:flex; align-items:center; gap:16px; }
.eda-roles strong{ display:block; font-family:var(--display); font-weight:900; font-size:24px; line-height:1; text-transform:uppercase; letter-spacing:0; }
.eda-roles span{ font-size:13.5px; color:var(--dim2); }
.eda-actions{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.btn-line{ display:inline-flex; align-items:center; gap:8px; padding:14px 22px; border-radius:999px; font-size:14px; font-weight:700;
  border:1.5px solid rgba(217,210,234,.35); color:#fff; transition:border-color .25s, background .25s; }
.btn-line:hover{ border-color:var(--fucsia); background:rgba(237,0,103,.12); }
@media(max-width:900px){ #lanzamiento .eyebrow, .challenges-copy .eyebrow, .bio-copy .eyebrow, .eda-copy .eyebrow{ margin-left:auto; } .bio-copy, .eda-copy{ text-align:center; } .eda-roles li{ text-align:left; } .eda-actions{ justify-content:center; } .eda-grid{ grid-template-columns:1fr; gap:56px; } .eda-figure{ max-width:280px; } }

@media(max-width:560px){
  .eyebrow{ font-size:12.5px; padding:7px 14px; }
  .hero h1, .hero-content h1, .team-hero h1{ font-size:clamp(36px, 10.5vw, 48px); }
}

/* ---------- logo: "Empresarios" en Montserrat + "Digitales" en Agharti, blanco (como el logo oficial) ---------- */
.brand .word, .reel-brand .word{ display:inline-flex; flex-direction:column; align-items:flex-start; letter-spacing:0; line-height:.86; font-weight:500; }
.brand .word .w1, .reel-brand .word .w1{ font-family:var(--texto); font-weight:500; letter-spacing:-.01em; color:#fff; }
.brand .word b, .reel-brand .word b{ font-family:var(--display); font-weight:900; color:#fff; letter-spacing:0; text-transform:none; }
.brand .word{ font-size:13px; }
.brand .word .w1{ font-size:.82em; }
.brand .word b{ font-size:1.62em; }
.reel-brand .word{ align-items:center; font-size:clamp(30px, 5.4vw, 62px); }
.reel-brand .word .w1{ font-size:.5em; margin-bottom:.06em; }
.reel-brand .word b{ font-size:1.9em; line-height:.82; text-shadow:0 0 40px rgba(237,0,103,.55); }
.reel-brand .tagline{ letter-spacing:.02em; font-weight:500; font-size:clamp(13px, 1.5vw, 16px); }

/* ---------- fondos tecnológicos de la biblioteca (suaves, a todo el ancho) ---------- */
.fondo{ isolation:isolate; }
.fondo::before{ content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background:var(--fondo) center/cover no-repeat; opacity:.34;
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent); mask-image:linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent); }
/* en pantallas anchas el fondo sale del contenedor de 1180px y cubre todo el ancho */
@media(min-width:1200px){ .fondo::before{ left:50%; right:auto; width:100vw; transform:translateX(-50%); } }
.fondo-circuito{ --fondo:url("marca/fondos/circuito.webp"); }
.fondo-hexagonos{ --fondo:url("marca/fondos/hexagonos.webp"); }
.fondo-cerebro-ia{ --fondo:url("marca/fondos/cerebro-ia.webp"); }
.fondo-estelas{ --fondo:url("marca/fondos/estelas.webp"); }
.fondo-orbitas{ --fondo:url("marca/fondos/orbitas.webp"); }
.fondo-bokeh{ --fondo:url("marca/fondos/bokeh.webp"); }
.fondo-nebulosa{ --fondo:url("marca/fondos/nebulosa.webp"); }
.fondo-galaxia{ --fondo:url("marca/fondos/galaxia.webp"); }
.fondo-red{ --fondo:url("marca/fondos/red.webp"); }
.fondo-luna{ --fondo:url("marca/fondos/luna.webp"); }
.fondo-horizonte{ --fondo:url("marca/fondos/horizonte.webp"); }
.fondo-laser{ --fondo:url("marca/fondos/laser.webp"); }
.fondo::before{ opacity:.3; }
/* cierre: láser dentro de la caja */
.final-cta.fondo-caja{ position:relative; overflow:hidden; isolation:isolate; }
.final-cta.fondo-caja::before{ content:""; position:absolute; inset:0; z-index:-1; background:url("marca/fondos/laser.webp") center 70%/cover; opacity:.22; }

/* ---------- objetos 3D del kit (fondo negro fundido con "screen") ---------- */
.obj3d, .p-obj, .cta-obj{ mix-blend-mode:screen; pointer-events:none;
  -webkit-mask-image:radial-gradient(closest-side, #000 72%, transparent); mask-image:radial-gradient(closest-side, #000 72%, transparent); }
.mystery-photo.has-obj::before, .mystery-photo.has-obj::after{ display:none; }
.mystery-photo .obj3d{ position:relative; z-index:2; width:min(76%, 200px); aspect-ratio:1; object-fit:contain; transition:transform .5s cubic-bezier(.16,1,.3,1); filter:drop-shadow(0 0 18px rgba(237,0,103,.35)); }
.speaker-card:hover .obj3d{ transform:translateY(-6px) scale(1.06) rotate(-3deg); }
.mystery-photo .bloque-num{ font-family:var(--texto); font-weight:900; color:rgba(255,255,255,.08); }
.program-card{ position:relative; overflow:hidden; }
.program-card .p-obj{ position:absolute; top:-18px; right:-22px; width:150px; height:150px; opacity:.95; }
.program-card .p-tag, .program-card h3{ position:relative; max-width:calc(100% - 96px); }
.cta-obj{ display:block; width:150px; height:150px; margin:-30px auto 4px; animation:flotar 5s ease-in-out infinite; }
@keyframes flotar{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }

/* ---------- mapa del Huila con Neiva ---------- */
.huila-map{ position:relative; width:min(78vw, 320px); margin:-10px auto 38px; filter:drop-shadow(0 0 30px rgba(237,0,103,.35)); }
.huila-map img{ width:100%; height:auto; }
.neiva-pin{ position:absolute; left:62.6%; top:38.9%; transform:translate(22px, -50%); padding:4px 11px; border-radius:999px; background:var(--fucsia);
  font-size:12.5px; font-weight:700; letter-spacing:-.01em; white-space:nowrap; box-shadow:0 0 18px rgba(237,0,103,.7); }
@media(prefers-reduced-motion:reduce){ .cta-obj{ animation:none; } }
/* etiquetas pequeñas: tipo oración, sin tracking ancho */
.program-card .p-tag, .speaker-card .role, .playlist-label{ text-transform:none; letter-spacing:-.01em; font-size:12.5px; }
@media(max-width:560px){ .program-card .p-obj{ width:110px; height:110px; top:-10px; right:-14px; } .program-card .p-tag, .program-card h3{ max-width:calc(100% - 70px); } }
/* las estrellas fugaces no deben agrandar la página en celular */
.stars-bg{ overflow:hidden; }
@media(max-width:1199px){ #eda{ overflow-x:clip; } }

/* =====================================================================
   Ajustes de composición (revisión visual 2026-10-07)
   ===================================================================== */
/* portada: sin franja negra; los videos se desvanecen solos hacia abajo */
.hero-reel::after{ display:none; }
.reel-grid{ -webkit-mask-image:linear-gradient(180deg, #000 55%, transparent 98%); mask-image:linear-gradient(180deg, #000 55%, transparent 98%); }
.reel-brand .tagline{ margin-top:22px; }
.reel-brand .word b{ margin-top:2px; }

/* aire entre titulares y textos */
.hero-content h1{ margin-bottom:22px; }
.sec-title{ margin-bottom:20px; }
.sec-title + div{ margin-top:34px; }
.challenges-copy h2, .bio-copy h2, .eda-copy h2{ margin-bottom:22px !important; }
.lead-block h2.sec-title{ margin-bottom:22px !important; }
#lanzamiento h2{ margin:16px 0 20px; }
.final-cta h2{ margin-bottom:18px; }
.final-cta .eyebrow{ margin-bottom:24px; }

/* bloques del workshop: objeto 3D completo, sin cortes ni números encima */
.speaker-card .photo.mystery-photo.has-obj{ aspect-ratio:auto; height:220px; overflow:visible; }
.mystery-photo.has-obj .bloque-num{ display:none; }
.mystery-photo .obj3d{ width:auto; height:190px; max-width:88%; aspect-ratio:1; object-fit:contain; }
@media(max-width:760px){ .speaker-card .photo.mystery-photo.has-obj{ height:200px; } .mystery-photo .obj3d{ height:180px; } }

/* programas: objeto dentro de la tarjeta, sin salirse del borde */
.program-card .p-obj{ top:22px; right:22px; width:104px; height:104px; }
.program-card .p-tag, .program-card h3{ max-width:calc(100% - 120px); }
@media(max-width:560px){ .program-card .p-obj{ top:18px; right:16px; width:84px; height:84px; } .program-card .p-tag, .program-card h3{ max-width:calc(100% - 96px); } }

/* EDA: íconos en órbita a tamaño real */
.eda-roles .orbe{ font-size:22px; color:#fff; }

/* cifras de confianza: limpias, sin recuadro */
.trust-item{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 6px; }

/* bloques: textos con brillo normal (ya no son "misterio") y etiqueta fucsia */
.speaker-card.mystery h4{ color:#fff; }
.speaker-card.mystery p{ color:var(--dim); }
.speaker-card.mystery .role{ background:rgba(237,0,103,.14); border-color:rgba(237,0,103,.45); color:#ffd0e4; }
.reel-brand .tagline{ margin-top:34px; }
@media(max-width:560px){
  .program-card .p-obj{ top:16px; right:14px; width:66px; height:66px; }
  .program-card .p-tag{ max-width:calc(100% - 80px); }
  .program-card h3{ max-width:none; margin-top:14px; }
  .final-cta .btn{ white-space:nowrap; padding:15px 24px !important; font-size:15px !important; }
}

/* botones de Hotmart: su hoja (carga al final) impone 24px, esquinas cuadradas y sombra; se igualan a los de la marca */
a.btn.btn-pink.hotmart-fb.hotmart__button-checkout{
  display:inline-flex !important; align-items:center; justify-content:center; gap:10px;
  font-size:16px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:.01em !important;
  padding:16px 32px !important; border-radius:999px !important; text-shadow:none !important;
  white-space:nowrap; max-width:100%; }
@media(max-width:560px){ a.btn.btn-pink.hotmart-fb.hotmart__button-checkout{ font-size:15px !important; padding:15px 24px !important; } }