.eleccion_top, .eleccion_topf
{
  display: none;
  cursor: pointer;
}

.eleccion_bottom 
{
  display: initial;
  width: 100%;
  margin: 3px 0;
  cursor: pointer;
}

.eleccion_bottomf 
{
  display: flex;
  cursor: pointer;
}

.banner_one, .banner_four, .banner_two, .banner_three, .banner_five, .banner_six
{
  width: 100%;
  aspect-ratio: 3 / 1.7;
  background:url(/themes/utu/assets/new_portal/images/banners_duo/banner_beneficios.png);
  background-size: cover;
  background-position: center;
}

.banner_three
{
  background:url(/themes/utu/assets/new_portal/images/banners_duo/banner%20inscripcion%20terciaria.png);
  background-size: contain;
  background-position: center;
}

.banner_five
{
  background:url(/themes/utu/assets/new_portal/images/banners_duo/banner%20whatsapp%20oferta%20educativa.png);
  background-size: contain;
  background-position: center;
}


div:where(.swal2-container) div:where(.swal2-actions) 
{
  gap: 15px!important;
}

.banner_four
{
  background:url(/themes/utu/assets/new_portal/images/banners_duo/banner_concursos.png);
  background-size: cover;
  background-position: center;
}

.banner_two 
{
  background:url(/themes/utu/assets/new_portal/images/banners_duo/banner_eleccion_horas.png);
  background-size: cover;
  background-position: center;
  
}

.banner_six 
{
  background:url(/themes/utu/assets/new_portal/images/banners_duo/bachilleratotecnologico.png);
  background-size: cover;
  background-position: center;
}

@media (max-width:768px) 
{
  
  .eleccion_top 
  {
    display: initial;
    width: 92%;
    margin: 10px 4%;
  }

  .eleccion_topf 
  {
    display: flex;
  }

  .ele_top_one 
  {
    margin-top: 15px;
  }

  .ele_top_two 
  {
    aspect-ratio: 3 / 1.7;
    background-size: cover;
    background-position: center;
    background:url(/themes/utu/assets/new_portal/images/banners_duo/banner%20inscripcion%20terciaria.png);
    background-size: contain;
    background-position: center;
    margin-top: 15px;
  }

  .eleccion_bottom, .eleccion_bottomf 
  {
    display: none;
  }

  .banner_three 
  {
    display:none!important;
  }

  .banner_four
  {
    display:none!important;
  }
  
}