/*
  Páginas comerciales: Home, Mind Ocean, Contacto y Casos de éxito
  (page-home-commercial.php, page-mind-ocean.php, page-contact-commercial.php,
  page-case-studies.php).

  Se carga sobre css/revenue-analytics.css (base .mra- de las landings) y
  reutiliza del bundle del tema los fondos animados (gradient-bg-*) y el botón
  amarillo (hover--anim-btn -yellow). Todo lo propio va prefijado con .mc-.
*/

.mc {
  --mc-yellow: #E6FF00;
  --mc-green: #46ED72;
  --mc-blue: #004ADA;
  background: var(--mra-base);
}
.mc .mra-sec { padding: 88px 0; }
.mc .mc-sec-tight { padding: 72px 0; }

/* Tipografía (misma escala y degradado que los héroes del tema) */
.mc-h1 {
  font-family: Sora, sans-serif;
  font-size: 38px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.02em;
  background: linear-gradient(69deg, #151551 3%, #004ADA 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-bottom: 20px;
}
.mc-h1 b, .mc-h1 strong { font-weight: inherit; }
.mc-h2 {
  font-family: Sora, sans-serif;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -.015em;
  color: var(--mra-navy);
  padding-bottom: 18px;
  text-wrap: balance;
}
.mc .mra-head { padding-bottom: 44px; }
.mc .mra-head .mra-lead, .mc .mra-head .mc-h2 { max-width: 720px; }
.mc .mra-head--center .mra-lead, .mc .mra-head--center .mc-h2 { margin-left: auto; margin-right: auto; }
/* El tema alinea h2 y p a la izquierda por elemento */
.mc .mra-head--center > *, .mc-final-inner > * { text-align: center; }
.mc-lead-strong { color: var(--mra-navy); font-weight: 500; }
.mc-hero .mra-text { color: var(--mra-muted); padding-top: 12px; max-width: 560px; }
.mc .mra-h3 { font-size: 19px; }

/* Botones: primario = píldora amarilla del tema; secundario = contorno */
.mc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 24px;
  font-family: Geist, sans-serif;
  font-size: 17px !important;
  font-weight: 500;
  line-height: 1.2 !important;
  color: var(--mra-navy) !important;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease;
}
.mc-btn svg { width: 22px; height: 22px; flex: none; }
.mc-btn--ghost { background: transparent; border: 1px solid rgba(21, 21, 81, .28); }
.mc-btn--ghost:hover { border-color: var(--mra-navy); background: rgba(255, 255, 255, .6); }
.mc-btn--light { background: transparent; border: 1px solid rgba(255, 255, 255, .4); color: #fff !important; }
.mc-btn--light:hover { border-color: #fff; }
.mc-btn:focus-visible, .mc a:focus-visible, .mc button:focus-visible {
  outline: 2px solid var(--mc-blue);
  outline-offset: 3px;
}
.mc .mra-ctas { gap: 12px; }
.mc .mra-ctas .mc-btn { width: 100%; }

/* Hero */
.mc-hero { padding: 176px 0 64px; overflow: hidden; }
.mc-hero-grid { display: grid; gap: 32px; align-items: center; }
.mc-hero .mra-ctas { padding-top: 28px; }
.mc-hero-visual { max-width: 340px; margin: 0 auto; width: 100%; }
.mc-hero--home .mc-hero-visual { max-width: 420px; }
.mc-lottie { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; }
.mc-lottie--wide { aspect-ratio: 760 / 580; }
/* Iconos del stack */
.mc .mra-integrations img { height: 24px; width: 24px; max-width: none; }

/* Logos de clientes bajo el hero (Home) */
.mc-logos { padding-top: 40px; }
.mc-logos p { font-size: 14px; color: var(--mra-muted); padding-bottom: 18px; text-align: center; }
.mc-logos ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px 32px; }
.mc-logos img { display: block; height: auto; max-height: 34px; width: auto; max-width: 110px; filter: grayscale(1); opacity: .8; transition: filter .3s ease, opacity .3s ease; }
.mc-logos li:hover img { filter: none; opacity: 1; }
.mc-logos li { display: flex; align-items: center; height: 60px; }
.mc-logos .mc-logo--square img { max-height: 60px; max-width: 72px; }

/* Iconos */
.mc-icon { width: 24px; height: 24px; flex: none; }

/* Arquitectura de Ocean (sistemas → Ocean → consumo) */
.mc-arch {
  position: relative;
  display: grid;
  gap: 0;
  background: var(--mra-navy);
  background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
  background-size: 32px 32px;
  border-radius: 24px;
  padding: 28px 18px;
  color: #D9D9F2;
}
.mc-arch-layer { text-align: center; }
.mc-arch-label {
  display: block;
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #A9A9D6;
  padding-bottom: 12px;
}
.mc-arch-nodes { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.mc-arch-nodes li {
  font-family: 'Geist Mono', monospace;
  font-size: 14px;
  padding: 8px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14);
  color: #fff;
}
.mc-arch-nodes--out li { border-color: rgba(59, 242, 242, .45); color: var(--mra-turquoise); }
.mc-arch-flow { display: flex; justify-content: center; gap: 22%; height: 44px; }
.mc-arch-flow i {
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, .18);
  background-image: linear-gradient(180deg, rgba(230, 255, 0, 0), #E6FF00, rgba(230, 255, 0, 0));
  background-size: 100% 60%;
  background-repeat: no-repeat;
  animation: mc-flow 2.4s linear infinite;
}
.mc-arch-flow i:nth-child(2) { animation-delay: -.8s; }
.mc-arch-flow i:nth-child(3) { animation-delay: -1.6s; }
@keyframes mc-flow { from { background-position: 0 -150%; } to { background-position: 0 250%; } }
.mc-arch-core {
  background: linear-gradient(140deg, #15157E 0%, #1D2FA8 100%);
  border: 1px solid rgba(230, 255, 0, .55);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 0 0 6px rgba(230, 255, 0, .06), 0 30px 60px -30px rgba(0, 0, 0, .6);
}
.mc-arch-core-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 4px 12px; padding-bottom: 16px; text-align: center; }
.mc-arch-core-head strong { font-family: Sora, sans-serif; font-size: 24px; font-weight: 600; color: #fff; }
.mc-arch-core-head span { font-size: 14px; color: var(--mc-yellow); }
.mc-arch-caps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mc-arch-caps li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.3;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .07);
  color: #fff;
}
.mc-arch-caps .mc-icon { width: 20px; height: 20px; color: var(--mc-yellow); }

/* Pasos (Connect / Model / Govern / Activate) */
.mc-split { display: grid; gap: 40px; align-items: center; }
.mc-steps { display: grid; gap: 14px; padding-top: 12px; counter-reset: none; margin: 0; list-style: none; }
.mc-steps li {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--mra-line);
  border-radius: 16px;
  padding: 20px;
  transition: border-color .2s ease, transform .2s ease;
}
.mc-steps li:hover { border-color: rgba(21, 21, 126, .35); transform: translateY(-2px); }
.mc-steps .mc-icon {
  box-sizing: content-box;
  width: 22px;
  height: 22px;
  padding: 11px;
  border-radius: 12px;
  background: var(--mra-navy);
  color: var(--mc-yellow);
}
.mc-step-num { display: block; font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--mra-muted); padding-bottom: 2px; }
.mc-steps .mra-h3 { padding-bottom: 4px; }
.mc-steps p { font-size: 15px; line-height: 1.5; }
.mc-figure { margin: 0; background: #fff; border: 1px solid var(--mra-line); border-radius: 20px; padding: 24px; }
.mc-figure img { display: block; width: 100%; height: auto; }

/* Comparativa: desde cero vs Mind Ocean */
.mc-compare { display: grid; gap: 16px; max-width: 1040px; margin: 0 auto; }
.mc-compare-col { border-radius: 20px; padding: 28px; background: var(--mra-soft); border: 1px solid var(--mra-line); }
.mc-compare-col .mra-h3 { padding-bottom: 6px; }
.mc-compare-sub { font-size: 15px; color: var(--mra-muted); padding-bottom: 20px; }
.mc-compare-col--ocean { background: var(--mra-navy); border-color: var(--mra-navy); color: #D9D9F2; }
.mc-compare-col--ocean .mra-h3 { color: #fff; }
.mc-compare-col--ocean .mc-compare-sub { color: #A9A9D6; }
.mc-compare-cta { padding-top: 24px; }
.mc-list { display: grid; gap: 10px; }
.mc-list li { position: relative; padding-left: 28px; font-size: 16px; line-height: 1.4; }
.mc-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
}
.mc-list--cross { grid-template-columns: repeat(2, minmax(0, 1fr)); color: var(--mra-muted); }
.mc-list--cross li::before { background-color: #ECECF3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6.5 6.5l5 5M11.5 6.5l-5 5' stroke='%236B6B80' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.mc-list--check li::before { background-color: rgba(230, 255, 0, .9); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.5 2.5L13 6.3' fill='none' stroke='%23151551' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.mc-compare-col--ocean .mc-list li { color: #fff; }

/* Ventajas (rejilla sobria de 6) */
.mc-features { display: grid; gap: 1px; background: var(--mra-line); border: 1px solid var(--mra-line); border-radius: 20px; overflow: hidden; }
.mc-features > div { background: #fff; padding: 26px 24px; }
.mc-features p { font-size: 15px; line-height: 1.55; }

/* Stack */
.mc-ai-chip { gap: 4px !important; }
.mc-ai-chip img { width: 20px !important; height: 20px !important; }
.mc-ai-chip img:last-of-type { margin-right: 6px; }
.mc-center-link { text-align: center; padding-top: 28px; }
.mc .mra-link svg { width: 18px; height: 18px; }

/* Propuesta de valor (Home) */
.mc-value { display: grid; gap: 14px; }
.mc-value > div { border-top: 2px solid var(--mra-line); padding-top: 18px; }
.mc-value strong { display: block; font-family: Sora, sans-serif; font-size: 18px; font-weight: 600; color: var(--mra-navy); padding-bottom: 6px; }
.mc-value p { font-size: 15px; line-height: 1.5; color: var(--mra-muted); }
.mc-value .mc-value-answer { border-top-color: var(--mc-yellow); }
.mc-value .mc-value-answer p { color: var(--mra-body); }

/* Ecosistema de productos (Home) */
.mc-eco { display: grid; gap: 16px; }
.mc-eco-group { background: #fff; border: 1px solid var(--mra-line); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; }
.mc-eco-head { display: flex; align-items: center; gap: 12px; padding-bottom: 8px; }
.mc-eco-head .mc-icon { box-sizing: content-box; padding: 9px; border-radius: 10px; background: var(--mra-navy); color: var(--mc-yellow); width: 20px; height: 20px; }
.mc-eco-head h3 { font-family: 'Geist Mono', monospace; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--mra-navy); font-weight: 600; }
.mc-eco-text { font-size: 15px; line-height: 1.5; color: var(--mra-muted); padding-bottom: 16px; }
.mc-eco ul { display: grid; gap: 8px; }
.mc-eco li a {
  position: relative;
  display: block;
  padding: 14px 44px 14px 16px;
  border-radius: 12px;
  background: var(--mra-soft);
  border: 1px solid transparent;
  text-decoration: none;
  transition: border-color .2s ease, background-color .2s ease;
}
.mc-eco li a:hover { border-color: rgba(21, 21, 126, .3); background: #fff; }
.mc-eco li strong { display: block; font-family: Sora, sans-serif; font-size: 16px; font-weight: 600; color: var(--mra-navy); }
.mc-eco li span { display: block; font-size: 14px; line-height: 1.4; color: var(--mra-muted); padding-top: 2px; }
.mc-eco li svg { position: absolute; right: 14px; top: 50%; width: 20px; height: 20px; margin-top: -10px; color: var(--mra-indigo); transition: transform .2s ease; }
.mc-eco li a:hover svg { transform: translateX(3px); }

/* Pila del ecosistema (Home) */
.mc-stack { display: grid; gap: 0; }
.mc-stack-layer {
  border-radius: 14px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--mra-line);
  text-align: center;
}
.mc-stack-layer span { display: block; font-family: Sora, sans-serif; font-size: 16px; font-weight: 600; color: var(--mra-navy); }
.mc-stack-layer small { display: block; font-size: 13px; color: var(--mra-muted); padding-top: 2px; }
.mc-stack-layer--core { background: var(--mra-navy); border-color: var(--mra-navy); }
.mc-stack-layer--core span { color: #fff; }
.mc-stack-layer--core small { color: var(--mc-yellow); }
.mc-new { font-style: normal; font-family: 'Geist Mono', monospace; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; padding: 1px 6px; margin-left: 4px; border-radius: 6px; background: var(--mc-yellow); color: var(--mra-navy); vertical-align: 1px; }
.mc-stack-layer--context { background: #EEF0FF; border-color: #D8DCF7; }
.mc-stack-layer--out { border-color: rgba(21, 21, 126, .35); }
.mc-stack-arrow { position: relative; height: 28px; }
.mc-stack-arrow::before { content: ''; position: absolute; left: 50%; top: 4px; bottom: 4px; width: 2px; margin-left: -1px; background: var(--mra-line); }
.mc-stack-arrow::after { content: ''; position: absolute; left: 50%; bottom: 3px; width: 8px; height: 8px; margin-left: -4px; border-right: 2px solid var(--mra-indigo); border-bottom: 2px solid var(--mra-indigo); transform: rotate(45deg); }

/* Banda de cifras */
.mc-band { background: var(--mra-navy); padding: 48px 0; }
.mc-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
.mc-proof li { display: flex; flex-direction: column; gap: 2px; }
.mc-proof strong { font-family: Sora, sans-serif; font-size: 32px; line-height: 1.1; font-weight: 600; color: #fff; }
.mc-proof span { font-size: 14px; color: #A9A9D6; }
.mc-proof:not(.mc-proof--compact) li:last-child strong { font-size: 20px; line-height: 1.6; }
.mc-proof:not(.mc-proof--compact) li:last-child span { color: var(--mc-yellow); font-family: 'Geist Mono', monospace; font-size: 13px; letter-spacing: .04em; }
.mc-proof--compact { display: flex; flex-wrap: wrap; gap: 12px 32px; padding-top: 28px; }
.mc-proof--compact strong { font-size: 24px; color: var(--mra-navy); }
.mc-proof--compact span { color: var(--mra-muted); }

/* Casos de éxito */
.mc-head-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 24px; padding-bottom: 36px; }
.mc-head-row .mra-head { padding-bottom: 0; }
.mc-head-row .mc-h2 { padding-bottom: 0; }
.mc-cases { display: grid; gap: 18px; }
.mc-case {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--mra-line);
  border-radius: 18px;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mc-case[hidden] { display: none; }
.mc-case:hover { border-color: rgba(21, 21, 126, .3); box-shadow: 0 24px 48px -32px rgba(21, 21, 81, .45); transform: translateY(-2px); }
.mc-case-img { aspect-ratio: 16 / 7; overflow: hidden; background: var(--mra-soft); }
.mc-case-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mc-case-body { display: flex; flex-direction: column; flex: 1; padding: 22px 22px 20px; }
.mc-case-meta { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 12px; }
.mc-case-meta span {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--mra-soft);
  color: var(--mra-navy);
}
.mc-case-meta .mc-case-product { background: rgba(230, 255, 0, .55); }
.mc-case-title { font-family: Sora, sans-serif; font-size: 20px; line-height: 1.25; font-weight: 600; color: var(--mra-navy); padding-bottom: 12px; }
.mc-case-title a { color: inherit; text-decoration: none; }
/* Toda la tarjeta es clicable */
.mc-case-title a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.mc-case-rows { margin: 0; display: grid; gap: 8px; }
.mc-case-rows div { display: grid; gap: 1px; }
.mc-case-rows dt { font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--mra-muted); }
.mc-case-rows dd { margin: 0; font-size: 15px; line-height: 1.45; color: var(--mra-body); }
.mc-case-result {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--mra-navy);
  color: #fff;
  font-size: 15px;
  line-height: 1.45;
}
.mc-case-result span { display: block; font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mc-yellow); padding-bottom: 2px; }
.mc-case-link { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 16px; font-weight: 500; font-size: 15px; color: var(--mra-indigo); }
.mc-case-link svg { width: 18px; height: 18px; transition: transform .2s ease; }
.mc-case:hover .mc-case-link svg { transform: translateX(3px); }
.mc-case--home .mc-case-img { aspect-ratio: 16 / 8; }

/* Insights (Home): tarjetas de entradas sobre la base de .mc-case */
.mc-post .mc-case-title { font-size: 18px; line-height: 1.3; }
.mc-post .mc-case-meta .mc-post-date { background: transparent; padding-left: 0; color: var(--mra-muted); }
.mc-post-excerpt { font-size: 15px; line-height: 1.5; color: var(--mra-muted); }

/* Filtros */
.mc-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-bottom: 28px; }
.mc-filters button {
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 20px;
  border: 1px solid var(--mra-line);
  background: #fff;
  font-family: Geist, sans-serif;
  font-size: 15px;
  color: var(--mra-navy);
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease;
}
.mc-filters button:hover { border-color: var(--mra-navy); }
.mc-filters button[aria-pressed="true"] { background: var(--mra-navy); border-color: var(--mra-navy); color: #fff; }
.mc-filters-status { font-size: 14px; color: var(--mra-muted); margin-left: 4px; }
.mc-cases-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; padding-top: 36px; }
.mc-cases-actions [hidden] { display: none; }

/* Caso destacado */
.mc-featured { display: grid; gap: 0; background: #fff; border: 1px solid var(--mra-line); border-radius: 22px; overflow: hidden; box-shadow: 0 40px 80px -56px rgba(21, 21, 81, .5); }
.mc-featured-img { aspect-ratio: 16 / 9; background: var(--mra-soft); }
.mc-featured-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mc-featured-body { padding: 26px 22px; }
.mc-featured-title { font-family: Sora, sans-serif; font-size: 24px; line-height: 1.2; font-weight: 600; color: var(--mra-navy); padding-bottom: 16px; }
.mc-featured .mc-case-rows dd { font-size: 16px; }
.mc-featured .mra-ctas { padding-top: 22px; }
.mc-quote { margin: 18px 0 0; padding: 4px 0 4px 16px; border-left: 3px solid var(--mc-yellow); }
.mc-quote p { font-family: Sora, sans-serif; font-size: 17px; line-height: 1.4; color: var(--mra-navy); }
.mc-quote cite { display: block; font-style: normal; font-size: 13px; color: var(--mra-muted); padding-top: 6px; }

/* Contacto */
.mc-hero--contact { padding-bottom: 72px; }
.mc-contact-intro { max-width: 760px; padding-bottom: 40px; }
.mc-contact-intro .mra-lead + .mra-lead { padding-top: 8px; }
.mc-paths { display: grid; gap: 16px; }
.mc-path { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; background: #fff; border: 1px solid var(--mra-line); border-radius: 20px; padding: 26px; }
.mc-path .mc-icon { box-sizing: content-box; padding: 11px; border-radius: 12px; background: var(--mra-navy); color: var(--mc-yellow); }
.mc-path .mra-h3 { padding-bottom: 0; }
.mc-path p { font-size: 16px; line-height: 1.5; color: var(--mra-muted); padding-bottom: 8px; }
.mc-path .mc-btn { margin-top: auto; }
.mc-form-grid { display: grid; gap: 32px; }
.mc-form-aside .mc-list { padding-top: 8px; }
.mc-form-card { background: #fff; border: 1px solid var(--mra-line); border-radius: 20px; padding: 24px 20px; scroll-margin-top: 120px; }
.mc-form-card .mc-field-group { padding-bottom: 18px; }
.mc-form-card label { display: block; font-size: 15px !important; font-weight: 500; color: var(--mra-navy) !important; padding-bottom: 6px; }
.mc-form-card input[type="text"], .mc-form-card input[type="email"], .mc-form-card input[type="tel"], .mc-form-card textarea {
  width: 100%;
  font-family: Geist, sans-serif;
  font-size: 16px;
  color: var(--mra-ink);
}
.mc-form-card textarea { min-height: 120px; resize: vertical; }
.mc-form-card textarea::placeholder { color: #8C8CA0; }
.mc-optional { font-weight: 400; color: var(--mra-muted); }
.mc-optional-toggle {
  display: inline-block;
  margin: -4px 0 18px;
  padding: 4px 0;
  border: 0;
  background: none;
  font-family: Geist, sans-serif;
  font-size: 15px;
  color: var(--mra-indigo);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mc-optional-toggle[hidden] { display: none; }
.mc-consent { padding-bottom: 4px !important; }
.mc-consent label { font-weight: 400; font-size: 14px !important; padding: 0; }
.mc-consent a { color: var(--mra-indigo) !important; text-decoration: underline; }
.mc-privacy-note { font-size: 13px; color: var(--mra-muted); padding-top: 12px; }
.mc-form-card input[type="submit"] { margin-top: 12px; }
.mc-alt { padding: 56px 0 88px; background: var(--mra-soft); text-align: center; }
.mc-alt-title { text-align: center; font-family: Sora, sans-serif; font-size: 22px; line-height: 1.3; font-weight: 600; color: var(--mra-navy); padding-bottom: 16px; }
.mc-alt-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.mc-alt-links a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--mra-line);
  font-size: 17px;
  font-weight: 500;
  color: var(--mra-navy);
  text-decoration: none;
}
.mc-alt-links a:hover { border-color: var(--mra-navy); }
.mc-alt-links .mc-icon { color: var(--mra-indigo); }

/* CTA final sobre el degradado animado del tema */
.mc-final { padding: 96px 0; }
.mc-final-inner { max-width: 760px; margin: 0 auto; text-align: center; }
.mc-final-inner .mc-h2 { font-size: 32px; }
.mc-final-inner .mra-lead { max-width: 600px; margin: 0 auto; }
.mc-final .mra-ctas { justify-content: center; padding-top: 28px; }

/* Bloques ACF reutilizados: el reset de .mra no les llega (ver revenue-analytics.css) */
.mc .mra-legacy { background: transparent; }

@media (min-width: 640px) {
  .mc .mra-ctas .mc-btn { width: auto; }
  .mc-hero-visual { max-width: 480px; }
  .mc-hero--home .mc-hero-visual { max-width: 560px; }
  .mc-proof { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mc-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mc-value { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .mc-paths { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mc-arch-caps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mc-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mc-form-card { padding: 32px; }
}

@media (min-width: 1024px) {
  .mc .mra-sec { padding: 120px 0; }
  .mc .mc-sec-tight { padding: 96px 0; }
  .mc-h1 { font-size: 56px; }
  .mc-h1--xl { font-size: 62px; }
  .mc-h2 { font-size: 44px; }
  .mc .mra-h3 { font-size: 20px; }
  .mc-hero { padding: 184px 0 96px; }
  .mc-hero-grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; }
  .mc-hero-visual { max-width: none; }
  /* Home: animación más grande, sangrando hacia la derecha */
  .mc-hero--home .mc-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
  .mc-hero--home .mc-hero-visual { width: 124%; margin: -40px -18% -40px 0; }
  .mc-hero--home { padding-bottom: 64px; }
  .mc-logos { padding-top: 24px; }
  .mc-logos p { text-align: left; }
  .mc-logos ul { justify-content: space-between; }
  .mc-arch { padding: 44px 48px; }
  .mc-arch-flow { height: 56px; }
  .mc-arch-core { padding: 26px 28px; }
  .mc-arch-core-head strong { font-size: 30px; }
  .mc-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; }
  .mc-compare { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
  .mc-compare-col { padding: 40px; }
  .mc-features { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mc-features > div { padding: 32px 30px; }
  .mc-value { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mc-eco { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .mc-eco-group { padding: 28px; }
  .mc-band { padding: 56px 0; }
  .mc-proof strong { font-size: 44px; }
  .mc-proof:not(.mc-proof--compact) li:last-child strong { font-size: 24px; line-height: 1.83; }
  .mc-cases { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
  .mc-featured { grid-template-columns: minmax(0, 11fr) minmax(0, 10fr); }
  .mc-featured-img { aspect-ratio: auto; min-height: 100%; }
  .mc-featured-body { padding: 44px 44px 40px; }
  .mc-featured-title { font-size: 30px; }
  .mc-form-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 72px; align-items: start; }
  .mc-form-aside { position: sticky; top: 140px; }
  .mc-form-card { padding: 40px; }
  .mc-final { padding: 128px 0; }
  .mc-final-inner .mc-h2 { font-size: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  .mc-arch-flow i { animation: none; background-position: 0 50%; }
  .mc-steps li, .mc-case, .mc-eco li svg, .mc-case-link svg { transition: none; }
  .mc-steps li:hover, .mc-case:hover { transform: none; }
}

/* ---------------------------------------------------------------
   Integraciones: catálogo (page-integrations-commercial.php) y ficha
   (template-parts/content-integracion-v2.php)
--------------------------------------------------------------- */
.mc-sec-flush { padding-top: 0 !important; }
.mc-h3-label { font-family: 'Geist Mono', monospace; font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--mra-muted); padding-bottom: 14px; }
.mc-int-intro { max-width: 820px; }
.mc-int-count { padding-top: 22px; font-size: 15px; color: var(--mra-muted); }
.mc-int-count strong { color: var(--mra-navy); font-family: Sora, sans-serif; font-weight: 600; }
.mc-arch-caps--products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mc-arch-caps--products li { justify-content: center; text-align: center; }
.mc-arch-caps .mc-arch-new { background: rgba(230, 255, 0, .14); box-shadow: inset 0 0 0 1px rgba(230, 255, 0, .6); gap: 6px; }
.mc-arch-new em { font-style: normal; font-family: 'Geist Mono', monospace; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; padding: 2px 6px; border-radius: 6px; background: var(--mc-yellow); color: var(--mra-navy); }

.mc-int-featured { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mc-int-featured a { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; height: 100%; padding: 16px; border-radius: 14px; border: 1px solid var(--mra-line); background: #fff; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.mc-int-featured a:hover { border-color: rgba(21, 21, 126, .35); transform: translateY(-2px); }
.mc-int-featured strong { font-family: Sora, sans-serif; font-size: 15px; font-weight: 600; color: var(--mra-navy); line-height: 1.25; }
.mc-int-featured small { font-size: 12px; color: var(--mra-muted); }
.mc-int-logo { display: flex; align-items: center; height: 32px; }
.mc-int-logo img { display: block; max-height: 32px; max-width: 110px; width: auto; height: auto; object-fit: contain; }

.mc-int-search { max-width: 760px; margin: 0 auto; text-align: center; padding-bottom: 28px; }
.mc-int-search .mc-h2 { display: block; text-align: center; }
.mc-search-field { position: relative; }
.mc-search-field .mc-icon { position: absolute; left: 20px; top: 50%; margin-top: -12px; color: var(--mra-muted); }
.mc-search-field input {
  width: 100%;
  min-height: 60px;
  padding: 14px 20px 14px 54px;
  border-radius: 30px;
  border: 1px solid #D5D8E6;
  background: #fff;
  font-family: Geist, sans-serif;
  font-size: 17px;
  color: var(--mra-ink);
  box-shadow: 0 18px 40px -30px rgba(21, 21, 81, .45);
  -webkit-appearance: none;
  appearance: none;
}
.mc-search-field input::placeholder { color: #8C8CA0; }
.mc-search-field input:focus { outline: 2px solid var(--mc-blue); outline-offset: 2px; border-color: transparent; }
.mc-int-filters { display: grid; gap: 14px; padding-bottom: 28px; }
.mc-int-filters .mc-filters { padding-bottom: 0; justify-content: center; }
.mc-int-selects { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 16px; }
.mc-int-selects label { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--mra-muted); }
.mc-int-selects select { min-height: 40px; padding: 6px 34px 6px 14px; border-radius: 20px; border: 1px solid var(--mra-line); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5l3-3' fill='none' stroke='%23151551' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center/12px no-repeat; font-family: Geist, sans-serif; font-size: 15px; color: var(--mra-navy); -webkit-appearance: none; appearance: none; cursor: pointer; }

.mc-ints { display: grid; gap: 16px; }
.mc-int {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid var(--mra-line);
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mc-int[hidden] { display: none; }
.mc-int:hover { border-color: rgba(21, 21, 126, .3); box-shadow: 0 24px 48px -32px rgba(21, 21, 81, .45); transform: translateY(-2px); }
.mc-int-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; }
.mc-int-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.mc-int-meta span { font-family: 'Geist Mono', monospace; font-size: 11px; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; padding: 4px 8px; border-radius: 6px; background: var(--mra-soft); color: var(--mra-navy); }
.mc-int-meta .is-on { background: rgba(70, 237, 114, .22); color: #0F5B2A; }
.mc-int-meta .is-soon { background: #FFF1D6; color: #7A4B00; }
.mc-int-title { font-family: Sora, sans-serif; font-size: 19px; line-height: 1.25; font-weight: 600; color: var(--mra-navy); }
.mc-int-title a { color: inherit; text-decoration: none; }
.mc-int-title a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.mc-int-text { font-size: 15px; line-height: 1.5; color: var(--mra-muted); }
.mc-int-compat { margin-top: auto; font-size: 13px; line-height: 1.45; color: var(--mra-muted); }
.mc-int-products { display: grid; gap: 6px; padding-top: 4px; }
.mc-int-products > span { font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--mra-muted); }
.mc-int-products ul { display: flex; flex-wrap: wrap; gap: 6px; }
.mc-int-products li { font-size: 13px; padding: 4px 10px; border-radius: 14px; border: 1px solid var(--mra-line); color: var(--mra-navy); }
.mc-int .mc-case-link { padding-top: 6px; }
.mc-int:hover .mc-case-link svg { transform: translateX(3px); }
.mc-int-empty { max-width: 640px; margin: 8px auto 0; padding: 28px; border-radius: 18px; background: #fff; border: 1px dashed #C9CCDD; text-align: center; }
.mc-int-empty[hidden] { display: none; }
.mc-int-empty p { font-size: 16px; line-height: 1.5; padding-bottom: 16px; }
.mc-int-empty strong { color: var(--mra-navy); }

/* Ficha */
.mc-hero--int-single { padding-bottom: 72px; }
.mc-back { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 28px; font-size: 14px; color: var(--mra-muted) !important; text-decoration: none; }
.mc-back:hover { color: var(--mra-navy) !important; }
.mc-back svg { width: 16px; height: 16px; }
.mc-int-head { display: grid; gap: 28px; align-items: center; }
.mc-int-head-logo { display: flex; align-items: center; justify-content: center; min-height: 160px; padding: 32px; border-radius: 24px; background: #fff; border: 1px solid var(--mra-line); }
.mc-int-head-logo img { display: block; max-width: 260px; max-height: 90px; width: auto; height: auto; object-fit: contain; }
.mc-int-head .mc-int-meta { padding-bottom: 14px; }
.mc-int-head .mra-ctas { padding-top: 26px; }
.mc-int-facts { display: grid; gap: 28px; }
.mc-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mc-chips li { font-size: 15px; padding: 7px 14px; border-radius: 18px; background: var(--mra-soft); color: var(--mra-navy); }
.mc-int-uses { display: grid; gap: 8px; }
.mc-int-uses a { display: inline-flex; align-items: center; gap: 6px; font-family: Sora, sans-serif; font-size: 16px; font-weight: 600; color: var(--mra-navy) !important; text-decoration: none; }
.mc-int-uses a:hover { color: var(--mra-indigo) !important; }
.mc-int-uses svg { width: 18px; height: 18px; transition: transform .2s ease; }
.mc-int-uses a:hover svg { transform: translateX(3px); }
.mc-int-spec { margin: 0; display: grid; gap: 8px; }
.mc-int-spec div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--mra-line); }
.mc-int-spec dt { font-size: 14px; color: var(--mra-muted); }
.mc-int-spec dd { margin: 0; font-size: 15px; font-weight: 500; color: var(--mra-navy); text-align: right; }
.mc-int-body { max-width: 780px; }

/* Texto largo editable (fichas y similares) */
.mc-prose { font-size: 17px; line-height: 1.65; color: var(--mra-body); }
.mc-prose p { padding-bottom: 16px; }
.mc-prose h2, .mc-prose h3 { font-family: Sora, sans-serif; font-size: 21px; line-height: 1.3; font-weight: 600; color: var(--mra-navy); padding: 18px 0 8px; }
.mc-prose ul { padding: 0 0 16px 0; }
.mc-prose li { position: relative; padding: 0 0 8px 22px; font-size: 17px !important; line-height: 1.6 !important; color: var(--mra-body) !important; }
.mc-prose li * { font-size: inherit !important; line-height: inherit !important; }
.mc-prose li::before { content: ''; position: absolute; left: 4px; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--mc-yellow); box-shadow: 0 0 0 1px rgba(21, 21, 81, .25); }
.mc-prose a { color: var(--mra-indigo) !important; text-decoration: underline; text-underline-offset: 3px; }
.mc-prose strong { color: var(--mra-navy); font-weight: 600; }

@media (min-width: 640px) {
  .mc-int-featured { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mc-ints { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mc-arch-caps--products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mc-int-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 48px; }
}
@media (min-width: 1024px) {
  .mc-arch-caps--products { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .mc-int-featured { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .mc-ints { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .mc-int-head { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 56px; }
  .mc-int-head-logo { min-height: 240px; }
  .mc-int-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .mc-int, .mc-int-featured a { transition: none; }
  .mc-int:hover, .mc-int-featured a:hover { transform: none; }
}

/* ---------------------------------------------------------------
   Sobre Mind (page-about-commercial.php)
--------------------------------------------------------------- */
.mc-about-hero { max-width: 720px; }
.mc-eyebrow-light { color: var(--mc-yellow); }
.mc-about-h1 { font-family: Sora, sans-serif; font-size: 40px; line-height: 1.08; font-weight: 500; letter-spacing: -.02em; color: #fff; padding-bottom: 24px; }
.mc-about-hero .mra-lead { color: #E3E3F7; }
.mc-about-claim { font-family: Sora, sans-serif; font-size: 20px; line-height: 1.35; font-weight: 600; color: #fff; padding: 20px 0 0 18px; margin-top: 22px; border-left: 3px solid var(--mc-yellow); }
.mc-about-hero .mra-ctas { padding-top: 32px; }

/* De proyecto a producto */
.mc-p2p { display: grid; gap: 12px; margin: 0; list-style: none; counter-reset: none; }
.mc-p2p li { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 24px; border-radius: 18px; background: var(--mra-soft); border: 1px solid var(--mra-line); }
.mc-p2p li::after { content: ''; position: absolute; left: 50%; bottom: -12px; width: 2px; height: 12px; margin-left: -1px; background: var(--mra-line); }
.mc-p2p-num { font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--mra-muted); }
.mc-p2p strong { font-family: Sora, sans-serif; font-size: 20px; line-height: 1.2; font-weight: 600; color: var(--mra-navy); }
.mc-p2p small { font-size: 14px; line-height: 1.45; color: var(--mra-muted); }
.mc-p2p .mc-p2p-product { background: var(--mra-navy); border-color: var(--mra-navy); }
.mc-p2p .mc-p2p-product strong { color: #fff; }
.mc-p2p .mc-p2p-product small { color: var(--mc-yellow); }
.mc-p2p .mc-p2p-product .mc-p2p-num { color: #A9A9D6; }
.mc-p2p-result { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 14px; margin-top: 12px; padding: 22px; border-radius: 18px; background: var(--mc-yellow); }
.mc-p2p-result span { font-family: Sora, sans-serif; font-size: 18px; font-weight: 600; color: var(--mra-navy); }
.mc-p2p-result i { font-style: normal; font-family: Sora, sans-serif; font-size: 18px; color: rgba(21, 21, 81, .45); }

/* Cifras grandes */
.mc-band--xl { padding: 64px 0; }
.mc-band-title { color: #A9A9D6; padding-bottom: 28px; }
.mc-proof--xl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
.mc-proof--xl strong { font-size: 44px; }
.mc-proof--xl li:last-child { grid-column: 1 / -1; }

/* Principios */
.mc-principles { display: grid; gap: 1px; background: var(--mra-line); border: 1px solid var(--mra-line); border-radius: 20px; overflow: hidden; }
.mc-principles > div { background: #fff; padding: 28px 24px; }
.mc-principles .mra-h3 { padding-bottom: 8px; }
.mc-principles p { font-size: 15px; line-height: 1.55; }
.mc-principles strong { color: var(--mra-navy); font-weight: 600; }

/* Visión y misión compactas */
.mc-vm { display: grid; gap: 28px; align-items: center; }
.mc-vm-img { margin: 0; border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 3; }
.mc-vm-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mc-vm-text { display: grid; gap: 24px; }
.mc-vm-text p { font-family: Sora, sans-serif; font-size: 19px; line-height: 1.4; color: var(--mra-navy); }

/* Valores */
.mc-values-sec { padding-bottom: 72px !important; }
.mc-values { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
.mc-values details { border: 1px solid var(--mra-line); border-radius: 20px; background: #fff; max-width: 100%; }
.mc-values details[open] { border-radius: 14px; flex-basis: 100%; }
.mc-values summary { list-style: none; cursor: pointer; padding: 9px 16px; font-size: 15px; font-weight: 500; color: var(--mra-navy); display: flex; align-items: center; gap: 8px; }
.mc-values summary::-webkit-details-marker { display: none; }
.mc-values summary::after { content: '+'; font-family: 'Geist Mono', monospace; color: var(--mra-muted); }
.mc-values details[open] summary::after { content: '–'; }
.mc-values details p { padding: 0 16px 14px; font-size: 14px; line-height: 1.5; color: var(--mra-muted); max-width: 680px; }

@media (min-width: 640px) {
  .mc-proof--xl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mc-proof--xl li:last-child { grid-column: auto; }
  .mc-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .mc-about-hero { max-width: 44vw; }
  .mc-about-h1 { font-size: 64px; }
  .mc-p2p { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .mc-p2p li { padding: 28px 24px; min-height: 200px; }
  .mc-p2p li::after { left: auto; right: -16px; top: 50%; bottom: auto; width: 16px; height: 2px; margin: -1px 0 0; }
  .mc-p2p li:last-child::after { display: none; }
  .mc-p2p-result { margin-top: 16px; padding: 26px; }
  .mc-p2p-result span { font-size: 22px; }
  .mc-band--xl { padding: 88px 0; }
  .mc-proof--xl { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .mc-proof--xl strong { font-size: 64px; letter-spacing: -.02em; }
  .mc-proof--xl li:last-child strong { font-size: 26px !important; line-height: 1.3 !important; padding-top: 14px; }
  .mc-principles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mc-principles > div { padding: 36px 30px; }
  .mc-vm { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; }
  .mc-vm-text { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
}

/* ---------------------------------------------------------------
   Mind Insights (page-insights.php)
--------------------------------------------------------------- */
.mc-ins-intro { max-width: 760px; padding-bottom: 40px; }
.mc-ins-featured .mc-featured-title { font-size: 26px; }
.mc-ins-featured-excerpt { font-size: 16px !important; padding-bottom: 12px; }
.mc-insight-foot { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; color: var(--mra-muted); margin-top: auto; padding-top: 14px; }
.mc-insight .mc-post-excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mc-ins-bar { position: relative; z-index: 2; background: #fff; border-bottom: 1px solid var(--mra-line); padding: 20px 0; }
.mc-ins-nav { display: flex; flex-wrap: wrap; gap: 6px 22px; padding-bottom: 16px; }
.mc-ins-nav a { font-family: Sora, sans-serif; font-size: 16px; font-weight: 600; color: var(--mra-muted) !important; text-decoration: none; padding: 4px 0; border-bottom: 2px solid transparent; }
.mc-ins-nav a:hover { color: var(--mra-navy) !important; }
.mc-ins-nav a[aria-current] { color: var(--mra-navy) !important; border-bottom-color: var(--mc-yellow); }
.mc-ins-tools { display: grid; gap: 14px; }
.mc-ins-tools .mc-filters { padding-bottom: 0; }
.mc-ins-tools .mc-search-field input { min-height: 52px; font-size: 16px; }
.mc-ins-block .mc-head-row { padding-bottom: 28px; }
.mc-link-btn { background: none; border: 0; border-bottom: 1px solid rgba(21, 21, 126, .3); padding: 0; cursor: pointer; font-family: Geist, sans-serif; font-size: 16px; }
[data-ins-results][hidden], [data-ins-editorial][hidden] { display: none; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.mc-newsletter { display: grid; gap: 24px; align-items: center; padding: 32px 24px; border-radius: 22px; background: var(--mra-soft); border: 1px solid var(--mra-line); }
.mc-newsletter .mc-h2 { font-size: 26px; }
.mc-newsletter-form { position: relative; }
.mc-newsletter-form .mc-field-group { padding-bottom: 12px; }
.mc-newsletter-form label { display: block; font-size: 15px !important; font-weight: 500; color: var(--mra-navy) !important; padding-bottom: 6px; }
.mc-newsletter-form input[type="email"] { width: 100%; font-family: Geist, sans-serif; font-size: 16px; }
.mc-newsletter-form .mc-consent label { font-weight: 400; font-size: 14px !important; }
.mc-newsletter-form .mc-consent a { color: var(--mra-indigo) !important; text-decoration: underline; }
@media (min-width: 1024px) {
  .mc-ins-tools { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: 24px; }
  .mc-ins-featured .mc-featured-title { font-size: 34px; }
  .mc-newsletter { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; padding: 48px 56px; }
  .mc-newsletter .mc-h2 { font-size: 34px; }
}

/* ---------------------------------------------------------------
   Cómo te ayudamos (page-how-we-help.php, page-capability.php)
--------------------------------------------------------------- */
.mc-text-gap { padding-top: 14px; }
.mc-eyebrow-link { text-decoration: none; color: var(--mra-indigo) !important; }
.mc-eyebrow-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.mc-crumbs ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 22px; padding: 0; list-style: none; font-size: 13px; }
.mc-crumbs li { display: inline-flex; align-items: center; gap: 6px; color: var(--mra-muted); }
.mc-crumbs li + li::before { content: '›'; color: #A9A9C2; }
.mc-crumbs a { color: var(--mra-muted) !important; text-decoration: none; }
.mc-crumbs a:hover { color: var(--mra-navy) !important; }
.mc-crumbs [aria-current] { color: var(--mra-navy); font-weight: 500; }

/* Journey completo */
.mc-journey { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.mc-journey-step { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 26px 24px; border-radius: 20px; border: 1px solid var(--mra-line); background: #fff; }
.mc-journey-step::after { content: ''; position: absolute; left: 50%; bottom: -14px; width: 2px; height: 14px; margin-left: -1px; background: var(--mra-line); }
.mc-journey-step:last-child::after { display: none; }
.mc-journey-num { font-family: 'Geist Mono', monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--mra-indigo); }
.mc-journey-title { font-family: Sora, sans-serif; font-size: 21px; line-height: 1.2; font-weight: 600; color: var(--mra-navy); }
.mc-journey-text { font-size: 15px; line-height: 1.55; color: var(--mra-body); }
.mc-journey-cta { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 8px; font-weight: 500; font-size: 15px; color: var(--mra-indigo) !important; text-decoration: none; }
.mc-journey-cta svg { width: 18px; height: 18px; transition: transform .2s ease; }
.mc-journey-cta:hover svg { transform: translateX(3px); }
.mc-journey-step--products { background: var(--mra-navy); border-color: var(--mra-navy); box-shadow: 0 40px 80px -48px rgba(21, 21, 81, .7); }
.mc-journey-step--products .mc-journey-num { color: var(--mc-yellow); }
.mc-journey-step--products .mc-journey-title { color: #fff; }
.mc-journey-step--products .mc-journey-text { color: #D9D9F2; }
.mc-journey-step--products .mc-journey-cta { color: var(--mc-yellow) !important; }
.mc-journey-products { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.mc-journey-products a { display: inline-block; font-size: 13px; padding: 5px 10px; border-radius: 14px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); color: #fff !important; text-decoration: none; }
.mc-journey-products a:hover { border-color: var(--mc-yellow); }

/* Journey compacto */
.mc-journey-mini { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 8px; margin: 0; padding: 0; list-style: none; }
.mc-journey-mini a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 16px; border: 1px solid var(--mra-line); background: #fff; font-size: 14px; font-weight: 500; color: var(--mra-muted) !important; text-decoration: none; }
.mc-journey-mini .is-done a { color: var(--mra-navy) !important; border-color: rgba(21, 21, 126, .3); }
.mc-journey-mini .is-done span { color: #1B8F5A; }
.mc-journey-mini .is-next a { background: var(--mra-navy); border-color: var(--mra-navy); color: #fff !important; }
.mc-journey-mini-arrow { color: #A9A9C2; font-size: 14px; }
.mc-final-inner .mc-journey-mini { padding-bottom: 22px; }
.mc-cap-journey { padding-top: 36px; }
.mc-cap-journey .mc-journey-mini { justify-content: flex-start; }

/* Fases */
.mc-cap-headline { font-family: Sora, sans-serif; font-size: 22px; line-height: 1.3; font-weight: 600; color: var(--mra-navy); padding-bottom: 12px; max-width: 720px; }
.mc-cap-steps > div { display: flex; flex-direction: column; gap: 10px; }
.mc-cap-steps .mc-chips li { font-size: 13px; padding: 5px 11px; }
.mc-cap-step-key { background: var(--mra-soft) !important; }
.mc-formula { font-family: Sora, sans-serif; font-size: 18px !important; font-weight: 600; color: var(--mra-navy); padding: 14px 16px; border-radius: 14px; background: var(--mc-yellow); }
.mc-formula i { font-style: normal; color: rgba(21, 21, 81, .5); padding: 0 4px; }
.mc-cap-related { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: auto; padding-top: 6px; font-size: 13px; }
.mc-cap-related span { font-weight: 600; letter-spacing: .04em; text-transform: uppercase; font-size: 11px; color: var(--mra-muted); }
.mc-cap-related a { color: var(--mra-indigo) !important; text-decoration: none; border-bottom: 1px solid rgba(21, 21, 126, .3); }
.mc-cap-capabilities { display: grid; gap: 10px; padding-top: 22px; }
.mc-cap-capabilities li { display: grid; gap: 2px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--mra-line); }
.mc-cap-capabilities strong { font-family: Sora, sans-serif; font-size: 16px; font-weight: 600; color: var(--mra-navy); }
.mc-cap-capabilities span { font-size: 14px; color: var(--mra-muted); }
.mc-stack-layer--yellow { background: var(--mc-yellow); border-color: var(--mc-yellow); }

/* Data → Context → Analytics → AI → Action */
.mc-flow5 { display: grid; gap: 10px; max-width: 980px; margin: 0 auto; padding: 0; list-style: none; counter-reset: none; }
.mc-flow5 li { position: relative; padding: 18px; border-radius: 16px; border: 1px solid var(--mra-line); background: var(--mra-soft); text-align: center; font-family: 'Geist Mono', monospace; font-size: 15px; letter-spacing: .1em; text-transform: uppercase; color: var(--mra-navy); }
.mc-flow5 li:not(:last-child)::after { content: '↓'; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); font-family: Geist, sans-serif; color: #A9A9C2; z-index: 1; }
.mc-flow5 .is-action { background: var(--mra-navy); border-color: var(--mra-navy); color: var(--mc-yellow); font-family: Sora, sans-serif; font-size: 22px; font-weight: 600; letter-spacing: .02em; box-shadow: 0 0 0 6px rgba(230, 255, 0, .25); }

/* Tecnología Mind que acelera esta fase */
.mc-products-grid { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.mc-products-grid a { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 24px; border-radius: 18px; border: 1px solid var(--mra-line); background: #fff; text-decoration: none; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.mc-products-grid a:hover { border-color: rgba(21, 21, 126, .35); transform: translateY(-2px); box-shadow: 0 24px 48px -32px rgba(21, 21, 81, .45); }
.mc-products-grid strong { font-family: Sora, sans-serif; font-size: 19px; font-weight: 600; color: var(--mra-navy); }
.mc-products-grid span { font-size: 15px; line-height: 1.5; color: var(--mra-muted); }
.mc-products-grid em { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 8px; font-style: normal; font-weight: 500; font-size: 15px; color: var(--mra-indigo); }
.mc-products-grid em svg { width: 18px; height: 18px; }

@media (min-width: 640px) {
  .mc-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .mc-journey { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
  .mc-journey-step { padding: 30px 26px; }
  .mc-journey-step::after { left: auto; right: -18px; top: 50%; bottom: auto; width: 18px; height: 2px; margin: -1px 0 0; }
  .mc-journey-step--products { transform: translateY(-10px); }
  .mc-cap-headline { font-size: 26px; }
  .mc-flow5 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; align-items: center; }
  .mc-flow5 li:not(:last-child)::after { content: '→'; left: auto; right: -16px; bottom: auto; top: 50%; transform: translateY(-50%); }
  .mc-flow5 .is-action { padding: 28px 18px; }
  .mc-products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .mc-products-grid a { transition: none; }
  .mc-products-grid a:hover { transform: none; }
}