/* =====================================================================
   06 · RUSTIK EN TU CASA / DELIVERY (id="delivery")
   Franja blanca con título grande y botones a Uber Eats y Rappi.
   Botones a Uber Eats y Rappi: sus links se cambian en index.html (.delivery__apps).
   ===================================================================== */

.delivery { background: #FFFFFF; color: var(--negro); }   /* PRUEBA: fondo blanco (antes var(--cobre)) */

.delivery__fila {
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.delivery__texto { display: flex; flex-direction: column; gap: 18px; }

.delivery__titulo {
  font-size: clamp(52px, 7.2vw, 104px);
  font-weight: 300;
  line-height: .95;
  letter-spacing: -0.03em;
}

.delivery__descripcion { font-size: 20px; line-height: 1.5; max-width: 640px; }

.delivery__apps { display: flex; flex-direction: column; gap: 12px; }
.delivery__boton { white-space: nowrap; font-size: 18px; min-height: 64px; padding: 0 38px; }

/* Botón con borde negro (para Rappi, sobre el fondo claro) */
.boton--borde-negro { background: transparent; border-color: var(--negro); color: var(--negro); }
.boton--borde-negro:hover { background: var(--negro); color: var(--texto); }


/* ---------- Tablet y celular ---------- */
@media (max-width: 1024px) {
  .delivery__apps { flex-direction: row; flex-wrap: wrap; }
  .delivery__fila { flex-direction: column; align-items: flex-start; justify-content: center; padding-top: 72px; padding-bottom: 72px; min-height: 0; }
}

@media (max-width: 700px) {
  .delivery__descripcion { font-size: 17px; }
  .delivery__apps { flex-direction: column; }
  .delivery__apps { align-self: stretch; }
}