/* ==========================================================================
   Rento · css/paginas/info.css
   Páginas informativas con el patrón "Centro de ayuda" (dev/REDISENO.md):
   #ayuda (hero con buscador en píldora, guías, pestañas y acordeones),
   #como-funciona y #confianza (artículos con columna de lectura de ~720 px y
   lateral sticky) y la 404 minimalista.
   Sólo selectores .pg-info* y tokens nuevos de base.css (sin alias viejos).
   ========================================================================== */

.pg-info { padding-bottom: clamp(48px, 7vw, 80px); }

/* --------------------------------------------------------------------------
   Tipografía y piezas comunes
   -------------------------------------------------------------------------- */
.pg-info-h2 {
  margin: 0 0 8px;
  font-size: var(--t-22);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.pg-info-h3 {
  margin: 32px 0 12px;
  font-size: var(--t-18);
  font-weight: 600;
  line-height: 1.3;
}
.pg-info-p { margin: 0 0 16px; font-size: var(--t-16); line-height: 1.6; }
.pg-info-p-gris, .pg-info-gris { color: var(--tinta-2); }

.pg-info-enlace {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--tinta);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}
.pg-info-enlace:hover { color: var(--tinta-fuerte); text-decoration-thickness: 2px; }
.pg-info-enlace .icono { flex: none; }

.pg-info-marca {
  padding: 0 1px;
  border-radius: 3px;
  background: var(--azul-suave);
  color: var(--tinta);
  box-shadow: 0 0 0 1px var(--azul-suave);
}

.pg-info-caja {
  margin: 24px 0;
  padding: 20px 24px;
  border-radius: var(--radio-m);
  background: var(--fondo-2);
}
.pg-info-caja-titulo { margin: 0 0 12px; font-size: var(--t-16); font-weight: 600; }

.pg-info-lista { margin: 12px 0 0; padding-left: 1.25em; line-height: 1.55; }
.pg-info-lista li { margin: 6px 0; padding-left: 2px; }
.pg-info-lista li::marker { color: var(--tinta-3); }
.pg-info-lista-num li::marker { color: var(--tinta); font-weight: 600; }

.pg-info-codigo {
  padding: 1px 6px;
  border-radius: 6px;
  background: var(--fondo-2);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.9em;
  word-break: break-all;
}

/* --------------------------------------------------------------------------
   Artículo: migas, h1 32 px, columna de ~720 px y lateral sticky
   -------------------------------------------------------------------------- */
.pg-info-art { padding-top: 24px; }
/* Una sola columna de lectura (~720 px) hasta que entra el lateral */
.pg-info-art-grilla { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 720px; margin-inline: auto; }
.pg-info-art-intro, .pg-info-art-cuerpo, .pg-info-art-lateral { min-width: 0; }

.pg-info-art-cabecera { margin-bottom: 24px; }
.pg-info-art-cabecera .migas { margin-bottom: 24px; }
.pg-info-antetitulo { margin: 0 0 8px; color: var(--tinta-2); font-size: var(--t-14); }
.pg-info-titulo { margin: 0 0 12px; line-height: 1.2; } /* 32/600 (28 en móvil) desde base.css */
.pg-info-bajada { max-width: 640px; margin: 0; color: var(--tinta-2); font-size: var(--t-18); line-height: 1.5; }

.pg-info-portada {
  aspect-ratio: 12 / 5;
  overflow: hidden;
  border-radius: var(--radio-m);
  background: var(--fondo-2);
}
.pg-info-portada > svg { display: block; width: 100%; height: 100%; }

@media (min-width: 1128px) {
  .pg-info-art-grilla {
    grid-template-columns: minmax(0, 720px) minmax(280px, 328px);
    grid-template-areas: "intro lateral" "cuerpo lateral";
    max-width: none;
    justify-content: space-between;
    column-gap: clamp(48px, 6vw, 96px);
  }
  .pg-info-art-intro { grid-area: intro; }
  .pg-info-art-cuerpo { grid-area: cuerpo; }
  .pg-info-art-lateral { grid-area: lateral; padding-top: 72px; }
}

/* Tarjeta lateral "Seguí leyendo" (estilo tarjeta del artículo de ayuda) */
.pg-info-lateral-tarjeta {
  margin-top: 48px;
  padding: 24px;
  border: 1px solid var(--borde);
  border-radius: var(--radio-m);
  background: var(--superficie);
}
.pg-info-lateral-titulo { margin: 0 0 4px; font-size: var(--t-16); font-weight: 600; letter-spacing: 0; }
@media (min-width: 1128px) {
  .pg-info-lateral-tarjeta {
    position: sticky;
    top: calc(var(--cabecera-alto) + 32px);
    margin-top: 0;
    box-shadow: var(--sombra-tarjeta);
    border-color: var(--borde-suave);
  }
}

.pg-info-relacionados { margin: 0; padding: 0; list-style: none; }
.pg-info-relacionados li + li { border-top: 1px solid var(--borde-suave); }
.pg-info-relacionado {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 18px;
  gap: 14px;
  align-items: center;
  padding: 14px 0;
  color: var(--tinta);
  text-decoration: none;
}
.pg-info-relacionado:hover { color: var(--tinta); }
.pg-info-relacionado:hover strong { text-decoration: underline; text-underline-offset: 0.16em; }
.pg-info-relacionado-icono { display: grid; place-items: center; color: var(--tinta); }
.pg-info-relacionado-texto { display: grid; gap: 2px; min-width: 0; }
.pg-info-relacionado-texto strong { font-size: 15px; font-weight: 600; line-height: 1.3; }
.pg-info-relacionado-texto span { color: var(--tinta-2); font-size: var(--t-14); line-height: 1.4; }
.pg-info-relacionado-flecha { color: var(--tinta-2); }

/* --------------------------------------------------------------------------
   #como-funciona: pestañas, pasos numerados y figuras
   -------------------------------------------------------------------------- */
.pg-info-pestanas { margin: 40px 0 32px; }
.pg-info-pestanas .pestana .icono { color: currentColor; }

.pg-info-panel:focus { outline: none; }

.pg-info-requisitos ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.pg-info-requisitos li { display: flex; align-items: center; gap: 12px; line-height: 1.4; }
.pg-info-requisitos .icono { color: var(--tinta); }

.pg-info-pasos { margin: 8px 0 0; padding: 0; list-style: none; }
.pg-info-paso {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  column-gap: 20px;
  padding: 32px 0;
  border-bottom: 1px solid var(--borde-suave);
}
.pg-info-paso-num {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--tinta);
  border-radius: 50%;
  font-size: var(--t-14);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.pg-info-paso-cuerpo { min-width: 0; }
.pg-info-paso-titulo { margin: 4px 0 10px; font-size: var(--t-18); font-weight: 600; line-height: 1.35; }
.pg-info-paso-cuerpo > p { margin: 0 0 12px; line-height: 1.6; }
.pg-info-paso-datos { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; color: var(--tinta-2); font-size: 15px; }
.pg-info-paso-datos li { display: flex; align-items: flex-start; gap: 10px; line-height: 1.45; }
.pg-info-paso-datos .icono { margin-top: 1px; color: var(--tinta); }
.pg-info-paso-cuerpo > .pg-info-paso-enlace { margin: 16px 0 0; }
.pg-info-paso-arte { margin-top: 24px; }
/* Figuras con vehículos ilustrativos (sitio sin publicaciones de muestra): sello "Ejemplo" arriba a la derecha */
.pg-info-paso-arte-ejemplo { position: relative; }
.pg-info-sello-ejemplo {
  position: absolute;
  z-index: 4;
  top: 12px;
  right: 12px;
  padding: 3px 10px;
  border: 1px solid var(--borde);
  border-radius: var(--radio-pill);
  background: var(--superficie);
  color: var(--tinta-2);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.pg-info-sello-ejemplo.pg-info-sello-linea { position: static; margin-left: auto; }

/* Figuras: radio 12, fondo gris claro, 2:1 en desktop (4:3 en móvil) */
.pg-info-figura {
  position: relative;
  overflow: hidden;
  aspect-ratio: 2 / 1;
  border-radius: var(--radio-m);
  background: var(--fondo-2);
  font-size: var(--t-14);
  line-height: 1.4;
}
/* Paneles con tarjetitas: alto según el contenido (sin aire muerto) */
.pg-info-fig-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  aspect-ratio: auto;
  min-height: 240px;
  padding: 40px 28px;
}
.pg-info-fig-sep { margin: 0 6px; color: var(--tinta-3); }

/* Tarjetitas blancas dentro de las figuras */
.pg-info-mini {
  width: min(100%, 340px);
  margin: 0;
  padding: 18px 20px;
  border: 1px solid var(--borde-suave);
  border-radius: var(--radio-m);
  background: var(--superficie);
  box-shadow: var(--sombra-tarjeta);
}
.pg-info-mini-cabeza { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; font-size: 15px; }
.pg-info-mini-cabeza span { color: var(--tinta-2); font-size: 13px; }
.pg-info-mini-rotulo { margin: 0 0 8px; color: var(--tinta-2); font-size: 13px; font-weight: 600; }
.pg-info-mini-filas { margin: 0; }
.pg-info-mini-filas > div { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; }
.pg-info-mini-filas dt { color: var(--tinta-2); }
.pg-info-mini-filas dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pg-info-mini-total { margin-top: 6px; padding-top: 10px !important; border-top: 1px solid var(--borde-suave); font-weight: 600; }
.pg-info-mini-total dt { color: var(--tinta); }
.pg-info-mini-nota { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; color: var(--tinta-2); font-size: 13px; line-height: 1.4; }
.pg-info-mini-nota .icono { flex: none; margin-top: 1px; color: var(--azul); }
.pg-info-mini-nota strong { color: var(--tinta); }
.pg-info-mini-medios { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.pg-info-mini-medios li { padding: 3px 10px; border: 1px solid var(--borde); border-radius: var(--radio-pill); font-size: 12px; font-weight: 500; }

/* Mapa con pines de precio */
.pg-info-fig-mapa .pg-info-mapa {
  position: absolute;
  left: 0; right: 0; top: 50%;
  aspect-ratio: 10 / 7;
  transform: translateY(-50%);
}
.pg-info-mapa > svg { display: block; width: 100%; height: 100%; }
.pg-info-pin {
  position: absolute;
  z-index: 1;
  padding: 4px 10px;
  border-radius: var(--radio-pill);
  background: var(--superficie);
  color: var(--tinta);
  box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-chica);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
.pg-info-pin-activo { z-index: 2; background: var(--tinta); color: var(--tinta-inversa); box-shadow: var(--sombra-chica); transform: translate(-50%, -50%) scale(1.08); }
.pg-info-fig-busqueda {
  position: absolute;
  z-index: 3;
  top: 16px; left: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 32px);
  margin: 0;
  padding: 10px 18px;
  border-radius: var(--radio-pill);
  background: var(--superficie);
  box-shadow: var(--sombra-buscador);
  white-space: nowrap;
}
.pg-info-fig-busqueda > span { overflow: hidden; text-overflow: ellipsis; }
.pg-info-fig-busqueda .icono { color: var(--azul); }

/* Foto (ilustración del auto) con capas encima */
/* 16:9 anclada abajo: la ilustración 4:3 pierde cielo, nunca las ruedas */
.pg-info-fig-foto { aspect-ratio: 16 / 9; }
.pg-info-fig-foto .foto-auto { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; aspect-ratio: 4 / 3; }
.pg-info-visor { position: absolute; inset: 16% 22%; }
/* Visor de cámara sobre la ilustración (que no se invierte): blanco en los dos temas */
.pg-info-visor i { position: absolute; width: 26px; height: 26px; border: 3px solid var(--sobre-azul); filter: drop-shadow(var(--sombra-chica)); }
.pg-info-visor i:nth-child(1) { top: 0; left: 0; border-right: 0; border-bottom: 0; border-top-left-radius: 8px; }
.pg-info-visor i:nth-child(2) { top: 0; right: 0; border-left: 0; border-bottom: 0; border-top-right-radius: 8px; }
.pg-info-visor i:nth-child(3) { bottom: 0; left: 0; border-right: 0; border-top: 0; border-bottom-left-radius: 8px; }
.pg-info-visor i:nth-child(4) { bottom: 0; right: 0; border-left: 0; border-top: 0; border-bottom-right-radius: 8px; }

.pg-info-flotante {
  position: absolute;
  z-index: 2;
  padding: 12px 14px;
  border-radius: var(--radio-m);
  background: var(--superficie);
  box-shadow: var(--sombra-tarjeta);
}
.pg-info-flotante-abajo { left: 16px; bottom: 16px; max-width: calc(100% - 32px); }
.pg-info-flotante-derecha { right: 16px; bottom: 16px; width: min(260px, calc(100% - 32px)); }
.pg-info-flotante-titulo { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; }
.pg-info-flotante-titulo .icono { color: var(--azul); }
.pg-info-flotante-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.pg-info-flotante-chips span { padding: 3px 10px; border-radius: var(--radio-pill); background: var(--fondo-2); font-size: 12px; font-weight: 500; }

.pg-info-burbuja {
  position: absolute;
  z-index: 2;
  top: 16px; left: 16px;
  max-width: min(290px, calc(100% - 32px));
  padding: 10px 14px;
  border-radius: 16px 16px 16px 4px;
  background: var(--superficie);
  box-shadow: var(--sombra-tarjeta);
}
.pg-info-burbuja-de { display: block; margin-bottom: 2px; color: var(--tinta-2); font-size: 12px; font-weight: 600; }

.pg-info-etiqueta {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 32px);
  padding: 7px 12px;
  border-radius: var(--radio-pill);
  background: var(--superficie);
  box-shadow: var(--sombra-tarjeta);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.pg-info-etiqueta .icono { color: var(--azul); }
.pg-info-etiqueta-arriba { top: 16px; left: 16px; }
.pg-info-etiqueta-arriba .icono { color: var(--exito); }
.pg-info-etiqueta-abajo { right: 16px; bottom: 16px; }

.pg-info-tablero-mini p, .pg-info-progreso p {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  font-size: 13px;
}
.pg-info-tablero-mini p span, .pg-info-progreso p span { color: var(--tinta-2); }
.pg-info-tablero-mini strong, .pg-info-progreso strong { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; white-space: nowrap; }
.pg-info-tablero-mini small { color: var(--tinta-2); font-size: 12px; font-weight: 400; }
.pg-info-tablero-mini .icono { color: var(--exito); }
.pg-info-progreso { width: min(260px, calc(100% - 32px)); }
.pg-info-barra { display: block; height: 6px; margin: 8px 0; overflow: hidden; border-radius: var(--radio-pill); background: var(--borde-suave); }
.pg-info-barra > span { display: block; height: 100%; border-radius: inherit; background: var(--azul); }
.pg-info-fig-patente { position: absolute; z-index: 2; top: 16px; right: 16px; }

/* Licencia y verificación */
.pg-info-licencia {
  flex: none;
  width: 230px;
  overflow: hidden;
  border: 1px solid var(--borde-suave);
  border-radius: var(--radio-m);
  background: var(--superficie);
  box-shadow: var(--sombra-tarjeta);
}
.pg-info-licencia-banda { margin: 0; padding: 8px 14px; background: var(--azul-suave); color: var(--azul-hover); font-size: 12px; font-weight: 600; }
.pg-info-licencia-cuerpo { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px; }
.pg-info-licencia-foto { display: grid; place-items: center; width: 56px; height: 64px; border-radius: 8px; background: var(--fondo-2); color: var(--tinta-3); }
.pg-info-licencia-lineas { display: grid; gap: 7px; }
.pg-info-licencia-lineas i { display: block; height: 7px; border-radius: 4px; background: var(--borde-suave); }
.pg-info-licencia-lineas i:nth-child(2) { width: 78%; }
.pg-info-licencia-lineas i:nth-child(3) { width: 56%; }
.pg-info-licencia-clase { align-self: start; padding: 2px 8px; border-radius: 6px; background: var(--fondo-2); font-size: 12px; font-weight: 700; }
.pg-info-verif-lista { display: grid; gap: 10px; width: auto; padding: 16px 18px; list-style: none; }
.pg-info-verif-lista li { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.pg-info-verif-lista .icono { color: var(--exito); }

/* Reseña */
.pg-info-resena figcaption { display: flex; align-items: center; gap: 12px; }
.pg-info-resena figcaption > span { display: grid; line-height: 1.3; }
.pg-info-resena figcaption strong { font-size: 15px; font-weight: 600; }
.pg-info-resena figcaption span span { color: var(--tinta-2); font-size: 13px; }
.pg-info-resena .estrellas-fila { margin: 12px 0 6px; }
.pg-info-resena blockquote { margin: 0; }
.pg-info-resena blockquote p { margin: 0; line-height: 1.5; }

/* Precio sugerido y condiciones */
.pg-info-fig-precio { align-items: stretch; }
.pg-info-precio-sugerido { display: flex; flex-direction: column; width: 256px; }
.pg-info-precio-valor { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin: 0; }
.pg-info-precio-valor .precio { font-size: var(--t-26); font-weight: 700; letter-spacing: -0.01em; }
.pg-info-precio-valor span:last-child { color: var(--tinta-2); }
.pg-info-precio-nota { margin: 6px 0 14px; color: var(--tinta-2); font-size: 13px; }
.pg-info-interruptor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: auto 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--borde-suave);
  font-size: 13px;
  font-weight: 600;
}
.pg-info-interruptor > span:first-child { display: inline-flex; align-items: center; gap: 6px; }
.pg-info-interruptor .icono { color: var(--azul); }
.pg-info-switch { position: relative; flex: none; width: 36px; height: 22px; border-radius: var(--radio-pill); background: var(--azul-relleno); }
.pg-info-switch > span { position: absolute; top: 3px; right: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--sobre-azul); }
/* Condiciones y garantías del anfitrión (tarjetita de la figura y fichas de ejemplo en #confianza) */
.pg-info-cond-mini { width: 280px; }
.pg-info-mini-rotulo .icono { margin-right: 6px; vertical-align: -3px; color: var(--azul); }
.pg-info-cond-filas { display: grid; gap: 8px; margin: 0; }
.pg-info-cond-filas > div { display: grid; gap: 1px; min-width: 0; }
.pg-info-cond-filas dt { color: var(--tinta-2); font-size: 12px; font-weight: 600; }
.pg-info-cond-filas dd { margin: 0; font-size: var(--t-14); line-height: 1.4; overflow-wrap: anywhere; }

/* Las dos cuentas de anfitrión */
.pg-info-fig-cuentas { align-items: stretch; }
.pg-info-cuenta-mini { display: grid; align-content: start; gap: 8px; width: 220px; }
.pg-info-cuenta-cabeza { margin: 0; }
.pg-info-cuenta-valor { margin: 0; font-size: var(--t-26); font-weight: 700; line-height: 1.1; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.pg-info-cuenta-valor small { color: var(--tinta-2); font-size: var(--t-14); font-weight: 500; letter-spacing: 0; }
.pg-info-cuenta-lista { display: grid; gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; font-size: 13px; }
.pg-info-cuenta-lista li { display: flex; align-items: flex-start; gap: 6px; line-height: 1.4; }
.pg-info-cuenta-lista .icono { flex: none; margin-top: 2px; color: var(--exito); }

/* Solicitud */
.pg-info-solicitud-persona { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.pg-info-solicitud-nombre { margin: 0; font-size: 15px; font-weight: 600; }
.pg-info-solicitud-verif { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0 0 8px; color: var(--tinta-2); font-size: 13px; }
.pg-info-solicitud-verif .icono { color: var(--exito); }
.pg-info-solicitud-fechas { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; }
.pg-info-solicitud-msj { margin: 0 0 14px; color: var(--tinta-2); font-size: 13px; line-height: 1.45; }
.pg-info-solicitud-botones { display: flex; justify-content: flex-end; gap: 8px; margin: 0; }
.pg-info-falso-btn { padding: 7px 14px; border: 1px solid var(--tinta); border-radius: var(--radio-s); font-size: 13px; font-weight: 600; }
.pg-info-falso-btn-oscuro { background: var(--tinta); color: var(--tinta-inversa); }

/* Cobro */
.pg-info-cobro-valor { margin: 0 0 8px; font-size: 28px; font-weight: 700; letter-spacing: -0.01em; }

/* Cierre del recorrido */
.pg-info-cta {
  display: grid;
  gap: 20px;
  margin-top: 40px;
  padding: 32px;
  border-radius: var(--radio-l);
  background: var(--fondo-2);
}
.pg-info-cta h3 { margin: 0 0 6px; font-size: var(--t-22); font-weight: 600; }
.pg-info-cta p { margin: 0; color: var(--tinta-2); }
.pg-info-cta-acciones { display: flex; flex-wrap: wrap; gap: 12px; }

/* --------------------------------------------------------------------------
   #confianza
   -------------------------------------------------------------------------- */
.pg-info-datos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 32px 0 24px;
  overflow: hidden;
  border: 1px solid var(--borde);
  border-radius: var(--radio-m);
  background: var(--borde);
}
.pg-info-datos > div { padding: 16px 20px; background: var(--superficie); }
.pg-info-datos dt { margin: 0 0 4px; color: var(--tinta-2); font-size: 13px; }
.pg-info-datos dd { margin: 0; font-size: var(--t-22); font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pg-info-datos small { color: var(--tinta-2); font-size: var(--t-14); font-weight: 400; }
.pg-info-aviso-mvp { margin: 0 0 8px; }

/* Índice "En esta página": lateral sticky en desktop, caja gris en móvil */
.pg-info-indice {
  margin: 24px 0 8px;
  padding: 20px 20px 12px;
  border-radius: var(--radio-m);
  background: var(--fondo-2);
}
.pg-info-indice-titulo { margin: 0 0 8px; font-size: var(--t-16); font-weight: 600; letter-spacing: 0; }
.pg-info-indice ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); gap: 0 16px; margin: 0; padding: 0; list-style: none; }
.pg-info-indice-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 0;
  border: 0;
  background: none;
  color: var(--tinta);
  font-size: 15px;
  line-height: 1.3;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 0.16em;
  cursor: pointer;
}
.pg-info-indice-item .icono { flex: none; color: var(--tinta-2); }
.pg-info-indice-item:focus-visible { outline-offset: 0; border-radius: 4px; }
@media (min-width: 1128px) {
  .pg-info-indice {
    position: sticky;
    top: calc(var(--cabecera-alto) + 32px);
    margin: 0;
    padding: 0;
    background: none;
  }
  .pg-info-indice-titulo { margin-bottom: 12px; }
  .pg-info-indice ul { display: block; border-left: 1px solid var(--borde-suave); }
  .pg-info-indice-item {
    margin-left: -1px;
    padding: 8px 16px;
    border-left: 2px solid transparent;
    color: var(--tinta-2);
    text-decoration: none;
  }
  .pg-info-indice-item:hover { color: var(--tinta); }
  .pg-info-indice-item[aria-current] { border-left-color: var(--tinta); color: var(--tinta); font-weight: 600; }
  .pg-info-indice-item[aria-current] .icono { color: var(--tinta); }
}

.pg-info-bloque {
  padding: var(--aire-seccion) 0; /* mismo aire que el resto de las secciones con divisor */
  border-top: 1px solid var(--borde-suave);
  scroll-margin-top: calc(var(--cabecera-alto) + 16px);
}
.pg-info-art-cuerpo > .pg-info-bloque:first-child { margin-top: 24px; }
.pg-info-bloque:last-child { padding-bottom: 0; }
.pg-info-bloque > .pg-info-h2 { scroll-margin-top: calc(var(--cabecera-alto) + 16px); }
.pg-info-bloque-sub { margin: -2px 0 20px; color: var(--tinta-2); }
.pg-info-bloque > .pg-info-p:last-child { margin-bottom: 0; }

/* Tablas (licencias, políticas, cuentas): bordes finos, radio 12 */
.pg-info-tabla-marco {
  margin: 24px 0;
  overflow: hidden;
  border: 1px solid var(--borde);
  border-radius: var(--radio-m);
}
.pg-info-tabla { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.45; }
.pg-info-tabla th, .pg-info-tabla td { padding: 14px 16px; text-align: left; vertical-align: top; }
.pg-info-tabla thead th {
  border-bottom: 1px solid var(--borde);
  background: var(--fondo-2);
  color: var(--tinta-2);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.pg-info-tabla tbody tr + tr { border-top: 1px solid var(--borde-suave); }
.pg-info-tabla tbody th { font-weight: 600; }
.pg-info-plan-nombre { display: block; }
.pg-info-tabla .badge { margin-top: 6px; }
.pg-info-td-detalle { min-width: 200px; color: var(--tinta-2); font-size: var(--t-14); }

.pg-info-dos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.pg-info-dos .pg-info-h3 { margin-top: 0; }
.pg-info-dos.pg-info-dos-uno { grid-template-columns: minmax(0, 1fr); max-width: 480px; margin-top: 16px; }
.pg-info-tarjeta { min-width: 0; padding: 24px; border: 1px solid var(--borde); border-radius: var(--radio-m); }
.pg-info-tarjeta h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: var(--t-18); font-weight: 600; }
.pg-info-tarjeta > p { margin: 0 0 8px; line-height: 1.55; }
.pg-info-tarjeta > p:last-child { margin-bottom: 0; }
.pg-info-tarjeta .lista-check { font-size: 15px; line-height: 1.5; }

.pg-info-capas { margin: 0; padding: 0; overflow: hidden; list-style: none; border: 1px solid var(--borde); border-radius: var(--radio-m); }
.pg-info-capas li {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px 20px;
}
.pg-info-capas li + li { border-top: 1px solid var(--borde-suave); }
.pg-info-capa-icono { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--fondo-2); }
.pg-info-capas strong { display: block; font-weight: 600; }
.pg-info-capas li div span { display: block; color: var(--tinta-2); font-size: var(--t-14); line-height: 1.45; }
.pg-info-capa-quien { padding: 4px 10px; border-radius: var(--radio-pill); background: var(--fondo-2); font-size: 13px; font-weight: 600; white-space: nowrap; }

.pg-info-nota { margin: 24px 0 0; }

/* Depósito: tres momentos */
.pg-info-linea { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0 8px; padding: 0; list-style: none; }
.pg-info-linea li { position: relative; display: grid; gap: 2px; align-content: start; }
.pg-info-linea li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 20px; left: 52px; right: 4px;
  height: 1px;
  background: var(--borde);
}
.pg-info-linea-punto { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 10px; border: 1px solid var(--borde); border-radius: 50%; background: var(--superficie); }
.pg-info-linea strong { font-weight: 600; }
.pg-info-linea span:not(.pg-info-linea-punto) { color: var(--tinta-2); font-size: var(--t-14); line-height: 1.45; }

/* Asistencia */
.pg-info-iconos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
.pg-info-iconos li { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--borde); border-radius: var(--radio-m); font-weight: 500; line-height: 1.35; }

/* Pasos de Mi Argentina (secuencia) */
.pg-info-pasos-cortos { display: grid; gap: 14px; margin: 20px 0 24px; padding: 0; list-style: none; }
.pg-info-pasos-cortos li { display: flex; align-items: flex-start; gap: 14px; line-height: 1.55; }
.pg-info-num {
  display: grid;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--tinta);
  border-radius: 50%;
  font-size: 13px;
  font-weight: 600;
}
.pg-info-frontera { margin-bottom: 0; }
.pg-info-frontera h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: var(--t-18); font-weight: 600; }
.pg-info-frontera > p { margin: 0 0 8px; line-height: 1.55; }
.pg-info-frontera > p:last-child { margin: 12px 0 0; font-size: var(--t-14); }

/* Imprevistos */
.pg-info-imprevistos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 32px; margin-top: 8px; }
.pg-info-imprevisto { min-width: 0; }
.pg-info-imprevisto-icono { display: block; margin-bottom: 10px; color: var(--tinta); }
.pg-info-imprevisto h3 { margin: 0 0 6px; font-size: var(--t-18); font-weight: 600; }
.pg-info-imprevisto .pg-info-lista { margin: 0; font-size: 15px; }

/* Cancelación */
.pg-info-politica { display: flex; align-items: flex-start; gap: 14px; margin: 0 0 16px; font-weight: 500; line-height: 1.55; }
.pg-info-politica .icono { flex: none; color: var(--azul); }
.pg-info-cancelacion { margin: 0 0 16px; padding: 0; overflow: hidden; list-style: none; border: 1px solid var(--borde); border-radius: var(--radio-m); }
.pg-info-cancelacion li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; }
.pg-info-cancelacion li + li { border-top: 1px solid var(--borde-suave); }
.pg-info-cancel-cuando { color: var(--tinta-2); }
.pg-info-cancelacion strong { font-weight: 600; text-align: right; }

/* --------------------------------------------------------------------------
   #ayuda: hero con buscador, guías, preguntas y contacto
   -------------------------------------------------------------------------- */
.pg-info-hero { padding: clamp(40px, 6vw, 64px) 0 clamp(32px, 4vw, 48px); text-align: center; }
.pg-info-hero-titulo {
  margin: 0 0 28px;
  font-size: clamp(28px, 4.2vw, 40px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.pg-info-buscador { max-width: 640px; margin: 0 auto; }
.pg-info-buscador-pildora {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 64px;
  padding: 8px 8px 8px 28px;
  border: 1px solid var(--borde);
  border-radius: var(--radio-pill);
  background: var(--superficie);
  box-shadow: var(--sombra-buscador);
  transition: box-shadow 0.2s;
}
.pg-info-buscador-pildora:hover { box-shadow: var(--sombra-buscador-hover); }
.pg-info-buscador-pildora:focus-within { box-shadow: 0 0 0 2px var(--tinta), var(--sombra-buscador-hover); }
.pg-info-buscador-input {
  flex: 1;
  min-width: 0;
  height: 46px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tinta);
  font-size: var(--t-16);
  font-weight: 500;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.pg-info-buscador-input::placeholder { color: var(--tinta-2); font-weight: 400; }
.pg-info-buscador-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.pg-info-buscador-input:focus-visible { outline: none; }
.pg-info-buscador-limpiar {
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--fondo-2);
  color: var(--tinta);
  cursor: pointer;
}
.pg-info-buscador-limpiar:hover { background: var(--borde-suave); }
.pg-info-buscador-boton {
  display: grid;
  flex: none;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--azul-gradiente);
  background-color: var(--azul-relleno);
  color: var(--sobre-azul);
  cursor: pointer;
  transition: transform 0.1s;
}
.pg-info-buscador-boton:hover { background: var(--azul-gradiente-hover); }
.pg-info-buscador-boton:active { transform: scale(0.96); }
.pg-info-buscador-boton .icono { stroke-width: 2.4; }

.pg-info-frecuentes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 980px;
  margin: 20px auto 0;
}
.pg-info-frecuentes-titulo { margin-right: 4px; color: var(--tinta-2); font-size: var(--t-14); }
.pg-info-frecuente {
  padding: 6px 14px;
  border: 1px solid var(--borde);
  border-radius: var(--radio-pill);
  background: var(--superficie);
  color: var(--tinta);
  font-size: var(--t-14);
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.15s;
}
.pg-info-frecuente:hover { border-color: var(--tinta); }

.pg-info-seccion { padding: var(--aire-seccion) 0; border-top: 1px solid var(--borde-suave); }
.pg-info-guias { padding-top: 16px; border-top: 0; }
.pg-info-seccion-cabeza { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 16px; margin-bottom: 24px; }
.pg-info-seccion-cabeza .pg-info-h2 { margin: 0; }

/* Guías para empezar */
.pg-info-guias-grilla {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-info-guia { display: grid; gap: 4px; color: var(--tinta); text-decoration: none; }
.pg-info-guia:hover { color: var(--tinta); }
.pg-info-guia-media {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  margin-bottom: 8px;
  overflow: hidden;
  border-radius: var(--radio-m);
  background: var(--fondo-2);
}
.pg-info-guia-media > svg, .pg-info-guia-media > .foto-auto {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  transition: transform 0.4s ease;
}
.pg-info-guia:hover .pg-info-guia-media > svg, .pg-info-guia:hover .pg-info-guia-media > .foto-auto { transform: scale(1.03); }
.pg-info-guia-titulo { font-size: var(--t-16); font-weight: 600; line-height: 1.3; }
.pg-info-guia:hover .pg-info-guia-titulo { text-decoration: underline; text-underline-offset: 0.16em; }
.pg-info-guia-texto { color: var(--tinta-2); font-size: var(--t-14); line-height: 1.4; }
.pg-info-guia:focus-visible { outline: none; }
.pg-info-guia:focus-visible .pg-info-guia-media { outline: 2px solid var(--tinta); outline-offset: 2px; }

/* Preguntas frecuentes */
.pg-info-faq { scroll-margin-top: calc(var(--cabecera-alto) + 8px); }
.pg-info-faq .pg-info-pestanas { margin: 0 0 24px; }
.pg-info-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.pg-info-conteo { margin: 0 0 8px; color: var(--tinta-2); font-size: var(--t-14); }

.pg-info-cat { display: grid; grid-template-columns: minmax(0, 1fr); }
.pg-info-cat:not([hidden]) ~ .pg-info-cat { margin-top: 32px; }
.pg-info-cat-titulo { margin: 16px 0 0; font-size: var(--t-18); font-weight: 600; }
.pg-info-preguntas { min-width: 0; }
@media (min-width: 950px) {
  .pg-info-cat { grid-template-columns: 240px minmax(0, 1fr); column-gap: 48px; }
  .pg-info-cat-titulo { margin: 0; padding-top: 18px; }
}

.pg-info-pregunta { border-bottom: 1px solid var(--borde-suave); }
.pg-info-pregunta summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  font-size: var(--t-16);
  font-weight: 500;
  line-height: 1.4;
  list-style: none;
  cursor: pointer;
}
.pg-info-pregunta summary::-webkit-details-marker { display: none; }
.pg-info-pregunta summary:hover .pg-info-pregunta-texto { text-decoration: underline; text-underline-offset: 0.16em; }
.pg-info-pregunta summary:focus-visible { outline-offset: 2px; border-radius: 4px; }
.pg-info-pregunta-flecha { flex: none; color: var(--tinta); transition: transform 0.2s; }
.pg-info-pregunta[open] > summary { font-weight: 600; }
.pg-info-pregunta[open] .pg-info-pregunta-flecha { transform: rotate(180deg); }
.pg-info-respuesta { max-width: 720px; padding: 0 40px 20px 0; line-height: 1.6; }
.pg-info-respuesta > p { margin: 0 0 12px; }
.pg-info-respuesta > :last-child { margin-bottom: 0; }
.pg-info-respuesta .pg-info-lista { margin: 0 0 12px; }
.pg-info-ver { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 16px 0 0; }

.pg-info-sin-resultados { display: grid; justify-items: center; gap: 8px; max-width: 520px; margin: 0 auto; padding: 40px 16px 8px; text-align: center; }
.pg-info-sin-icono { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 8px; border-radius: 50%; background: var(--fondo-2); }
.pg-info-sin-titulo { margin: 0; font-size: var(--t-18); font-weight: 600; }
.pg-info-sin-texto { margin: 0 0 8px; color: var(--tinta-2); }
.pg-info-sugerencias { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; }

/* Contacto (sobrio, al final) */
.pg-info-contacto { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px 48px; align-items: start; padding-bottom: 0; }
.pg-info-contacto-texto .pg-info-p { margin-bottom: 20px; }
.pg-info-contacto-datos { margin: 0; overflow: hidden; border: 1px solid var(--borde); border-radius: var(--radio-m); }
.pg-info-contacto-datos > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 4px 16px; align-items: center; padding: 16px 20px; }
.pg-info-contacto-datos > div + div { border-top: 1px solid var(--borde-suave); }
.pg-info-contacto-datos dt { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.pg-info-contacto-datos dd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; min-width: 0; margin: 0; }
.pg-info-dato { min-width: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pg-info-copiar { font-size: var(--t-14); }
.pg-info-horario { color: var(--tinta-2); font-size: 15px; line-height: 1.45; }
@media (min-width: 950px) {
  .pg-info-contacto { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
}

/* --------------------------------------------------------------------------
   404
   -------------------------------------------------------------------------- */
.pg-info-404 { padding-top: clamp(32px, 6vw, 72px); }
.pg-info-404-grilla { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: center; }
.pg-info-404-titulo {
  margin: 0 0 16px;
  font-size: clamp(28px, 4.2vw, 40px); /* mismo tope que el h1 del Centro de ayuda (landings 32–40) */
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.pg-info-404-bajada { max-width: 520px; margin: 0 0 16px; color: var(--tinta-2); font-size: var(--t-18); line-height: 1.5; }
.pg-info-404-codigo { margin: 0 0 32px; color: var(--tinta-2); font-size: var(--t-14); font-weight: 600; }
.pg-info-404-ayuda { margin: 0 0 12px; }
.pg-info-404-links { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pg-info-404-links a { font-size: var(--t-16); }
.pg-info-404-arte {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radio-l);
  background: var(--fondo-2);
}
.pg-info-404-arte > svg { display: block; width: 100%; height: 100%; }
.pg-info-404-poste {
  position: absolute;
  left: 50%; bottom: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transform: translateX(-50%);
}
.pg-info-404-escudo { display: block; filter: drop-shadow(var(--sombra-chica)); }
.pg-info-404-escudo svg { display: block; }
.pg-info-404-cartel {
  padding: 6px 14px;
  border-radius: var(--radio-pill);
  background: var(--superficie);
  box-shadow: var(--sombra-tarjeta);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
@media (min-width: 950px) {
  .pg-info-404-grilla { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 72px; }
}

/* --------------------------------------------------------------------------
   Tablet y móvil
   -------------------------------------------------------------------------- */
@media (max-width: 743px) {
  .pg-info-guias-grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-info-art { padding-top: 16px; }
  .pg-info-art-cabecera .migas { margin-bottom: 16px; }
  .pg-info-bajada { font-size: var(--t-16); }
  .pg-info-portada { aspect-ratio: 16 / 10; }
  .pg-info-pestanas { margin-top: 32px; }
  .pg-info-pestanas .pestana .icono { display: none; }

  .pg-info-paso { grid-template-columns: 28px minmax(0, 1fr); column-gap: 14px; padding: 28px 0; }
  .pg-info-paso-num { width: 28px; height: 28px; font-size: 13px; }
  .pg-info-paso-titulo { margin-top: 2px; }
  .pg-info-paso-arte { margin-left: -42px; } /* la figura usa todo el ancho de la columna */

  .pg-info-figura { aspect-ratio: 4 / 3; }
  .pg-info-fig-mapa { aspect-ratio: 10 / 7; }
  .pg-info-fig-panel { flex-direction: column; aspect-ratio: auto; min-height: 0; padding: 24px 16px; }
  .pg-info-mini, .pg-info-licencia, .pg-info-precio-sugerido { width: min(100%, 320px); }
  .pg-info-verif-lista { width: min(100%, 320px); }
  .pg-info-fig-busqueda { top: 12px; left: 12px; max-width: calc(100% - 24px); padding: 8px 14px; font-size: 13px; }
  .pg-info-pin { padding: 3px 8px; font-size: 11px; }
  .pg-info-flotante-abajo { left: 12px; bottom: 12px; max-width: calc(100% - 24px); }
  .pg-info-flotante-derecha { top: 12px; right: 12px; bottom: auto; width: calc(100% - 24px); }
  .pg-info-burbuja { top: 12px; left: 12px; max-width: calc(100% - 24px); font-size: 13px; }
  .pg-info-etiqueta { font-size: 12px; padding: 6px 10px; }
  .pg-info-etiqueta-arriba { top: 12px; left: 12px; }
  .pg-info-etiqueta-abajo { right: 12px; bottom: 12px; }
  .pg-info-fig-patente { top: 12px; right: 12px; }
  .pg-info-flotante.pg-info-progreso { top: 12px; bottom: auto; width: min(210px, calc(100% - 140px)); padding: 10px 12px; }
  .pg-info-cta { padding: 24px 20px; }
  .pg-info-cta-acciones .btn { flex: 1 1 100%; }

  .pg-info-datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-info-datos > div { padding: 14px 16px; }
  .pg-info-datos dd { font-size: var(--t-18); }

  /* Tabla → tarjetas apiladas */
  .pg-info-tabla thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
  .pg-info-tabla, .pg-info-tabla tbody { display: block; }
  .pg-info-tabla tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px; }
  .pg-info-tabla th, .pg-info-tabla td { padding: 0; }
  .pg-info-tabla tbody th { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: var(--t-16); }
  .pg-info-tabla tbody th .pg-info-plan-nombre { display: inline; }
  .pg-info-tabla .badge { margin-top: 0; }
  .pg-info-tabla td::before { content: attr(data-rotulo); display: block; margin-bottom: 2px; color: var(--tinta-2); font-size: 12px; font-weight: 600; }
  .pg-info-td-detalle { grid-column: 1 / -1; min-width: 0; }
  .pg-info-td-detalle::before { display: none !important; }

  .pg-info-dos { grid-template-columns: minmax(0, 1fr); }
  .pg-info-tarjeta { padding: 20px; }
  .pg-info-capas li { grid-template-columns: 40px minmax(0, 1fr); align-items: start; row-gap: 10px; padding: 16px; }
  .pg-info-capa-quien { grid-column: 2; justify-self: start; }
  .pg-info-linea { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .pg-info-linea li { grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; }
  .pg-info-linea li::after { display: none; }
  .pg-info-linea-punto { grid-row: span 2; margin: 0; }
  .pg-info-iconos { grid-template-columns: minmax(0, 1fr); }
  .pg-info-imprevistos { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .pg-info-cancelacion li { flex-direction: column; align-items: flex-start; gap: 2px; padding: 14px 16px; }
  .pg-info-cancelacion strong { text-align: left; }
  .pg-info-caja { padding: 18px 20px; }

  .pg-info-hero { text-align: left; }
  .pg-info-hero-titulo { margin-bottom: 20px; }
  .pg-info-buscador-pildora { min-height: 56px; padding-left: 20px; }
  .pg-info-buscador-boton { width: 42px; height: 42px; }
  /* Temas frecuentes: una fila que se desliza, de borde a borde */
  .pg-info-frecuentes {
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 16px calc(-1 * var(--gutter)) 0;
    padding: 2px var(--gutter);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .pg-info-frecuentes::-webkit-scrollbar { display: none; }
  .pg-info-frecuentes > * { flex: none; }
  .pg-info-guias { padding-top: 8px; }
  .pg-info-guias-grilla { gap: 20px 12px; }
  .pg-info-guia-titulo { font-size: 15px; }
  .pg-info-guia-texto { font-size: 13px; }
  .pg-info-filtros { flex-wrap: nowrap; margin: -4px calc(-1 * var(--gutter)) 12px; padding: 4px var(--gutter); overflow-x: auto; scrollbar-width: none; }
  .pg-info-filtros::-webkit-scrollbar { display: none; }
  .pg-info-filtros .chip { flex: none; }
  .pg-info-respuesta { padding-right: 0; }
  .pg-info-contacto-datos > div { grid-template-columns: minmax(0, 1fr); padding: 14px 16px; }

  .pg-info-404-titulo { margin-bottom: 12px; }
  .pg-info-404-bajada { font-size: var(--t-16); }
  .pg-info-404-codigo { margin-bottom: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .pg-info-guia-media > svg, .pg-info-guia-media > .foto-auto, .pg-info-pregunta-flecha,
  .pg-info-buscador-pildora, .pg-info-buscador-boton { transition: none; }
  .pg-info-guia:hover .pg-info-guia-media > svg, .pg-info-guia:hover .pg-info-guia-media > .foto-auto { transform: none; }
}

/* --------------------------------------------------------------------------
   Multivehículo: familias ("Qué podés alquilar"), tablas por familia y
   requisitos por vehículo (#como-funciona y #confianza)
   -------------------------------------------------------------------------- */
.pg-info-familias-sec { margin-top: 24px; }
.pg-info-familias {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.pg-info-familias > li { min-width: 0; }
.pg-info-familia {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  padding: 14px 16px;
  border: 1px solid var(--borde);
  border-radius: var(--radio-m);
  background: var(--superficie);
  color: var(--tinta);
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.pg-info-familia:hover { border-color: var(--tinta); box-shadow: var(--sombra-tarjeta); }
.pg-info-familia:focus-visible { outline: 2px solid var(--tinta); outline-offset: 2px; }
.pg-info-familia-picto, .pg-info-fam-picto { display: grid; flex: none; place-items: center; width: 40px; height: 40px; }
.pg-info-familia-picto svg, .pg-info-fam-picto svg { display: block; width: 36px; height: 36px; }
.pg-info-familia-texto { display: grid; gap: 2px; min-width: 0; }
.pg-info-familia-texto strong { font-size: var(--t-16); font-weight: 600; line-height: 1.3; }
.pg-info-familia-texto span { color: var(--tinta-2); font-size: 13px; line-height: 1.35; }

/* Tablas por familia (licencias) */
.pg-info-fam-celda { display: inline-flex; align-items: center; gap: 10px; }
.pg-info-fam-celda .pg-info-fam-picto { width: 32px; height: 32px; }
.pg-info-fam-celda .pg-info-fam-picto svg { width: 30px; height: 30px; }
.pg-info-tabla-familias td { vertical-align: middle; }
.pg-info-tabla-familias tbody th { vertical-align: middle; white-space: nowrap; }

/* Requisitos por vehículo */
.pg-info-req-grilla {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.pg-info-req-tarjeta { min-width: 0; padding: 20px; border: 1px solid var(--borde); border-radius: var(--radio-m); }
.pg-info-req-titulo { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: var(--t-18); font-weight: 600; line-height: 1.3; }
.pg-info-req-edad { display: flex; align-items: center; gap: 6px; margin: 0 0 12px; color: var(--tinta-2); font-size: var(--t-14); }
.pg-info-req-modo { margin: 12px 0 4px; font-size: 13px; font-weight: 700; }
.pg-info-req-tarjeta .lista-check { margin: 0; font-size: var(--t-14); line-height: 1.5; }

@media (max-width: 743px) {
  .pg-info-familias { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .pg-info-familia { flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; }
  .pg-info-familia-texto strong { font-size: 15px; }
  .pg-info-tabla-familias tbody th { white-space: normal; }
  .pg-info-req-grilla { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .pg-info-familia { transition: none; }
}

/* --------------------------------------------------------------------------
   Versión final (#confianza): tu estado, identidad, pago a tu nombre,
   condiciones del anfitrión, políticas de cancelación y cuentas
   -------------------------------------------------------------------------- */
.pg-info-estado {
  margin: 16px 0 0;
  padding: 20px 24px;
  border: 1px solid var(--borde);
  border-radius: var(--radio-m);
  background: var(--superficie);
}
.pg-info-estado-titulo { margin: 0 0 12px; font-size: var(--t-16); font-weight: 600; letter-spacing: 0; }
.pg-info-estado-titulo:focus { outline: none; }
.pg-info-estado-texto { margin: 0 0 16px; color: var(--tinta-2); line-height: 1.5; }
.pg-info-estado-lista { display: grid; gap: 0; margin: 0 0 16px; }
.pg-info-estado-fila { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 4px 16px; padding: 10px 0; }
.pg-info-estado-fila + .pg-info-estado-fila { border-top: 1px solid var(--borde-suave); }
.pg-info-estado-fila dt { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.pg-info-estado-fila dt .icono { flex: none; color: var(--alerta); }
.pg-info-estado-ok dt .icono { color: var(--exito); }
.pg-info-estado-fila dd { margin: 0; color: var(--tinta-2); line-height: 1.45; overflow-wrap: anywhere; }
.pg-info-estado-acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0; }

.pg-info-guardamos .pg-info-caja-titulo { display: flex; align-items: center; gap: 8px; }
.pg-info-guardamos .pg-info-caja-titulo .icono { color: var(--exito); }
.pg-info-guardamos p { margin: 0; line-height: 1.55; }

.pg-info-tabla-licencias td { font-size: var(--t-14); }
.pg-info-tabla-licencias td:last-child { white-space: nowrap; }
.pg-info-td-gris { color: var(--tinta-3); }
.pg-info-pol-resumen { display: block; margin-top: 4px; color: var(--tinta-2); font-size: 13px; font-weight: 400; }
.pg-info-tabla-politicas tbody th { min-width: 170px; }
.pg-info-tabla-cuentas thead th { vertical-align: middle; }
.pg-info-tabla-cuentas thead th .badge-anfitrion { font-size: 13px; }
.pg-info-tabla-cuentas tbody th { width: 26%; color: var(--tinta-2); font-size: var(--t-14); }
.pg-info-tabla-cuentas strong { font-weight: 600; }

.pg-info-cond-grilla li { align-items: flex-start; font-weight: 400; }
.pg-info-cond-grilla li .icono { flex: none; color: var(--azul); }
.pg-info-cond-grilla li > span { display: grid; gap: 2px; color: var(--tinta-2); font-size: var(--t-14); line-height: 1.45; }
.pg-info-cond-grilla strong { color: var(--tinta); font-size: var(--t-16); font-weight: 600; }

.pg-info-ejemplo h3 { align-items: center; font-size: var(--t-16); }
.pg-info-ejemplo h3 a { color: var(--tinta); text-decoration: underline; text-underline-offset: 0.16em; }
.pg-info-ejemplo h3 a:hover { color: var(--tinta-fuerte); text-decoration-thickness: 2px; }
.pg-info-ejemplo .pg-info-fam-picto { width: 32px; height: 32px; }
.pg-info-ejemplo .pg-info-fam-picto svg { width: 30px; height: 30px; }
.pg-info-ejemplo-anf { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -4px 0 14px; color: var(--tinta-2); font-size: var(--t-14); }
.pg-info-ejemplo .pg-info-cond-filas dd { font-size: 15px; }
.pg-info-ejemplo-otras { margin-top: 12px; color: var(--tinta-2); font-size: var(--t-14); }

@media (max-width: 743px) {
  .pg-info-estado { padding: 16px; }
  .pg-info-estado-fila { grid-template-columns: minmax(0, 1fr); }
  .pg-info-estado-fila dd { padding-left: 26px; }
  .pg-info-estado-acciones .btn { flex: 1 1 100%; }
  /* Tablas → tarjetas de dos columnas (la de licencias, políticas y cuentas tienen textos largos) */
  .pg-info-tabla-licencias tr, .pg-info-tabla-politicas tr, .pg-info-tabla-cuentas tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-info-tabla-cuentas tbody th { width: auto; }
  .pg-info-tabla-politicas tbody th { min-width: 0; display: block; }
  .pg-info-fig-cuentas { align-items: center; }
  .pg-info-cuenta-mini { width: min(100%, 320px); }
}