/* =====================================================================
   landing-migracion.css - hoja de page-landing-migracion-hosting.php
   (/migracion-hosting-lento/).

   Depende de wpr.css. Aca solo vive lo que el sistema no tiene: la lista de
   dos cosas que hay que medir, la nota de condiciones del caso y el cierre.

   Regla: nada de style="" por elemento en la plantilla.
   ===================================================================== */

.mig-page { font-variant-numeric: var(--numeric-tabular); }

/* ---------------------------------------------------------------------
   Hero
   --------------------------------------------------------------------- */
.mig-hero__title { max-width: 900px; }
.mig-hero__lead {
  max-width: 780px;
  margin-top: 26px;
}
.mig-hero__actions { margin-top: 34px; }

/* ---------------------------------------------------------------------
   Prosa
   --------------------------------------------------------------------- */
.mig-lead { margin-top: 24px; max-width: 860px; }
.mig-prose { margin-top: 24px; max-width: 860px; }
.mig-prose .wpr-p + .wpr-p { margin-top: 18px; }
.mig-link { margin-top: 28px; font-size: var(--fs-body); }

/* ---------------------------------------------------------------------
   Las dos cosas que se miden
   --------------------------------------------------------------------- */
.mig-checks {
  margin-top: 40px;
  max-width: var(--content-max);
}
.mig-check { padding: 28px 26px 30px; }
.mig-check__title { margin-top: 12px; }
.mig-check__text {
  margin-top: 14px;
  font-size: var(--fs-text-3);
  line-height: 1.65;
  color: var(--gray-600);
}
.mig-check__verdict {
  margin-top: 16px;
  font-size: var(--fs-text-3);
  line-height: 1.6;
  font-weight: var(--fw-medium);
  color: var(--gray-900);
}

/* ---------------------------------------------------------------------
   Caso: grafico y nota de condiciones
   --------------------------------------------------------------------- */
.mig-chart-card {
  margin-top: 36px;
  max-width: 700px;
}
/* El SVG mide 600 unidades: se topa ahi para no escalarlo al ancho completo. */
.mig-chart-card .chart svg { max-width: 600px; }
.mig-note {
  margin-top: 24px;
  max-width: 860px;
}
.mig-note__text {
  margin-top: 12px;
  font-size: var(--fs-text-3);
  line-height: 1.65;
  color: var(--gray-600);
}

/* Cita del dueno del sitio */
.mig-quote {
  margin-top: 28px;
  max-width: 860px;
  padding: 0 0 0 26px;
  border-left: 3px solid var(--gray-200);
}
.mig-quote__text {
  font-size: var(--fs-text-1);
  line-height: 1.7;
  color: var(--gray-900);
  text-wrap: pretty;
}
.mig-quote__who {
  margin-top: 14px;
  font-size: var(--fs-text-3);
  color: var(--gray-600);
}

/* ---------------------------------------------------------------------
   FAQ y cierre
   --------------------------------------------------------------------- */
.mig-faq__title { margin-bottom: 40px; }
.mig-close__title { max-width: 780px; margin: 0 auto; }
.mig-close__text { max-width: 760px; margin-left: auto; margin-right: auto; }
.mig-close__actions { margin-top: 34px; }

/* ---------------------------------------------------------------------
   Responsive
   --------------------------------------------------------------------- */
@media (max-width: 768px) {
  .mig-check { padding: 24px 22px 26px; }
  .mig-quote { padding-left: 20px; }
}