/* =========================================================================
   Mi Vínculo — Subpáginas de servicio
   envios.php, importar.php, distribuidores.php
   ========================================================================= */

/* -------------------------------------------------------------------------
   Hero compacto
   ------------------------------------------------------------------------- */

.mv-servicio-hero {
  position: relative;
  overflow: hidden;
  padding-block: var(--mv-e-12);
  background-color: var(--mv-navy-900);
  color: var(--mv-blanco);

  --mv-fondo: var(--mv-navy-900);
  --mv-fondo-elevado: var(--mv-navy-800);
  --mv-fondo-alterno: var(--mv-navy-800);
  --mv-texto: var(--mv-blanco);
  --mv-texto-suave: var(--mv-navy-100);
  --mv-texto-tenue: var(--mv-navy-200);
  --mv-borde: var(--mv-linea-clara);
  --mv-borde-fuerte: var(--mv-linea-clara-fuerte);
  --mv-accion-hover: var(--mv-verde-500);
  --mv-accion-suave: var(--mv-verde-tenue);
  --mv-acento: var(--mv-ambar-500);
  --mv-acento-texto: var(--mv-ambar-500);
  --mv-acento-suave: var(--mv-ambar-tenue);
  --mv-foco: var(--mv-ambar-500);
}

@media (min-width: 64em) {
  .mv-servicio-hero {
    padding-block: var(--mv-e-16);
  }
}

.mv-servicio-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    var(--mv-linea-clara-fuerte) 1px,
    transparent 1px
  );
  background-size: 22px 22px;
  opacity: 0.35;
  pointer-events: none;
}

.mv-servicio-hero__rejilla {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--mv-e-10);
  align-items: center;
}

@media (min-width: 64em) {
  .mv-servicio-hero__rejilla {
    grid-template-columns: 1.2fr 1fr;
    gap: var(--mv-e-16);
  }
}

.mv-servicio-hero__contenido {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--mv-e-5);
}

.mv-servicio-hero__titulo {
  font-size: var(--mv-texto-4xl);
}

.mv-servicio-hero--institucional .mv-servicio-hero__titulo {
  font-family: var(--mv-fuente-ui);
}

.mv-servicio-hero__entrada {
  max-width: 52ch;
  color: var(--mv-navy-100);
  font-size: var(--mv-texto-lg);
  line-height: var(--mv-interlinea-amplia);
}

.mv-servicio-hero__acciones {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mv-e-3);
}

/* -------------------------------------------------------------------------
   Dos columnas: texto + figura o dos bloques
   ------------------------------------------------------------------------- */

.mv-servicio-columna {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--mv-e-8);
  align-items: start;
}

@media (min-width: 64em) {
  .mv-servicio-columna {
    grid-template-columns: 1fr 1fr;
    gap: var(--mv-e-12);
  }
}

.mv-servicio-columna--invertida {
  direction: ltr;
}

@media (min-width: 64em) {
  .mv-servicio-columna--invertida .mv-servicio-columna__figura {
    order: -1;
  }
}

/* -------------------------------------------------------------------------
   Lista sí / no
   ------------------------------------------------------------------------- */

.mv-limites {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--mv-e-6);
}

@media (min-width: 48em) {
  .mv-limites {
    grid-template-columns: 1fr 1fr;
  }
}

.mv-limites__bloque {
  padding: var(--mv-e-6);
  background-color: var(--mv-fondo-elevado);
  border: 1px solid var(--mv-borde);
  border-radius: var(--mv-radio-md);
}

.mv-limites__titulo {
  margin-bottom: var(--mv-e-4);
  font-size: var(--mv-texto-lg);
  font-weight: var(--mv-peso-semi);
}