/* ==========================================================================
   QR PIXART — Ajustes tableta (≥ 768px)
   ========================================================================== */

.funcionCaja {
    grid-template-columns: 1fr min(72rem, 100% - 6.4rem) 1fr;
}

/* --- INDEX --- */
.mainIndex_generadores_grid { grid-template-columns: repeat(3, 1fr); }
.beneficios-grid, .ejemplos-grid { grid-template-columns: repeat(3, 1fr); }

/* --- GENERADOR --- */
#mainGenerador {
    display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-6); align-items: start;
}
.mainGenerador_contenido {
    position: sticky; top: 10rem;
}
.mainGenerador_formulario form {
    grid-template-columns: 1fr 1fr;
    display: grid;
}
.mainGenerador_formulario form > div:first-child,
#mainGenerador_campos,
.mainGenerador_botones,
#qrContenedor {
    grid-column: 1 / -1;
}
.mainGenerador_botones {
    flex-direction: row;
}
#generar { width: 100%; }

/* Pasos y Beneficios QR */
.pasos-grid { grid-template-columns: repeat(3, 1fr); }
.beneficios-qr-grid { grid-template-columns: repeat(2, 1fr); }

/* --- CONTACTO --- */
.mainContacto_metodos_grid { grid-template-columns: repeat(2, 1fr); }
.mainContacto_redes_grid   { grid-template-columns: repeat(3, 1fr); }
.mainContacto_info         { grid-template-columns: repeat(2, 1fr); }
.contacto-detalles { grid-template-columns: 1fr 1fr; }
.form-row { flex-direction: row; }
.form-row .campo-grupo { flex: 1; }

/* --- FOOTER --- */
.footer-grid { grid-template-columns: repeat(3, 1fr); }
.footer .funcionCaja {
    grid-template-columns: 1fr min(72rem, 100% - 6.4rem) 1fr;
}