/* width */
::-webkit-scrollbar {
  width: 14px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ededed;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4d4d4d;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 

}
@font-face {
    font-family: 'Antonio Regular';
    src: url("fonts/Antonio-Regular.ttf");
}
.antonio {
  font-family: 'Antonio Regular' !important;
}
.antonioBold {
  font-family: 'Antonio Regular' !important;
  font-weight: bold;
}
@font-face {
    font-family: myriad-pro, sans-serif;
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('fonts/MyriadPro-Regular.woff') format('woff');
}
.myriadproRegular {
  font-family: myriad-pro, sans-serif;
}
.myriadproSemiBold {
  font-family: myriad-pro, sans-serif;
  font-weight: 600;
}
.myriadproBold {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-weight: bold;
}
body{
  background-color: #00A3FA;
}
.cuerpoPagina{
  padding: 20px 15px 40px 15px;
}
.white{background-color:#FFFFFF !important;}
.white-text{color:#FFFFFF !important;}
.black{background-color:#000000 !important;}
.black-text{color:#000000 !important;}
.transparent{background-color:transparent !important;}
.transparent-text{color:transparent !important;}
.azul{background-color:#00A3FA !important;}
.azul-text{color:#00A3FA !important;}

.divHeader{
  margin-top: 20px;
}
.divCuadros{
  padding:30px;
}
.cardCuadros{
  background-color: #fdeadd;
  border-radius: 0;
  height: 400px;
}
.cardCuadros2{
  background-color: #c5e1b5;
  border-radius: 0;
  height: 400px;
}
.cardCuadros3{
  background-color: #c4e2e7;
  border-radius: 0;
  height: 400px;
}
.cardCuadros4{
  background-color: #e3ebf3;
  border-radius: 0;
  height: 400px;
}
.cardCuadros5{
  background-color: #d0cfb0;
  border-radius: 0;
  height: 400px;
}
.cardCuadros6{
  background-color: #da6b75;
  border-radius: 0;
  height: 400px;
}
.divRadio{
  margin-top: 20px;
  margin-bottom: 20px;
}
.cardRadio{
  border-radius: 100px;
}
.contentCenter{
  display: flex;
  align-items: center;
}
.cuadros{
  height: 220px;
}
.cuadros2{
  height: 130px;
}
.cuadros3{
  height: 125px;
}
.cartas{
  border-radius: 0;
  margin-top: -85px;
  background-color:rgba(255,255,255,0.8);
  border: 0;
  min-height: 220px;
}
.cartas2{
  border-radius: 0;
  margin-top: 5px;
  background-color:rgba(255,255,255,0.8);
  border: 0;
  min-height: 220px;
}
.carta3{
  border-radius: 0;
  margin-top: 10px;
  background-color:rgba(255,255,255,0.8);
  border: 0;
  min-height: 220px;
}
.cartas4{
  border-radius: 0;
  margin-top: -85px;
  background-color:rgba(255,255,255,0.8);
  border: 0;
  min-height: 220px;
}
.ocultar-desktop{
  display: none !important;
}
@media screen and (min-width: 769px) and  (max-width: 1024px){

}
@media screen and (min-width: 576px) and  (max-width: 768px){
  .ocultar-desktop{
    display: block !important;
  }
}
@media screen and (max-width: 576px) {
  .textCenter{
    text-align: center !important;
  }
  .cuadros{
    height: 180px;
  }
  .cuadros2{
    height: 100px;
  }
  .cuadros3{
    height: 100px;
  }
  .cartas{
    margin-top: -50px;
  }
  .cartas2{
    margin-top: 20px;
  }
  .carta3{
    margin-top: 30px;
  }
  .cartas4{
    margin-top: -50px;
  }
  .ocultar-desktop{
    display: block !important;
  }
}
@media screen and (max-width: 350px) {
  .ocultar-desktop{
    display: block !important;
  }
}