/* dinero_escritorio.css — pantallas de DINERO en ESCRITORIO (>=1024px): Recargas, recargar con PayPal, retirar con PayPal,
   Donar y datos de envío del retiro. En celular no cambia nada.
   Con el menú fijo a la izquierda: Recargas y PayPal pasan a dos columnas (método y paquetes | resumen y pago),
   el retiro muestra el recibo al lado del formulario y "Retiro y envíos" pone sus dos tarjetas juntas. */
@media (min-width: 1024px) {
  html[data-ed-ruta="dinero"] body { padding-left: 264px !important; box-sizing: border-box; min-height: 100vh; }
  html[data-ed-ruta="dinero"] .card, html[data-ed-ruta="dinero"] main.card { max-width: 580px; padding-left: 42px; padding-right: 42px; }
  html[data-ed-ruta="dinero"] .wrap { max-width: 580px; }
  html[data-ed-ruta="dinero"] .wrap .card { padding-left: 34px; padding-right: 34px; }

  /* ── Recargas y PayPal (compra): dos columnas ── */
  html[data-ed-ruta="dinero"] .card:has(.dn-cols), html[data-ed-ruta="dinero"] main.card:has(.dn-cols) { max-width: 1060px; padding: 44px 52px 38px; }
  html[data-ed-ruta="dinero"] .dn-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 44px; align-items: start; margin-top: 6px; }
  html[data-ed-ruta="dinero"] .dn-izq, html[data-ed-ruta="dinero"] .dn-der { min-width: 0; display: flex; flex-direction: column; }
  html[data-ed-ruta="dinero"] .dn-der { position: sticky; top: 28px; }
  html[data-ed-ruta="dinero"] .card:has(.dn-cols) h1 { font-size: 36px; }
  html[data-ed-ruta="dinero"] .card:has(.dn-cols) .sub { font-size: 15.5px; max-width: 640px; }
  html[data-ed-ruta="dinero"] .dn-izq .paquetes-list { max-height: none; }

  /* ── Retirar con PayPal: el recibo al lado del formulario ── */
  html[data-ed-ruta="dinero"] main.card:has(> .receipt) { max-width: 1060px; padding: 44px 52px 38px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 48px; align-items: start; }
  html[data-ed-ruta="dinero"] main.card:has(> .receipt) > * { grid-column: 1; }
  html[data-ed-ruta="dinero"] main.card:has(> .receipt) > .receipt { grid-column: 2; grid-row: 1 / span 5; position: sticky; top: 28px; margin-top: 0; }
  html[data-ed-ruta="dinero"] main.card:has(> .receipt) > .policies { grid-column: 2; grid-row: 1 / span 5; }
  html[data-ed-ruta="dinero"] main.card:has(> .receipt.show) > .policies { grid-row: 6 / span 4; }
  html[data-ed-ruta="dinero"] main.card:has(> .receipt) h1 { font-size: 36px; }

  /* ── Retiro y envíos: las dos tarjetas lado a lado ── */
  html[data-ed-ruta="dinero"] .wrap:has(> .card + .card) { max-width: 1060px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 22px; align-items: start; padding-top: 34px; }
  html[data-ed-ruta="dinero"] .wrap:has(> .card + .card) > .back-link { grid-column: 1 / -1; }
  html[data-ed-ruta="dinero"] .wrap:has(> .card + .card) > .card { max-width: none; margin: 0; }
}