/**
 * Lo especifico del buscador de Programas academicos: el acolchado de la seccion y
 * el ancho minimo de la pastilla "Interes". La barra de filtros la pone
 * css/view_filters.css, del que depende esta libreria y que por tanto carga antes.
 */

.view-start-to-way {
  padding: 2rem 1rem 6rem;

  /* TABLET */
  @media (min-width: 768px) and (max-width: 1024px) {
    padding: 1.5rem 6rem;
  }

  /* DESKTOP */
  @media (min-width: 1025px) {
    /* padding: 3rem 4rem 6rem 4rem; */

  }
}

/* Interés es el único filtro con opciones largas ("Ciencias, Tecnología e
   Innovación", 33 caracteres). Select2 dimensiona el panel abierto al ancho
   de su contenedor, así que con la pastilla ajustada a su placeholder cada
   opción se parte en 3-4 líneas y aparece scroll horizontal. El mínimo va en
   el contenedor, no en .select2-dropdown: ese panel lo cuelga Select2 del
   <body>, fuera de .section-cards-start-to-way, y no lo alcanza ningún selector
   descendiente de esta sección. Se neutraliza en móvil, donde la pastilla ya
   ocupa el 100%. */
.form-item-field-interest-area-target-id .select2-container {
    min-width: 320px;
}

/* MOBILE */
@media (max-width: 767px) {
    /* El mínimo de 320px de Interés desbordaría un móvil angosto. */
    .form-item-field-interest-area-target-id .select2-container {
        min-width: 0;
    }
}