.order-form{margin-top:14px}.order-detail{display:grid;gap:14px}.order-detail>div:first-child,.bundle-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-detail strong{font-size:16px}.order-detail span,.order-detail small{color:#667d81}.bundle-head label{min-width:180px}.piece-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.piece-size{border:1px solid #dfe7e5;border-radius:12px;padding:10px;background:#f8faf9}.piece-size span{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.bundle-personal{padding-top:4px}.phone-widget{position:relative}.country-picker{z-index:30}.check{display:flex!important;align-items:flex-start;gap:8px}.check input{width:auto;margin-top:3px}@media(max-width:620px){.piece-list{grid-template-columns:1fr}.bundle-head{display:grid}.bundle-head label{min-width:0}.order-detail>div:first-child{align-items:flex-start}}
/* ---- La tienda del link público ----
   La vitrina en sí vive en /v2/vitrina.css, compartida con el portal de
   familias. Esto es lo poquito que sólo existe aquí. */
.vit-sub{
  margin:26px 0 0;font-size:12px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:#8a9aa0;
}
/* Salir del checkout sin perder lo elegido: se vuelve a la vitrina, no se
   recarga la página. */
.vit-volver{
  margin:0 0 14px;padding:8px 14px 8px 10px;border:0;border-radius:999px;
  background:#eef4f3;color:#2f6b60;font:inherit;font-weight:800;font-size:13px;cursor:pointer;
}
.vit-volver:active{background:#e2ebe9}
/* Pedido recibido: cómo pagar. La CLABE va grande y con su botón de copiar,
   porque es lo que la familia teclea en la app del banco. */
.pago-card{margin:18px 0 0;padding:16px;border:1px solid #dfe7e5;border-radius:16px;background:#f8faf9}
.pago-card h3{margin:0 0 4px;font-size:16px}
.pago-card .muted{margin:0 0 10px}
.pago-filas{display:grid;gap:8px}
.pago-fila{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e7eeec}
.pago-fila span{flex:0 0 100%;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a9aa0}
.pago-fila strong{font-size:15px;word-break:break-word}
.pago-clabe{font-size:18px!important;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.pago-copiar{margin-left:auto;border:0;border-radius:999px;padding:8px 14px;background:#0b3d4a;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.pago-otros{margin:12px 0 0!important}
.pago-wa{display:flex;align-items:center;justify-content:center;margin:16px 0 0;min-height:52px;border-radius:14px;background:#169b4b;color:#fff;font-weight:800;text-decoration:none}
.pago-nota{margin:8px 0 0;text-align:center;font-size:13px}
/* "Ya soy familia Tanner": el camino corto para quien ya tiene cuenta. */
.ya-familia{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:13px 16px;border:1px solid #cfe0dc;border-radius:16px;background:#f2f8f7;color:#0b3d4a;text-decoration:none}
.ya-familia strong{display:block;font-size:15px}
.ya-familia small{display:block;margin-top:2px;font-size:12.5px;color:#5b6b70}
.ya-familia b{flex:0 0 auto;padding:9px 16px;border-radius:999px;background:#0b3d4a;color:#fff;font-size:14px}
/* Carrito (09/10/2026): todo en un solo folio. La barra queda fija abajo
   mientras se elige; el resumen usa la misma línea que el portal. */
.carrito-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;max-width:620px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 18px;border-radius:18px;background:#07191e;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.carrito-bar strong{display:block;font-size:18px;font-variant-numeric:tabular-nums}
.carrito-bar small{display:block;font-size:12px;color:#b7c7cb}
.carrito-bar button{flex:0 0 auto;min-height:46px;padding:0 18px;border:0;border-radius:13px;background:#c6ac5c;color:#07191e;font:inherit;font-weight:900;cursor:pointer}
body:has(.carrito-bar) .page{padding-bottom:96px}
.carrito-lista{margin:12px 0 4px;padding:6px 14px;border:1px solid #dfe7e5;border-radius:16px;background:#fff}
.carrito-lista .fam-mov{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 0;border-bottom:1px solid #eef1f0}
.carrito-lista .fam-mov strong{display:block;font-size:14px}
.carrito-lista .fam-mov span span{display:block;margin-top:2px;font-size:12px;color:#7d8a8f}
.carrito-lista .fam-mov b{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.carrito-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0 8px;font-weight:800}
.carrito-total strong{font-size:18px;font-variant-numeric:tabular-nums}