/*
   ODS priorizados: acota el selector de metas dentro del modal.

   Un ODS puede tener mas de una docena de metas, y Choices.js crece sin limite en dos sitios:
   la lista de seleccionadas (una fila por meta, con textos largos que ocupan dos lineas) y el
   desplegable de candidatas. Sin tope, el campo empujaba el resto del formulario fuera de la
   vista. Se acotan los dos con scroll propio, no el modal entero: el desplegable de Choices se
   pinta dentro del contenedor y un overflow en el body del modal lo recortaria.
*/

.prioritized-ods-goals .choices__list--multiple {
    max-height: 9rem;
    overflow-y: auto;
}

.prioritized-ods-goals .choices__list--dropdown .choices__list {
    max-height: 12rem;
}

/* Los textos de las metas son largos: que no se corten en una linea ilegible. */
.prioritized-ods-goals .choices__list--multiple .choices__item {
    white-space: normal;
    word-break: break-word;
}