*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#F5EDD8;--cream2:#EDE4CC;--dark:#160E07;--dark2:#2B1A0F;
  --red:#1f2a13;--red2:#2e3d1c;
  --gold:#C9A96E;--gold-dim:rgba(201,169,110,.15);
  --text:#1C1209;--text-mid:#3D2E1A;--text-light:#8a7d6a;
  --border:rgba(201,169,110,.22);--border-red:rgba(31,42,19,.2);
  --font-serif:'Cormorant Garamond','Georgia',serif;
  --font-sans:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --cart-w:340px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:#fff;color:var(--text);font-family:var(--font-sans);line-height:1.6;min-height:100vh}
img{display:block;max-width:100%}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ── STICKY WRAP ────────────────────────────────────────────── */
.pedir-sticky-wrap{
  position:sticky;top:0;z-index:200;
  background:#1f2a13;
  display:flex;flex-direction:column;
}

/* ── HEADER ─────────────────────────────────────────────────── */
.pedir-header{
  position:static;
  background-color:#1f2a13;
  display:flex;align-items:center;gap:.75rem;
  padding:.75rem 1rem;
}
.pedir-back{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;flex-shrink:0;
  background:rgba(255,255,255,.15);color:#fff;
  border:1.5px solid rgba(255,255,255,.5);
  border-radius:8px;text-decoration:none;
  transition:background .2s;
}
.pedir-back:hover{background:rgba(255,255,255,.25)}
.pedir-logo{
  color:#fff;font-family:var(--font-serif);font-size:1.6rem;
  font-weight:700;letter-spacing:4px;text-transform:uppercase;text-decoration:none;
  white-space:nowrap;flex:1;text-align:center;
}
.pedir-header__cart{
  display:flex;align-items:center;gap:.45rem;flex-shrink:0;
  font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:rgba(255,255,255,.15);
  border:1.5px solid rgba(255,255,255,.5);
  border-radius:6px;padding:.4rem .75rem;
  transition:background .2s;
  position:relative;white-space:nowrap;
}
.pedir-header__cart:hover{background:rgba(255,255,255,.25)}
.pedir-cart-badge{
  background:var(--red);color:#fff;
  font-size:.65rem;font-weight:700;
  width:18px;height:18px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}

/* ── TABS ───────────────────────────────────────────────────── */
.pedir-tabs{
  position:static;
  background:var(--red);
  display:flex;overflow-x:auto;scrollbar-width:none;
  justify-content:center;
  padding:.7rem 1.5rem;
  gap:.6rem;
}
.pedir-tabs::-webkit-scrollbar{display:none}
.pedir-tab-btn{
  flex-shrink:0;
  padding:.45rem 1.2rem;
  font-size:.7rem;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.85);
  background:rgba(255,255,255,.1);
  border:1.5px solid rgba(255,255,255,.4);
  border-radius:100px;
  cursor:pointer;font-family:var(--font-sans);
  transition:background .2s,color .2s,border-color .2s;
  white-space:nowrap;
}
.pedir-tab-btn.active{
  background:#fff;color:var(--red);
  border-color:#fff;font-weight:700;
}
.pedir-tab-btn:hover:not(.active){
  background:rgba(255,255,255,.2);
  border-color:rgba(255,255,255,.65);
}

/* ── LAYOUT ─────────────────────────────────────────────────── */
.pedir-layout{
  display:grid;
  grid-template-columns:1fr var(--cart-w);
  align-items:start;
  min-height:calc(100vh - 160px);
}

.pedir-delivery-notice{
  display:flex;
  gap:1rem;
  align-items:flex-start;
  margin:1.25rem 2rem 0;
  padding:1rem 1.1rem;
  border:1px solid var(--border);
  border-radius:12px;
  background:linear-gradient(180deg,#fbf8f2 0%,#f5efe4 100%);
}
.pedir-delivery-notice[hidden]{display:none;}
.pedir-delivery-notice.is-closed{
  border-color:rgba(180,75,52,.24);
  background:linear-gradient(180deg,#fff7f4 0%,#f9ebe4 100%);
}
.pedir-delivery-notice__status{
  flex-shrink:0;
  min-width:136px;
  padding:.5rem .8rem;
  border-radius:999px;
  background:#1f2a13;
  color:#fff;
  text-align:center;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pedir-delivery-notice.is-closed .pedir-delivery-notice__status{
  background:#8a3d27;
}
.pedir-delivery-notice__body{
  display:grid;
  gap:.35rem;
}
.pedir-delivery-notice__body p{
  margin:0;
}
.pedir-delivery-notice__body > p:first-child{
  font-size:.95rem;
  color:var(--text);
}
.pedir-delivery-notice__meta{
  font-size:.82rem;
  color:var(--text-light);
}

/* ── PLATOS ─────────────────────────────────────────────────── */
.pedir-main{
  padding:2rem 2rem 6rem;
  border-right:1px solid #eee;
}
.pedir-cat-section{
  margin-bottom:2.5rem;
  scroll-margin-top:125px;
}
.pedir-cat-title{
  font-family:var(--font-sans);font-size:1.15rem;font-weight:700;
  color:#111;letter-spacing:1.5px;text-transform:uppercase;
  background:none;
  padding:.25rem 0;margin-bottom:1rem;
  border-bottom:2px solid #e8e8e8;
  display:flex;align-items:center;gap:.75rem;
}
.pedir-cat-title span{display:none}
.pedir-platos-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.pedir-plato-card{
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:10px;
  padding:1rem;
  display:flex;flex-direction:row;
  align-items:flex-start;gap:.85rem;
  transition:box-shadow .2s;
}
.pedir-plato-card:hover{
  box-shadow:0 2px 14px rgba(0,0,0,.08);
}
.pedir-plato-info{
  flex:1;min-width:0;
  display:flex;flex-direction:column;gap:.35rem;
}
.pedir-plato-img{
  width:88px;height:88px;
  object-fit:cover;border-radius:8px;
  flex-shrink:0;
}
.pedir-plato-img-placeholder{
  width:88px;height:88px;
  background:#f3f3f3;
  border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:var(--text-light);font-size:1.6rem;
}
.pedir-plato-nombre{
  font-size:.92rem;font-weight:700;
  color:var(--text);line-height:1.3;
}
.pedir-plato-desc{
  font-size:.78rem;color:var(--text-light);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.pedir-plato-footer{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  margin-top:.4rem;
}
.pedir-plato-precio{
  font-size:1rem;font-weight:700;color:var(--text);
}
.pedir-plato-add{
  display:flex;align-items:center;gap:.3rem;
  background:#fff;color:var(--red);
  font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:.4rem .85rem;border-radius:6px;
  border:1.5px solid var(--red);
  transition:background .2s,color .2s;
}
.pedir-plato-add:hover{background:var(--red);color:#fff}
.pedir-plato-add:active{transform:scale(.97)}
.pedir-plato-add svg{flex-shrink:0}

/* Cantidad dentro de la card */
.pedir-plato-qty{
  display:flex;align-items:center;gap:.4rem;
}
.pedir-qty-btn{
  width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;font-weight:700;
  background:rgba(192,57,43,.1);color:var(--red);
  transition:background .2s;
}
.pedir-qty-btn:hover{background:rgba(192,57,43,.2)}
.pedir-qty-num{
  font-size:.95rem;font-weight:700;color:var(--text);
  min-width:20px;text-align:center;
}

/* Estado vacío */
.pedir-empty{
  text-align:center;padding:5rem 2rem;
  color:var(--text-light);
}
.pedir-empty svg{margin:0 auto 1.5rem;opacity:.35}
.pedir-empty h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;color:var(--text-mid);margin-bottom:.5rem}
.pedir-empty p{font-size:.9rem;max-width:320px;margin:0 auto}

/* ── CARRITO ─────────────────────────────────────────────────── */
.pedir-cart{
  position:sticky;top:125px;
  padding:1.5rem;
  max-height:calc(100vh - 130px);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--border) transparent;
}
.pedir-cart::-webkit-scrollbar{width:4px}
.pedir-cart::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}

.pedir-cart__title{
  font-family:var(--font-serif);font-size:1.2rem;font-weight:400;
  color:var(--text);margin-bottom:1.25rem;
  display:flex;align-items:center;justify-content:space-between;
}
.pedir-cart__clear{
  font-size:.72rem;color:var(--text-light);
  text-decoration:underline;cursor:pointer;
  transition:color .2s;
}
.pedir-cart__clear:hover{color:var(--red)}

.pedir-cart__empty{
  text-align:center;padding:2rem 1rem;
  color:var(--text-light);font-size:.88rem;
}
.pedir-cart__empty svg{margin:0 auto .75rem;opacity:.35}

.pedir-cart__items{display:flex;flex-direction:column;gap:.75rem}
.pedir-cart-item{
  display:flex;align-items:center;gap:.75rem;
  padding:.75rem;background:#f8f8f8;
  border:1px solid #eee;border-radius:8px;
}
.pedir-cart-item__info{flex:1;min-width:0}
.pedir-cart-item__nombre{
  font-size:.88rem;font-weight:600;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pedir-cart-item__precio{font-size:.8rem;color:var(--text-light)}
.pedir-cart-item__qty{
  display:flex;align-items:center;gap:.3rem;flex-shrink:0;
}
.pedir-cart-item__total{
  font-size:.9rem;font-weight:700;color:var(--red);
  min-width:42px;text-align:right;flex-shrink:0;
}

.pedir-cart__divider{height:1px;background:var(--border);margin:1.25rem 0}

.pedir-cart__resumen{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}
.pedir-cart__row{
  display:flex;justify-content:space-between;align-items:center;
  font-size:.85rem;color:var(--text-mid);
}
.pedir-cart__row--total{
  font-size:1rem;font-weight:700;color:var(--text);
  padding-top:.5rem;border-top:1px solid var(--border);
}
.pedir-cart__row--total .val{color:var(--red);font-size:1.1rem}

.pedir-cart__cta{
  width:100%;padding:.9rem;
  background:var(--red);color:#fff;
  font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  border-radius:8px;transition:background .2s,transform .1s;
  text-align:center;
}
.pedir-cart__cta:hover{background:var(--red2)}
.pedir-cart__cta:active{transform:scale(.98)}
.pedir-cart__cta:disabled{opacity:.45;pointer-events:none}
.pedir-cart__nota{
  margin-top:.75rem;text-align:center;
  font-size:.75rem;color:var(--text-light);font-style:italic;
}

/* ── MOBILE CART DRAWER ─────────────────────────────────────── */
.pedir-cart-fab{
  display:none;
  position:fixed;bottom:1.5rem;left:50%;
  transform:translateX(-50%);z-index:150;
  background:var(--red);color:#fff;
  font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:.85rem 2rem;border-radius:100px;
  box-shadow:0 8px 30px rgba(192,57,43,.35);
  align-items:center;gap:.75rem;
  transition:background .2s,box-shadow .2s,transform .1s;
  white-space:nowrap;
}
.pedir-cart-fab:hover{background:var(--red2);box-shadow:0 12px 40px rgba(192,57,43,.4)}
.pedir-cart-fab:active{transform:translateX(-50%) scale(.97)}
.pedir-cart-fab__badge{
  background:rgba(255,255,255,.25);
  padding:.1rem .55rem;border-radius:100px;
  font-size:.72rem;
}

.pedir-cart-overlay{
  display:none;position:fixed;inset:0;background:rgba(22,14,7,.6);
  z-index:300;opacity:0;transition:opacity .25s;
}
.pedir-cart-overlay.open{display:block}
.pedir-cart-overlay.visible{opacity:1}

.pedir-cart-drawer{
  position:fixed;bottom:0;left:0;right:0;z-index:301;
  background:#fff;border-radius:16px 16px 0 0;
  padding:1.5rem 1.25rem 2rem;
  max-height:80vh;overflow-y:auto;
  box-shadow:0 -4px 30px rgba(0,0,0,.1);
  transform:translateY(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.pedir-cart-drawer.open{transform:translateY(0)}
.pedir-cart-drawer__handle{
  width:40px;height:4px;border-radius:2px;
  background:var(--border);margin:0 auto 1.25rem;
}

/* ── CHECKOUT MODAL ─────────────────────────────────────────── */
.checkout-overlay{
  position:fixed;inset:0;z-index:600;
  background:rgba(0,0,0,.45);
  display:flex;align-items:center;justify-content:center;
  padding:1rem;
  animation:coFadeIn .2s ease;
}
.checkout-overlay[hidden]{display:none}
@keyframes coFadeIn{from{opacity:0}to{opacity:1}}
.checkout-modal{
  background:#fff;
  border-radius:12px;
  width:100%;max-width:520px;
  max-height:90vh;overflow-y:auto;
  padding:2rem 1.75rem 2.5rem;
  position:relative;
  box-shadow:0 8px 40px rgba(0,0,0,.12);
  animation:coSlideUp .25s ease;
}
@keyframes coSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.checkout-close{
  position:absolute;top:1rem;right:1rem;
  color:#aaa;transition:color .2s;
  padding:.25rem;
}
.checkout-close:hover{color:var(--red)}

.checkout-title{
  font-family:var(--font-sans);font-size:1rem;font-weight:700;
  color:var(--text);letter-spacing:1.5px;text-transform:uppercase;
  margin-bottom:.3rem;
}
.checkout-sub{
  font-size:.82rem;color:var(--text-light);margin-bottom:1.75rem;
  font-family:var(--font-sans);
}

/* Paso 1 — elección tipo */
.checkout-tipo-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.5rem;
}
.checkout-tipo-btn{
  border:1.5px solid #e8e8e8;border-radius:10px;
  padding:1.4rem 1rem;
  display:flex;flex-direction:column;align-items:center;gap:.6rem;
  cursor:pointer;transition:border-color .2s,box-shadow .2s;
  background:#fff;
}
.checkout-tipo-btn:hover{border-color:rgba(192,57,43,.4);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.checkout-tipo-btn.selected{border-color:var(--red);box-shadow:0 2px 12px rgba(192,57,43,.12)}
.checkout-tipo-btn:disabled{
  opacity:.5;
  cursor:not-allowed;
  box-shadow:none;
}
.checkout-tipo-btn svg{color:var(--red)}
.checkout-tipo-label{font-family:var(--font-sans);font-size:.88rem;font-weight:700;color:var(--text)}
.checkout-tipo-desc{font-size:.73rem;color:var(--text-light);text-align:center;line-height:1.4}

.checkout-delivery-box{
  margin:0 0 1rem;
  padding:.95rem 1rem;
  border-radius:10px;
  border:1px solid rgba(31,42,19,.15);
  background:rgba(31,42,19,.05);
}
.checkout-delivery-box.is-closed{
  border-color:rgba(180,75,52,.25);
  background:rgba(180,75,52,.07);
}
.checkout-delivery-box__title{
  margin:0 0 .35rem;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text-mid);
}
.checkout-delivery-box__text{
  margin:0;
  font-size:.82rem;
  color:var(--text-mid);
}
.checkout-delivery-box__meta{
  margin:.5rem 0 0;
  font-size:.78rem;
  color:var(--text-light);
}

/* Campos de formulario */
.checkout-fields{display:flex;flex-direction:column;gap:.85rem;margin-top:1.25rem}
.checkout-field{display:flex;flex-direction:column;gap:.3rem}
.checkout-field label{
  font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;
  font-weight:700;color:#555;font-family:var(--font-sans);
}
.checkout-field input,
.checkout-field select,
.checkout-field textarea{
  border:1px solid #e8e8e8;border-radius:8px;
  padding:.65rem .9rem;font-size:.9rem;font-family:var(--font-sans);
  background:#fff;color:var(--text);
  transition:border-color .2s;width:100%;
}
.checkout-field input:focus,
.checkout-field select:focus,
.checkout-field textarea:focus{outline:none;border-color:rgba(192,57,43,.5);box-shadow:0 0 0 3px rgba(192,57,43,.07)}
.checkout-field textarea{resize:vertical;min-height:72px}
.checkout-field-row{display:flex;gap:.85rem;align-items:flex-end}
.checkout-field-row .checkout-field{min-width:0}

/* Mapa de dirección de entrega */
.checkout-dir-map-wrap{border-radius:8px;overflow:hidden;border:1px solid var(--cream2);margin-bottom:.4rem}
.checkout-dir-map{height:200px;width:100%}
.checkout-dir-map-msg{
  display:flex;align-items:center;gap:.4rem;
  padding:.55rem .85rem;
  background:#faf8f4;
  border-top:1px solid var(--cream2);
  font-size:.78rem;color:var(--gold);
  font-family:'Lato',sans-serif;font-weight:600;letter-spacing:.04em;
}

/* Radios */
.checkout-radios{display:flex;gap:1rem;flex-wrap:wrap}
.checkout-radio{
  display:flex;align-items:center;gap:.5rem;
  cursor:pointer;font-size:.88rem;color:var(--text-mid);
}
.checkout-radio input{accent-color:var(--red);width:16px;height:16px}

/* Resumen */
.checkout-summary{
  background:#fafafa;border:1px solid #e8e8e8;
  border-radius:8px;padding:1rem;margin-top:1.25rem;
}
.checkout-summary-title{
  font-family:var(--font-sans);font-size:.72rem;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:#555;
  margin-bottom:.75rem;
}
.checkout-summary-item{
  display:flex;justify-content:space-between;
  font-size:.84rem;color:var(--text-mid);padding:.25rem 0;
}
.checkout-summary-total{
  display:flex;justify-content:space-between;
  font-size:.95rem;font-weight:700;color:var(--text);
  border-top:1px solid #e8e8e8;margin-top:.5rem;padding-top:.6rem;
}
.checkout-summary-total .val{color:var(--red)}

/* Divider */
.checkout-divider{height:1px;background:#e8e8e8;margin:1.5rem 0}

/* Botones nav */
.checkout-actions{display:flex;gap:.75rem;margin-top:1.75rem;flex-wrap:wrap}
.checkout-btn-primary{
  flex:1;padding:.85rem;background:var(--red);color:#fff;
  font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  border-radius:8px;transition:background .2s;font-family:var(--font-sans);
}
.checkout-btn-primary:hover{background:var(--red2)}
.checkout-btn-primary:disabled{opacity:.4;pointer-events:none}
.checkout-btn-back{
  padding:.85rem 1.25rem;
  font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:#888;border:1.5px solid #e8e8e8;border-radius:8px;
  transition:border-color .2s,color .2s;font-family:var(--font-sans);
}
.checkout-btn-back:hover{border-color:var(--red);color:var(--red)}

/* Éxito */
.checkout-success{text-align:center;padding:1.5rem 0 .5rem}
.checkout-success svg{color:var(--red);margin:0 auto 1.25rem}
.checkout-success-code{
  display:inline-block;
  font-family:var(--font-sans);font-size:1.8rem;font-weight:700;
  color:var(--red);letter-spacing:6px;
  background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.2);
  border-radius:8px;padding:.6rem 1.5rem;margin:1rem 0;
}
.checkout-success p{font-size:.88rem;color:var(--text-light);line-height:1.7;margin-bottom:.4rem}
.checkout-success-video-wrap{margin:.75rem auto;width:80%;max-width:240px;border-radius:10px;overflow:hidden}
.checkout-success-video-wrap video{width:100%;display:block;border-radius:10px}
.checkout-success-email-note{
  font-size:.82rem;color:var(--text-light);
  background:rgba(31,42,19,.06);border:1px solid rgba(31,42,19,.15);
  border-radius:8px;padding:.6rem 1rem;
  margin:.6rem 0 0;
}
.checkout-btn-track{
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;flex:unset;padding:.85rem 1.75rem;
}
.checkout-msg-error{
  background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.25);
  border-radius:8px;padding:.65rem .9rem;
  font-size:.83rem;color:var(--red);margin-top:.75rem;
}

/* ── FOOTER ─────────────────────────────────────────────────── */
.pedir-footer{
  text-align:center;padding:2rem;
  font-size:.78rem;color:var(--text-light);
  border-top:1px solid var(--border);
}

/* ── LOADING ─────────────────────────────────────────────────── */
.pedir-loading{
  position:fixed;inset:0;background:var(--dark);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1rem;z-index:500;transition:opacity .4s;
}
.pedir-loading.hidden{opacity:0;pointer-events:none}
.pedir-spinner{
  width:36px;height:36px;border:2px solid rgba(201,169,110,.2);
  border-top-color:var(--gold);border-radius:50%;
  animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.pedir-loading p{color:#c8bfb3;font-size:.8rem;letter-spacing:3px;text-transform:uppercase}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media(max-width:900px){
  .pedir-delivery-notice{margin:1rem 1rem 0;flex-direction:column}
  .pedir-layout{grid-template-columns:1fr}
  .pedir-cart{display:none}
  .pedir-cart-fab{display:flex}
  .pedir-main{border-right:none;padding:1.5rem 1rem 7rem}
  .pedir-platos-grid{grid-template-columns:1fr 1fr}
  .pedir-plato-img{width:75px;height:75px}
}
@media(max-width:560px){
  .checkout-tipo-grid{grid-template-columns:1fr}
  .pedir-platos-grid{grid-template-columns:1fr}
  .pedir-plato-img{width:82px;height:82px}
  .pedir-tabs{justify-content:flex-start}
}
@media(max-width:400px){
  .pedir-cart-label{display:none}
  .pedir-logo{font-size:1.3rem;letter-spacing:2px}
}

/* ── PANEL DE SEGUIMIENTO DE PEDIDO ─────────────────────────── */
.checkout-success--tracking{text-align:left;padding:0}
.track-header{
  display:flex;align-items:center;gap:14px;
  padding:1.4rem 1.5rem 1rem;
  border-bottom:1px solid rgba(201,169,110,.15);
}
.track-check-icon{color:#34c47a;flex-shrink:0}
.track-code-row{
  display:flex;align-items:center;gap:10px;
  padding:.85rem 1.5rem;
  border-bottom:1px solid rgba(201,169,110,.12);
}
.track-code-label{
  font-size:.7rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--text-light);
}

/* Pasos de estado */
.track-steps{
  display:flex;align-items:center;
  padding:.9rem 1.5rem .4rem;
  gap:0;
}
.track-step{flex:1;text-align:center;position:relative}
.track-step__dot{
  width:22px;height:22px;border-radius:50%;
  border:2px solid rgba(201,169,110,.25);
  background:rgba(255,255,255,.05);
  margin:0 auto 5px;
  transition:background .35s,border-color .35s,box-shadow .35s;
}
.track-step__label{
  font-size:.58rem;letter-spacing:1px;text-transform:uppercase;
  color:rgba(255,255,255,.3);
  transition:color .35s;
}
.track-connector{
  flex:1;height:2px;background:rgba(201,169,110,.18);
  margin-bottom:26px;
  transition:background .35s;
}
.track-connector--done{background:var(--gold)}
.track-step--done .track-step__dot{
  background:var(--gold);border-color:var(--gold);
}
.track-step--done .track-step__label{color:var(--gold)}
.track-step--active .track-step__dot{
  background:#fff;border-color:#fff;
  box-shadow:0 0 10px rgba(255,255,255,.45);
}
.track-step--active .track-step__label{color:#fff;font-weight:700}

.track-status-msg{
  font-size:.82rem;color:rgba(255,255,255,.55);
  padding:.3rem 1.5rem .8rem;
  border-bottom:1px solid rgba(201,169,110,.12);
}

/* Mapa */
#pedirTrackMap{
  height:240px;
  margin:0;
}

/* Marcadores custom en el mapa */
.track-marker{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));
}

@media(max-width:480px){
  #pedirTrackMap{height:200px}
  .track-header{padding:1rem 1rem .8rem}
  .track-code-row,.track-status-msg,.track-steps{padding-left:1rem;padding-right:1rem}
  .checkout-field-row{flex-wrap:wrap}
  .checkout-field-row .checkout-field{flex:1 1 100% !important}
}