/*======
    General
    ======*/


*{
  margin: 0;
  box-sizing: border-box;
}


@media only screen and (min-width: 0px) and (max-width: 768px) {
  *{
    margin: 0;
    box-sizing: border-box;
  }
  /*======
  barra navegacion
  ======*/
  #barra{
    background-color: #5b32b4;
    font-family: 'Comfortaa', cursive;
  
  }
  
  .nombre{
    font-family: 'Dosis', sans-serif;
    font-size: 30px;
    color: #fff !important;
  }
  
  .drop{
    font-family: 'Poppins', sans-serif;
    color: #fff !important;
    font-size: 18px;
  
  }
  
  .dropMenu{
    font-family: 'Poppins', sans-serif;
    color: #5b32b4;
  }
  
    /*======
  Fondo Inicio
  ======*/

.fondo{
    background: linear-gradient(60deg,#006fb6, #5b32b4,  #b8097b ) ;
    height: 50vh;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }


.titulo2{
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  color: #fff;

}

/*======
  Beneficios
           ======*/

.secciones{
font-family: 'Poppins', sans-serif;
  font-size: 40px;
  color: #5b32b4;
}





.icono{
content:"\f118";
color: #5b32b4;
margin-left: 90px;
}

.titulo-tarjeta{
font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: #5b32b4;
}
.texto-tarjeta{
font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #726a84;
}



.card {
      margin: 0 auto; /* Added */
      float: none; /* Added */
      margin-bottom: 10px; /* Added */
}

hr.style2{
border-top: 2px solid #fb397d;
margin-top: 0px;
width: 20%;
}

hr.style3{
border-top: 2px solid #fb397d;
margin-top: 0px;
width: 15%;
}
/*======
Programacion
        ======*/

.secciones2{
font-family: 'Poppins', sans-serif;
font-size: 40px;
color: #5b32b4;
margin-top: 40px;
}

.back{
background-color: #5b32b4;

}

.texto-canal{
font-family: 'Poppins', sans-serif;
font-size: 40px;
color: #fff;
margin-top: 20px;
}

.icono2{
content:"\f118";
color: #fff;
}

.t-back{
background-color:#f5f9fc;
}

hr.style4{
border-top: 2px solid #fb397d;
margin-top: 0px;
width: 8%;
}


/*======
Tarifas
        ======*/

.tarifas{
background-color: #5b32b4;
color: #fff;
font-family: 'Poppins', sans-serif;

}

.numero-tarifa{
font-size: 40px;
}

.texto-tarifa{
font-family: 'Poppins', sans-serif;
  font-size: 17px;
  color: #726a84;
}

hr.style5{
border-top: 1px solid #5b32b4;
margin-top: 0px;
width: 100%;
}

.espacio{
margin-bottom: 20px;
}

hr.style6{
border-top: 2px solid #fb397d;
margin-top: 0px;
margin-left: 0px;
width: 10%;
}
/*======
Contacto
        ======*/
.contacto{
  font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #5b32b4;

}

/*======
Footer
        ======*/
.seccion-footer{
font-family: 'Poppins', sans-serif;
  font-size: 60px;
  color: #5b32b4;
  margin-top: 40px;
}

.texto-legal{
font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #726a84;
}
}

@media only screen and (min-width: 769px) {

  /*======
  barra navegacion
  ======*/
  
  
  #barra{
    background-color: #5b32b4;
    font-family: 'Comfortaa', cursive;
  
  }
  
  .nombre{
    font-family: 'Dosis', sans-serif;
    font-size: 30px;
    color: #fff !important;
  }
  
  .drop{
    font-family: 'Poppins', sans-serif;
    color: #fff !important;
    font-size: 18px;
  
  }
  
  .dropMenu{
    font-family: 'Poppins', sans-serif;
    color: #5b32b4;
  }
  
  
/*======
  INICIO
     ======*/


  .fondo{
    background: linear-gradient(60deg,#006fb6, #5b32b4,  #b8097b ) ;
    height: 100vh;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .titulo2{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    font-size: 100px;
    color: #fff;
  
  }
  
/*======
  Beneficios
           ======*/

  .secciones{
    font-family: 'Poppins', sans-serif;
      font-size: 40px;
      color: #5b32b4;
  }
  

  
  
  
  .icono{
    content:"\f118";
    color: #5b32b4;
    margin-left: 90px;
  }
  
  .titulo-tarjeta{
    font-family: 'Poppins', sans-serif;
      font-size: 20px;
      color: #5b32b4;
  }
  .texto-tarjeta{
    font-family: 'Poppins', sans-serif;
      font-size: 15px;
      color: #726a84;
  }
  
  
  
  .card {
          margin: 0 auto; /* Added */
          float: none; /* Added */
          margin-bottom: 10px; /* Added */
  }
  
  hr.style2{
  border-top: 2px solid #fb397d;
  margin-top: 0px;
  width: 20%;
  }
  
  hr.style3{
  border-top: 2px solid #fb397d;
  margin-top: 0px;
  width: 15%;
  }
/*======
  Programacion
           ======*/
  
.secciones2{
  font-family: 'Poppins', sans-serif;
    font-size: 40px;
    color: #5b32b4;
    margin-top: 40px;
}

  .back{
    background-color: #5b32b4;
  
  }
  
  .texto-canal{
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    color: #fff;
    margin-top: 20px;
  }
  
  .icono2{
    content:"\f118";
    color: #fff;
  }
  
  .t-back{
    background-color:#f5f9fc;
  }
  
  hr.style4{
  border-top: 2px solid #fb397d;
  margin-top: 0px;
  width: 8%;
  }
  

/*======
  Tarifas
           ======*/

  .tarifas{
   background-color: #5b32b4;
   color: #fff;
   font-family: 'Poppins', sans-serif;
  
  }
  
  .numero-tarifa{
    font-size: 40px;
  }
  
  .texto-tarifa{
    font-family: 'Poppins', sans-serif;
      font-size: 17px;
      color: #726a84;
  }
  
  hr.style5{
  border-top: 1px solid #5b32b4;
  margin-top: 0px;
  width: 100%;
  }
  
  .espacio{
    margin-bottom: 20px;
  }
  
  hr.style6{
  border-top: 2px solid #fb397d;
  margin-top: 0px;
  margin-left: 0px;
  width: 10%;
  }
  /*======
  Contacto
           ======*/
  .contacto{
      font-family: 'Poppins', sans-serif;
        font-size: 20px;
        color: #5b32b4;
  
  }
  
  /*======
  Footer
           ======*/
  .seccion-footer{
    font-family: 'Poppins', sans-serif;
      font-size: 60px;
      color: #5b32b4;
      margin-top: 40px;
  }
  
  .texto-legal{
    font-family: 'Poppins', sans-serif;
      font-size: 14px;
      color: #726a84;
  }
  


}