/* Delivery por kilómetros: sugerencias de dirección y tarjeta "Tu delivery" */
.dir-box{position:relative}
.sug{position:absolute;left:0;right:0;top:100%;margin-top:-6px;z-index:5;background:var(--card);border:1px solid var(--oro2);border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.55);overflow:hidden}
.sug button{display:block;width:100%;text-align:left;min-height:46px;padding:10px 14px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--tx);font:inherit;font-size:15px;cursor:pointer}
.sug button:last-child{border-bottom:0}
.sug button:hover,.sug button.sel{background:var(--card2)}
.sug small{display:block;color:var(--mut);font-size:12px}
.deliv{margin-top:12px;border:1px solid var(--oro2);border-radius:14px;padding:12px 14px;background:linear-gradient(145deg,#1d1a14,#14130f)}
.deliv h4{font-size:12px;letter-spacing:.1em;color:var(--oro2);text-transform:uppercase;margin-bottom:6px}
.deliv .f{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--line);font-size:14px}
.deliv .f:last-of-type{border-bottom:0}
.deliv .f span{color:var(--mut)}
.deliv .f b{text-align:right;font-weight:600}
.deliv .f.costo b{color:var(--oro2);font-size:18px}
.deliv .aviso{font-size:12px;color:var(--aviso);margin-top:6px}
.calculando{margin-top:12px;color:var(--mut);display:flex;gap:8px;align-items:center}
.calculando::before{content:"";width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--oro2);border-radius:50%;animation:giro .8s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}
.tarifas-box{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:0 12px}
.tarifas-box summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;color:var(--mut)}
.tarifas-box .t{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line);font-size:14px}

/* Confirmación de la ubicación en el mapa */
.mapa-box{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:12px}
#mapa-conf{height:230px;border-radius:12px;overflow:hidden;background:#000}
#mapa-conf .leaflet-container{background:#111}
.mapa-ok{color:var(--ok);font-size:13px;margin-top:6px}

/* Pedido programado */
#cuando-box{margin-top:6px}
.prog-box{margin-top:10px;border:1px solid var(--oro2);border-radius:14px;padding:12px 14px;background:linear-gradient(145deg,#1d1a14,#14130f)}
.prog-g{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}
.prog-g select{margin:0}
.prog-pend{margin-top:10px;color:var(--oro2);font-size:13px}