/* Carrito en escritorio: los ítems dejan de ser tarjetas apiladas y pasan a
   una tabla de cuatro columnas, con el resumen fijo a la derecha. */

@media (min-width: 1024px) {
  .c-layout {
    max-width: 1240px; margin: 0 auto; padding: 28px 40px 0;
    display: grid; grid-template-columns: 1fr 380px; gap: 24px; align-items: start;
  }

  .c-envio { margin: 0 0 16px; padding: 16px 18px; border-radius: 18px; }
  .c-envio p { font-size: 13.5px; font-weight: 600; }
  .c-pista { height: 6px; }

  .c-encabezado {
    display: grid; grid-template-columns: 1fr 130px 130px 40px; gap: 16px;
    padding: 0 16px 10px;
    font-size: 11.5px; font-weight: 600; letter-spacing: .06em;
    text-transform: uppercase; color: var(--godo-muted-2);
  }
  .c-encabezado span:nth-child(2), .c-encabezado span:nth-child(3) { text-align: center; }

  .c-item {
    display: grid; grid-template-columns: 1fr 130px 130px 40px;
    gap: 16px; align-items: center; padding: 16px; margin-bottom: 10px;
    position: static;
  }
  .c-principal { flex: none; padding-right: 0; gap: 16px; }
  .c-item .g-foto { flex: 0 0 78px; width: 78px; height: 78px; }
  .c-nombre { font-size: 20px; }
  .c-cantidad { border-radius: 11px; justify-self: center; }
  .c-subtotal { margin-left: 0; text-align: right; font-size: 19px; }
  .c-quitar { position: static; justify-self: center; font-size: 16px; }

  /* Sugeridos: tres tarjetas apaisadas con el botón cuadrado navy. */
  .c-sumar { margin-top: 28px; }
  .c-sumar-lista { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .c-sugerido {
    display: grid; grid-template-columns: 56px 1fr auto; gap: 12px;
    align-items: center; text-align: left; padding: 12px;
  }
  .c-sugerido .g-foto { width: 56px; height: 56px; margin: 0; }
  .c-sugerido-texto b { font-size: 15px; }
  .c-sugerido-texto em { margin: 2px 0 0; font-size: 15px; }
  .c-sumar-btn {
    width: 34px; height: 34px; padding: 0; border-radius: 10px;
    background: var(--godo-navy); color: var(--godo-amber);
    font-size: 20px; font-weight: 700; line-height: 1; flex: 0 0 34px;
  }
  .c-sumar-signo { display: inline; }
  .c-sumar-texto { display: none; }
  .c-sumar-btn:hover { background: var(--godo-navy-hover); }

  .c-columna-resumen { position: sticky; top: 20px; }
  .c-resumen { margin-top: 0; padding: 20px; }
  .c-resumen div { font-size: 14px; }
  .c-resumen .c-total b { font-size: 24px; }
  .c-resumen .c-total strong { font-size: 30px; }

  .c-seguridad {
    display: flex; align-items: center; gap: 9px;
    margin-top: 12px; padding: 12px 14px; border-radius: 12px;
    background: var(--godo-paper); color: var(--godo-muted); font-size: 12.5px;
  }
  .c-seguridad i { font-size: 15px; color: var(--godo-navy); }

  .g-pie-fijo { position: static; border: 0; background: none; padding: 14px 0 0; }
  #contenido { padding-bottom: 0; }
}

@media (min-width: 1024px) {
  .c-entrega { margin-top: 28px; }
  .c-entrega-opciones { grid-template-columns: 1fr 1fr; gap: 12px; }
  .c-opcion { padding: 16px; }
}