/* Seguimiento de pedido y detalles del checkout (el resto del carrito ya está en tienda.css). */
.checkout-card { position: relative; }
.cart-item .btn-sm { padding: 0.5rem 1rem; font-size: 0.68rem; }
.rastreo { margin-top: 2.2rem; }
.rastreo-codigo { font-family: var(--font-display); font-size: clamp(2rem, 6vw, 3rem); letter-spacing: 0.06em; margin: 0.4rem 0; color: var(--ink); }
.rastreo-pasos { list-style: none; padding: 0; margin: 1.6rem 0; display: grid; gap: 0.9rem; }
.rastreo-pasos li { display: flex; align-items: center; gap: 0.8rem; color: var(--muted); }
.rastreo-pasos li::before { content: ""; flex: none; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--line); }
.rastreo-pasos li.hecho { color: var(--ink); }
.rastreo-pasos li.hecho::before { background: var(--gold); border-color: var(--gold); }
.rastreo-pasos li.actual { font-weight: 600; }
.track-box .checkout-note { margin-top: 1.4rem; }
.footer-admin-link { opacity: 0.75; }
.footer-admin-link:hover { opacity: 1; }

/* Submenú de la cabecera: área de contacto continua y retardo al ocultarse, para poder llegar a las opciones con el cursor. */
.nav-item.has-dropdown { padding-block: 1.6rem; margin-block: -1.6rem; }
.nav-dropdown { top: 100%; transition: opacity 0.2s ease 0.4s, transform 0.26s cubic-bezier(0.22, 1, 0.36, 1) 0.4s, visibility 0s linear 0.6s; }
.nav-dropdown::before { top: -1rem; height: 1rem; }
.nav-item.has-dropdown:hover .nav-dropdown, .nav-item.has-dropdown:focus-within .nav-dropdown { transition-delay: 0s; }