/* ==========================================================================
   nv-estado-pedido.css — «Estado de tu pedido» (/estado-de-pedido/, lemon-estado-pedido.php) y su aviso en la
   página de gracias. Solo se encola en esas dos páginas.
   Todo cuelga de .nv-ep o de .nv-ep-gracias con dos clases: la página vive dentro de .nv-rte (novedad-tema-paginas la
   trata como página de texto) y sus reglas de listas y enlaces —.nv-rte li::before{content:none}, .nv-rte a con raya
   y color dorado al pasar— le ganarían a un selector de una sola clase.
   Colores, letra y forma salen de nv-base.css. El gris de los textos es --nv-price (#4c4b51) y no --nv-muted: #878787
   sobre blanco no llega a 4,5:1 (la misma decisión que lemon-whatsapp-order.php).
   ========================================================================== */

.nv-ep{max-width:560px;margin:0 auto;font-family:var(--nv-font);color:var(--nv-ink)}
.nv-ep .nv-ep__intro{margin:0 0 24px;text-align:center;font-size:15px;line-height:1.6;color:var(--nv-price)}
.nv-ep .nv-ep__tarjeta{display:block;margin:0;padding:28px 26px;background:var(--nv-bg);border:1px solid var(--nv-border);border-radius:var(--nv-radius)}
@media (max-width:767px){.nv-ep .nv-ep__tarjeta{padding:22px 16px}}
/* Ancho total con relleno y borde dentro: sin esto los botones de ancho completo se salían 4 y 26 px de la columna a
   375 px (medido en la vista previa sin el reinicio global de Blocksy; no se depende de él). */
.nv-ep,.nv-ep .nv-ep__tarjeta,.nv-ep .nv-ep__enviar,.nv-ep a.nv-ep__wa,.nv-ep .nv-ep__guia,.nv-ep-gracias,.nv-ep-gracias a.nv-ep-gracias__btn{box-sizing:border-box}
.nv-ep .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Formulario ─────────────────────────────────────────────────────────────────────────────
   Los campos son los del tema (línea inferior que se rellena al enfocar, nv-base.css); aquí solo la etiqueta encima. */
.nv-ep .nv-ep__campo{margin:0 0 20px}
.nv-ep .nv-ep__campo label{display:block;margin:0 0 2px;font-size:13px;font-weight:500;line-height:1.4;color:var(--nv-ink)}
.nv-ep .nv-ep__campo input{font-size:15px}
@media (max-width:767px){.nv-ep .nv-ep__campo input{font-size:16px}}   /* iOS no amplía la página con 16 px */
.nv-ep .nv-ep__trampa{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.nv-ep .nv-ep__enviar{display:flex;width:100%;min-height:50px;margin-top:28px;padding:0 24px;border-radius:var(--nv-radius);
  font-size:15px;font-weight:500;line-height:1}
.nv-ep .nv-ep__enviar[aria-disabled=true]{opacity:.65;cursor:progress}
.nv-ep .nv-ep__nota{margin:16px 0 0;font-size:13px;line-height:1.55;color:var(--nv-price);text-align:center}
.nv-ep .nv-ep__nota a,.nv-ep .nv-ep__otro a{color:var(--nv-ink);font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.nv-ep .nv-ep__nota a:hover,.nv-ep .nv-ep__otro a:hover{color:var(--nv-accent-dark)}
.nv-ep .nv-ep__error{margin:0 0 22px;padding:12px 14px;background:var(--nv-bg);border:1px solid var(--nv-border);border-left:3px solid var(--nv-error);
  font-size:13.5px;line-height:1.5;color:var(--nv-ink)}

/* ── Cabecera del pedido ──────────────────────────────────────────────────────────────────── */
.nv-ep .nv-ep__cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 22px}
.nv-ep .nv-ep__ceja{margin:0;font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--nv-price)}
.nv-ep .nv-ep__hola{margin:4px 0 0;font-size:22px;font-weight:500;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--nv-ink)}
/* El resumen va en el oro de la marca con tinta encima: el punto más claro del degradado contra #151515 no baja de
   4,66:1 (medido en nv-base.css). */
.nv-ep .nv-ep__chip{flex:none;max-width:48%;padding:6px 12px;background:var(--nv-oro);border:1px solid var(--nv-oro-borde);border-radius:var(--nv-radius);
  color:#151515;font-size:12px;font-weight:500;line-height:1.3;text-align:center}
.nv-ep .nv-ep__final{margin:0 0 18px;padding:14px 16px;background:var(--nv-soft-bg);border-radius:var(--nv-radius);font-size:14px;line-height:1.55}

/* ── Pasos ────────────────────────────────────────────────────────────────────────────────────
   La línea entre puntos es el ::before de cada paso; .nv-rte li::before{content:none} la borraría con una clase menos. */
.nv-ep .nv-ep__pasos{list-style:none;margin:0 0 22px;padding:0}
.nv-ep .nv-ep__paso{position:relative;display:flex;gap:14px;margin:0;padding:0 0 18px}
.nv-ep .nv-ep__paso:last-child{padding-bottom:0}
.nv-ep .nv-ep__paso::before{content:"";position:absolute;left:11px;top:24px;bottom:-2px;width:2px;background:var(--nv-border)}
.nv-ep .nv-ep__paso:last-child::before{display:none}
.nv-ep .nv-ep__paso.is-hecho::before{background:var(--nv-ink)}
.nv-ep .nv-ep__punto{flex:none;position:relative;z-index:1;width:24px;height:24px;box-sizing:border-box;border:2px solid #c4c4c4;border-radius:50%;background:var(--nv-bg)}
.nv-ep .nv-ep__paso.is-hecho .nv-ep__punto{background:var(--nv-ink);border-color:var(--nv-ink)}
.nv-ep .nv-ep__paso.is-hecho .nv-ep__punto::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.nv-ep .nv-ep__paso.is-actual .nv-ep__punto{border-color:var(--nv-oro-borde);box-shadow:0 0 0 4px rgba(161,146,61,.18)}
.nv-ep .nv-ep__paso.is-actual .nv-ep__punto::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--nv-oro)}
.nv-ep .nv-ep__paso.is-aviso .nv-ep__punto{border-color:var(--nv-highlight);box-shadow:0 0 0 4px rgba(210,66,66,.14)}
.nv-ep .nv-ep__paso.is-aviso .nv-ep__punto::after{background:var(--nv-highlight)}
.nv-ep .nv-ep__txt{display:flex;flex-direction:column;gap:2px;padding-top:2px;min-width:0}
.nv-ep .nv-ep__txt b{font-size:15px;font-weight:500;line-height:1.35;color:var(--nv-ink)}
.nv-ep .nv-ep__paso.is-pendiente .nv-ep__txt b{font-weight:400;color:var(--nv-price)}
.nv-ep .nv-ep__txt small{font-size:13px;line-height:1.45;color:var(--nv-price);overflow-wrap:anywhere}

/* ── Guía ─────────────────────────────────────────────────────────────────────────────────── */
.nv-ep .nv-ep__guia{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 20px;padding:14px 16px;background:var(--nv-soft-bg);border-radius:var(--nv-radius)}
.nv-ep .nv-ep__guia-etq{width:100%;font-size:12px;line-height:1.4;color:var(--nv-price)}
.nv-ep .nv-ep__guia-num{font-size:17px;font-weight:600;line-height:1.25;letter-spacing:.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--nv-ink)}
.nv-ep .nv-ep__copiar{min-height:32px;padding:0 14px;background:transparent;border:1px solid var(--nv-dark);border-radius:var(--nv-radius);
  font-size:12px;font-weight:500;line-height:1;color:var(--nv-ink)}
.nv-ep .nv-ep__copiar:hover,.nv-ep .nv-ep__copiar:focus-visible{background:var(--nv-oro);border-color:var(--nv-oro-borde);color:#151515}
.nv-ep a.nv-ep__seguir{width:100%;margin-top:4px;font-size:13px;font-weight:500;color:var(--nv-ink);text-decoration:none;border-bottom:0;padding-bottom:0}
.nv-ep a.nv-ep__seguir:hover{color:var(--nv-accent-dark);text-decoration:underline;text-underline-offset:3px}

/* ── Productos y datos ────────────────────────────────────────────────────────────────────── */
.nv-ep .nv-ep__productos{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 16px;padding:16px 0 0;border-top:1px solid var(--nv-border)}
.nv-ep .nv-ep__productos li{display:flex;align-items:center;gap:12px;margin:0;padding:0;font-size:14px;line-height:1.4;color:var(--nv-ink)}
.nv-ep .nv-ep__productos img{flex:none;width:52px;height:52px;object-fit:cover;border-radius:var(--nv-radius);background:var(--nv-placeholder)}
.nv-ep .nv-ep__cant{font-style:normal;color:var(--nv-price)}
.nv-ep .nv-ep__datos{display:flex;flex-direction:column;gap:6px;margin:0 0 22px}
.nv-ep .nv-ep__datos div{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:1.45}
.nv-ep .nv-ep__datos dt{font-weight:400;color:var(--nv-price)}
.nv-ep .nv-ep__datos dd{margin:0;font-weight:500;text-align:right;color:var(--nv-ink)}

/* ── WhatsApp y «Buscar otro» ─────────────────────────────────────────────────────────────────
   Contorno como .nv-btn--contorno, pero declarado aquí entero: .nv-rte a le pisa el borde inferior y el color al pasar. */
.nv-ep a.nv-ep__wa{display:flex;width:100%;min-height:48px;padding:10px 16px;gap:10px;background:transparent;border:2px solid var(--nv-dark);
  border-radius:var(--nv-radius);color:var(--nv-dark);font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;text-align:center}
.nv-ep a.nv-ep__wa:hover,.nv-ep a.nv-ep__wa:focus-visible{background:var(--nv-oro);border-color:var(--nv-oro-borde);color:#151515}
.nv-ep .nv-ep__wa-icono{width:20px;height:20px}
.nv-ep .nv-ep__otro{margin:16px 0 0;text-align:center;font-size:13px}

/* ── Aviso en la página de gracias ─────────────────────────────────────────────────────────────
   Mismo marco que el resumen del pedido de esa página (nv-carrito-pagina.css: borde de 1 px, 20 × 30). */
.nv-ep-gracias{margin:0 0 30px;padding:20px 30px;border:1px solid var(--nv-border);text-align:center;font-family:var(--nv-font);color:var(--nv-ink)}
.nv-ep-gracias .nv-ep-gracias__titulo{margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.4;color:var(--nv-ink)}
.nv-ep-gracias .nv-ep-gracias__texto{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--nv-price)}
/* Color declarado aquí y no heredado de .nv-btn--oscuro: una regla de enlaces del contenedor (a{color:inherit}, como la
   de .nv-rte) le gana a esa clase sola y dejaba el texto oscuro sobre el fondo oscuro (visto en la vista previa). */
.nv-ep-gracias a.nv-ep-gracias__btn{min-height:46px;padding:0 28px;background:var(--nv-dark);border:1px solid var(--nv-dark);border-radius:var(--nv-radius);
  color:#fff;font-size:15px;font-weight:500;line-height:1;text-decoration:none}
.nv-ep-gracias a.nv-ep-gracias__btn:hover,.nv-ep-gracias a.nv-ep-gracias__btn:focus-visible{background:var(--nv-oro);border-color:var(--nv-oro-borde);color:#151515}
@media (max-width:767px){
  .nv-ep-gracias{padding:18px 16px}
  .nv-ep-gracias a.nv-ep-gracias__btn{display:flex;width:100%}
}