/* Franja de vista simulada (ficha C27; js/vista/ver_como.js): blanca, con doble borde primario, para no competir con los
   avisos ámbar ni con los errores rojos. Se imprime, sin su botón. */

.franja-simulada {
  display: flex;
  align-items: center;
  gap: var(--esp-3);
  padding: 5px var(--esp-4);
  background: var(--superficie);
  color: var(--texto);
  border-top: 2px solid var(--simulada-fondo);
  border-bottom: 2px solid var(--simulada-fondo);
}

.franja-simulada__etiqueta {
  padding: 1px 7px;
  border-radius: var(--radio-chip);
  background: var(--simulada-fondo);
  color: var(--simulada-texto);
  font-size: var(--texto-s);
  font-weight: var(--peso-fuerte);
  letter-spacing: 0.02em;
}

.franja-simulada__hueco {
  flex: 1;
}