@charset "utf-8";
/* CSS Document */

.fa-whatsapp {
    width: 42px;
    height: 42px;
    padding: 3px;
    background: #F3F3F3;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #19CC05;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-whatsapp:hover {
    background: #FFFFFF;
    color: #70D856;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}


.fa-facebook-square {
    width: 42px;
    height: 42px;
    padding: 3px;
    background: #ffffff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #2b51fc;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-facebook-square:hover {
    background: #0065ED;
    color: #dededf;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.fa-times {
    width: 42px;
    height: 42px;
    padding: 3px;
    background: #000000;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #ffffff;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-times:hover {
    background: #302e2e;
    color: #f0f0f0;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.fa-commenting {
    width: 42px;
    height: 42px;
    padding: 3px;
    background: #ffffff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #295dec;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-commenting:hover {
    background: #0065ED;
    color: #d9e6f8;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}



.fa-instagram {
    width: 42px;
    height: 42px;
    padding: 3px;
    background: #ffffff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #D43089;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-instagram:hover {
    background: #D43089;
    color: #fae0f0;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}


.fa-android{
    width: 42px;
    height: 42px;
    padding: 3px;
    background: #ffffff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    color: #3BE01A;
    font-size: 35px;
    transition: .3s ease all;
}

.fa-android:hover {
    background: #ffffff;
    color: #3BE01A;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 20px;
  color: #302e2e;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;  /*  Ocultar inicialmente */
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0); /* Desplazar todo el texto a la izquierda */
  }
}