/* ==========================================================================
   MAGISTRA · INSIGHTS — estilos de la página (se carga DESPUÉS de magistra-home.css)
   Incluye estilos de campos de formulario compartidos con Contacto (ver magistra-contacto.css).
   ========================================================================== */

.magistra-home .magistra-ihero2 {
  position: relative; overflow: hidden; isolation: isolate; color: #fff;
  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, 110px)) 0 clamp(56px, 8vw, 100px);
}
.magistra-home .magistra-ihero2__copy { display: grid; gap: 20px; justify-items: start; max-width: 44rem; }
.magistra-home .magistra-ihero2__title { font-size: clamp(2.2rem, 5.4vw, 4.2rem); font-weight: 700; line-height: 1.05; letter-spacing: -.025em; text-wrap: balance; }
.magistra-home .magistra-ihero2__title span { color: var(--magistra-cyan); }
.magistra-home .magistra-ihero2 .magistra-lead { max-width: 32em; color: rgba(255,255,255,.9); }
.magistra-home .magistra-ihero2__copy > * { opacity: 0; transform: translateY(18px); animation: magistra-rise .8s var(--magistra-ease) forwards; }
.magistra-home .magistra-ihero2__copy > *:nth-child(2) { animation-delay: .1s; }
.magistra-home .magistra-ihero2__copy > *:nth-child(3) { animation-delay: .2s; }

.magistra-home .magistra-feed { padding-block: clamp(56px, 8vw, 110px); }

/* destacado */
.magistra-home .magistra-destacado { margin-bottom: clamp(36px, 5vw, 60px); }
.magistra-home .magistra-destacado__link { display: grid; border-radius: 26px; overflow: hidden; background: var(--magistra-cloud); border: 1px solid var(--magistra-mist); transition: box-shadow .35s, transform .35s var(--magistra-ease); }
.magistra-home .magistra-destacado__link:hover { transform: translateY(-3px); box-shadow: 0 30px 60px -34px rgba(1,31,74,.45); }
.magistra-home .magistra-destacado__art, .magistra-home .magistra-post__art {
  position: relative; display: block; min-height: 220px; background: var(--magistra-navy) url("../assets/magistra-fondo-ondas.webp") 60% 100% / cover no-repeat;
}
.magistra-home .magistra-destacado__art b { position: absolute; left: 18px; top: 18px; padding: .35em .9em; border-radius: 999px; background: var(--magistra-cyan); color: var(--magistra-navy); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; }
.magistra-home .magistra-destacado__body { display: grid; gap: 12px; align-content: center; padding: clamp(24px, 4vw, 48px); }
.magistra-home .magistra-destacado__title { font-size: clamp(1.5rem, 3vw, 2.3rem); font-weight: 700; line-height: 1.15; color: var(--magistra-navy); text-wrap: balance; }
.magistra-home .magistra-destacado__body p { color: var(--magistra-ink); font-size: 1.02rem; max-width: 36em; }
@media (min-width: 860px) { .magistra-home .magistra-destacado__link { grid-template-columns: 1.1fr .9fr; } .magistra-home .magistra-destacado__art { min-height: 340px; } }

/* categorías */
.magistra-home .magistra-post__cat { justify-self: start; display: inline-block; padding: .25em .8em; border-radius: 999px; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: #e8f6fd; color: var(--magistra-blue); }
.magistra-home .magistra-post__cat[data-c="posible"] { background: #eaf0f9; color: var(--magistra-navy); }
.magistra-home .magistra-post__cat[data-c="habito"] { background: var(--magistra-navy); color: #fff; }
.magistra-home .magistra-post__meta { font-size: .8rem; color: #6b7686; }

/* filtros */
.magistra-home .magistra-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.magistra-home .magistra-filtros button, .magistra-home .magistra-filtros a {
  padding: .6em 1.2em; border-radius: 999px; border: 1.5px solid var(--magistra-mist); background: #fff; color: var(--magistra-navy);
  font-size: .9rem; font-weight: 700; line-height: 1.2; transition: background-color .25s, color .25s, border-color .25s;
}
.magistra-home .magistra-filtros button small, .magistra-home .magistra-filtros a small { font-weight: 400; opacity: .7; margin-left: .4em; }
.magistra-home .magistra-filtros button:hover, .magistra-home .magistra-filtros a:hover { border-color: var(--magistra-navy); }
.magistra-home .magistra-filtros button.is-on, .magistra-home .magistra-filtros a.is-on { background: var(--magistra-navy); border-color: var(--magistra-navy); color: #fff; }
.magistra-home .magistra-filtros button:focus-visible, .magistra-home .magistra-filtros a:focus-visible { outline: 3px solid var(--magistra-cyan); outline-offset: 2px; }

/* grilla */
.magistra-home .magistra-feed__grid { display: grid; gap: 22px; grid-template-columns: 1fr; }
.magistra-home .magistra-post[hidden] { display: none; }
.magistra-home .magistra-post__link { display: grid; gap: 10px; align-content: start; height: 100%; padding-bottom: 6px; }
.magistra-home .magistra-post__art { min-height: 0; aspect-ratio: 16 / 10; border-radius: 18px; transition: transform .4s var(--magistra-ease); }
.magistra-home .magistra-post__link:hover .magistra-post__art { transform: translateY(-4px); }
.magistra-home .magistra-post__title { font-size: 1.2rem; font-weight: 700; line-height: 1.25; color: var(--magistra-navy); margin-top: 4px; }
.magistra-home .magistra-post__excerpt { font-size: .95rem; line-height: 1.55; color: var(--magistra-ink); }
.magistra-home .magistra-feed__empty { padding: 40px 0; color: #6b7686; }
@media (min-width: 640px) { .magistra-home .magistra-feed__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .magistra-home .magistra-feed__grid { grid-template-columns: repeat(3, 1fr); gap: 34px 28px; } }

/* suscripción */
.magistra-home .magistra-suscribe { padding-block: clamp(64px, 9vw, 110px); }
.magistra-home .magistra-suscribe__grid { display: grid; gap: 32px; align-items: center; }
.magistra-home .magistra-suscribe__form { display: grid; gap: 14px; justify-items: start; }
.magistra-home .magistra-suscribe__form .magistra-field { width: 100%; }
@media (min-width: 900px) { .magistra-home .magistra-suscribe__grid { grid-template-columns: 1fr 1fr; gap: 80px; } }

/* campos de formulario (compartidos) */
.magistra-home .magistra-field { display: grid; gap: 6px; text-align: left; }
.magistra-home .magistra-field > span { font-size: .82rem; font-weight: 700; color: var(--magistra-navy); }
.magistra-home .magistra-field > span small { font-weight: 400; color: #6b7686; }
.magistra-home .magistra-field input, .magistra-home .magistra-field select, .magistra-home .magistra-field textarea {
  width: 100%; padding: .85em 1em; border: 1.5px solid #b9c4d4; border-radius: 12px; background: #fff; color: var(--magistra-navy);
  font: inherit; font-size: 1rem; line-height: 1.4; transition: border-color .2s, box-shadow .2s;
}
.magistra-home .magistra-field textarea { resize: vertical; min-height: 110px; }
.magistra-home .magistra-field input:focus, .magistra-home .magistra-field select:focus, .magistra-home .magistra-field textarea:focus {
  outline: none; border-color: var(--magistra-blue); box-shadow: 0 0 0 4px rgba(0,166,237,.22);
}
.magistra-home .magistra-field.is-invalid input, .magistra-home .magistra-field.is-invalid select { border-color: #b3261e; }
.magistra-home .magistra-field__err { font-style: normal; font-size: .82rem; font-weight: 700; color: #b3261e; }
.magistra-home .magistra-form__legal { font-size: .8rem; color: #6b7686; }
.magistra-home .magistra-form__legal a, .magistra-home .magistra-check a { color: var(--magistra-blue); text-decoration: underline; }
.magistra-home .magistra-form__ok { padding: 14px 18px; border-radius: 14px; background: #e8f6fd; color: var(--magistra-navy); font-size: .98rem; }
.magistra-home .magistra-form__ok[hidden], .magistra-home .magistra-field__err[hidden] { display: none; }
.magistra-home .magistra-form__fail { padding: 14px 18px; border-radius: 14px; background: #fdecea; color: #7a1a14; font-size: .95rem; margin: 0; }
.magistra-home .magistra-form__fail[hidden] { display: none; }
.magistra-home .magistra-form__fail a { color: inherit; text-decoration: underline; font-weight: 700; }
/* Campo trampa anti-spam (no visible, fuera del flujo) */
.magistra-home .magistra-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Imágenes reales de los artículos dentro de tarjetas y destacado */
.magistra-home .magistra-post__art, .magistra-home .magistra-destacado__art { overflow: hidden; }
.magistra-home .magistra-post__art img, .magistra-home .magistra-destacado__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.magistra-home .magistra-filtros a { display: inline-block; text-decoration: none; }
.magistra-home .magistra-feed__empty a { color: var(--magistra-blue); text-decoration: underline; }
.magistra-home .magistra-feed .magistra-filtros { margin-top: 0; }
.magistra-home .magistra-destacado + .magistra-filtros { margin-top: 0; }

/* Paginación */
.magistra-home .magistra-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 18px; margin-top: clamp(36px, 5vw, 56px); }
.magistra-home .magistra-pager ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.magistra-home .magistra-pager li a, .magistra-home .magistra-pager li > span {
  display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 999px; border: 1.5px solid var(--magistra-mist);
  color: var(--magistra-navy); font-weight: 700; font-size: .92rem; text-decoration: none; transition: border-color .25s, background-color .25s, color .25s;
}
.magistra-home .magistra-pager li a:hover { border-color: var(--magistra-navy); }
.magistra-home .magistra-pager li > span[aria-current="page"] { background: var(--magistra-navy); border-color: var(--magistra-navy); color: #fff; }
.magistra-home .magistra-pager li > span:not([aria-current]) { border-color: transparent; min-width: 24px; padding: 0; }
.magistra-home .magistra-pager__nav { color: var(--magistra-navy); font-weight: 700; font-size: .92rem; text-decoration: none; padding: 10px 4px; }
.magistra-home .magistra-pager__nav:hover { color: var(--magistra-blue); text-decoration: underline; text-underline-offset: 4px; }
.magistra-home .magistra-pager a:focus-visible { outline: 3px solid var(--magistra-cyan); outline-offset: 2px; }
.magistra-home .magistra-post__excerpt, .magistra-home .magistra-post__title, .magistra-home .magistra-destacado__body p { overflow-wrap: anywhere; }