* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}

.card-base {
  width: 349px;
  background: rgba(255,255,255,1);
  margin: 1px;
  opacity: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 4px 15px rgba(0.3137255012989044, 0.32549020648002625, 0.3607843220233917, 0.10000000149011612);
  padding-bottom: 15px;

}
.margin-bottom {
  margin-bottom: 5px;
}

.padding-superior {
  padding-top: 10px;
  padding-left: 10px;
}
.estilo-icono-1 {
  font-size: 33px;
  color: #50B8B1;

}
.estilo-icono-2 {
  font-size: 33px;
  color: #6699CC;
}
.estilo-icono-3 {
  font-size: 40px;
  color: #2D5A87;
}
.linea-superior {
  width: 349px;
  height: 20px;
  background: #50B8B1;
  opacity: 1;
  top: 0px;
  left: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.color-linea-2 {
  background: #6699CC;
}
.color-linea-3 {
  background: #2D5A87;
}

.padding-left {
  padding-left: 20px;
}
.estilo-titulo-card {
  color: #333333;
  font-family: Encode Sans;
  font-weight: 600;
  font-size: 15px;
  text-align: left;
  line-height: 15px;
  letter-spacing: 0.02em;
}
.estilo-texto-card {
  color: #333333;
  font-family: Roboto;
  font-weight: 300;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
  letter-spacing: 0.015em;
}


a {
  font-size: 15px;
}


.atributos {
  padding-top: 20px;
}
.atributos p{
  padding-top: 10px;
  font-size: 12px;
  text-align: center;
}
.atributos img {
  width: 20%;
}
.align-contenido {
  width: 249px;
  text-align: center;
}
.align-contenido img {
  width: 5%;
}
.align-contenido p {
  padding-bottom: 7px;
  font-size: 15px;
}
.elepaso-texto {
  margin: 10px 0px;

}
.align-contenido img {
  width: 30%;
  margin-bottom: 10px;
}

/* NOTIFICACIONES */

.globo {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1px 3px;
  background: #fa3e3e;
}

/* MEDIA QUERIES */

@media screen and (max-width: 1200px) {
a {
  font-size: 15px;
}
.btn-whatsapp {
    padding: 15px 15px;
}
.margen-icono {
  margin-right: 10px;
  font-size: 20px;
}
.atributos {
  flex-direction: column;
}
.atributos img {
  width: 100%;
}
.atributos p {
  text-align: center;
}

}

@media screen and (max-width: 992px) {
a {
  font-size: 15px;
}
.btn-whatsapp {
    padding: 15px 15px;
}
.margen-icono {
  margin-right: 10px;
  font-size: 20px;
}
.atributos {
  flex-direction: column;
}
.atributos img {
  width: 100%;
}
.atributos p {
  text-align: center;
}
}

@media screen and (max-width: 768px) {
.padding-left {
  padding-left: 10px;
}
.center-icon {
  text-align: center;
}
.estilo-titulo-card {
  text-align: center;
}
.estilo-texto-card {
  text-align: center;
}
* {
   margin: 0px 5px;
  }
a {
  font-size: 14px;
}
.btn-whatsapp {
    padding: 15px 15px;

}
.margen-icono {
  margin-right: 10px;
  font-size: 20px;
}
.atributos {
  flex-direction: column;
}
.atributos img {
  width: 30%;
}
.atributos p {
  text-align: center;
}
}

@media screen and (max-width: 500px){
.padding-left {
  padding-left: 10px;
}
.center-icon {
  text-align: center;
}
.estilo-titulo-card {
  text-align: center;
}
.estilo-texto-card {
  text-align: center;
}
* {
   margin: 0px 5px;
  }
a {
  font-size: 14px;
}
.btn-whatsapp {
    padding: 15px 15px;

}
.margen-icono {
  margin-right: 10px;
  font-size: 20px;
}
.atributos img {
  width: 30%;
}
.atributos p {
  text-align: center;
}
}

@media screen and (max-width: 400px) {
.padding-left {
  padding-left: 10px;
}
.center-icon {
  text-align: center;
}
.estilo-titulo-card {
  text-align: center;
}
.estilo-texto-card {
  text-align: center;
}
* {
   margin: 0px 5px;
  }
a {
  font-size: 13px;
}
.btn-whatsapp {
    padding: 10px 10px;

}
.margen-icono {
  margin-right: 10px;
  font-size: 20px;
}
.atributos img {
  width: 40%;
}
.atributos p {
  text-align: center;
}
}

@media screen and (max-width: 350px) {
.padding-left {
  padding-left: 10px;
}
.center-icon {
  text-align: center;
}
.estilo-titulo-card {
  text-align: center;
}
.estilo-texto-card {
  text-align: center;
}
* {
   margin: 0px 5px;
  }
a {
  font-size: 13px;
}
.btn-whatsapp {
    padding: 10px 10px;

}
.margen-icono {
  margin-right: 5px;
  font-size: 20px;
}
.atributos img {
  width: 30%;
}
.atributos p {
  text-align: center;
}

}

@media screen and (max-width: 300px) {
.padding-left {
  padding-left: 10px;
}
.center-icon {
  text-align: center;
}
.estilo-titulo-card {
  text-align: center;
}
.estilo-texto-card {
  text-align: center;
}
* {
   margin: 0px 5px;
  }
a {
  font-size: 13px;
}
.btn-whatsapp {
    padding: 10px 10px;

}
.margen-icono {
  margin-right: 5px;
  font-size: 20px;
}
.atributos img {
  width: 30%;
}
.atributos p {
  text-align: center;
}

}

@media screen and (max-width: 250px) {
.padding-left {
  padding-left: 10px;
}
.center-icon {
  text-align: center;
}
.estilo-titulo-card {
  text-align: center;
}
.estilo-texto-card {
  text-align: center;
}
body {
   margin: 0px 5px;
  }
a {
  font-size: 12px;
}
.btn-whatsapp {
    padding: 5px 5px;

}
.margen-icono {
  margin-right: 5px;
  font-size: 20px;
}
.atributos img {
  width: 30%;
}
.atributos p {
  text-align: center;
}
}


.estilo-icono-noti{
  font-size:30px;
  color:#FFFFFF;
  background:#50B8B1;
  position: relative;
  border-radius:10px;
  padding:10px 10px 5px 10px;
}

.card-base {
  cursor:pointer;
    }



.padding-top-boton .btn-whatsapp:hover {
  color: #FFFFFF;
   background: #197A3F;
  color: #FFFFFF;
  text-decoration: none;
}

.padding-top-boton .salir:hover {
  color:  #333;
}

.salir:hover {
  color:  #333;
}

.salir {
  color: #333333;
  text-decoration: none;
  text-align: center;
  display: inline;
  padding-right: 10px;
  padding-bottom: 10px;
}

.margen-icono-derecho {
  margin-left: 10px;
  font-size: 20px; }




  .temblor{
    animation-name: animar;
animation-duration: 4s;
animation-iteration-count: infinite;

}

 .tit_cabecera{
  margin-top:25px;
}



  @-webkit-keyframes animar{
0%{-webkit-transform:translate(0px,0px);}
10%{-webkit-transform:translate(20px,0px);}
20%{-webkit-transform:translate(0px,0px);}
30%{-webkit-transform:translate(20px,0px);}
40%{-webkit-transform:translate(0px,0px);}
50%{-webkit-transform:translate(20px,0px);}
60%{-webkit-transform:translate(0px,0px);}
70%{-webkit-transform:translate(20px,0px);}
80%{-webkit-transform:translate(0px,0px);}
90%{-webkit-transform:translate(20px,0px);}
100%{-webkit-transform:translate(0px,0px);}
}