/* =====================================================================
   Reportar un caso — versión 2: una sola página, cabecera de noche,
   secciones numeradas, índice lateral y listas con búsqueda (SearchList).
   ===================================================================== */
.reportar2-cabecera {
  color: #f4f1f8; padding-block: clamp(1.5rem, 4vw, 2.25rem) clamp(2rem, 5vw, 3rem);
  background:
    radial-gradient(50rem 26rem at 85% 0%, rgba(116, 68, 180, .4), transparent 70%),
    radial-gradient(30rem 20rem at 0% 100%, rgba(242, 165, 65, .12), transparent 70%),
    var(--mr-noche);
}
.reportar2-cabecera .migas { color: #b9b0c8; margin-bottom: clamp(1rem, 3vw, 1.75rem); }
.reportar2-cabecera .migas a { color: #cfc6dd; }
.reportar2-etiqueta { display: flex; align-items: center; gap: .55rem; margin: 0 0 .7rem; font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #ffd59a; }
.reportar2-etiqueta::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--mr-cempa); box-shadow: 0 0 0 4px rgba(242, 165, 65, .22); }
.reportar2-cabecera h1 { color: #fff; font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.05; letter-spacing: -.03em; margin: 0; }
.reportar2-cabecera h1 em { font-style: italic; color: #ffd59a; }
.reportar2-intro { margin: 1rem 0 0; max-width: 46rem; color: #cfc6dd; font-size: 1.08rem; line-height: 1.6; }

.reportar2-bloque { padding: clamp(1.4rem, 3vw, 2rem); margin-bottom: 1.25rem; background: #fff; border: 1px solid var(--mr-linea); border-radius: 22px; scroll-margin-top: calc(var(--alto-cabecera, 72px) + 1rem); }
.reportar2-bloque > h2 { display: flex; align-items: center; gap: .75rem; font-size: clamp(1.35rem, 2.4vw, 1.6rem); margin: 0 0 .5rem; }
.reportar2-bloque > .descripcion, .reportar2-bloque .descripcion { color: var(--mr-piedra); margin-bottom: 1.25rem; }
.reportar2-num { flex: none; width: 2.1rem; height: 2.1rem; border-radius: 50%; display: grid; place-items: center; background: var(--mr-noche); color: #ffd59a; font-family: var(--mr-sans); font-size: .95rem; font-weight: 700; }
.reportar2 .modo-opciones { margin-bottom: .25rem; }
.reportar2-cuenta { display: flex; align-items: flex-start; gap: .7rem; padding: .85rem 1rem; margin-bottom: 1.25rem; border-radius: 14px; background: #edf7f1; color: #1d4a33; }
.reportar2-cuenta i { color: #2f8a5c; margin-top: .25rem; }
.reportar2-cuenta p { margin: 0; }
.reportar2-entrar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1rem; padding: .85rem 1rem; margin-bottom: 1.25rem; border-radius: 14px; background: var(--mr-morado-claro); }
.reportar2-entrar p { margin: 0; flex: 1 1 18rem; font-size: .94rem; }
.reportar2-entrar .btn { border-radius: 999px; }
.reportar2-enviar { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--mr-linea); }
.reportar2-enviar .btn-vela { border-radius: 999px; font-weight: 650; display: inline-flex; align-items: center; gap: .5rem; }

.reportar2-indice ol { list-style: none; counter-reset: paso; padding: 0; margin: 0; display: grid; gap: .15rem; }
.reportar2-indice li { counter-increment: paso; margin: 0; }
.reportar2-indice a { display: flex; align-items: center; gap: .6rem; padding: .4rem .5rem; border-radius: 10px; color: var(--mr-tinta); text-decoration: none; font-weight: 550; }
.reportar2-indice a::before { content: counter(paso); flex: none; width: 1.5rem; height: 1.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--mr-morado-claro); color: var(--mr-morado); font-size: .78rem; font-weight: 700; }
.reportar2-indice a:hover { background: var(--mr-papel); color: var(--mr-morado); }
@media (min-width: 992px) { .reportar2 .reportar-lateral { top: calc(var(--alto-cabecera, 72px) + 1.25rem); } }
@media (max-width: 991.98px) { .reportar2-indice { display: none; } }

/* SearchList (misma apariencia que en participación) */
.searchlist { position: relative; }
.searchlist .form-select { min-height: 48px; white-space: normal; }
.searchlist .form-select.form-select-lg { font-size: 1rem; }
.searchlist-panel { position: absolute; z-index: 30; left: 0; right: 0; margin-top: .4rem; box-shadow: 0 18px 40px -16px rgba(43, 24, 84, .35); }
.searchlist-list { max-height: 17rem; overflow-y: auto; overscroll-behavior: contain; }
.searchlist-choice { display: flex; align-items: center; justify-content: flex-start; text-align: left; gap: .7rem; min-height: 44px; margin: 0 0 .2rem; padding: .55rem .8rem; cursor: pointer; border-radius: 7px; }
.searchlist-choice.form-check { padding-left: 2.4rem; }
.searchlist-choice .form-check-input { flex-shrink: 0; width: 1.15rem; height: 1.15rem; }
.searchlist-choice:hover, .searchlist-choice:focus-within, .searchlist-choice.active { background: var(--mr-morado-claro); color: var(--mr-morado-2, var(--mr-morado)); }
.searchlist .btn-sm { min-height: 40px; white-space: normal; }
.searchlist button:focus-visible, .searchlist input:focus-visible { outline: 3px solid var(--mr-cempa); outline-offset: 2px; }
.searchlist .form-select:disabled { background-color: var(--mr-papel); color: var(--mr-piedra); }