/* Oli · descargar.css — solo /descargar/ */
.descargar-hero { padding-bottom: var(--s-seccion); }
.descargar-hero__arte { margin-top: var(--s-6); display: grid; }
.descargar-hero__lamina { width: min(64%, 280px); justify-self: end; margin-right: 6%; }
.h1-linea { display: block; }
@media (min-width: 1024px) {
  .descargar-hero__arte { margin-top: 0; align-self: start; }
  .descargar-hero__lamina { width: min(100%, 300px); justify-self: center; margin-right: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .js .descargar-hero__lamina { animation: recorte 600ms var(--ease-suave) both; }
  .js .descargar-hero__lamina img { animation: recorte-img 600ms var(--ease-suave) both; }
}

/* La postal con el QR: solo en computadora */
.postal { display: none; }
@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
  .postal {
    --troquel: radial-gradient(circle 5px at 50% 0, #0000 96%, #000) 0 0 / 16px 51% repeat-x, radial-gradient(circle 5px at 50% 100%, #0000 96%, #000) 0 100% / 16px 51% repeat-x;
    position: relative; display: grid; grid-template-columns: 132px minmax(0, 1fr); align-items: center; gap: var(--s-5);
    width: 420px; min-height: 200px; margin-top: var(--s-5); padding: var(--s-6) var(--s-6);
    background: var(--off-white); rotate: var(--giro); filter: drop-shadow(0 10px 14px rgba(58, 36, 24, .14));
  }
  .postal::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--off-white); -webkit-mask: var(--troquel); mask: var(--troquel); }
  .postal { background: none; }
  .postal__timbre { padding: 6px; border: 1.5px dashed var(--bone); background: var(--off-white); }
  .postal__timbre img { width: 120px; height: 120px; }
  .postal__texto { font-family: var(--f-texto); font-weight: 500; font-size: 1.25rem; line-height: 1.35; color: var(--ink); }
}
.lo-que-tienes { margin-top: var(--s-5); display: grid; }
.lo-que-tienes li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: var(--s-3); padding-block: var(--s-3); border-top: 1px solid var(--sand); font-size: 1.0625rem; }
.lo-que-tienes li:last-child { border-bottom: 1px solid var(--sand); }
.lo-que-tienes .icono { color: var(--terracota-deep); margin-top: 2px; }
.recordatorio { margin-top: var(--s-5); font-family: var(--f-italica); font-style: italic; font-weight: 400; font-size: 24px; line-height: 1.35; color: var(--graphite); max-width: 32ch; }
/* «Tu próximo plan,» va completo en su renglón */
@media (min-width: 1024px) {
  .descargar-hero h1 { font-size: clamp(2.5rem, 1.2rem + 3.6vw, 5.25rem); }
  .descargar-hero .h1-linea { white-space: nowrap; }
}