/**
 * MyAnnita · SIEMPRE ACLARADO: ciudad, provincia o país — CSS compartido de la fila, la
 * confirmación y el aviso de error del componente `js/mya-lugar-ui.js`. Corrida
 * `ciudades-cierre-8874` · frente E2 (ronda 2).
 *
 * Brand Book de Plataforma v1.4: texto mínimo 13 px («nada más chico entra a la app») · target
 * táctil 44×44 px · radios 6/10/12/16/20/pill · el tag de categoría va en fondo NEUTRO, no lima
 * (reducción de lima, DL-68) · Lucide stroke 2 · Hanken Grotesk (títulos) + Inter (UI), nunca
 * JetBrains Mono · naranja #FE572A PROHIBIDO. Colores: deep #191919, cream #FEF7E7, lima #DAFF02,
 * violeta #7138FF, lavanda #CB93FF.
 */

/* ===== Fila del buscador (sobre hoja oscura #262626) ===== */
.mya-lugar-fila {
  --mya-lugar-text: #FEF7E7;
  --mya-lugar-muted: rgba(254, 247, 231, 0.72);
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--mya-lugar-text);
  text-align: left;
  cursor: pointer;
  font-family: "Inter", system-ui, sans-serif;
}
.mya-lugar-fila:hover,
.mya-lugar-fila:active { background: rgba(254, 247, 231, 0.06); }
.mya-lugar-fila:focus-visible { outline: 2px solid #DAFF02; outline-offset: 2px; }
.mya-lugar-fila.is-selected { background: rgba(218, 255, 2, 0.08); border-color: rgba(218, 255, 2, 0.55); }
.mya-lugar-fila.is-pending { opacity: 0.7; cursor: progress; }

/* Ícono por TIPO: mismo trazo (Lucide 2), distinto color. */
.mya-lugar-ic {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(218, 255, 2, 0.12);
  color: #DAFF02;
}
.mya-lugar-ic[data-tipo="provincia"] { background: rgba(113, 56, 255, 0.30); color: #CB93FF; }
.mya-lugar-ic[data-tipo="pais"] { background: rgba(254, 247, 231, 0.12); color: #FEF7E7; }
.mya-lugar-ic[data-tipo="google"] { background: rgba(254, 247, 231, 0.08); color: rgba(254, 247, 231, 0.72); }
.mya-lugar-ic svg { width: 17px; height: 17px; }

.mya-lugar-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.mya-lugar-linea1 { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; min-width: 0; }

.mya-lugar-nombre {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--mya-lugar-text);
}

/* Etiqueta de TIPO — el dato central del frente. 13 px (piso del Brand Book), tag neutro. */
.mya-lugar-tipo {
  flex-shrink: 0;
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  color: #FEF7E7;
  background: rgba(254, 247, 231, 0.12);
  border-radius: 999px;
  padding: 3px 9px;
}
.mya-lugar-tipo[data-tipo="provincia"] { background: rgba(113, 56, 255, 0.45); }

.mya-lugar-camino { font-size: 13px; line-height: 1.35; color: var(--mya-lugar-muted); }
.mya-lugar-nota { font-size: 13px; line-height: 1.35; color: rgba(254, 247, 231, 0.6); font-style: italic; }

/* ===== Aviso de error con reintento (sin elección confirmada NO se avanza) ===== */
.mya-lugar-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 4px 0;
  padding: 10px 12px;
  border: 1px solid #DC2626;
  border-radius: 10px;
  background: rgba(220, 38, 38, 0.10);
  font-family: "Inter", system-ui, sans-serif;
}
.mya-lugar-error-txt { font-size: 14px; line-height: 1.4; color: #FEF7E7; flex: 1 1 200px; }
.mya-lugar-reintentar {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(254, 247, 231, 0.45);
  background: transparent;
  color: #FEF7E7;
  font: 600 14px "Inter", system-ui, sans-serif;
  cursor: pointer;
}

/* ===== Confirmación persistente debajo del campo (superficie CLARA: la tarjeta cream del paso) =====
   buscador-en-linea-8882 F7.1 (ADENDA 3): fondo OPACO, el verde del estado completo del DS v2.0 (#F2FAF3
   con borde #86C994, el mismo del campo elegido del creador, css/mya-ciudad-creador.css .mya-cc-elegida).
   Antes era violeta al 8 % sobre la crema (#F3E7E8, se veía rosado). Medido con /usr/bin/grep: la única
   pantalla que usa esta clase es el wizard de campaña (#cityConfirm). */
.mya-lugar-confirmado {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: #F2FAF3;
  border: 1px solid #86C994;
  font-family: "Inter", system-ui, sans-serif;
  color: #191919;
}
.mya-lugar-confirmado[hidden] { display: none; }
.mya-lugar-conf-ic { flex-shrink: 0; display: inline-flex; color: #7138FF; margin-top: 1px; }
.mya-lugar-conf-ic svg { width: 18px; height: 18px; }
.mya-lugar-conf-txt { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.mya-lugar-conf-tipo {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  color: #FEF7E7;
  background: #7138FF;
  border-radius: 999px;
  padding: 3px 9px;
}
.mya-lugar-conf-frase { font-size: 14px; line-height: 1.4; font-weight: 600; color: #191919; }

/* ===== Confirmación «en grande» del creador (hoja oscura, decisión del CEO 21-sep) — compat ronda 1 ===== */
.mya-lugar-confirm-tipo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #FEF7E7;
  background: rgba(254, 247, 231, 0.12);
  border-radius: 999px;
  padding: 4px 10px;
  margin-bottom: 10px;
}
.mya-lugar-confirm-texto {
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-weight: 900;
  font-size: 19px;
  line-height: 1.3;
  color: #FEF7E7;
}
@media (min-width: 720px) {
  .mya-lugar-confirm-texto { font-size: 22px; }
}