/* BR Saludable — carrito y páginas de pago. Clases propias con prefijo t-; usa las variables de sitio.css. */
.t-pagina{padding:128px 0 96px;min-height:72vh;}
.t-contenedor{display:flex;flex-direction:column;gap:22px;}
.t-angosto{max-width:720px;}
.t-cabecera .eyebrow{margin-bottom:10px;}
.t-titulo{font-size:clamp(2rem,4.4vw,3rem);letter-spacing:-.01em;}
.t-subtitulo{font-size:1.45rem;margin-bottom:6px;}
.t-ayuda{color:var(--texto-suave);font-size:.94rem;margin-bottom:18px;}

/* avisos */
.t-aviso{border-radius:14px;padding:14px 18px;font-size:.95rem;border:1px solid;}
.t-aviso ul{margin:8px 0 0 18px;}
.t-aviso[hidden]{display:none;}
.t-aviso-error{background:#fbeee6;border-color:#e8c3ad;color:#7a3416;}
.t-aviso-info{background:var(--crema-2);border-color:var(--crema-3);color:var(--texto-suave);}
.t-estado{color:var(--texto-suave);padding:28px 0;}
.t-estado[hidden],.t-vacio[hidden],.t-grilla[hidden]{display:none;}

/* vacío */
.t-vacio{background:var(--blanco);border:1px solid var(--crema-3);border-radius:var(--radius);padding:42px 28px;
  text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;}
.t-vacio-titulo{font-family:'Fraunces',serif;font-size:1.5rem;color:var(--verde-900);font-weight:600;}
.t-vacio p{color:var(--texto-suave);}

/* grilla carrito + datos */
.t-grilla{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start;}
.t-lista,.t-checkout{background:var(--blanco);border:1px solid var(--crema-3);border-radius:var(--radius);padding:22px;}
.t-checkout{position:sticky;top:96px;}
.t-lineas{list-style:none;display:flex;flex-direction:column;}
.t-linea{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:14px;align-items:center;
  padding:14px 0;border-bottom:1px solid var(--crema-3);}
.t-linea:first-child{padding-top:0;}
.t-linea-foto{width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--crema-2);
  display:flex;align-items:center;justify-content:center;}
.t-linea-foto img{width:100%;height:100%;object-fit:cover;}
.t-linea-inicial{font-family:'Fraunces',serif;font-size:1.6rem;color:var(--verde-700);font-weight:700;}
.t-linea-nombre{font-weight:600;color:var(--verde-900);line-height:1.3;}
.t-linea-precio{font-size:.86rem;color:var(--texto-suave);margin-top:2px;}
.t-cantidad{display:flex;align-items:center;gap:4px;background:var(--crema);border:1px solid var(--crema-3);
  border-radius:40px;padding:3px;}
.t-cant-btn{width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--verde-800);
  font-size:1.2rem;line-height:1;cursor:pointer;transition:background .2s var(--ease);}
.t-cant-btn:hover:not(:disabled){background:var(--crema-3);}
.t-cant-btn:disabled{opacity:.35;cursor:not-allowed;}
.t-cant-btn:focus-visible,.t-quitar:focus-visible{outline:2px solid var(--dorado);outline-offset:2px;}
.t-cant-num{min-width:26px;text-align:center;font-weight:700;color:var(--verde-900);}
.t-linea-fin{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.t-linea-subtotal{font-weight:700;color:var(--verde-900);white-space:nowrap;}
.t-quitar{border:0;background:none;color:var(--texto-suave);font-size:.8rem;text-decoration:underline;cursor:pointer;padding:2px;}
.t-quitar:hover{color:var(--coral);}
.t-total{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 6px;}
.t-total span{font-weight:600;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;}
.t-total strong{font-family:'Fraunces',serif;font-size:1.9rem;color:var(--verde-900);}
.t-retiro{background:var(--crema-2);border-radius:12px;padding:12px 14px;font-size:.92rem;color:var(--texto-suave);margin-top:10px;}

/* formulario */
.t-form{display:flex;flex-direction:column;gap:14px;}
.t-campo{display:flex;flex-direction:column;gap:6px;}
.t-campo label{font-size:.85rem;font-weight:600;color:var(--verde-900);}
.t-opcional{font-weight:400;color:var(--texto-suave);}
.t-campo input,.t-campo textarea{font:inherit;font-size:1rem;padding:12px 14px;border:1.5px solid var(--crema-3);
  border-radius:12px;background:var(--crema);color:var(--texto);transition:border-color .2s var(--ease);}
.t-campo textarea{resize:vertical;min-height:80px;}
.t-campo input:focus,.t-campo textarea:focus{outline:none;border-color:var(--verde-700);background:var(--blanco);}
.t-campo-error input{border-color:#c4572a;}
.t-error-campo{font-size:.82rem;color:#9b3a12;}
.t-pagar{justify-content:center;width:100%;margin-top:4px;border:0;cursor:pointer;font:inherit;font-weight:700;}
.t-pagar:disabled{opacity:.6;cursor:progress;transform:none;}
.t-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.t-legal{font-size:.78rem;color:var(--texto-suave);text-align:center;}

/* resultado del pago / no disponible */
.t-resultado{background:var(--blanco);border:1px solid var(--crema-3);border-radius:24px;padding:40px 32px;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;}
.t-sello{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:1.9rem;font-weight:700;background:var(--crema-2);color:var(--verde-800);}
.t-resultado-pagado .t-sello{background:var(--verde-700);color:var(--blanco);}
.t-resultado-recibido .t-sello{background:var(--verde-700);color:var(--blanco);}
.t-resultado-revision .t-sello,.t-resultado-reembolsado .t-sello,
.t-resultado-rechazado .t-sello,.t-resultado-cancelado .t-sello,.t-resultado-desconocido .t-sello,
.t-resultado-no-disponible .t-sello{background:#fbeee6;color:#9b3a12;}
.t-resultado-confirmando .t-sello,.t-resultado-pendiente .t-sello{background:var(--dorado-claro);color:var(--verde-900);}
.t-bajada{color:var(--texto-suave);max-width:520px;}
.t-pedido{width:100%;text-align:left;border:1px dashed var(--dorado);border-radius:16px;padding:18px 20px;background:var(--crema);}
.t-codigo{font-size:1rem;color:var(--texto-suave);margin-bottom:10px;}
.t-codigo strong{font-family:'Fraunces',serif;font-size:1.4rem;color:var(--verde-900);letter-spacing:.06em;margin-left:6px;}
.t-pedido-items{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.93rem;}
.t-pedido-items li,.t-pedido-total{display:flex;justify-content:space-between;gap:14px;}
.t-pedido-total{border-top:1px solid var(--crema-3);margin-top:10px;padding-top:10px;font-weight:600;}
.t-pedido-total strong{color:var(--verde-900);}
.t-resultado .t-retiro{width:100%;text-align:left;}
.t-acciones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;}

@media (max-width:900px){
  .t-grilla{grid-template-columns:1fr;}
  .t-checkout{position:static;}
}
@media (max-width:560px){
  .t-pagina{padding:104px 0 72px;}
  .t-lista,.t-checkout{padding:16px;}
  .t-linea{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"foto info fin" "foto cant fin";row-gap:8px;}
  .t-linea-foto{width:56px;height:56px;grid-area:foto;}
  .t-linea-info{grid-area:info;}
  .t-cantidad{grid-area:cant;justify-self:start;}
  .t-linea-fin{grid-area:fin;}
  .t-resultado{padding:30px 18px;}
  .t-acciones .btn{width:100%;justify-content:center;}
}
@media (prefers-reduced-motion:reduce){
  .t-cant-btn,.t-campo input,.t-campo textarea{transition:none;}
}

/* Pedido con productos "a confirmar" y envío por WhatsApp (2026-10-14) */
a.t-linea-nombre{display:block;}
a.t-linea-nombre:hover{color:var(--verde-600);text-decoration:underline;}
.t-linea-confirmar{font-weight:600;font-size:.82rem;color:var(--texto-suave);}
.t-total-nota{font-size:.86rem;color:var(--texto-suave);margin-top:-2px;}
.t-total-nota[hidden],#t-modo-mp[hidden],#t-modo-wa[hidden],.t-cambiar[hidden]{display:none;}
.t-cambiar{display:block;width:100%;margin-top:14px;border:0;background:none;cursor:pointer;font:inherit;font-size:.86rem;
  font-weight:600;color:var(--verde-700);text-decoration:underline;padding:8px;}
.t-cambiar:hover{color:var(--verde-900);}