/* ============================================================
   /pacientes: composiciones propias. Los componentes (hero, pasos,
   avisos, FAQ, tarjetas) vienen de v2-system.css.
   ============================================================ */

/* El fondo crema queda detrás de todas las secciones claras */
body { background-color: var(--v2-crema); }

/* El aviso de "no diagnostica" se separa de los pasos */
.pac-aviso { margin-top: var(--v2-espacio-bloque); }

/* Las tres líneas de privacidad: una al lado de la otra en desktop */
.pac-privacidad { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.pac-privacidad .v2-aviso { max-width: none; }

.pac-links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 2rem 0 0; }
/* En 320 px el texto del link tiene que poder partirse */
.pac-links .v2-link-flecha { flex-wrap: wrap; }

/* Los botones de las tarjetas van al pie, alineados entre sí */
.v2-tarjeta .v2-boton { margin-top: auto; }
@media (max-width: 560px) { .v2-tarjeta .v2-boton { width: 100%; } }

/* Mensaje del botón de compartir ("Link copiado…"). Vacío no ocupa lugar. */
.pac-compartir-estado { margin: 1rem 0 0; font-size: var(--v2-fs-small); color: rgba(255,255,255,.8);
  overflow-wrap: anywhere; }
.pac-compartir-estado:empty { display: none; }
.pac-compartir-estado--claro { color: var(--v2-tinta-2); }

/* Lista de requisitos: corta y legible, con check */
.pac-lista { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .75rem; max-width: var(--v2-ancho-texto); }
.pac-lista li { position: relative; padding-left: 2rem; font-size: var(--v2-fs-lede); color: var(--v2-tinta); }
.pac-lista li::before { content: ""; position: absolute; left: 0; top: .35em; width: 1.1rem; height: .6rem;
  border-left: 2px solid var(--v2-hoy-punto); border-bottom: 2px solid var(--v2-hoy-punto);
  transform: rotate(-45deg) scale(.8); transform-origin: center; }

/* El FAQ a 17 px y en Inter 400, nunca 300 */
.v2-faq__resp { font-weight: 400; }
.v2-faq__resp a { color: var(--v2-violeta-texto); }

/* La captura del hero no compite con el título en mobile */
.v2-hero-int__media .v2-celular { width: min(100%, 260px); }
@media (max-width: 899px) { .v2-hero-int__media .v2-celular { width: min(100%, 240px); } }

/* Cada paso con su pantalla real: un celular chico arriba del título */
.pac-paso__celular { width: min(100%, 190px); margin: 0 0 1.25rem; }
.pac-paso__celular .v2-celular__pantalla { border-width: 7px; border-radius: 32px; box-shadow: var(--v2-sombra-2); }
.pac-paso__celular .v2-celular__pantalla { padding-top: 22px; }
.pac-paso__celular .v2-celular__pantalla::before { height: 14px; top: 4px; }
.pac-pasos__nota { margin: 1rem 0 0; font-size: .78rem; color: var(--v2-tinta-3); }