/* ====== Mindkyb — Home (mkb_home_full.css scopeado a .mkb-home) ===

  00) Tokens y Base (Tokens & Base)
  10) Utilidades (Utility / Base Helpers)
  61.1) Hero (Hero)
  61.X) Problem
  61.2) Asistentes (Usuarios / Creadores) / Assistants (Users / Creators)
  61.3) Cómo funciona (How it Works)
  61.4) Temas (Topics)
  61.5) Rutas (Routes)
  61.6) Creadores destacados (Featured Creators)
  61.7) Testimonios (Testimonials)
  61.8) Preguntas Frecuentes (FAQs)
  61.9) Llamada a la acción final (Final CTA)

  // Landing Creadores
  62.1) Hero
  62.2) Why - Por qué Mindkyb
  62.3) Formats
  62.4) How
  62.5) Earnings - Simulador de ganancias
  62.6) Manifest
  62.7) Compare
  62.8) FAQs
  62.9) CTA Landing creadores

  70.0) Landing Forms beta
====================================================================== */


/* ==================== 00) TOKENS Y BASE (Tokens & Base) =================== */
/* Tokens globales (navbar + landings) */
:root{
  --mkb-primary:#0033A0;   /* Azul corporativo / rgb(21 52 114) */
  --mkb-coral:#FF6B35;     /* CTA / acento cálido */
  --mkb-text:#0D0E10;
  --mkb-muted:#7A8792;
  --mkb-surface:#fff;
  --mkb-border: rgba(0,0,0,.08);

  --mkb-users:#10B981;     /* Usuarios */
  --mkb-creators:#7C3AED;  /* Creadores */
  --mkb-users-rgb:16,185,129;
  --mkb-creators-rgb:124,58,237;
  --mkb-divider-soft:rgba(2,6,23,.06);

  /* Radios globales */
  --mkb-radius:14px;
  --mkb-radius-cta:0.6rem;    /* CTAs rectangulares suaves */
  --mkb-radius-pill:999px;    /* Pills redondas */
}


.mkb-home{
  /* — Colores base — */
  --mkb-primary:       #153472;     /* Azul conocimiento / marca: rgb(21 52 114) */
  --mkb-coral:         #F97316;     /* Acción (CTAs) */
  --mkb-text:          #0B1120;     /* Texto principal */
  --mkb-muted:         #64748B;     /* Texto secundario */
  --mkb-surface:       #FFFFFF;     /* Fondo principal de cards/secciones */
  --mkb-surface-alt:   #F9FAFB;     /* Fondo alterno muy suave */
  --mkb-surface-weak:  #F3F4F6;     /* Fondos de badges, chips suaves */

  --mkb-border:        rgba(15,23,42,.08);
  --mkb-divider-soft:  rgba(15,23,42,.06);

  /* — Roles por tipo de usuario — */
  --mkb-users:         #0F766E;     /* Usuarios / equilibrio */
  --mkb-users-soft:    #ECFDF3;
  --mkb-users-rgb:     15,118,110;

  --mkb-creators:      #6D28D9;     /* Creadores / profundidad */
  --mkb-creators-soft: #EEF2FF;
  --mkb-creators-rgb:  109,40,217;

  /* — Modo “laboratorio nocturno” (paneles oscuros puntuales) — */
  --mkb-dark-bg:       #020617;     /* Fondo de página oscura / bandas */
  --mkb-dark-panel:    #111827;     /* Panel oscuro principal */
  --mkb-dark-border:   rgba(148,163,184,0.6);

  /* — Sombra / radius — */
  --mkb-radius:14px;          /* radio base para cards */
  --mkb-radius-cta:0.75rem;   /* ~12px, botones y CTAs */
  --mkb-radius-pill:999px;    /* chips / pills totalmente redondos */

  --mkb-shadow:        0 10px 26px rgba(16,24,40,.08);

  /* ── Base tipográfica + layout ──────────────────────────────────────── */
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--mkb-text);
  background:var(--mkb-bg);
  line-height:1.6;
  overflow-x:hidden;

  --mkb-font-body:     1rem;       /* 16px base */
  --mkb-font-body-sm:  0.9375rem;  /* 15px textos secundarios */
  --mkb-line-body:     1.6;        /* line-height base */
  --mkb-line-tight:    1.45;       /* para títulos pequeños/h6 */
}


/* Texto base unificado en Home */
.mkb-home p,
.mkb-home li{
  font-size: var(--mkb-font-body);
  line-height: var(--mkb-line-body);
}

/* Aseguramos que los textos de rutas heredan el mismo ritmo */
.mkb-home .mkb-route-text,
.mkb-home .mkb-route-bullets li{
  font-size: var(--mkb-font-body);
  line-height: var(--mkb-line-body);
}


/* ── BASE GLOBAL (scope a la home) ────────────────────────────────────── */
.mkb-home{ --sec-top: clamp(48px, 6vw, 96px); --sec-bottom: clamp(40px, 5vw, 88px); }

.mkb-home .mkb-section{
  padding-block: var(--sec-top) var(--sec-bottom);
}


/* ── Fondo alterno cuando toque ───────────────────────────────────────── */
.mkb-home .mkb-section--alt{
  background: linear-gradient(180deg, var(--mkb-surface, #fff) 0%, #fafafa 100%);
}


/* Modificadores globales MUY simples (para no crear una clase por sección) */
.mkb-home .mkb-section--tight   { --sec-top: calc(var(--sec-top) * .85); --sec-bottom: calc(var(--sec-bottom) * .85); }
.mkb-home .mkb-section.mkb-section--relaxed { padding-top: calc(var(--sec-top) * 1.4); padding-bottom: calc(var(--sec-bottom) * 1.4);
}


/* ── Headings globales + subtítulo ───────────────────────────────────── */
.mkb-home .mkb-heading { font-weight:700; letter-spacing:-.01em; line-height:1.15; color:var(--mkb-text); }
.mkb-home .mkb-heading--h1 { font-size: clamp(2.1rem, 1.8rem + 2vw, 3.1rem); font-weight:700; }
.mkb-home .mkb-heading--h2 { font-size: clamp(1.6rem, 1.25rem + 1.2vw, 2.2rem); font-weight:600 !important; }
.mkb-home .mkb-heading--h3 { font-size: clamp(1.25rem, 1.05rem + .8vw, 1.5rem); font-weight:500; line-height:1.25; }
.mkb-home .mkb-subtitle { font-size: clamp(1.0rem, .95rem + .5vw, 1.1rem); line-height:1.6; color:var(--mkb-muted); margin-top:.75rem; }

/* Refuerzo de especificidad solo dentro de mkb-home (sin !important) */
.mkb-home h1.mkb-heading{ font-weight: 700 !important; }



/* Variante de título grande para secciones clave del home */
.mkb-heading--h1.mkb-heading--section-lg {
  font-size: clamp(2rem, 3.2vw, 2.4rem);
}

.mkb-home .mkb-white  {color:var(--mkb-surface)} /* ── Texto Color blanco para forzar en fondos oscuros ── */

.mkb-home .mkb-block-title {margin: 0; font-weight: 700; letter-spacing: -.01em; line-height: var(--mkb-line-tight, 1.45); color: var(--mkb-text); }
.mkb-home .mkb-block-title-alt {margin: 0; font-weight: 700; letter-spacing: -.01em; line-height: var(--mkb-line-tight, 1.45); color: var(--mkb-surface); }
.mkb-home .mkb-block-desc {margin: 0; color: var(--mkb-muted); font-size: var(--mkb-font-body-sm, 0.9375rem); line-height: var(--mkb-line-body, 1.6); font-weight: 400; } /* 15px */

/* Estilos de chips globales */
.mkb-topics-chip__dot{ width: 8px; height: 8px; border-radius: var(--mkb-radius-pill); background: currentColor; }/* Define color inline */

/* Section Wrapper (bordes externos + fondo limpio) */
.mkb-section-wrapper{
  border: none;
  border-radius: var(--mkb-radius-lg);
  /* overflow: hidden; */               /* elimina redondeos interiores */
  background: var(--mkb-surface);  /* evita banda/“línea gris” */
  box-shadow: var(--mkb-shadow-sm);
  transition: transform var(--mkb-transition), box-shadow var(--mkb-transition);
  padding: clamp(1rem, 1.5vw, 1.5rem) 0;   /* -10–15% padding-top */
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
}
.mkb-section-wrapper:hover{
  box-shadow: none;
  transform: translateY(-3px);
}

/* premium text */
.mkb-badge {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 500;
  background: var(--mkb-surface-weak, #f3f4f6);
  border-radius: 0.4rem;
  color: #374151;
  margin-bottom: 0.5rem;
  margin-top: 1.75rem;
}

.mkb-meta {
  font-size: 1rem;
  color: #4b5563;
  line-height: 1.4;
  margin-bottom: 1rem;
}


/* ======================= 10) UTILIDADES (Utilities) =========================== */
.mkb-home .btn{
  font-weight: 400;
  border-radius: var(--mkb-radius-cta);
}

/* CTA primario coral */
.mkb-home .btn.btn-primary{
  background: var(--mkb-coral);
  border-color: var(--mkb-coral);
}
.mkb-home .btn.btn-primary:hover{
  background: var(--mkb-coral);
  border-color: var(--mkb-coral);
}

/* CTA secundario sobre fondos oscuros */
.mkb-home .btn-secondary{
  background: transparent;
  color: var(--mkb-text);                         /* texto oscuro, acorde con el hero claro */
  border: 1px solid rgba(148,163,184,0.75);       /* borde gris suave, no “botón vacío” */
}

.mkb-home .btn-secondary:hover{
  background: var(--mkb-primary);                 /* azul conocimiento */
  border-color: var(--mkb-primary);
  color: #ffffff;
  transform: translateY(-2px);
}



/* Enlace de login cuando la landing va sobre fondo claro */
.mkb-login-link{
  color: var(--mkb-text) !important;
  font-weight: 500;
}

.mkb-login-link:hover{
  color: var(--mkb-primary) !important;
}

/* CTA del navbar: versión compacta del primario, override de Bootstrap */
.mkb-home .mkb-nav-cta.btn{
  background: var(--mkb-coral) !important;
  border-color: var(--mkb-coral) !important;
  color: #0F172A !important;
  border-radius: var(--mkb-radius-cta, 0.75rem);
  padding: 0.4rem 1rem;
  font-size: 0.9rem;
  font-weight: 500;
}

.mkb-home .mkb-nav-cta.btn:hover{
  background: var(--mkb-coral) !important;
  border-color: var(--mkb-coral) !important;
  filter: brightness(1.03);
  transform: translateY(-1px);
}

/* CTA de registro en navbar */
.navbar .mkb-nav-cta.btn{
  background: var(--mkb-coral);
  border-color: var(--mkb-coral);
  color: #fff !important;
  border-radius: var(--mkb-radius-cta);
  font-weight: 500;
}

.navbar .mkb-nav-cta.btn:hover{
  background: var(--mkb-coral);
  border-color: var(--mkb-coral);
  filter: brightness(1.06);
}

/* ====================== 61.1) HERO (Hero) ====================================== */
.jumbotron.homepage.hero--centered{
  position: relative;
  padding: clamp(3.5rem, 2.6rem + 2.8vw, 5rem) 1rem
           clamp(2.5rem, 1.9rem + 1.8vw, 3.5rem);
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
  color: var(--mkb-text);
  overflow: hidden;
  text-align: left;
}

.mkb-hero-topmask{
  display: none;
}

.jumbotron.homepage.hero--centered .mkb-white{
  color: var(--mkb-text);
}

.jumbotron.homepage.hero--centered .container{
  max-width: 1280px;
}

#mkb-hero-title{
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16ch;
}

.jumbotron.homepage.hero--centered .mkb-subtitle{
  max-width: 36rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.jumbotron.homepage.hero--centered .mkb-cta-group{
  justify-content: flex-start;
  gap: 0;
  padding: 0;
  margin-top: 1.5rem;
}

.jumbotron.homepage.hero--centered .mkb-cta-group .btn{
  padding: 0.78rem 1.15rem;
  font-size: 0.98rem;
  box-shadow: none;
}

.jumbotron.homepage.hero--centered .text-muted{
  margin-top: 0.7rem;
}

.jumbotron.homepage.hero--centered .text-muted p{
  margin-bottom: 0;
  color: var(--mkb-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

.hero-figure{
  margin: 0;
  width: 100%;
  max-width: none;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.hero-figure--mindkyb{
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 1rem;
}

.hero-figure--mindkyb .hero-figure__img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1rem;
  object-fit: contain;
  transform-origin: center;
  animation: none;
}

.jumbotron.homepage.hero--centered .col-lg-7{
  transform: scale(1.08);
  transform-origin: center right;
}

/* Desktop */
@media (min-width: 992px){
  #mkb-hero-title{
    font-size: clamp(2.6rem, 2.2rem + 1.2vw, 3.35rem);
    line-height: 1.08;
  }

  .jumbotron.homepage.hero--centered .row{
    min-height: 560px;
  }

  .jumbotron.homepage.hero--centered .col-lg-7{
    padding-left: clamp(1rem, 2vw, 2rem);
  }
}

/* Mobile */
@media (max-width: 768px){
  .jumbotron.homepage.hero--centered{
    padding: 3.25rem 1rem 2.25rem;
    text-align: center;
  }

  #mkb-hero-title{
    max-width: none;
    font-size: clamp(2rem, 1.8rem + 1vw, 2.3rem);
    line-height: 1.16;
  }

  .jumbotron.homepage.hero--centered .mkb-subtitle{
    max-width: 34rem;
    margin: 0.85rem auto 0;
  }

  .jumbotron.homepage.hero--centered .mkb-cta-group{
    justify-content: center;
    margin-top: 1.25rem;
  }

  .jumbotron.homepage.hero--centered .mkb-cta-group .btn{
    width: 100%;
    max-width: 320px;
    padding: 0.72rem 1rem;
    font-size: 0.95rem;
  }

  .jumbotron.homepage.hero--centered .text-muted{
    margin-top: 0.65rem;
  }

  .hero-figure{
    margin: 1.35rem auto 0;
    max-width: 100%;
  }
}

@media (max-width: 480px){
  #mkb-hero-title{
    font-size: 1.9rem;
    line-height: 1.14;
  }

  .jumbotron.homepage.hero--centered .mkb-subtitle{
    font-size: 0.98rem;
  }
}


/* =======================================================================
 Micro-trust: chips claros, serios 
============================================================= */
.mkb-hero-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.mkb-hero-trust .item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.875rem;
  padding: 0.45rem 0.75rem;
  border-radius: 0.5rem;
  background: #f3f4f6;
  color: #374151;
  border: 1px solid rgba(148, 163, 184, 0.45);
  backdrop-filter: none;
  white-space: nowrap;
}

.mkb-hero-trust .item i {
  font-size: 1rem;
  opacity: 0.95;
}



/* ==========================================================================
 61.X) PROBLEM
 ========================================================================== */

.mkb-home .mkb-problem__wrapper{
  padding-inline: clamp(1rem, 2vw, 2rem);
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 1.75rem 2rem;
  align-items: start;
}

.mkb-home .mkb-problem__intro{
  max-width: 620px;
}

.mkb-home .mkb-problem__intro::after{
  content: '';
  display: block;
  width: 48px;
  height: 2px;
  background: var(--mkb-divider-soft);
  margin-top: 1.25rem;
}

.mkb-home .mkb-problem__intro .mkb-heading--h2{
  max-width: 20ch;
}

.mkb-home .mkb-problem__intro .mkb-subtitle{
  max-width: 34rem;
}

.mkb-home .mkb-problem__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.15rem;
  align-self: start;
}

.mkb-home .mkb-problem__item{
  padding: 1.2rem 1.2rem 1.15rem;
  border-radius: var(--mkb-radius);
  border: 1px solid var(--mkb-border);
  background: var(--mkb-surface);
  transition: transform .15s ease, box-shadow .15s ease;
}

.mkb-home .mkb-problem__item:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(15,23,42,.08);
}

.mkb-home .mkb-problem__item--full{
  grid-column: span 2;
}

.mkb-home .mkb-problem__bridge{
  position: relative;
  margin-top: 1.25rem;
  padding-top: 1rem;
  max-width: 34rem;
  text-align: left;
  font-size: calc(var(--mkb-font-body-sm) * 1.02);
  line-height: 1.55;
  font-weight: 600;
  color: var(--mkb-primary);
}



@media (max-width: 991.98px){
  .mkb-home .mkb-problem__wrapper{
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .mkb-home .mkb-problem__intro{
    max-width: 100%;
  }

  .mkb-home .mkb-problem__grid{
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .mkb-home .mkb-problem__item--full{
    grid-column: span 1;
  }

  .mkb-home .mkb-problem__bridge{
    max-width: 100%;
    margin-top: .1rem;
    padding-top: .95rem;
  }

  .mkb-home .mkb-problem__bridge::before{
    left: 0;
    right: 0;
  }
}

@media (max-width: 575.98px){
  .mkb-home .mkb-problem__intro{
    text-align: center;
    margin-inline: auto;
  }

  .mkb-home .mkb-problem__bridge{
    text-align: center;
  }
}


/* ==========================================================================
   61.2) ASISTENTES (Usuarios / Creadores)
   ========================================================================== */

/* --- Sección general --- */
.mkb-home .assistants--section{
     /* delega el padding en .mkb-section usando variables */
     --sec-top: clamp(40px,6vw,80px);
     --sec-bottom: clamp(40px,6vw,80px);
   }

/* Título principal (alineado con 61.3) */
 /* usa tu API de títulos; no pisamos .mkb-heading--h2 */
 .mkb-home .assistants--section .mkb-heading--h2{
   letter-spacing:-.01em;
   line-height:1.2;
   /* el tamaño ya lo da .mkb-heading--h2 (tokens); sin !important */
 }


/* --- Tabs (chips) --- */

/* Aire entre subtítulo y tabs (preferencia del proyecto) */
.mkb-home #asistentes .mkb-tabs-wrap{
  margin: 2.5rem auto 2.85rem !important;
}

/* Quita la línea inferior de .nav-tabs (BS4) */
.mkb-home #asistentes .nav.nav-tabs.mkb-tabs{
  border-bottom: 0 !important;
}

/* Chips base (norma: fw 400) */
.mkb-home #asistentes .mkb-tabs{
  gap: .9rem !important;
}
.mkb-home #asistentes .mkb-tabs .nav-link{
  border: 1px solid var(--mkb-border) !important;
  border-radius: var(--mkb-radius-pill) !important;
  padding: .6rem 1.15rem !important;
  font-weight: 400 !important; /* norma para tabs/chips */
  background: #fff !important;
  color: var(--mkb-text) !important;
  box-shadow: 0 4px 14px rgba(16,24,40,.06) !important;
  transition: background .15s, color .15s, border-color .15s, box-shadow .2s !important;
}

/* Desactiva el gris activo de Bootstrap */
.mkb-home #asistentes .nav-tabs .nav-link.active{
  background-color: transparent !important;
}

/* Activo por rol — borde completo (sin 'transparent') + fondo suave */
.mkb-home #asistentes #tab-usuarios.nav-link.active{
  color: var(--mkb-users) !important;
  border-color: var(--mkb-users) !important; /* 4 lados */
  background: color-mix(in srgb, var(--mkb-users) 12%, #fff) !important;
}
.mkb-home #asistentes #tab-creadores.nav-link.active{
  color: var(--mkb-creators) !important;
  border-color: var(--mkb-creators) !important; /* 4 lados */
  background: color-mix(in srgb, var(--mkb-creators) 12%, #fff) !important;
}

/* Hover (suave) */
.mkb-home #asistentes .mkb-tabs .nav-link:focus{
  box-shadow: none !important;
}
.mkb-home #asistentes .nav-link#tab-usuarios:hover{
  color: var(--mkb-users);
}
.mkb-home #asistentes .nav-link#tab-creadores:hover{
  color: var(--mkb-creators);
}

/* --- Contenido (bloque + grid + cards) --- */

/* Contenedor del bloque */
.mkb-home #asistentes .mkb-helper-block{
  /*border: 1px solid var(--mkb-border);
  border-radius: var(--mkb-radius);*/
  background: #fff;
}

/* Grid responsivo */
.mkb-home #asistentes .mkb-helper-row{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
  column-gap: 1.25rem !important;
  row-gap: 1rem !important;
}
.mkb-home #asistentes .mkb-helper-block .mkb-helper-row{
  margin-bottom: .6rem !important;
}

/* Card */
.mkb-home #asistentes .mkb-helper-card{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: .9rem;
  padding: 1rem;
  border: 1px solid var(--mkb-border);
  border-radius: var(--mkb-radius);
  background: #fff;
  min-height: 140px;
  transition: transform .2s, box-shadow .2s;
}

.mkb-home #asistentes .mkb-helper-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(15,23,42,.07);
}

/* Footer del bloque */
.mkb-home #asistentes .mkb-helper-footer{
  /*border-top: 1px solid var(--mkb-divider-soft);*/
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
}

/* --- Iconos (Bootstrap Icons) --- */

/* Icon wrapper (sin fondo para máxima nitidez) */
.mkb-home #asistentes .mkb-helper-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  /* background: rgba(2,6,23,.03);  ← lo dejamos sin fondo por decisión de diseño */
}
.mkb-home #asistentes .mkb-helper-icon .bi{
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
}

/* Color por pane */
.mkb-home #asistentes #pane-users    .mkb-helper-icon{ color: var(--mkb-users); }
.mkb-home #asistentes #pane-creators .mkb-helper-icon{ color: var(--mkb-creators); }

/* --- CTA dentro de pane --- */
.mkb-home #asistentes .tab-pane[data-pane="users"] a.mkb-cta{
  color: var(--mkb-users);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mkb-home #asistentes .tab-pane[data-pane="creators"] a.mkb-cta{
  color: var(--mkb-creators);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mkb-home #asistentes .tab-pane[data-pane="users"] a.mkb-cta:hover{
  text-decoration-color: var(--mkb-users);
}
.mkb-home #asistentes .tab-pane[data-pane="creators"] a.mkb-cta:hover{
  text-decoration-color: var(--mkb-creators);
}

/* ===== 61.2 Asistentes – Fix corte derecha en mobile ===== */
@media (max-width: 576px){

  /* Ajustar algo el padding lateral del container en esta sección */
  .mkb-home #asistentes .container{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Grid: una sola columna, sin riesgo de desbordar */
  .mkb-home #asistentes .mkb-helper-row{
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 1rem !important; /* da igual con 1 columna, pero mantenemos consistencia */
  }

  /* Cards: obligamos a ocupar el 100% del track sin crecer más */
  .mkb-home #asistentes .mkb-helper-card{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}


/* ==========================================================================
  61.3) CÓMO FUNCIONA (How it works) — Spacing alignment v4
  ========================================================================== */
/* Fondo de sección con velos sutiles (fallback blanco sin banding) */
.mkb-home .mkb-section-alt{
  background-color: #f8fafc;
  background:
    linear-gradient(180deg, rgba(2,6,23,.04), rgba(2,6,23,0)) 0 0/100% 60px no-repeat,
    linear-gradient(0deg, rgba(2,6,23,.04), rgba(2,6,23,0)) 0 100%/100% 60px no-repeat;
  padding-block: clamp(28px,4vw,44px);
}

/* ---- Spacing específico de 61.3 (coherente con 61.2) ---- */
.mkb-home .mkb-how .row.align-items-end{
  /* clamp con MIN > MAX => efecto fijo de 50px; replica 61.2 */
  margin-bottom: clamp(50px, 2.2vw, 28px) !important;
}
.mkb-home .mkb-how .mkb-how-grid{
  /* separación entre cabecera y tarjetas */
  margin-top: clamp(14px, 2vw, 24px);
}

/* Tarjetas */
.mkb-home .mkb-flow-block{
  background:#fff;
  border:1px solid var(--mkb-border);
  border-radius:var(--mkb-radius);
  box-shadow:var(--mkb-shadow);
  padding: 1.1rem !important;
}
@media (min-width: 768px){
  .mkb-home .mkb-flow-block{ padding: 1.25rem !important; }
}

/* Overlines (chips de rol) */
.mkb-home .mkb-overline{
  font-size:.78rem;
  font-weight:400;
  letter-spacing:.06em;
  padding:.25rem .55rem;
  border-radius:999px;
  border:1px solid var(--mkb-border);
  background:rgba(2,6,23,.04);
  margin-left:auto;          /* => empuja Usuarios/Creadores a la derecha en el flex */
  white-space:nowrap;        /* => evita que el chip se parta en 2 líneas */
  vertical-align:middle;
}
.mkb-home .mkb-overline-users{
  color:var(--mkb-users);
  border-color:color-mix(in srgb, var(--mkb-users) 35%, transparent);
  background: color-mix(in srgb, var(--mkb-users) 8%, #fff);
}
.mkb-home .mkb-overline-creators{
  color:var(--mkb-creators);
  border-color:color-mix(in srgb, var(--mkb-creators) 35%, transparent);
  background:color-mix(in srgb, var(--mkb-creators) 8%, #fff);
}

/* Micro-respiración en cabecera de tarjeta */
.mkb-home .mkb-flow-block > .d-flex.align-items-center.gap-2{
  row-gap:.3rem !important;
  /* el gap ya da separación visual entre título y chip */
}

/* Ítems numerados */
.mkb-home .mkb-step3{
  display:grid;
  grid-template-columns:10px 1fr;
  gap:.8rem 1rem;
  align-items:start;
  padding:1rem 0;
}
.mkb-home .mkb-step3 + .mkb-step3{ border-top:none; }

/* BALA numerada por rol */
.mkb-home .mkb-step-bullet{
  height:10px;
  width:10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:#fff;
  box-shadow:0 6px 20px rgba(16,24,40,.15);
  text-shadow:0 1px 0 rgba(0,0,0,.25);
}
.mkb-home .mkb-flow-block.is-users .mkb-step-bullet{
  background:linear-gradient(310deg, #0b5c52 0%, #17a182 100%);
}
.mkb-home .mkb-flow-block.is-creators .mkb-step-bullet{
  background:linear-gradient(310deg, #4022c5 0%, #6B46FF 100%);
}

/* Footer de bloque */
.mkb-home .mkb-flow-footer{
  padding-top:1rem;
  border-top:1px solid var(--mkb-divider-soft);
  margin-top:2rem;
}

/* CTA de texto */
.mkb-home .mkb-link-cta{
  font-weight:500;
  text-decoration: none;
  text-underline-offset: 3px;
  text-decoration-thickness: .06em;
  transition: text-decoration-color .2s ease, opacity .2s ease;
}
.mkb-home .mkb-link-cta:hover{
  text-decoration-color: currentColor;
  opacity:.9;
}

/* Normaliza muted dentro del scope */
.mkb-home .mkb-section-alt .text-muted{
  color: var(--mkb-muted) !important;
}

/* Respiración global de la sección (se mantiene) */
.mkb-home section.mkb-section-alt{
  margin-block: clamp(72px, 8vw, 140px);
  padding-block: clamp(40px, 10vw, 88px);
  padding-bottom: clamp(64px, 8vw, 120px) !important;
  margin-bottom: clamp(80px, 9vw, 160px) !important;
}
.mkb-home section.mkb-section-alt + .section{
  margin-top: clamp(48px, 6vw, 100px) !important;
}

/* Mobile tweaks — NO sobreescribimos el margen de cabecera, para mantener la proporción con 61.2 */
@media (max-width: 575.98px){
  .mkb-home .mkb-how .mkb-how-grid{ margin-top: clamp(12px, 3.5vw, 20px); }  
  .mkb-home section.mkb-section-alt{ padding-block: 48px 68px !important; margin-block: 56px !important; }
  .mkb-home .mkb-section-alt .row.align-items-end{ text-align:center !important; gap:.25rem !important; }
  .mkb-home .mkb-section-alt .row.align-items-end > .col,
  .mkb-home .mkb-section-alt .row.align-items-end > .col-auto{ width:100% !important; }
  .mkb-home .mkb-section-alt .mkb-link-cta{ display:inline-block; margin-top:.35rem; }
  .mkb-home .mkb-section-alt .row.g-4{ --bs-gutter-y:1.25rem; gap:16px !important; }
  .mkb-home .mkb-flow-block{ padding:1rem 1rem 1.15rem !important; }
  .mkb-home .mkb-flow-footer{ gap:.75rem !important; flex-direction:column; align-items:center; text-align:center; }
}

/* =========================================================
   (61.4) HOME — Topics / Explorar · Entrada guiada a beta
   ========================================================= */

#home-topics{
  margin-top: clamp(2.5rem, 4vw, 3.5rem);
  margin-bottom: clamp(4rem, 6vw, 5.5rem);
}

.mkb-topics{
  position: relative;
}

/* GRID */
.mkb-topics__grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

/* CARD */
.mkb-topic-card{
  display: block;
  height: 100%;
  padding: clamp(1.2rem, 1.6vw, 1.45rem);
  border: 1px solid var(--mkb-border-subtle, #e5e7eb);
  border-radius: 1.15rem;
  background: #ffffff;
  color: var(--mkb-text, #0f172a);
  text-decoration: none !important;
  cursor: pointer;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.mkb-topic-card:hover{
  transform: translateY(-2px);
  border-color: rgba(21, 52, 114, 0.25);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);
}

.mkb-topic-card:hover .mkb-topic-card__title{
  color: var(--mkb-primary);
}

.mkb-topic-card__title{
  transition: color .2s ease;
}

.mkb-topic-card:focus-visible{
  outline: 2px solid rgba(21, 52, 114, 0.25);
  outline-offset: 2px;
}

/* CONTENT */
.mkb-topic-card__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 0 0 .7rem 0;
  font-size: .74rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mkb-text-soft, #94a3b8);
}

.mkb-topic-card__eyebrow::before{
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--mkb-primary);
}

.mkb-topic-card__title{
  margin: 0 0 .55rem 0;
  font-size: clamp(1.08rem, .45vw + 1rem, 1.22rem);
  font-weight: 500;
  line-height: 1.28;
}

.mkb-topic-card__description{
  font-size: .98rem;
  line-height: 1.5;
  color: var(--mkb-muted, #6b7280);
}

/* HIGHLIGHT */
.mkb-topic-card--highlight{
  border-color: var(--mkb-primary);
  background: rgba(21, 52, 114, 0.04);
}

/* FOOTER */
.mkb-topics__footer{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.35rem;
}

/* TEXT BLOCK */
.mkb-topics-entry-note{
  font-weight: 500;
  color: var(--mkb-text);
}

.mkb-topics-entry-context{
  font-size: .95rem;
  color: var(--mkb-muted);
}

/* ACTIONS */
.mkb-topics__actions{
  display: flex;
  gap: .8rem;
  flex-wrap: wrap;
  align-items: center;
}

/* CTA */
.mkb-topics__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .78rem 1.35rem;
  border-radius: var(--mkb-radius-cta, 0.75rem);
  border: 1px solid var(--mkb-primary);
  background: #ffffff;
  color: var(--mkb-primary);
  font-size: .95rem;
  font-weight: 500;
  text-decoration: none !important;
  transition: all .18s ease;
}

.mkb-topics__cta:hover{
  background: var(--mkb-primary);
  color: #fff;
  transform: translateY(-1px);
}

/* SECONDARY LINK */
.mkb-topics__link-secondary{
  font-size: .95rem;
  font-weight: 500;
  color: var(--mkb-text);
  text-decoration: none;
  opacity: .7;
  transition: .2s ease;
}

.mkb-topics__link-secondary:hover{
  opacity: 1;
  color: var(--mkb-primary);
}

/* RESPONSIVE */
@media (min-width: 576px){
  .mkb-topics__grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px){
  .mkb-topics__grid{
    grid-template-columns: repeat(3, 1fr);
  }

  /* SOLO alineamos acciones, NO rompemos columna */
  .mkb-topics__actions{
    justify-content: flex-start;
  }
}

@media (max-width: 575.98px){
  .mkb-topics__actions{
    flex-direction: column;
    align-items: stretch;
    margin-top: .15rem;
  }

  .mkb-topics__cta{
    width: 100%;
  }
}

/* ============================ 61.5) RUTAS (Routes) ============================ */

.mkb-routes{
  position: relative;
}

.mkb-routes .mkb-routes-head{
  max-width: 100%;
  margin-inline: auto;
}

.mkb-routes .mkb-heading--h2{
  width: 100%;
}

.mkb-routes .mkb-subtitle{
  max-width: 100%;
}

.mkb-routes .mkb-editorial-note{
  margin-top: .55rem;
  font-size: 1.02rem;
  line-height: 1.65;
  color: var(--mkb-text);
  max-width: 100%;
}

/* -----------------------------------------------------------------------
   Card principal de demostración
------------------------------------------------------------------------ */

.mkb-routes .mkb-route-showcase{
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(249,250,251,.96) 100%);
  border: 1px solid var(--mkb-border);
  border-radius: 1.6rem;
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
  overflow: hidden;
}

.mkb-routes .mkb-route-showcase > .row{
  min-height: 31rem;
}

/* -----------------------------------------------------------------------
   Columna visual izquierda
------------------------------------------------------------------------ */

.mkb-routes .mkb-route-visual{
  position: relative;
  height: 100%;
  padding: 1.6rem 1.5rem 1.5rem;
  background:
    radial-gradient(circle at top left, rgba(109,40,217,.08), transparent 36%),
    linear-gradient(180deg, #FCFCFF 0%, #F8FAFC 100%);
  border-right: 1px solid rgba(15,23,42,.06);
}

.mkb-routes .mkb-route-visual-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.15rem;
}

.mkb-routes .mkb-route-visual-kicker,
.mkb-routes .mkb-route-visual-progress{
  font-size: .78rem;
  line-height: 1.2;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--mkb-muted);
  font-weight: 500;
}

.mkb-routes .mkb-route-visual-frame{
  position: relative;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(15,23,42,.05);
  border-radius: 1.2rem;
  padding: 1.15rem 1rem 1rem;
  min-height: calc(100% - 2.4rem);
  backdrop-filter: blur(3px);
}

.mkb-routes .mkb-route-visual-line{
  position: absolute;
  top: 2.4rem;
  bottom: 8.2rem;
  left: 1.68rem;
  width: 2px;
  background: linear-gradient(
    180deg,
    rgba(109,40,217,.24) 0%,
    rgba(109,40,217,.18) 40%,
    rgba(109,40,217,.12) 72%,
    rgba(15,23,42,.06) 100%
  );
  border-radius: 999px;
  pointer-events: none;
}

.mkb-routes .mkb-route-step-item{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.35rem 1fr;
  column-gap: .95rem;
  align-items: start;
  padding: .22rem 0;
}

.mkb-routes .mkb-route-step-item + .mkb-route-step-item{
  margin-top: .9rem;
}

.mkb-routes .mkb-step-dot{
  width: 1.35rem;
  height: 1.35rem;
  min-width: 1.35rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #E9DDFE;
  color: var(--mkb-creators);
  border: 1px solid rgba(109,40,217,.12);
  box-shadow: 0 0 0 4px rgba(255,255,255,.94);
  margin-top: .06rem;
}

.mkb-routes .mkb-step-dot i{
  font-size: .78rem;
  line-height: 1;
}

.mkb-routes .mkb-step-copy{
  min-width: 0;
  padding-right: .15rem;
}

.mkb-routes .mkb-step-title{
  font-size: 1rem;
  line-height: 1.32;
  font-weight: 400;
  color: var(--mkb-muted);
}

.mkb-routes .mkb-step-meta{
  margin-top: .14rem;
  font-size: .9rem;
  line-height: 1.42;
  color: #94A3B8;
}

.mkb-routes .mkb-route-step-item.is-done .mkb-step-dot{
  background: rgba(109,40,217,.12);
  color: var(--mkb-creators);
}

.mkb-routes .mkb-route-step-item.is-done .mkb-step-title{
  color: #7C8AA0;
}

.mkb-routes .mkb-route-step-item.is-active{
  transform: translateX(.08rem);
}

.mkb-routes .mkb-route-step-item.is-active .mkb-step-dot{
  background: var(--mkb-creators);
  color: #fff;
  border-color: rgba(109,40,217,.36);
  box-shadow:
    0 0 0 4px rgba(255,255,255,.96),
    0 10px 20px rgba(109,40,217,.18);
}

.mkb-routes .mkb-route-step-item.is-active .mkb-step-title{
  font-weight: 600;
  color: var(--mkb-text);
}

.mkb-routes .mkb-route-step-item.is-active .mkb-step-meta{
  color: var(--mkb-muted);
}

.mkb-routes .mkb-route-current-step{
  position: relative;
  z-index: 1;
  margin-top: 1.35rem;
  margin-left: .05rem;
  padding: 1rem 1rem 1rem 1.2rem;
  background: #fff;
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 1rem;
  box-shadow: 0 10px 20px rgba(15,23,42,.04);
}

.mkb-routes .mkb-route-current-step-label{
  font-size: .84rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--mkb-text);
  margin-bottom: .38rem;
}

.mkb-routes .mkb-route-current-step-text{
  font-size: .95rem;
  line-height: 1.55;
  color: var(--mkb-text);
}

/* -----------------------------------------------------------------------
   Columna derecha: copy / valor
------------------------------------------------------------------------ */

.mkb-routes .mkb-route-showcase-body{
  height: 100%;
  padding: clamp(1.5rem, 3vw, 2.35rem);
}

.mkb-routes .mkb-route-mini-label{
  margin: 0;
  font-size: .8rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mkb-muted);
}

.mkb-routes .mkb-route-featured-title{
  margin: 0;
  font-size: clamp(1.9rem, 1.5rem + 1vw, 2.45rem);
  line-height: 1.08;
  letter-spacing: -.02em;
  font-weight: 700;
  color: var(--mkb-text);
  max-width: 13ch;
}

.mkb-routes .mkb-route-featured-desc{
  max-width: 34rem;
  margin: 0;
  font-size: clamp(1.12rem, 1.02rem + .22vw, 1.22rem);
  line-height: 1.5;
  color: var(--mkb-text);
}

.mkb-routes .mkb-route-featured-points{
  display: grid;
  gap: .9rem;
  max-width: 36rem;
}

.mkb-routes .mkb-route-featured-point{
  display: grid;
  grid-template-columns: .6rem 1fr;
  gap: .8rem;
  align-items: start;
}

.mkb-routes .mkb-route-featured-point-icon{
  width: .6rem;
  height: .6rem;
  border-radius: 999px;
  background: var(--mkb-creators);
  margin-top: .5rem;
  box-shadow: 0 0 0 6px rgba(109,40,217,.08);
}

.mkb-routes .mkb-route-featured-point p{
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--mkb-text);
}

.mkb-routes .mkb-route-closing{
  max-width: 35rem;
  font-size: 1.08rem;
  line-height: 1.55;
  color: var(--mkb-text);
  font-weight: 500;
}

.mkb-routes .mkb-route-cta-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .9rem 1rem;
  margin-top: .1rem;
}

.mkb-routes .mkb-route-featured-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5rem;
  padding: .9rem 1.7rem;
  border-radius: var(--mkb-radius-cta);
  font-size: 1.05rem;
  font-weight: 500;
  box-shadow: 0 12px 22px rgba(249,115,22,.18);
}

.mkb-routes .mkb-route-support-note{
  display: inline-flex;
  align-items: center;
  min-height: 3.5rem;
  font-size: .95rem;
  line-height: 1.45;
  color: var(--mkb-muted);
  padding-top: .1rem;
}

/* -----------------------------------------------------------------------
   Hover sutil
------------------------------------------------------------------------ */

.mkb-routes .mkb-route-showcase,
.mkb-routes .mkb-route-current-step,
.mkb-routes .mkb-route-step-item,
.mkb-routes .mkb-route-featured-cta{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    opacity .22s ease;
}

.mkb-routes .mkb-route-showcase:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 48px rgba(15,23,42,.08);
}

.mkb-routes .mkb-route-showcase:hover .mkb-route-step-item.is-active{
  transform: translateX(.18rem);
}

.mkb-routes .mkb-route-showcase:hover .mkb-route-current-step{
  box-shadow: 0 14px 28px rgba(15,23,42,.06);
}

/* -----------------------------------------------------------------------
   Responsive
------------------------------------------------------------------------ */

@media (max-width: 1199.98px){
  .mkb-routes .mkb-route-featured-title{
    max-width: 14ch;
  }

  .mkb-routes .mkb-route-visual-line{
    bottom: 8.7rem;
  }
}

@media (max-width: 991.98px){
  .mkb-routes .mkb-routes-head{
    margin-bottom: 2rem !important;
  }

  .mkb-routes .mkb-route-showcase > .row{
    min-height: unset;
  }

  .mkb-routes .mkb-route-visual{
    border-right: 0;
    border-bottom: 1px solid rgba(15,23,42,.06);
    padding: 1.25rem 1.15rem 1.15rem;
  }

  .mkb-routes .mkb-route-showcase-body{
    padding: 1.35rem 1.15rem 1.4rem;
  }

  .mkb-routes .mkb-route-featured-title{
    max-width: none;
  }

  .mkb-routes .mkb-route-visual-line{
    left: 1.33rem;
    top: 2.1rem;
    bottom: 8rem;
  }
}

@media (max-width: 575.98px){
  .mkb-routes .mkb-heading--h2{
    max-width: 100%;
  }

  .mkb-routes .mkb-subtitle{
    font-size: 1rem;
  }

  .mkb-routes .mkb-editorial-note{
    font-size: .98rem;
  }

  .mkb-routes .mkb-route-showcase{
    border-radius: 1.2rem;
  }

  .mkb-routes .mkb-route-visual{
    padding: 1rem .95rem .95rem;
  }

  .mkb-routes .mkb-route-visual-frame{
    padding: 1rem .9rem .9rem;
    border-radius: 1rem;
  }

  .mkb-routes .mkb-route-visual-line{
    left: 1.08rem;
    top: 2rem;
    bottom: 8.4rem;
  }

  .mkb-routes .mkb-route-step-item{
    grid-template-columns: 1.25rem 1fr;
    column-gap: .8rem;
  }

  .mkb-routes .mkb-step-dot{
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
  }

  .mkb-routes .mkb-step-title{
    font-size: .98rem;
  }

  .mkb-routes .mkb-step-meta{
    font-size: .87rem;
  }

  .mkb-routes .mkb-route-current-step{
    padding: .85rem .9rem  .9rem 1rem;
  }

  .mkb-routes .mkb-route-current-step-text{
    font-size: .92rem;
  }

  .mkb-routes .mkb-route-showcase-body{
    padding: 1.2rem .95rem 1.25rem;
  }

  .mkb-routes .mkb-route-featured-desc,
  .mkb-routes .mkb-route-featured-point p,
  .mkb-routes .mkb-route-closing{
    font-size: 1rem;
  }

  .mkb-routes .mkb-route-cta-row{
    gap: .75rem;
  }

  .mkb-routes .mkb-route-featured-cta{
    width: 100%;
    min-height: 3.25rem;
  }

  .mkb-routes .mkb-route-support-note{
    width: 100%;
    min-height: auto;
    padding-top: 0;
  }
}



  /* ==========================================================================
  61.6) Creadores (layout mínimo, sin tocar el partial del core)
  ========================================================================== */
/* Asegurar azul corporativo en los botones de creadores destacados dentro de la Home */
.mkb-home-creators .btn-primary,
.mkb-home-creators .btn-outline-primary {
  color: var(--mkb-primary);
  border-color: var(--mkb-primary);
}

.mkb-home-creators .btn-primary {
  background-color: var(--mkb-primary);
}

.mkb-home-creators .btn-primary:hover,
.mkb-home-creators .btn-outline-primary:hover {
  background-color: var(--mkb-primary);
  color: #fff;
}

/* ----*/

.mkb-home .mkb-sec-creators .row {
  row-gap: 1.5rem;
}

.mkb-home .mkb-sec-creators .mkb-creator--core {
  border-radius: 16px;
  padding-block: clamp(0.9rem, 1.4vw, 1.2rem);
}

.mkb-home .mkb-sec-creators .mkb-creator--core:hover {
  transform: translateY(-2px);
  transition: transform .18s, box-shadow .18s;
}

/* Botón de la sección (no de cada card) – aquí sí coral */
.mkb-home .mkb-sec-creators .btn-arrow.btn{
  border-radius: var(--mkb-radius-cta);
}

.mkb-home .mkb-sec-creators .btn-arrow.btn.btn-outline-primary {
  border-color: var(--mkb-coral);
  color: var(--mkb-coral);
}

.mkb-home .mkb-sec-creators .btn-arrow.btn.btn-outline-primary:hover {
  background: var(--mkb-coral);
  border-color: var(--mkb-coral);
  color: #fff;
}

/* (66) Creadores — evitar que las cards tapen el CTA */
.mkb-home .mkb-sec-creators .mkb-creator--core {
  position: relative;
  z-index: 1; /* capa base de las cards */
}

.mkb-home .mkb-sec-creators .mkb-creator--core:hover {
  z-index: 2; /* se eleva sobre otras cards, pero no sobre el CTA */
}

.mkb-home .mkb-sec-creators .cta-wrap {
  position: relative;
  z-index: 5; /* CTA siempre por encima */
}

/* Más espacio entre subtítulo y grid en Creadores */
.mkb-home .mkb-sec-creators .mkb-subtitle {
  padding-bottom: 0; /* neutraliza el pb-4 del Blade */
  margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
}

/* El grid respira un poco por encima del bloque de CTA */
.mkb-home .mkb-sec-creators .row.g-4 {
  margin-bottom: clamp(2rem, 3.5vw, 3rem);
}

/* Wrapper del texto + botón (nuevo footer) */
.mkb-home .mkb-sec-creators .mkb-creators-footer {
  margin-top: clamp(1.75rem, 3vw, 2.5rem);
  justify-content: space-between;
  align-items: center;
  max-width: 720px;
  margin-inline: auto;
}

/* Link “¿Quieres aparecer aquí?…” */
.mkb-home .mkb-sec-creators .mkb-creators-link-featured {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--mkb-primary);
  text-decoration: none;
}

.mkb-home .mkb-sec-creators .mkb-creators-link-featured:hover,
.mkb-home .mkb-sec-creators .mkb-creators-link-featured:focus {
  text-decoration: underline;
}

/* Comportamiento en mobile: apilado centrado */
@media (max-width: 575.98px) {
  .mkb-home .mkb-sec-creators .mkb-creators-footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }

  .mkb-home .mkb-sec-creators .mkb-creators-link-featured {
    max-width: 90%;
  }
}

/* 61.6 Creadores destacados – limitar a 3 en mobile */
@media (max-width: 767.98px) {
  .mkb-sec-creators .mkb-creator--mobile-hidden {
    display: none;
  }
}

.mkb-creator {
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

.mkb-creator-card {
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    cursor: pointer;
}

.mkb-creator-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.10);
    border-color: rgba(15, 23, 42, 0.10);
    text-decoration: none;
}

.mkb-creator-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.mkb-creator-card .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1.5rem 1.25rem 1.25rem;
}

.mkb-creator-card .card-title {
  margin-top: 0.9rem;
  margin-bottom: 0.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  flex-wrap: wrap;  
  min-height: 3.2rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;  
}

.mkb-creator-card__category {
  min-height: 1.4rem;
  max-height: 1.4rem;
  margin-bottom: 0.85rem;
  font-size: 0.84rem;
  line-height: 1.4rem;
  color: #7b8794;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mkb-creator-card .card-text {
  margin: 0;
  min-height: 3.2rem;
  max-height: 3.2rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mkb-creator-card__hint {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: .35rem;
  width: 100%;
  margin-top: auto;
  padding-top: 1rem;
  font-size: .875rem;
  color: #6b7280;
  opacity: .85;
}

.mkb-creator-card:hover .mkb-creator-card__hint {
  opacity: 1;
}

.mkb-featured-creators .col-md-4 {
  display: flex;
}

.mkb-featured-creators .col-md-4 > * {
  width: 100%;
}


/* ==========================================================
 61.7) Testimonials — slider con radios (sin JS) + pulido
 ========================================================== */

 

 /* Radios invisibles */
 .mkb-ts-input{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
 
 /* Viewport & track */
 .mkb-ts-viewport{ overflow:hidden; position:relative; }
 .mkb-ts-track{
   display:flex;
   width:400%;                               /* 4 slides */
   transform: translateX(0);
   transition: transform .45s ease;
 }
 .mkb-ts-slide{
   flex: 0 0 25%;                            /* 1/4 del track */
   max-width: 25%;
   text-align:center;
   padding: 0 1.5rem;
   box-sizing: border-box;
 }
 
 /* Desplazamiento por radio */
#ts-1:checked ~ .mkb-section-wrapper .mkb-ts-track{ transform: translateX(0); }
#ts-2:checked ~ .mkb-section-wrapper .mkb-ts-track{ transform: translateX(-25%); }
#ts-3:checked ~ .mkb-section-wrapper .mkb-ts-track{ transform: translateX(-50%); }
#ts-4:checked ~ .mkb-section-wrapper .mkb-ts-track{ transform: translateX(-75%); }

 
 
 
 /* Quote (sereno, sin comillas extra) */
 .mkb-ts-quote{
   font-weight: 400;
   line-height: 1.32;
   letter-spacing: -0.012em;
   font-size: clamp(1rem, 2vw, 1.65rem);
   margin: 0 auto clamp(1rem, 2vw, 1.25rem);
   max-width: 52ch;
   quotes: none;                              /* sin “ ” adicionales */
 }
 
 /* Meta en columna: nombre arriba, rol debajo */
 .mkb-ts-avatar{
   width:64px; height:64px; border-radius:50%;
   object-fit:cover; margin:0 auto .7rem;
   box-shadow: 0 2px 12px rgba(0,0,0,.08);
 }
 .mkb-ts-meta{
   display:flex; flex-direction:column; align-items:center; gap:2px;
   font-size:.95rem;
 }
 .mkb-ts-meta strong{ font-weight:700; }
 .mkb-ts-meta span{
   opacity:.7; text-transform:uppercase; letter-spacing:.06em; font-size:.8rem;
 }
 
 /* Thumbs */
 .mkb-ts-thumbs{
   display:flex; justify-content:center; gap:.75rem;
   margin-top: clamp(1rem, 2vw, 1.4rem);
 }
 .mkb-ts-thumbs label{
   display:block; width:36px; height:36px; border-radius:999px; overflow:hidden; cursor:pointer;
 }
 .mkb-ts-thumbs img{
   width:100%; height:100%; object-fit:cover; display:block;
   filter:grayscale(.2); opacity:.85;
   transition: transform .2s ease, opacity .2s ease, filter .2s ease;
 }
 .mkb-ts-thumbs label:hover img,
 .mkb-ts-thumbs label:focus-visible img{ transform:scale(1.06); opacity:1; filter:none; }
 
 /* Thumb activo según radio */
 #ts-1:checked ~ .mkb-ts-thumbs label[for="ts-1"] img,
 #ts-2:checked ~ .mkb-ts-thumbs label[for="ts-2"] img,
 #ts-3:checked ~ .mkb-ts-thumbs label[for="ts-3"] img,
 #ts-4:checked ~ .mkb-ts-thumbs label[for="ts-4"] img{
   outline:2px solid currentColor; filter:none; opacity:1; transform:none;
 }
 
 /* Flechas */
 .mkb-ts-arrows{ margin-top:1rem; display:flex; gap:1rem; justify-content:center; align-items:center; }
 .mkb-ts-arrows label{
   width:42px; height:42px; display:inline-grid; place-items:center;
   border-radius:999px; border:1px solid rgba(0,0,0,.1);
   font-size:1.15rem; cursor:pointer;
 }
 .mkb-ts-arrows label:hover{ box-shadow:0 6px 18px rgba(0,0,0,.06); }
 
 /* CTA inferior (coherente con otras secciones) */
 .mkb-ts-link{ text-align:center; margin-top:.75rem; }
 .mkb-link-quiet{ text-decoration:none; border-bottom:none; padding-bottom:2px; }
 .mkb-link-quiet:hover{ border-bottom: none; }
 
 /* Accesibilidad de movimiento */
 @media (prefers-reduced-motion: reduce){ .mkb-ts-track{ transition:none; } }
 
 

 /* Enlace inferior “Ver historias de éxito” */
.mkb-ts-link { 
text-align: center; 
margin-top: clamp(1rem, 2vw, 1.5rem); 
}

/* Ocultar por defecto todas las flechas "state-aware" */
.mkb-ts-prevs .mkb-ts-prev,
.mkb-ts-nexts .mkb-ts-next { display: none; }

/* Mostrar la pareja correcta según el radio seleccionado */
#ts-1:checked ~ .mkb-ts-arrows .mkb-ts-prev.s1,
#ts-1:checked ~ .mkb-ts-arrows .mkb-ts-next.s1 { display: inline-grid; }

#ts-2:checked ~ .mkb-ts-arrows .mkb-ts-prev.s2,
#ts-2:checked ~ .mkb-ts-arrows .mkb-ts-next.s2 { display: inline-grid; }

#ts-3:checked ~ .mkb-ts-arrows .mkb-ts-prev.s3,
#ts-3:checked ~ .mkb-ts-arrows .mkb-ts-next.s3 { display: inline-grid; }

#ts-4:checked ~ .mkb-ts-arrows .mkb-ts-prev.s4,
#ts-4:checked ~ .mkb-ts-arrows .mkb-ts-next.s4 { display: inline-grid; }


/* =========================================================
   (61.8) HOME — FAQs · bloque cerrado y aislado
   ========================================================= */

.mkb-home .home-faqs{
  --sec-top: clamp(3rem, 6vw, 5rem);
  --sec-bottom: clamp(3rem, 6vw, 5rem);
}

.mkb-home .home-faqs .mkb-title-2{
  font-weight: 400;
  letter-spacing: -0.02em;
}

.mkb-home .home-faqs .mkb-lead-2{
  max-width: 58ch;
  margin-inline: auto;
  color: var(--mkb-text-muted, #6b7280);
  line-height: 1.55;
}

/* Aislamiento fuerte del accordion de FAQs */
.mkb-home .home-faqs #accordionFaqs{
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-btn-icon-width: 1rem;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-color: var(--mkb-primary, #153472);
  --bs-accordion-active-bg: transparent;
  margin-top: .25rem;
}

.mkb-home .home-faqs #accordionFaqs .accordion-item{
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  border-top: 1px solid var(--mkb-border, rgba(17, 24, 39, 0.10));
}

.mkb-home .home-faqs #accordionFaqs .accordion-item:last-child{
  border-bottom: 1px solid var(--mkb-border, rgba(17, 24, 39, 0.10));
}

.mkb-home .home-faqs #accordionFaqs .accordion-header{
  margin: 0;
  padding: 0;
  background: transparent;
}

.mkb-home .home-faqs #accordionFaqs .accordion-button{
  display: flex;
  align-items: center;
  gap: .875rem;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 1.1rem 0;
  border: 0;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--mkb-text-strong, #111827);
  font-weight: 500;
  font-size: clamp(1rem, 0.7vw + 1rem, 1.1rem);
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-align: left;
  text-decoration: none;
}

.mkb-home .home-faqs #accordionFaqs .accordion-button:hover{
  color: var(--mkb-primary, #153472);
}

.mkb-home .home-faqs #accordionFaqs .accordion-button:not(.collapsed){
  color: var(--mkb-primary, #153472);
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mkb-home .home-faqs #accordionFaqs .accordion-button:focus,
.mkb-home .home-faqs #accordionFaqs .accordion-button:active{
  outline: 0;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.mkb-home .home-faqs #accordionFaqs .accordion-button:focus-visible{
  outline: 2px solid rgba(21, 52, 114, 0.16);
  outline-offset: 4px;
  border-radius: .3rem !important;
}

/* Reset fuerte del icono de Bootstrap */
.mkb-home .home-faqs #accordionFaqs .accordion-button::after{
  flex: 0 0 auto;
  margin-left: auto;
  margin-right: 0;
  transform: none;
  opacity: .75;
  background-position: center;
  background-size: 1rem;
}

.mkb-home .home-faqs #accordionFaqs .accordion-button:not(.collapsed)::after{
  transform: rotate(-180deg);
  opacity: 1;
}

/* Evita estados fantasmas por reglas globales */
.mkb-home .home-faqs #accordionFaqs .accordion-button.collapsed{
  color: var(--mkb-text-strong, #111827);
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.mkb-home .home-faqs #accordionFaqs .accordion-collapse{
  border: 0;
  background: transparent;
}

.mkb-home .home-faqs #accordionFaqs .accordion-body{
  margin: 0;
  padding: .1rem 0 1.1rem;
  color: var(--mkb-text, #374151);
  line-height: 1.68;
  max-width: 68ch;
}

.mkb-home .home-faqs #accordionFaqs .accordion-body p:last-child{
  margin-bottom: 0;
}

.mkb-home .home-faqs #accordionFaqs .accordion-body a{
  color: var(--mkb-primary, #153472);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mkb-home .home-faqs #accordionFaqs .accordion-body a:hover{
  text-decoration-thickness: 2px;
}

/* Forzar alineación correcta de respuestas */
.mkb-home #accordionFaqs .accordion-body {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    max-width: 60ch;   /* ancho de lectura óptimo */
    line-height: 1.65;
}



/* Link inferior */
.mkb-home .home-faqs {
  margin-top: 1.6rem;
  padding-top: .35rem;
  text-align: center;
}

.mkb-home .home-faqs  .mkb-link-inline{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: var(--mkb-primary, #153472);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .2s ease, color .2s ease, opacity .2s ease;
}

.mkb-home .home-faqs  .mkb-link-inline:hover{
  border-bottom-color: currentColor;
}

.mkb-home .home-faqs  .mkb-link-inline:focus-visible{
  outline: 2px solid rgba(21, 52, 114, 0.16);
  outline-offset: 4px;
  border-radius: .3rem;
}

/* Gap con la siguiente sección */
.mkb-home .home-faqs + section,
.mkb-home .home-faqs + div{
  margin-top: var(--mkb-section-gap, clamp(2rem, 4vw, 3rem));
}

@media (max-width: 991.98px){
  .mkb-home .home-faqs #accordionFaqs .accordion-body{
    max-width: 100%;
  }
}

@media (max-width: 576px){
  .mkb-home .home-faqs .mkb-title-2{
    font-size: 1.65rem;
  }

  .mkb-home .home-faqs .mkb-lead-2{
    max-width: 34ch;
  }

  .mkb-home .home-faqs #accordionFaqs .accordion-button{
    padding: 1rem 0;
  }

  .mkb-home .home-faqs #accordionFaqs .accordion-body{
    padding: 0 0 1rem;
    line-height: 1.62;
  }

  .mkb-home .home-faqs {
    margin-top: 1.35rem;
  }
}


  
/* =========================================================
   (61.9) HOME — CTA FINAL · mkb-prefooter-cta (Definitivo)
   ========================================================= */


.mkb-home-cta {
    padding: 80px 0;
    background: #ffffff;
}

.mkb-home-cta__inner {
    max-width: 680px;
    margin: 0 auto;
}

.mkb-home-cta__title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #0f172a;
}

.mkb-home-cta__subtitle {
    font-size: 16px;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 32px;
}

.mkb-home-cta__actions {
    margin-bottom: 14px;
}

.mkb-home-cta__primary {
    display: inline-block;
    padding: 14px 28px;
    background: #f97316;
    color: #ffffff;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mkb-home-cta__primary:hover {
    background: #ea580c;
    color: #ffffff;
}

.mkb-home-cta__secondary a {
    font-size: 14px;
    color: #64748b;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease;
}

.mkb-home-cta__secondary a:hover {
    color: #0f172a;
    border-color: #cbd5f5;
}
   

  /* ==========================================================
      Landing Creadores 62.N
  ========================================================== */
/* ==========================================================
62.1) Hero — Landing creadores
========================================================== */

.mkb-home .mkb-creators-hero-section{
    position: relative;
    overflow: hidden;
    padding: clamp(4.5rem, 7vw, 6.5rem) 0 clamp(4rem, 6vw, 5.5rem);
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--mkb-creators-rgb), 0.15) 0%, rgba(var(--mkb-creators-rgb), 0.05) 32%, transparent 64%),
        linear-gradient(180deg, #f7f3ff 0%, #fcfbff 34%, #ffffff 100%);
}

.mkb-home .mkb-creators-hero-copy{
    max-width: 620px;
}

.mkb-home .mkb-hero-creators-title{
    margin: 0;
    font-size: clamp(2.5rem, 2rem + 1.4vw, 4rem);
    line-height: 1.06;
    letter-spacing: -0.035em;
    font-weight: 700 !important;
    color: var(--mkb-text);
    text-wrap: balance;
}

.mkb-home .mkb-hero-creators-subtitle{
    max-width: 36rem;
    font-size: clamp(1.04rem, 1rem + 0.14vw, 1.16rem);
    line-height: 1.7;
    color: #223046;
}

.mkb-home .mkb-creators-hero-actions{
    gap: 0.9rem;
    margin-top: 1.75rem;
    margin-bottom: 1rem;
}

.mkb-home .mkb-creators-hero-actions .btn{
    min-height: 48px;
    padding: 0.8rem 1.45rem;
    border-radius: 0.95rem;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: none;
}

.mkb-home .mkb-creators-hero-actions .btn.btn-primary{
    font-weight: 600;
    color: #fff;
}

.mkb-home .mkb-creators-hero-actions .btn.btn-primary:hover,
.mkb-home .mkb-creators-hero-actions .btn.btn-primary:focus{
    color: #fff;
}

.mkb-home .mkb-creators-hero-note{
    font-size: 0.95rem;
    line-height: 1.55;
    color: #5f6b7a;
}

.mkb-home .mkb-creators-hero-visual{
    position: relative;
    max-width: 760px;
    margin-left: auto;
}

.mkb-home .mkb-creators-hero-mockup-wrap{
    position: relative;
    padding: none;
    border: none;
    border-radius: 1.6rem;
}

.mkb-home .mkb-creators-hero-mockup{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1rem;
}

.mkb-home .mkb-creators-hero-points{
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.1rem;
}

.mkb-home .mkb-creators-hero-point{
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 42px;
    padding: 0.7rem 0.95rem;
    border: 1px solid rgba(109, 40, 217, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    font-size: 0.94rem;
    line-height: 1.3;
    color: #243142;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.05);
}

.mkb-home .mkb-creators-hero-point-dot{
    width: 0.5rem;
    height: 0.5rem;
    flex: 0 0 0.5rem;
    border-radius: 50%;
    background: rgb(var(--mkb-creators-rgb));
}

/* Desktop */
@media (min-width: 992px){
    .mkb-home .mkb-creators-hero-copy{
        padding-right: 1.25rem;
    }

    .mkb-home .mkb-creators-hero-visual{
        transform: translateX(10px);
    }
}

/* Tablet */
@media (max-width: 991.98px){
    .mkb-home .mkb-creators-hero-section{
        padding-top: clamp(4rem, 8vw, 5rem);
        padding-bottom: clamp(3.5rem, 7vw, 4.5rem);
    }

    .mkb-home .mkb-creators-hero-copy{
        max-width: 100%;
    }

    .mkb-home .mkb-hero-creators-title{
        font-size: clamp(2.35rem, 2rem + 1.8vw, 3.5rem);
    }

    .mkb-home .mkb-creators-hero-visual{
        max-width: 100%;
        margin-left: 0;
        transform: none;
    }
}

/* Mobile */
@media (max-width: 767.98px){
    .mkb-home .mkb-creators-hero-section{
        padding-top: 3.75rem;
        padding-bottom: 3.5rem;
    }

    .mkb-home .mkb-hero-creators-title{
        font-size: clamp(2rem, 1.7rem + 1.6vw, 2.7rem);
        line-height: 1.08;
        text-wrap: initial;
    }

    .mkb-home .mkb-hero-creators-subtitle{
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.65;
    }

    .mkb-home .mkb-creators-hero-actions{
        flex-direction: column;
        align-items: stretch;
    }

    .mkb-home .mkb-creators-hero-actions .btn{
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .mkb-home .mkb-creators-hero-points{
        flex-direction: column;
        align-items: stretch;
    }

    .mkb-home .mkb-creators-hero-point{
        width: 100%;
        border-radius: 1rem;
    }

    
}




/* ------------------ 62.2 Why ----------------------------- */

/* Grid de razones */
.mkb-home .mkb-creators-why-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem;
}

/* Card base */
.mkb-home .mkb-creators-why-card{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  height: 100%;
  padding: 1rem 1.1rem;
  border-radius: var(--mkb-radius);
  border: 1px solid var(--mkb-border);
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15,23,42,0.06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.mkb-home .mkb-creators-why-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(15,23,42,0.14);
}

/* Icono */
.mkb-home .mkb-creators-why-icon{
  width: 40px;
  height: 40px;
  border-radius: var(--mkb-radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mkb-creators);
  background: color-mix(in srgb, var(--mkb-creators) 12%, #ffffff);
}

.mkb-home .mkb-creators-why-icon .bi{
  font-size: 1.3rem;
  line-height: 1;
}

/* Tipografía */
.mkb-home .mkb-creators-why-title{
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.01em;
  font-size: 1rem;
  line-height: var(--mkb-line-tight, 1.45);
}

.mkb-home .mkb-creators-why-text{
  margin: 0;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
  line-height: var(--mkb-line-body, 1.6);
  color: var(--mkb-muted);
  font-weight: 400;
}

/* Ajustes mobile */
@media (max-width: 575.98px){
  .mkb-home .mkb-creators-why-grid{
    gap: 1rem;
  }

  .mkb-home .mkb-creators-why-card{
    padding: 0.95rem 0.95rem 1.05rem;
  }
}

/* Columna izquierda a modo de columna flexible */
.mkb-home .mkb-creators-why-left{
  display: flex;
  flex-direction: column;
}

/* Lista de beneficios */
.mkb-home .mkb-creators-why-list{
  margin: 1.6rem 0 0;
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: 0.75rem;
}

.mkb-home .mkb-creators-why-list li{
  position: relative;
  padding-left: 1.3rem;
  font-size: var(--mkb-font-body);
  line-height: var(--mkb-line-body, 1.6);
  color: var(--mkb-text);
  font-weight: 400;
}

/* bullet violeta */
.mkb-home .mkb-creators-why-list li::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0.1rem;
  color: var(--mkb-creators);
  font-weight: 700;
}

/* strong en primera línea, texto debajo */
.mkb-home .mkb-creators-why-list li strong{
  display: block;
  font-weight: 600;
  margin-bottom: 0.05rem;
}

/* Bloque inferior: meta + enlace pegados hacia abajo */
.mkb-home .mkb-creators-why-bottom{
  margin-top: auto;              /* empuja este bloque al bottom de la columna */
  padding-top: 2rem;             /* separa claramente de los bullets */
}

/* Meta (texto beta) más abajo */
.mkb-home .mkb-creators-why-meta{
  margin: 0;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
  color: var(--mkb-muted);
}

/* Enlace alineado visualmente al bottom de la columna derecha */
.mkb-home .section-creators-why .mkb-link-cta{
  margin-top: 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
}

.mkb-home .section-creators-why .mkb-link-cta i{
  font-size: 0.95rem;
}


/* ====================== 62.3 CREADORES — FORMATS (editorial) ====================== */
/* Reutiliza sistema Home: mkb-heading/mkb-subtitle y variantes por rol */

.mkb-home .mkb-creators-formats{
  background: var(--mkb-surface-soft, #f7f7fb);
}

/* Alias de rol (mejor que “--violet” porque es semántico) */
.mkb-home .mkb-eyebrow--creators{
  color: rgba(var(--mkb-creators-rgb), .95);
  background: rgba(var(--mkb-creators-rgb), .08);
  border: 1px solid rgba(var(--mkb-creators-rgb), .14);
  padding: .2rem .55rem;
  border-radius: .5rem;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .85rem;
  font-weight: 500;
}

/* Ritmo del grid */
.mkb-home .mkb-format-grid{
  max-width: 980px;
  margin: 1.75rem auto 0;
}

/* Cada feature (mantener editorial, evitar look “tabla”) */
.mkb-home .mkb-format-feature{
  align-items: flex-start;
  gap: 1.1rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.mkb-home .mkb-format-feature__content{
  padding-top: 0.1rem;
}

/* Ajuste clave: títulos menos “pesados” */
.mkb-home .mkb-format-feature__title{
  font-size: 1rem;
  font-weight: 550; /* antes 600 -> baja “grito” */
  letter-spacing: -0.01em;
  margin: 0 0 .2rem;
}

.mkb-home .mkb-format-feature__body{
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0;
  color: var(--mkb-text);
  opacity: .9;
}

/* Pills: ya están definidas globalmente; solo aseguramos coherencia aquí */
.mkb-home .mkb-pill{
  font-weight: 400; /* norma de estilo */
}

/* Hover ligero: vida sin parecer banner */
.mkb-home .mkb-format-feature:hover .mkb-format-feature__title{
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* Evitar línea extra al final */
.mkb-home .mkb-format-grid .col-md-6:last-child .mkb-format-feature:last-child{
  border-bottom: none;
  margin-bottom: 0;
}

/* Ejemplo global (uno solo, editorial y discreto) */
.mkb-home .mkb-format-combo{
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  background: #fff;
  padding: 1rem 1.1rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.mkb-home .mkb-format-combo__label{
  font-size: .85rem;
  letter-spacing: .02em;
  text-transform: uppercase;
  opacity: .75;
  margin-bottom: .25rem;
}

.mkb-home .mkb-format-combo__text{
  line-height: 1.55;
  opacity: .92;
}

/* Mobile: un poco menos “tabla” */
@media (max-width: 767.98px){
  .mkb-home .mkb-format-feature{
    margin-bottom: 1rem;
    padding-bottom: 0.6rem;
  }
}

/* Pills por rol (Creadores) — misma lógica que eyebrow: semántico, no “violet” */
.mkb-home .mkb-pill--creators{
  color: rgba(var(--mkb-creators-rgb), .95);
  background: rgba(var(--mkb-creators-rgb), .08);
  border: 1px solid rgba(var(--mkb-creators-rgb), .14);
}





/* ====================== 62.4 CREADORES — HOW (Cómo funciona para ti) ====================== */
/* Mantener estilo sobrio, sin repetir cards de 62.2 ni grids de 62.3 */

.mkb-home .mkb-creators-how{
  position: relative;
}

.mkb-home .mkb-creators-how__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .85rem;
  font-weight: 500;
  color: rgba(var(--mkb-creators-rgb), .95);
  background: rgba(var(--mkb-creators-rgb), .08);
  border: 1px solid rgba(var(--mkb-creators-rgb), .14);
  padding: .2rem .55rem;
  border-radius: .5rem;
}

.mkb-home .mkb-creators-how__panel{
  background: var(--mkb-surface, #fff);
  border: 1px solid var(--mkb-border);
  border-radius: var(--mkb-radius);
  box-shadow: var(--mkb-shadow);
  padding: clamp(1.1rem, 1.6vw, 1.5rem);
}

.mkb-home .mkb-creators-how__step{
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: .65rem 0;
}

.mkb-home .mkb-creators-how__num{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: var(--mkb-radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .95rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, var(--mkb-creators) 0%, #6D28D9 100%);
  box-shadow: 0 6px 16px rgba(124,58,237,.22);
  margin-top: .1rem;
}

.mkb-home .mkb-creators-how__content{
  min-width: 0;
}

.mkb-home .mkb-creators-how__step-title{
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.25;
  font-size: clamp(1.02rem, .98rem + .2vw, 1.1rem);
  margin-bottom: .15rem;
}

.mkb-home .mkb-creators-how__step-text{
  color: var(--mkb-muted);
  font-size: var(--mkb-font-body-sm, .9375rem);
  line-height: var(--mkb-line-body, 1.6);
}

.mkb-home .mkb-creators-how__divider{
  height: 1px;
  background: var(--mkb-divider-soft, rgba(2,6,23,.06));
  margin-left: 50px; /* alinea con contenido y no con número */
}

.mkb-home .mkb-creators-how__support{
  margin-top: 1.25rem;
  padding: .9rem 1rem;
  border-radius: .75rem;
  background: rgba(var(--mkb-creators-rgb), .06);
  border: 1px solid rgba(var(--mkb-creators-rgb), .12);
}

.mkb-home .mkb-creators-how__support-title{
  font-size: .95rem;
  font-weight: 600;
  margin-bottom: .2rem;
}

.mkb-home .mkb-creators-how__support-text{
  color: var(--mkb-muted);
  font-size: var(--mkb-font-body-sm, .9375rem);
}

.mkb-home .mkb-creators-how__support-link{
  display: inline-block;
  margin-top: .45rem;
  font-size: .92rem;
  font-weight: 500;
  color: var(--mkb-creators);
  text-decoration: none;
}

.mkb-home .mkb-creators-how__support-link:hover{
  text-decoration: underline;
}

.mkb-home .mkb-creators-how__micro{
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .9rem;
  padding-top: .9rem;
  border-top: 1px dashed var(--mkb-divider-soft, rgba(2,6,23,.06));
}

.mkb-home .mkb-creators-how__micro-pill{
  display: inline-flex;
  align-items: center;
  font-size: .82rem;
  font-weight: 500;
  color: rgba(var(--mkb-creators-rgb), .95);
  background: rgba(var(--mkb-creators-rgb), .07);
  border: 1px solid rgba(var(--mkb-creators-rgb), .12);
  padding: .18rem .5rem;
  border-radius: .5rem;
}

/* Responsive fino */
@media (max-width: 991.98px){
  .mkb-home .mkb-creators-how__panel{
    padding: 1.05rem;
  }
  .mkb-home .mkb-creators-how__divider{
    margin-left: 46px;
  }
}

@media (max-width: 575.98px){
  .mkb-home .mkb-creators-how__step{
    gap: .85rem;
  }
  .mkb-home .mkb-creators-how__num{
    width: 30px;
    height: 30px;
    font-size: .9rem;
  }
  .mkb-home .mkb-creators-how__divider{
    margin-left: 42px;
  }
}
/* 62.4 How — ajuste separación mobile/stack */
@media (max-width: 991.98px){
  .mkb-home .mkb-creators-how .col-lg-5{
    margin-bottom: .9rem;
  }
}

/* 62.5 - Earnings (Ingresos creadores) ----------------------------------- */
.mkb-home .mkb-creators-earnings {
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f7f3ff 60%,
    #ffffff 100%
  );
}

.mkb-home .mkb-creators-earnings .mkb-subtitle {
  margin-bottom: 1.4rem;
}

/* Columna izquierda */

.mkb-home .mkb-creators-earnings-streams {
  margin: 1.6rem 0 1.75rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.75rem;
}

.mkb-home .mkb-creators-earnings-streams li {
  position: relative;
  padding-left: 1.3rem;
  font-size: var(--mkb-font-body);
  line-height: var(--mkb-line-body, 1.6);
  color: var(--mkb-text);
}

.mkb-home .mkb-creators-earnings-streams li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.15rem;
  color: var(--mkb-creators);
  font-weight: 700;
}

.mkb-home .mkb-creators-earnings-streams li strong {
  display: block;
  font-weight: 600;
  margin-bottom: 0.1rem;
}

/* Card derecha con simulador */

.mkb-home .mkb-creators-earnings-card {
  border-radius: 1.25rem;
  padding: 1.3rem 1.4rem 1.4rem;
  background: radial-gradient(
      circle at 0% 0%,
      rgba(var(--mkb-creators-rgb), 0.32) 0%,
      rgba(var(--mkb-creators-rgb), 0.06) 40%,
      transparent 70%
    ),
    #0f172a;
  color: #f9fafb;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.55);
}

.mkb-home .mkb-creators-earnings-card-title {
  margin: 0 0 0.25rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.mkb-home .mkb-creators-earnings-card-text {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  color: rgba(249, 250, 251, 0.8);
}

/* Controles del simulador */

.mkb-home .mkb-creators-earnings-control-group {
  display: grid;
  gap: 0.9rem;
}

.mkb-home .mkb-creators-earnings-control {
  width: 100%;
}

.mkb-home .mkb-creators-earnings-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
  color: rgba(249, 250, 251, 0.9);
}

.mkb-home .mkb-creators-earnings-label-value {
  font-weight: 600;
  font-size: 0.85rem;
}

/* Slider */

.mkb-home .mkb-creators-earnings-range {
  width: 100%;
  /*-webkit-appearance: none;*/
  height: 6px;
  border-radius: var(--mkb-radius-pill);
  background: rgba(148, 163, 184, 0.35);
  outline: none;
}

.mkb-home .mkb-creators-earnings-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid rgba(var(--mkb-creators-rgb), 1);
  cursor: pointer;
  box-shadow: 0 0 0 3px rgba(var(--mkb-creators-rgb), 0.25);
}

.mkb-home .mkb-creators-earnings-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid rgba(var(--mkb-creators-rgb), 1);
  cursor: pointer;
  box-shadow: 0 0 0 3px rgba(var(--mkb-creators-rgb), 0.25);
}

/* Resultado */

.mkb-home .mkb-creators-earnings-result {
  margin-top: 1.2rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(148, 163, 184, 0.45);
}

.mkb-home .mkb-creators-earnings-result-label {
  margin: 0 0 0.25rem;
  font-size: 0.82rem;
  color: rgba(249, 250, 251, 0.8);
}

.mkb-home .mkb-creators-earnings-result-value {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.mkb-home .mkb-creators-earnings-result-value small {
  font-size: 0.8rem;
  opacity: 0.85;
}

.mkb-home .mkb-creators-earnings-result-meta {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  color: rgba(148, 163, 184, 0.95);
}

/* Responsive */

@media (max-width: 991.98px) {
  .mkb-home .mkb-creators-earnings-card {
    margin-top: 0.5rem;
  }
}

/* Micro-CTA dentro del panel del simulador (62.5) */

.mkb-home .mkb-creators-earnings-inline-cta {
  margin-top: 1.1rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(148, 163, 184, 0.45);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem 1.2rem;
}

.mkb-home .mkb-creators-earnings-inline-cta-copy h3 {
  margin: 0 0 0.15rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgba(249, 250, 251, 0.96);
}

.mkb-home .mkb-creators-earnings-inline-cta-copy p {
  margin: 0;
  font-size: 0.84rem;
  color: rgba(209, 213, 219, 0.9);
}

.mkb-home .mkb-creators-earnings-inline-cta .mkb-btn--creators {
  white-space: nowrap;
  font-size: 0.9rem;
  padding-inline: 1.2rem 1.3rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;

  background: rgba(var(--mkb-creators-rgb), 1);
  border-color: rgba(var(--mkb-creators-rgb), 1);
  color: #ffffff;
}

.mkb-home .mkb-creators-earnings-inline-cta .mkb-btn--creators:hover {
  background: rgba(var(--mkb-creators-rgb), 0.9);
  border-color: rgba(var(--mkb-creators-rgb), 0.9);
  color: #ffffff;
}

.mkb-home .mkb-creators-earnings-inline-cta-arrow {
  font-size: 1rem;
  line-height: 1;
}

@media (max-width: 767.98px) {
  .mkb-home .mkb-creators-earnings-inline-cta {
    align-items: flex-start;
  }
}




/* 62.6) Compare creadores — Escenarios de modelo de negocio ---------------- */


/* Fila general: un poco más de aire entre cards en desktop */
.mkb-home .mkb-creators-compare-row{
  margin-top: 1.75rem;
}

/* Card base */
.mkb-home .mkb-creators-compare-card{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  height: 100%;
  padding: 1.2rem 1.25rem 1.3rem;
  border-radius: var(--mkb-radius);
  border: 1px solid var(--mkb-border);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.mkb-home .mkb-creators-compare-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}

/* Pill "Escenario" */
.mkb-home .mkb-creators-compare-pill{
  margin-bottom: 0.2rem;
  font-size: 0.78rem;
}

/* Títulos y textos de las cards */
.mkb-home .mkb-creators-compare-card-title{
  margin: 0;
  font-weight: 600;
  font-size: clamp(1.02rem, 0.98rem + .18vw, 1.1rem);
  letter-spacing: -.01em;
}

.mkb-home .mkb-creators-compare-card-text{
  margin: 0;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
  color: var(--mkb-muted);
}

/* Lista de bullets dentro de cada escenario */
.mkb-home .mkb-creators-compare-card-list{
  margin: 0.4rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.4rem;
}

.mkb-home .mkb-creators-compare-card-list li{
  position: relative;
  padding-left: 1.1rem;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
}

.mkb-home .mkb-creators-compare-card-list li::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--mkb-creators);
  font-weight: 700;
}

/* Card Mindkyb destacada */
.mkb-home .mkb-creators-compare-card--mindkyb{
  border-color: rgba(var(--mkb-creators-rgb), 0.32);
  background:
    radial-gradient(circle at 0% 0%,
      rgba(var(--mkb-creators-rgb), 0.16) 0%,
      rgba(var(--mkb-creators-rgb), 0.04) 36%,
      transparent 70%
    ),
    #ffffff;
  box-shadow: 0 18px 52px rgba(15, 23, 42, 0.18);
}

/* Meta inferior + puente hacia manifiesto */
.mkb-home .mkb-creators-compare-meta{
  margin: 0;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
  color: var(--mkb-muted);
}

.mkb-home .mkb-creators-compare-bridge{
  margin: 0.6rem 0 0;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
  font-weight: 500;
  color: rgba(var(--mkb-creators-rgb), 0.95);
}

/* Ajustes responsive finos */
@media (max-width: 991.98px){
  .mkb-home .mkb-creators-compare-row{
    margin-top: 1.5rem;
  }
}

@media (max-width: 575.98px){
  .mkb-home .mkb-creators-compare-card{
    padding: 1.05rem 1.05rem 1.15rem;
  }
}


/* 62.7) Manifiesto / Compromiso creadores --------------------------------- */


.mkb-home .mkb-creators-manifest-quote {
  margin-top: 1.6rem;
  padding: 0.9rem 1rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(var(--mkb-creators-rgb), 0.16);
  background: rgba(var(--mkb-creators-rgb), 0.03);
}

.mkb-home .mkb-creators-manifest-quote-text {
  margin: 0 0 0.35rem;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
  line-height: var(--mkb-line-body, 1.6);
}

.mkb-home .mkb-creators-manifest-quote-meta {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(15, 23, 42, 0.75);
}

/* Lista de puntos del manifiesto */

.mkb-home .mkb-creators-manifest-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.9rem;
}

.mkb-home .mkb-creators-manifest-item {
  position: relative;
  padding-left: 1.4rem;
}

.mkb-home .mkb-creators-manifest-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 8px;
  height: 8px;
  border-radius: var(--mkb-radius-pill);
  background: rgba(var(--mkb-creators-rgb), 0.95);
  box-shadow: 0 0 0 2px rgba(var(--mkb-creators-rgb), 0.16);
}

.mkb-home .mkb-creators-manifest-title {
  margin: 0 0 0.1rem;
  font-weight: 600;
  font-size: clamp(1rem, 0.98rem + 0.2vw, 1.08rem);
  letter-spacing: -0.01em;
}

.mkb-home .mkb-creators-manifest-text {
  margin: 0;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
  color: var(--mkb-muted);
}

.mkb-home .mkb-creators-manifest-meta {
  margin: 1.25rem 0 0;
  margin-top: 1.5rem;
  max-width: 32rem;
  font-size: var(--mkb-font-body-sm, 0.9375rem);
  color: var(--mkb-muted);
}

/* =========================================================
   (61.8) HOME — FAQs · versión funnel-first limpia
   ========================================================= */

.mkb-home .home-faqs{
  padding-top: clamp(3rem, 5vw, 4.75rem);
  padding-bottom: clamp(3rem, 5vw, 4.75rem);
}

.mkb-home .home-faqs .mkb-title-2{
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: .75rem;
}

.mkb-home .home-faqs .mkb-lead-2{
  max-width: 58ch;
  margin-inline: auto;
  color: var(--mkb-text-muted, #7b8ca5);
  line-height: 1.55;
}

.mkb-home .mkb-accordion--minimal{
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  margin-top: .25rem;
}

.mkb-home .mkb-accordion--minimal .accordion-item{
  background: transparent;
  border: 0;
  border-top: 1px solid var(--mkb-border, rgba(17, 24, 39, 0.10));
  border-radius: 0 !important;
  box-shadow: none;
  margin: 0;
  overflow: hidden;
}

.mkb-home .mkb-accordion--minimal .accordion-item:last-child{
  border-bottom: 1px solid var(--mkb-border, rgba(17, 24, 39, 0.10));
}

.mkb-home .mkb-accordion--minimal .accordion-header{
  margin: 0;
}

.mkb-home .mkb-accordion--minimal .accordion-button{
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1.25rem 0;
  border: 0;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mkb-text-strong, #111827);
  font-size: clamp(1rem, 0.35vw + 1rem, 1.12rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  text-align: left;
}

.mkb-home .mkb-accordion--minimal .accordion-button:hover{
  color: var(--mkb-primary, #153472);
}

.mkb-home .mkb-accordion--minimal .accordion-button:not(.collapsed){
  color: var(--mkb-primary, #153472);
  background: transparent !important;
  box-shadow: none !important;
}

.mkb-home .mkb-accordion--minimal .accordion-button:focus,
.mkb-home .mkb-accordion--minimal .accordion-button:active{
  outline: none;
  box-shadow: none !important;
  background: transparent !important;
}

.mkb-home .mkb-accordion--minimal .accordion-button:focus-visible{
  outline: 2px solid rgba(21, 52, 114, 0.16);
  outline-offset: 4px;
  border-radius: .35rem !important;
}

.mkb-home .mkb-accordion--minimal .accordion-button::after{
  flex: 0 0 auto;
  margin-left: auto;
  background-size: 1rem;
  opacity: .7;
}

.mkb-home .mkb-accordion--minimal .accordion-button:hover::after,
.mkb-home .mkb-accordion--minimal .accordion-button:not(.collapsed)::after{
  opacity: 1;
}

.mkb-home .mkb-accordion--minimal .accordion-collapse{
  border: 0;
}

.mkb-home .mkb-accordion--minimal .accordion-body{
  padding: 0 0 1.35rem;
  color: var(--mkb-text, #2f3a4a);
  font-size: 1.03rem;
  line-height: 1.72;
  max-width: 68ch;
}

.mkb-home .mkb-accordion--minimal .accordion-body p:last-child{
  margin-bottom: 0;
}

.mkb-home .mkb-accordion--minimal .accordion-body a{
  color: var(--mkb-primary, #153472);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mkb-home .mkb-accordion--minimal .accordion-body a:hover{
  text-decoration-thickness: 2px;
}

.mkb-home .home-faqs {
  margin-top: 1.4rem;
  padding-top: .2rem;
  text-align: center;
}

.mkb-home .home-faqs  .mkb-link-inline{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mkb-text-muted, #6b7280);
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .2s ease, border-color .2s ease;
}

.mkb-home .home-faqs  .mkb-link-inline:hover{
  color: var(--mkb-primary, #153472);
  border-bottom-color: currentColor;
}

@media (max-width: 991.98px){
  .mkb-home .mkb-accordion--minimal .accordion-body{
    max-width: 100%;
  }
}

@media (max-width: 767.98px){
  .mkb-home .home-faqs{
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }

  .mkb-home .home-faqs .mkb-title-2{
    margin-bottom: .65rem;
  }

  .mkb-home .home-faqs .mkb-lead-2{
    max-width: 34ch;
    font-size: 1rem;
  }

  .mkb-home .mkb-accordion--minimal .accordion-button{
    padding: 1.08rem 0;
    font-size: 1.02rem;
    line-height: 1.4;
  }

  .mkb-home .mkb-accordion--minimal .accordion-body{
    padding: 0 0 1.15rem;
    font-size: .99rem;
    line-height: 1.66;
  }

  .mkb-home .home-faqs {
    margin-top: 1.5rem;
  }
}


/* ==========================================================================
62.9) CTA final — Landing Creadores
========================================================================== */
.mkb-home .mkb-prefooter-cta--creators{
    padding-block: clamp(4rem, 7vw, 6rem);
    background:
        radial-gradient(circle at 0% 0%,
            rgba(var(--mkb-creators-rgb), 0.10) 0%,
            rgba(var(--mkb-creators-rgb), 0.03) 35%,
            transparent 65%
        ),
        linear-gradient(180deg, #f8f7ff 0%, #ffffff 100%);
    border-top: 1px solid var(--mkb-divider-soft);
}

.mkb-home .mkb-prefooter-cta--creators .container{
    max-width: 1160px;
}

.mkb-home .mkb-prefooter-cta__title{
    margin: 0;
    font-size: clamp(2rem, 2.8vw, 3rem);
    line-height: 1.15;
    font-weight: 500;
    letter-spacing: -0.02em;
    max-width:28ch;
    color: var(--mkb-text);
    font-size: clamp(2rem, 2.5vw, 2.6rem);
    
}

.mkb-home .mkb-prefooter-cta__body{
    max-width: auto;
    font-size: 1.05rem;
    line-height: 1.65;
    color: var(--mkb-muted);
}

.mkb-home .mkb-prefooter-actions{
    align-items: flex-start;
}

.mkb-home .mkb-prefooter-cta__btn{
    padding: 0.95rem 1.45rem;
    font-weight: 600;    
    white-space: nowrap;
    box-shadow: 0 12px 28px rgba(249, 115, 22, 0.18);
}

.mkb-home .mkb-prefooter-cta__btn:hover,
.mkb-home .mkb-prefooter-cta__btn:focus{
    color: #fff;
}

.mkb-home .mkb-prefooter-cta--creators .btn.btn-primary{
    color: #ffffff;
}

.mkb-home .mkb-prefooter-cta--creators .btn.btn-primary:hover{
    color: #ffffff;
}

.mkb-home .mkb-prefooter-actions{
    align-items: center;
}

@media (max-width: 991.98px){
    .mkb-home .mkb-prefooter-cta__title{
        max-width: none;
    }

    .mkb-home .mkb-prefooter-cta__body{
        max-width: 62ch;
    }
}

@media (max-width: 575.98px){
    .mkb-home .mkb-prefooter-cta--creators{
        padding-block: 3.25rem 3.75rem;
    }

    .mkb-home .mkb-prefooter-actions,
    .mkb-home .mkb-prefooter-cta__btn{
        width: 100%;
    }

    .mkb-home .mkb-prefooter-cta__btn{
        justify-content: center;
    }
}

/* MOCKUP HERO CREADORES */
.mkb-hero-mockup{
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.12);
    transition: transform .3s ease;
}

.mkb-hero-mockup:hover{
    transform: translateY(-4px);
}

/* Contenedor visual (ya existe pero lo reforzamos) */
.mkb-home .mkb-hero-visual-creators{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}



/* ==============================================================================
   70.0) - Creators Apply (Form)
   ============================================================================== */

.mkb-apply .mkb-wrap{
  max-width: 860px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 2vw, 1.5rem);
  padding-block: clamp(2rem, 4vw, 3rem);
}

.mkb-apply .mkb-card{
  background: var(--mkb-surface, #fff);
  border: 1px solid var(--mkb-border, rgba(0,0,0,.08));
  border-radius: var(--mkb-radius, 14px);
  box-shadow: 0 10px 26px rgba(16,24,40,.06);
  padding: clamp(1.25rem, 2vw, 1.5rem);
}

.mkb-apply .mkb-title{
  font-weight: 700;
  letter-spacing: -.01em;
  margin: 0 0 .35rem 0;
  line-height: 1.25;
}

.mkb-apply .mkb-subtitle{
  margin: 0;
  color: var(--mkb-muted, #7A8792);
  line-height: 1.55;
  font-size: .98rem;
}

.mkb-apply .mkb-divider{
  border: 0;
  border-top: 1px solid var(--mkb-divider-soft, rgba(2,6,23,.06));
  margin: 1.1rem 0;
}

/* Inputs (sin “bootstrap puro”) */
.mkb-apply .form-label{ font-weight: 500; }

.mkb-apply .form-control,
.mkb-apply .form-select{
  border-radius: calc(var(--mkb-radius, 14px) - 4px);
  border-color: var(--mkb-border, rgba(0,0,0,.12));
  padding-block: .65rem;
  background-color: #fff;
  min-height: 44px;
  display: block;
  width: 100%;
  margin-top: .35rem;
  min-height: 44px;
}

.mkb-apply .form-control:focus,
.mkb-apply .form-select:focus{
  border-color: var(--mkb-primary, #0033A0);
  box-shadow: 0 0 0 .2rem rgba(0, 51, 160, .22);
}

.mkb-apply .form-text{ color: var(--mkb-muted, #7A8792); }

/* CTA */
.mkb-apply .btn-mkb-primary{
  color: #fff;
  background: var(--mkb-coral, #FF6B35);
  border-color: var(--mkb-coral, #FF6B35);
  border-radius: var(--mkb-radius-cta, .6rem);
  padding: .7rem 1.05rem;
  font-weight: 500;
}

.mkb-apply .btn-mkb-primary:hover,
.mkb-apply .btn-mkb-primary:focus{
  color: #fff;
}

.mkb-apply .btn-mkb-primary:hover{
  filter: brightness(1.04);
  transform: translateY(-1px);
}

.mkb-apply .btn-mkb-primary:disabled{
  opacity: .65;
  transform: none;
}

/* Alerts coherentes */
.mkb-apply .alert{
  border-radius: calc(var(--mkb-radius, 14px) - 4px);
}

/* Honeypot */
.mkb-apply .hp-field{
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Inline email mismatch */
.mkb-apply .mkb-inline-error{
  display: none;
  margin-top: .35rem;
  font-size: .9rem;
  color: #b42318;
}
.mkb-apply .mkb-inline-error[data-show="1"]{ display: block; }

/* Evita que el contenido quede debajo del navbar fijo */
.mkb-apply{
  padding-top: 84px; /* ajusta si tu navbar es más alto */
}

@media (max-width: 768px){
  .mkb-apply{ padding-top: 96px; }
}
/* Offset para navbar fixed (70px) */
.mkb-apply{
  padding-top: calc(70px + 18px);
}

/* Espacio entre botón y texto “Revisamos…” (evita que quede pegado) */
.mkb-apply .cta-row{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;            /* separación real */
  align-items: center;
}
.mkb-apply .cta-row small{
  margin-left: 0;       /* por si Bootstrap mete márgenes raros */
}

/* ===========================
   Apply form: label-control spacing (SAFE)
   =========================== */

/* El label se separa del elemento anterior */
.mkb-apply .form-label{
  display: block;
  margin-top: 16px;   /* separa del campo anterior */
  margin-bottom: 6px; /* se pega al control */
  line-height: 1.35;
}

/* El primer label del formulario no necesita tanto margen arriba */
.mkb-apply form .form-label:first-of-type{
  margin-top: 0;
}

/* Los controles no deben empujar hacia arriba */
.mkb-apply .form-control,
.mkb-apply .form-select,
.mkb-apply textarea.form-control{
  margin-top: 0 !important;
}

/* Ayudas/errores: cerca del control, no del siguiente label */
.mkb-apply .form-text,
.mkb-apply .invalid-feedback{
  margin-top: 8px;
}

/* Si aparece el error inline del email, que no “rompa” el ritmo */
.mkb-apply #emailMismatch{
  margin-top: 8px;
}

/* ===========================
   Apply form vertical rhythm (FINAL FIX)
   =========================== */

.mkb-apply .mkb-field{
  margin-bottom: 24px;   /* separación real entre bloques */
}

/* Label */
.mkb-apply .mkb-field .form-label{
  margin-bottom: 6px;
  display: block;
  line-height: 1.35;
}

/* Control */
.mkb-apply .mkb-field .form-control,
.mkb-apply .mkb-field .form-select{
  margin-top: 0;
}

/* Textareas un poco más aire */
.mkb-apply textarea.form-control{
  min-height: 120px;
}

/* Ayudas y errores */
.mkb-apply .form-text,
.mkb-apply .invalid-feedback{
  margin-top: 8px;
}