/* ==========================================================================
   MAGISTRA · CERTIFICACIONES — estilos de la página (se carga DESPUÉS de magistra-home.css)
   ========================================================================== */

/* ---- 1 · HERO ----------------------------------------------------------- */
.magistra-home .magistra-chero {
  position: relative; overflow: hidden; isolation: isolate; color: var(--magistra-white);
  background: var(--magistra-navy) url("../assets/magistra-fondo-ondas.webp") 70% 100% / cover no-repeat;
  padding: calc(var(--magistra-header-h) + var(--magistra-adminbar) + clamp(48px, 8vw, 120px)) 0 clamp(64px, 9vw, 128px);
}
.magistra-home .magistra-chero__grid { display: grid; gap: clamp(32px, 6vw, 56px); align-items: center; }
.magistra-home .magistra-chero__copy { display: grid; gap: 20px; justify-items: start; max-width: 42rem; }
.magistra-home .magistra-chero__title { font-size: clamp(2.6rem, 7.2vw, 5.6rem); font-weight: 700; line-height: 1.02; letter-spacing: -.03em; text-wrap: balance; }
.magistra-home .magistra-chero__title span { color: var(--magistra-cyan); }
.magistra-home .magistra-chero .magistra-lead { max-width: 33em; color: rgba(255,255,255,.9); }
.magistra-home .magistra-chero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.magistra-home .magistra-chero__copy > * { opacity: 0; transform: translateY(18px); animation: magistra-rise .8s var(--magistra-ease) forwards; }
.magistra-home .magistra-chero__copy > *:nth-child(2) { animation-delay: .08s; }
.magistra-home .magistra-chero__copy > *:nth-child(3) { animation-delay: .18s; }
.magistra-home .magistra-chero__copy > *:nth-child(4) { animation-delay: .28s; }

.magistra-home .magistra-chero__partners { display: grid; gap: 16px; max-width: 30rem; }
.magistra-home .magistra-partner {
  display: grid; gap: 16px; padding: 22px 26px 20px; border-radius: 24px; background: var(--magistra-white); color: var(--magistra-navy);
  box-shadow: 0 28px 60px -30px rgba(0,0,0,.6);
  opacity: 0; transform: translateY(18px); animation: magistra-rise .8s var(--magistra-ease) .3s forwards;
}
.magistra-home .magistra-partner:nth-child(2) { animation-delay: .42s; }
.magistra-home .magistra-partner__logo { display: flex; align-items: center; min-height: 64px; }
.magistra-home .magistra-partner__logo img { height: 64px; width: auto; max-width: 100%; object-fit: contain; object-position: left center; }
.magistra-home .magistra-partner:nth-child(2) .magistra-partner__logo img { height: 56px; }
.magistra-home .magistra-partner__role {
  display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid var(--magistra-mist);
  font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--magistra-blue);
}
.magistra-home .magistra-partner__role::before { content: ""; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--magistra-cyan); box-shadow: 0 0 0 4px rgba(0,166,237,.18); }
@media (min-width: 960px) {
  .magistra-home .magistra-chero__grid { grid-template-columns: 1.15fr .85fr; }
  .magistra-home .magistra-chero__partners { justify-self: end; width: 100%; }
  .magistra-home .magistra-partner:nth-child(2) { margin-left: clamp(0px, 3vw, 40px); }
}

/* ---- Cabecera de cada metodología (logo + titular) ------------------------- */
.magistra-home .magistra-pshead { display: grid; gap: 28px; margin-bottom: clamp(40px, 6vw, 72px); }
.magistra-home .magistra-pshead__logo {
  display: inline-flex; align-items: center; justify-content: center; width: fit-content; max-width: 100%;
  padding: 16px 26px; border-radius: 20px; background: var(--magistra-white); border: 1px solid var(--magistra-mist);
}
.magistra-home .magistra-pshead__logo img { height: 64px; width: auto; max-width: 100%; object-fit: contain; }
.magistra-home .magistra-kb .magistra-pshead__logo { border-color: transparent; }
.magistra-home .magistra-kb .magistra-pshead__logo img { height: 56px; }
.magistra-home .magistra-pshead__copy { display: grid; gap: 16px; max-width: 52rem; }
.magistra-home .magistra-pshead__copy .magistra-body { max-width: 40em; }
@media (min-width: 960px) {
  .magistra-home .magistra-pshead { grid-template-columns: 240px 1fr; gap: clamp(36px, 5vw, 72px); align-items: start; }
  .magistra-home .magistra-pshead__logo { width: 100%; padding: 22px 20px; margin-top: 4px; }
  .magistra-home .magistra-pshead__logo img { height: auto; width: 100%; max-height: 92px; }
  .magistra-home .magistra-kb .magistra-pshead__logo img { max-height: 70px; }
}

/* ---- 2 · ICC: la ruta de dos niveles --------------------------------------- */
.magistra-home .magistra-ruta { display: grid; gap: 22px; align-items: stretch; }
.magistra-home .magistra-ruta__nivel { display: grid; gap: 18px; align-content: start; }
.magistra-home .magistra-ruta__label { display: flex; align-items: center; gap: 14px; }
.magistra-home .magistra-ruta__label b {
  font-size: 3.6rem; font-weight: 700; line-height: .85; letter-spacing: -.04em; color: transparent;
  -webkit-text-stroke: 1.5px var(--magistra-cyan);
}
.magistra-home .magistra-ruta__label span { display: grid; gap: 2px; font-size: 1.05rem; font-weight: 700; color: var(--magistra-navy); line-height: 1.1; }
.magistra-home .magistra-ruta__label em { font-style: normal; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--magistra-blue); }
.magistra-home .magistra-ruta__pair { display: grid; gap: 14px; align-items: stretch; }
.magistra-home .magistra-ruta__nivel--1 .magistra-prog { height: 100%; }
.magistra-home .magistra-ruta__arrow {
  display: grid; place-items: center; width: 44px; height: 44px; margin-inline: auto; border-radius: 50%;
  background: var(--magistra-cyan); color: var(--magistra-navy);
}
.magistra-home .magistra-ruta__arrow::after { content: "→"; font-size: 1.2rem; font-weight: 700; line-height: 1; transform: rotate(90deg); }

.magistra-home .magistra-prog {
  position: relative; overflow: hidden; display: grid; gap: 10px; align-content: start;
  padding: 28px 26px 30px; border-radius: 22px; background: var(--magistra-cloud); border: 1px solid transparent;
  transition: transform .35s var(--magistra-ease), box-shadow .35s, border-color .35s, background-color .35s;
}
.magistra-home .magistra-prog::before {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: var(--magistra-cyan);
  transform: scaleX(.18); transform-origin: left; transition: transform .6s var(--magistra-ease);
}
.magistra-home .magistra-prog h3 { font-size: 1.25rem; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: var(--magistra-navy); }
.magistra-home .magistra-prog p { font-size: .98rem; line-height: 1.65; color: var(--magistra-ink); }
@media (hover: hover) {
  .magistra-home .magistra-prog:hover { transform: translateY(-4px); background: var(--magistra-white); border-color: var(--magistra-mist); box-shadow: 0 22px 50px -26px rgba(1,31,74,.4); }
  .magistra-home .magistra-prog:hover::before { transform: scaleX(1); }
}
@media (min-width: 720px) {
  .magistra-home .magistra-ruta__pair { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1040px) {
  .magistra-home .magistra-ruta { grid-template-columns: minmax(0, 1fr) auto minmax(0, 2fr); gap: 22px; align-items: stretch; }
  .magistra-home .magistra-ruta__nivel { grid-template-rows: auto 1fr; }
  .magistra-home .magistra-ruta__arrow { align-self: center; margin-top: 64px; }
  .magistra-home .magistra-ruta__arrow::after { transform: none; }
}

/* ---- Después de certificarte: ICC Academy ----------------------------------- */
.magistra-home .magistra-iccacademy {
  display: grid; gap: 18px; align-items: center; margin-top: clamp(28px, 4vw, 44px); padding: clamp(22px, 3vw, 32px);
  border-radius: 24px; color: var(--magistra-white);
  background: var(--magistra-navy) url("../assets/magistra-fondo-ondas.webp") 70% 100% / cover no-repeat;
}
.magistra-home .magistra-iccacademy__ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: rgba(0,166,237,.18); color: var(--magistra-cyan); }
.magistra-home .magistra-iccacademy__ic svg { width: 26px; height: 26px; }
.magistra-home .magistra-iccacademy .magistra-iccacademy__tag { margin-bottom: 6px; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--magistra-cyan); max-width: none; }
.magistra-home .magistra-iccacademy p { font-size: 1rem; font-weight: 300; line-height: 1.65; color: rgba(255,255,255,.92); max-width: 52em; }
.magistra-home .magistra-iccacademy p strong { font-weight: 700; color: var(--magistra-white); }
@media (min-width: 720px) { .magistra-home .magistra-iccacademy { grid-template-columns: auto 1fr; gap: 24px; } }
.magistra-home .magistra-pscta { margin-top: clamp(28px, 4vw, 40px); }

/* ---- 3 · KEN BLANCHARD ----------------------------------------------------- */
.magistra-home .magistra-kb { overflow: hidden; isolation: isolate; }
.magistra-home .magistra-kb::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(70% 55% at 100% 0%, rgba(0,166,237,.22), transparent 70%);
}
.magistra-home .magistra-kb .magistra-body { color: rgba(255,255,255,.9); }
.magistra-home .magistra-kb__body { display: grid; gap: clamp(32px, 5vw, 56px); align-items: start; }
.magistra-home .magistra-kb__main { display: grid; gap: 20px; justify-items: start; max-width: 36rem; }
.magistra-home .magistra-kb__main > p { font-size: 1.0625rem; font-weight: 300; line-height: 1.7; color: rgba(255,255,255,.9); }
.magistra-home .magistra-kb__quote { position: relative; margin: 0 0 6px; padding: 8px 0 0 clamp(0px, 1vw, 8px); }
.magistra-home .magistra-kb__quote::before {
  content: "\201C"; display: block; height: .62em; font-size: clamp(5rem, 9vw, 7rem); font-weight: 700; line-height: 1; color: var(--magistra-cyan);
}
.magistra-home .magistra-kb__quote blockquote { margin: 0; }
.magistra-home .magistra-kb__quote p { font-size: clamp(1.6rem, 3.2vw, 2.3rem); font-weight: 700; line-height: 1.18; letter-spacing: -.02em; text-wrap: balance; color: var(--magistra-white); }
.magistra-home .magistra-kb__quote figcaption { margin-top: 14px; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--magistra-cyan); }
.magistra-home .magistra-kb__quote figcaption::before { content: "— "; }
.magistra-home .magistra-kb__main .magistra-btn { margin-top: 8px; }

.magistra-home .magistra-kb__facts { display: grid; gap: 14px; }
.magistra-home .magistra-fact {
  position: relative; display: grid; gap: 8px; padding: 22px 24px 24px; border-radius: 20px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.16);
  transition: border-color .3s, background-color .3s, transform .35s var(--magistra-ease);
}
.magistra-home .magistra-fact__n { font-size: .78rem; font-weight: 700; letter-spacing: .16em; color: var(--magistra-cyan); }
.magistra-home .magistra-fact h3 { font-size: 1.15rem; font-weight: 700; line-height: 1.25; color: var(--magistra-white); }
.magistra-home .magistra-fact p { font-size: .95rem; font-weight: 300; line-height: 1.6; color: rgba(255,255,255,.86); }
@media (hover: hover) {
  .magistra-home .magistra-fact:hover { border-color: rgba(0,166,237,.6); background: rgba(0,166,237,.08); transform: translateY(-3px); }
}
@media (min-width: 640px) { .magistra-home .magistra-kb__facts { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) {
  .magistra-home .magistra-kb__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(48px, 6vw, 88px); }
}

/* ---- 4 · POR QUÉ CON MAGISTRA ---------------------------------------------- */
.magistra-home .magistra-porque__grid { display: grid; gap: clamp(32px, 5vw, 56px); align-items: center; }
.magistra-home .magistra-porque__copy { display: grid; gap: 18px; justify-items: start; max-width: 40rem; }
.magistra-home .magistra-porque__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; margin-top: 6px; }
.magistra-home .magistra-porque__paths { display: grid; gap: 14px; }
.magistra-home .magistra-porque__paths li {
  display: grid; gap: 6px; padding: 22px 24px; border-radius: 20px; background: var(--magistra-white); border: 1px solid var(--magistra-mist);
  transition: border-color .3s, box-shadow .35s, transform .35s var(--magistra-ease);
}
.magistra-home .magistra-porque__paths strong { display: flex; align-items: center; gap: 10px; font-size: 1.05rem; font-weight: 700; color: var(--magistra-navy); }
.magistra-home .magistra-porque__paths strong::before { content: ""; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--magistra-cyan); box-shadow: 0 0 0 4px rgba(0,166,237,.16); }
.magistra-home .magistra-porque__paths span { font-size: .95rem; line-height: 1.6; color: var(--magistra-ink); }
.magistra-home .magistra-porque__paths a { font-weight: 700; color: var(--magistra-blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
.magistra-home .magistra-porque__paths a:hover { color: var(--magistra-navy); }
@media (hover: hover) {
  .magistra-home .magistra-porque__paths li:hover { border-color: var(--magistra-cyan); box-shadow: 0 18px 40px -24px rgba(1,31,74,.35); transform: translateX(4px); }
}
@media (min-width: 960px) { .magistra-home .magistra-porque__grid { grid-template-columns: 1fr 1fr; } }

/* ---- 5 · CTA ---------------------------------------------------------------- */
.magistra-home .magistra-ccta__actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (prefers-reduced-motion: reduce) {
  .magistra-home .magistra-chero__copy > *,
  .magistra-home .magistra-partner { opacity: 1; transform: none; animation: none; }
  .magistra-home .magistra-prog,
  .magistra-home .magistra-prog::before,
  .magistra-home .magistra-fact,
  .magistra-home .magistra-porque__paths li { transition: none; }
}