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

/* ---- 1 · HERO ----------------------------------------------------------- */
.magistra-home .magistra-nhero {
  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(56px, 9vw, 120px)) 0 clamp(64px, 9vw, 120px);
}
.magistra-home .magistra-nhero__grid { display: grid; gap: 44px; align-items: end; }
.magistra-home .magistra-nhero__copy { display: grid; gap: 22px; justify-items: start; max-width: 46rem; }
.magistra-home .magistra-nhero__title {
  font-size: clamp(2.4rem, 6.4vw, 5rem); font-weight: 700; line-height: 1.02; letter-spacing: -.025em;
}
.magistra-home .magistra-nhero__title span { display: block; color: var(--magistra-cyan); }
.magistra-home .magistra-nhero .magistra-lead { max-width: 34em; color: rgba(255,255,255,.9); }
.magistra-home .magistra-nhero__territory {
  font-size: 1.05rem; font-weight: 700; padding-left: 16px; border-left: 3px solid var(--magistra-cyan);
}
.magistra-home .magistra-nhero__copy > * { opacity: 0; transform: translateY(18px); animation: magistra-rise .8s var(--magistra-ease) forwards; }
.magistra-home .magistra-nhero__copy > *:nth-child(2) { animation-delay: .1s; }
.magistra-home .magistra-nhero__copy > *:nth-child(3) { animation-delay: .22s; }
.magistra-home .magistra-nhero__copy > *:nth-child(4) { animation-delay: .34s; }
@media (min-width: 1024px) {
  .magistra-home .magistra-nhero__grid { grid-template-columns: 1fr auto; }
  }

/* ---- 3 · GRUPO HUMAN ----------------------------------------------------- */
.magistra-home .magistra-grupo__head { display: grid; gap: 22px; align-items: end; margin-bottom: clamp(40px, 6vw, 72px); }
.magistra-home .magistra-grupo__title { display: grid; gap: 14px; }
.magistra-home .magistra-grupo__copy { display: grid; gap: 16px; max-width: 34em; }

/* Ecosistema: cuatro firmas, un mismo cimiento */
.magistra-home .magistra-eco { display: grid; justify-items: stretch; }
.magistra-home .magistra-eco__pillars { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; align-items: end; }
.magistra-home .magistra-pilar { display: grid; }
.magistra-home .magistra-pilar__card {
  position: relative; display: grid; place-items: center; min-height: 112px; padding: 22px 18px;
  background: var(--magistra-white); border: 1px solid var(--magistra-mist); border-radius: 18px 18px 6px 6px;
  box-shadow: 0 10px 28px -18px rgba(1,31,74,.35);
  transition: box-shadow .35s ease, border-color .35s ease, transform .45s var(--magistra-ease);
}
.magistra-home .magistra-pilar img { display: block; width: 100%; max-width: 168px; max-height: 46px; height: auto; object-fit: contain; }
.magistra-home .magistra-pilar.is-self .magistra-pilar__card {
  border-color: var(--magistra-cyan); padding-top: 36px;
  box-shadow: 0 0 0 3px rgba(0,166,237,.16), 0 22px 44px -22px rgba(0,101,175,.5);
}
.magistra-home .magistra-pilar__tag {
  position: absolute; top: 12px; left: 50%; transform: translateX(-50%); white-space: nowrap;
  font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--magistra-blue);
}
.magistra-home .magistra-pilar__tag::before {
  content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; vertical-align: 1px;
  background: var(--magistra-cyan); animation: magistra-dot 1.8s ease-out infinite;
}

/* Raíces: hilos de luz que suben del cimiento a cada firma */
.magistra-home .magistra-eco__roots { position: relative; height: 40px; }
.magistra-home .magistra-eco__roots span { display: none; }
.magistra-home .magistra-eco__roots::before {
  content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #9FB3CC;
}
.magistra-home .magistra-eco__roots::after {
  content: ""; position: absolute; left: 50%; top: 0; width: 3px; height: 14px; margin-left: -1px; border-radius: 3px;
  background: linear-gradient(transparent, var(--magistra-cyan)); animation: magistra-raiz 2.6s var(--magistra-ease) infinite;
}

.magistra-home .magistra-eco__base {
  position: relative; display: grid; place-items: center; padding: 26px 24px; border-radius: 6px 6px 22px 22px;
  background: var(--magistra-white); border: 1px solid var(--magistra-mist);
  box-shadow: 0 24px 50px -30px rgba(1,31,74,.45);
}
.magistra-home .magistra-eco__base::before {
  content: ""; position: absolute; left: 14px; right: 14px; top: -1px; height: 3px; border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, transparent, var(--magistra-cyan) 18%, var(--magistra-blue) 82%, transparent);
}
.magistra-home .magistra-eco__base img { display: block; width: clamp(120px, 20vw, 168px); height: auto; }

@keyframes magistra-raiz { 0% { transform: translateY(40px); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateY(-4px); opacity: 0; } }

@media (hover: hover) {
  .magistra-home .magistra-pilar:hover .magistra-pilar__card { transform: translateY(-6px); border-color: var(--magistra-cyan); box-shadow: 0 0 0 3px rgba(0,166,237,.14), 0 24px 44px -22px rgba(1,31,74,.45); }
}
@media (min-width: 720px) {
  .magistra-home .magistra-grupo__head { grid-template-columns: 1fr 1fr; gap: 72px; }
  .magistra-home .magistra-eco__pillars { grid-template-columns: repeat(4, 1fr); gap: 18px; }
  .magistra-home .magistra-pilar__card { min-height: 128px; }
  .magistra-home .magistra-pilar.is-self .magistra-pilar__card { min-height: 164px; }
  .magistra-home .magistra-eco__roots { height: 56px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
  .magistra-home .magistra-eco__roots::before, .magistra-home .magistra-eco__roots::after { display: none; }
  .magistra-home .magistra-eco__roots span { display: block; position: relative; justify-self: center; width: 1px; height: 100%; background: #9FB3CC; transition: background .3s ease; }
  .magistra-home .magistra-eco__roots span::after {
    content: ""; position: absolute; left: -1px; top: 0; width: 3px; height: 16px; border-radius: 3px;
    background: linear-gradient(transparent, var(--magistra-cyan)); animation: magistra-raiz 2.8s var(--magistra-ease) infinite;
  }
  .magistra-home .magistra-eco__roots span[data-i="1"]::after { animation-delay: .35s; }
  .magistra-home .magistra-eco__roots span[data-i="2"]::after { animation-delay: .7s; }
  .magistra-home .magistra-eco__roots span[data-i="3"]::after { animation-delay: 1.05s; }
  .magistra-home .magistra-eco__roots span[data-i="0"] { background: var(--magistra-cyan); }
  .magistra-home .magistra-eco__base { padding: 30px 24px; }
}
@media (min-width: 720px) and (hover: hover) {
  .magistra-home .magistra-eco:has([data-i="0"]:hover) .magistra-eco__roots span[data-i="0"],
  .magistra-home .magistra-eco:has([data-i="1"]:hover) .magistra-eco__roots span[data-i="1"],
  .magistra-home .magistra-eco:has([data-i="2"]:hover) .magistra-eco__roots span[data-i="2"],
  .magistra-home .magistra-eco:has([data-i="3"]:hover) .magistra-eco__roots span[data-i="3"] { background: var(--magistra-cyan); }
}
@media (prefers-reduced-motion: reduce) {
  .magistra-home .magistra-eco__roots::after, .magistra-home .magistra-eco__roots span::after { animation: none; opacity: 0; }
  .magistra-home .magistra-pilar__tag::before { animation: none; }
}

/* ---- 4 · ALCANCE --------------------------------------------------------- */
.magistra-home .magistra-alcance__head { display: grid; gap: 18px; max-width: 46rem; }
.magistra-home .magistra-alcance__who { font-size: .98rem; color: var(--magistra-ink); }
.magistra-home .magistra-alcance__who strong { color: var(--magistra-navy); }
.magistra-home .magistra-alcance__units { display: grid; gap: 16px; margin-top: clamp(36px, 5vw, 56px); }
.magistra-home .magistra-alcance__units a {
  display: grid; gap: 8px; align-content: start; height: 100%; padding: 28px; border-radius: 22px; color: var(--magistra-ink);
  background: var(--magistra-cloud); border: 1px solid var(--magistra-mist);
  transition: transform .3s var(--magistra-ease), border-color .3s, box-shadow .3s;
}
.magistra-home .magistra-alcance__units a:hover { transform: translateY(-4px); border-color: var(--magistra-blue); box-shadow: 0 18px 40px -24px rgba(1,31,74,.4); }
.magistra-home .magistra-alcance__verb { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--magistra-blue); }
.magistra-home .magistra-alcance__units strong { font-size: 1.3rem; font-weight: 700; color: var(--magistra-navy); line-height: 1.2; }
.magistra-home .magistra-alcance__cycle {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 32px; padding-top: 24px;
  border-top: 1px solid var(--magistra-mist); font-size: .92rem; color: var(--magistra-ink);
}
.magistra-home .magistra-alcance__cycle b { font-weight: 700; color: var(--magistra-navy); }
.magistra-home .magistra-alcance__cycle i { font-style: normal; color: var(--magistra-blue); }
.magistra-home .magistra-alcance__cycle .magistra-link { margin-left: 8px; }
@media (min-width: 900px) { .magistra-home .magistra-alcance__units { grid-template-columns: repeat(3, 1fr); } }

/* ---- 5 · CÓMO TRABAJAMOS ------------------------------------------------- */
.magistra-home .magistra-metodo { overflow: hidden; isolation: isolate; }
.magistra-home .magistra-metodo::before {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: radial-gradient(45% 60% at 100% 0%, rgba(0,166,237,.16), transparent 70%);
}
.magistra-home .magistra-metodo__head { display: grid; gap: 18px; margin-bottom: clamp(36px, 6vw, 72px); }
.magistra-home .magistra-metodo__list { display: grid; gap: 36px; }
.magistra-home .magistra-metodo__list li { display: grid; gap: 12px; align-content: start; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.2); }
.magistra-home .magistra-metodo__num { font-size: .85rem; font-weight: 700; letter-spacing: .14em; color: var(--magistra-cyan); }
.magistra-home .magistra-metodo__list h3 { font-size: clamp(1.3rem, 2.2vw, 1.7rem); font-weight: 700; line-height: 1.15; color: var(--magistra-white); }
.magistra-home .magistra-metodo__list p { font-size: 1.02rem; font-weight: 300; line-height: 1.65; color: rgba(255,255,255,.88); max-width: 28em; }
@media (min-width: 900px) { .magistra-home .magistra-metodo__list { grid-template-columns: repeat(3, 1fr); gap: 56px; } }

/* ---- 6 · PARTNERS Y DIRECTORES ------------------------------------------ */
.magistra-home .magistra-lideres__head { display: grid; gap: 18px; margin-bottom: clamp(36px, 6vw, 64px); }
.magistra-home .magistra-lideres__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
.magistra-home .magistra-leader { display: grid; gap: 4px; align-content: start; }
.magistra-home .magistra-leader__photo {
  position: relative; aspect-ratio: 4 / 5; margin-bottom: 14px; border-radius: 22px; overflow: hidden;
  display: flex; align-items: flex-end; justify-content: center;
  background: radial-gradient(120% 90% at 50% 0%, #1763C2 0%, var(--magistra-navy) 78%);
}
.magistra-home .magistra-leader__photo img { display: block; height: 92%; width: auto; max-width: 92%; object-fit: contain; object-position: bottom center; }
.magistra-home .magistra-leader__name { font-size: 1.12rem; font-weight: 700; line-height: 1.2; color: var(--magistra-navy); }
.magistra-home .magistra-leader__role { font-size: .84rem; font-weight: 700; color: var(--magistra-blue); }
.magistra-home .magistra-leader__focus { font-size: .88rem; line-height: 1.5; color: var(--magistra-ink); }
@media (min-width: 900px) {
  .magistra-home .magistra-lideres__list { grid-template-columns: repeat(4, 1fr); gap: 32px 24px; }
}