.bienestar { font-family: var(--web-arte); }
.bienestar__cabecera { border-bottom: 1px solid var(--web-shadow); padding-bottom: 8px; margin-bottom: 10px; }
.bienestar__pie { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; border-top: 1px solid var(--web-shadow); padding-top: 10px; }
.bienestar__estado { font: 11px/1.5 var(--web-chrome); color: var(--web-ink); overflow-wrap: anywhere; }



.bienestar__carga { display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; margin-top: 6px; }
.bienestar__carga-rotulo { font: 10px/1.4 var(--web-chrome); letter-spacing: .06em; color: var(--web-archivo-corte, var(--web-ink)); }
.bienestar__medidor { font-family: var(--web-arte); font-size: 14px; letter-spacing: .08em; color: var(--web-ink); }
.bienestar.is-cargado .bienestar__medidor { text-decoration: underline; text-underline-offset: 3px; }

.bienestar__reactivos { list-style: none; margin: 0; padding: 0; }
.bienestar__reactivo { border-bottom: 1px solid var(--web-mid); padding-block: 10px; }
.bienestar__reactivo.is-respondido .bienestar__orden { background: var(--web-ink); color: var(--web-paper); }
.bienestar__orden { display: inline-block; min-width: 24px; padding: 1px 4px; border: 1px solid var(--web-mid); font: bold 11px/1.4 var(--web-chrome); }
.bienestar__enunciado { margin: 6px 0 8px; font: 13px/1.5 var(--web-arte); color: var(--web-ink); overflow-wrap: anywhere; }
.bienestar__opciones { display: flex; flex-wrap: wrap; gap: 6px; }
.bienestar__opcion { min-height: 44px; max-width: 100%; padding: 7px 9px; border: 1px solid var(--web-mid); border-radius: 0; background: var(--web-paper); color: var(--web-ink); font: 13px/1.45 var(--web-arte); text-align: left; overflow-wrap: anywhere; cursor: pointer; touch-action: manipulation; }
.bienestar__opcion.is-elegida { background: var(--web-ink); color: var(--web-paper); }
.bienestar__opcion:focus-visible, .bienestar button:focus-visible { outline: 2px solid var(--web-ink); outline-offset: 2px; }
.bienestar button:disabled { cursor: default; opacity: .6; }
.bienestar [hidden] { display: none; }



.bienestar__puesto { display: inline-block; min-width: 16px; text-align: center; font: bold 12px/1.4 var(--web-chrome); }
.bienestar__reparto { display: flex; flex-direction: column; gap: 6px; }
.bienestar__cuota { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.bienestar__cuota-nombre { flex: 1 1 140px; font: 12px/1.4 var(--web-arte); overflow-wrap: anywhere; }
.bienestar__cuota-barra { font-family: var(--web-arte); font-size: 13px; letter-spacing: .06em; }
.bienestar__cuota-num { min-width: 28px; text-align: right; font: bold 12px/1.4 var(--web-chrome); }
.bienestar__paso { min-width: 44px; min-height: 44px; border: 1px solid var(--web-mid); border-radius: 0; background: var(--web-paper); color: var(--web-ink); font: bold 14px/1 var(--web-chrome); cursor: pointer; touch-action: manipulation; }
.bienestar__resto { margin: 4px 0 0; font: 10px/1.4 var(--web-chrome); letter-spacing: .06em; }

@media (max-width: 520px) {
  .bienestar__opciones { flex-direction: column; }
  .bienestar__opcion { width: 100%; }
  .bienestar__pie { flex-direction: column; align-items: stretch; }
}