/* OASyS 3 · Microbloque 2 · Selectores compactos */
.compact-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:.001!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.compact-selector{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
  padding:2px 0;
}
.compact-selector-option{
  display:grid;
  width:44px;
  min-width:44px;
  height:42px;
  min-height:42px;
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid #958c86;
  border-radius:4px;
  background:#e8e4df;
  color:#433a35;
  box-shadow:none;
  font-weight:900;
}
.compact-selector-option:hover,.compact-selector-option:focus-visible{
  border-color:#68101e;
  background:#f1efec;
  outline:3px solid rgba(104,16,30,.10);
}
.compact-selector-option.selected{
  border-color:#68101e;
  background:#68101e;
  color:#fff;
  box-shadow:0 3px 8px rgba(104,16,30,.18);
}
.compact-selector.is-invalid{
  padding:5px;
  outline:2px solid #9d1628;
  outline-offset:2px;
}
#immediateAlternative+.compact-selector .compact-selector-option{
  width:auto;
  min-width:76px;
  padding:0 14px;
}
.guided-choices.guided-choices-compact{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.guided-choices.guided-choices-compact .guided-choice{
  display:grid;
  width:46px;
  min-width:46px;
  min-height:43px;
  place-items:center;
  margin:0;
  padding:7px;
  border-radius:4px;
  text-align:center;
}
.guided-choices.guided-choices-compact[data-compact-kind="alternative"] .guided-choice{
  width:auto;
  min-width:78px;
  padding-inline:14px;
}
@media(max-width:360px){
  .compact-selector{gap:6px}
  .compact-selector-option{width:42px;min-width:42px}
  .guided-choices.guided-choices-compact{gap:6px}
  .guided-choices.guided-choices-compact .guided-choice{width:43px;min-width:43px}
}

/* 0.8.20.38.1 · Corrección responsiva de encabezados y tarjetas compactas */
#ficha .attention-technical,
#ficha .attention-technical > label,
.guided-shell,
.guided-control{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
#ficha .attention-technical legend{
  max-width:calc(100% - 18px);
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.3;
}
#riskLevel + .compact-selector,
.guided-choices.guided-choices-compact[data-compact-kind="riskLevel"]{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  width:100%;
  max-width:100%;
  gap:6px;
}
#riskLevel + .compact-selector .compact-selector-option,
.guided-choices.guided-choices-compact[data-compact-kind="riskLevel"] .guided-choice{
  width:100%;
  min-width:0;
  max-width:none;
  padding:6px 2px;
  line-height:1.15;
  white-space:normal;
  overflow-wrap:anywhere;
}
#immediateAlternative + .compact-selector,
.guided-choices.guided-choices-compact[data-compact-kind="alternative"]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  max-width:100%;
}
#immediateAlternative + .compact-selector .compact-selector-option,
.guided-choices.guided-choices-compact[data-compact-kind="alternative"] .guided-choice{
  width:100%;
  min-width:0;
  max-width:none;
}
.guided-head > div{
  min-width:0;
}
.guided-head h2,
.guided-question,
.capture-head h1{
  overflow-wrap:anywhere;
}
@media(max-width:420px){
  .capture-head{
    flex-wrap:wrap;
    align-items:flex-start;
  }
  .capture-head .status{
    max-width:100%;
    white-space:normal;
  }
  .guided-head{
    gap:9px;
  }
  .guided-shell{
    padding:14px;
  }
  #ficha .attention-technical{
    padding:13px 10px;
  }
  #riskLevel + .compact-selector,
  .guided-choices.guided-choices-compact[data-compact-kind="riskLevel"]{
    gap:4px;
  }
}

/* 0.9.0-beta.3.1 · El formulario normal conserva cada tarjeta en su propio flujo. */
#ficha .attention-technical{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  isolation:isolate;
  overflow:visible;
}
#ficha .attention-technical > legend,
#ficha .attention-technical > p,
#ficha .attention-technical > label{
  min-width:0;
  width:100%;
}
#ficha .attention-technical > label{
  position:relative;
  z-index:0;
  display:block;
  margin:0;
  overflow:visible;
}

#riskLevel + .compact-selector{
  position:relative;
  z-index:2;
  clear:both;
  margin:9px 0 0;
}
/* 0.9.0-beta.3.2 · El enlace de Maps ocupa una tarjeta propia sin invadir el estado. */
#ficha .location-box > label:not(.location-confirm){
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  margin:10px 0 0;
  overflow:visible;
}
#ficha .location-box > .location-status{
  clear:both;
  margin-top:10px!important;
}