* {
  font-family: "Inter", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif;
}

#menu {
  background-color: #2C2C2C;
  width: 100%;
  height: 5rem;
  z-index: 5;
}

#menu .container-fluid {
  width: 90%;
  text-align: center;
  gap: 50px;
}

#menu .navbar-brand {
  padding-left: 20px;
}

#navbarNav {
  justify-content: flex-end;
}

#navbarNav .navbar-nav {
  display: flex;
  background-color: none;
  justify-content: flex-end;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* enlaces del menu */
#menu ul li a {
  display: block;
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 20px;
  text-transform: uppercase;
}

#menu ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

#menu .nav-link:hover {
  transform: scale(1.1);
  color: #9c9c9c;
}

.nav-link:hover > :not(:hover) {
  color: white;
}

#menu .nav-link:active {
  color: #E53E1F;
}

.float-wa {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

#presentacion {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#presentacion .contenedor {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#presentacion .foto-inicio {
  background-image: url(img/BNclose-hands-using-smart-phone-course-deadline-businesswoman-texting-late-night-while-working-important-project-using-smartphone.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.contenedor_texto {
  display: flex;
  align-items: center;
  width: 700px;
  z-index: 1;
}

.contenedor_texto h1 {
  margin-right: 20px;
  font-size: 6rem;
  color: white;
}

span {
  color: #E53E1F;
}

.barra__escritura {
  width: 3px;
  height: 70px;
  margin-left: 5px;
  background-color: white;
  transform: rotateZ(10deg);
  animation: barra-animacion 1s ease infinite;
}

.contenedor__texto__animacion {
  display: flex;
  color: white;
  font-size: 3rem;
}

@keyframes color {
  0% {
    background-color: #232323;
  }
  25% {
    background-color: #2c2c2c;
  }
  50% {
    background-color: #373737;
  }
  75% {
    background-color: #484848;
  }
  100% {
    background-color: #656565;
  }
}
#barra {
  width: 100vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  animation: color 4s infinite;
}

#barra .contenedor-card {
  width: 990px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 100px 0;
}

#barra .card-servicios {
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 12px;
  border: 3px solid white;
  background-color: transparent;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.0666666667);
  transition: all 0.3s;
  overflow: hidden;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

.margen {
  padding: 20px;
}

#barra .contenedor-texto {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 16rem;
  padding: 20px;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

#barra .contenedor-texto h3 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  padding: 10px 0;
  color: #E53E1F;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

#barra h5 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #faf9f8;
  text-align: center;
  animation-delay: 3s;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

#barra .card-servicios:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.3333333333);
}

#barra .icono {
  display: flex;
  justify-content: center;
  font-size: 2.2rem;
  padding: 10px;
  padding-top: 15px;
  color: white;
  text-decoration: none;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

section .animate {
  opacity: 0;
  filter: blur(9px);
  transition: 2s;
  transform: scale(0.5);
}

section.show-animate .animate {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}

#service {
  width: 100vw;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  animation: color 4s infinite;
}

#service .card-servicios {
  width: 990px;
  background-color: #faf9f8;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 12px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.0666666667);
  transition: all 0.3s;
  overflow: hidden;
}

.margen {
  padding: 50px 20px;
}

#service .contenedor-imagen .foto1 {
  background-image: url(img/Marketing_RedHunt.jpg);
}

#service .contenedor-imagen .foto2 {
  background-image: url(img/Creative_RedHunt.jpg);
}

#service .contenedor-imagen .foto3 {
  background-image: url(img/Legal_RedHunt.jpg);
}

#service .contenedor-imagen .foto4 {
  background-image: url(img/Community_RedHunt.jpg);
}

#service .contenedor-imagen {
  display: flex;
  align-items: center;
}

#service .imagen {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 24rem;
  flex-grow: 1;
  background-clip: content-box;
  transition: 500ms;
  display: flex;
  justify-content: center;
  align-items: center;
}

#service .imagen h3 {
  font-size: 2rem;
  font-weight: 700;
  padding: 10px 0;
  color: #E53E1F;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

#service .imagen:hover {
  scale: 110%;
}

#service .contenedor-texto {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 24rem;
  padding: 20px 30px;
}

#service .contenedor-texto h3 {
  font-size: 2rem;
  font-weight: 700;
  padding: 10px 0;
  color: #E53E1F;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

#service h5 {
  font-size: 1.5rem;
  padding: 10px 0;
  text-align: center;
}

#service h6 {
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #2C2C2C;
  color: #484848;
  padding: 10px 0;
}

#service .card-servicios:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.3333333333);
}

#service .btn {
  color: #2C2C2C;
  display: flex;
  justify-content: center;
  font-size: 2rem;
  padding-top: 30px;
  color: #2C2C2C;
  text-decoration: none;
  border: none;
}

#service .btn:hover {
  color: #656565;
  transform: scale(1.1);
}

#service .btn:active {
  color: #E53E1F;
}

#formulario {
  width: 100vw;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  animation: color 4s infinite;
}

#formulario .contenedor-formulario {
  width: 990px;
  height: 26rem;
  background-color: #dee2e6;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 15px;
  overflow: hidden;
  margin: 50px 0 90px 0;
}

#formulario .frase-formulario {
  background-color: #4d4d4d;
  height: 26rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  overflow: hidden;
}
#formulario .frase-formulario h3 {
  font-size: 1.8rem;
  text-align: center;
  color: #faf9f8;
  padding-bottom: 15px;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  background-color: #E53E1F;
  padding: 5px 10px;
  border-radius: 5px;
  animation-duration: 9s;
}
#formulario .frase-formulario h4 {
  font-size: 1.2rem;
  text-align: center;
  background-color: #faf9f8;
  padding: 5px;
  border-radius: 3px;
}

#formulario .foto-contacto {
  background-image: url(img/Contacto_RedHunt.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#formulario .datos-formulario {
  padding: 20px;
  height: 26rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#formulario .datos-formulario h3 {
  font-size: 1.5rem;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
}
#formulario .datos-formulario label {
  font-size: 0.9rem;
}
#formulario .datos-formulario .btn-formulario {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}
#formulario .datos-formulario .btn-primary {
  background-color: #2C2C2C;
  border: none;
  text-transform: uppercase;
  padding: 5px 20px;
}
#formulario .datos-formulario .btn-primary:hover {
  background-color: #656565;
  border: none;
}
#formulario .datos-formulario .btn-primary:active {
  background-color: #E53E1F;
  border: none;
}

#enviado {
  width: 100vw;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  animation: color 4s infinite;
}

#enviado .contenedor-formulario {
  width: 990px;
  height: 25rem;
  background-color: #dee2e6;
  background-color: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 15px;
  overflow: hidden;
  margin: 50px 0 90px 0;
}

#enviado .frase-formulario {
  background-color: #E53E1F;
  background-color: #4d4d4d;
  background-color: none;
  height: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  overflow: hidden;
}
#enviado .frase-formulario h3 {
  font-size: 1.8rem;
  text-align: center;
  color: #faf9f8;
  padding-bottom: 15px;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  background-color: #E53E1F;
  padding: 5px 10px;
  border-radius: 5px;
  animation-duration: 9s;
}
#enviado .frase-formulario h4 {
  font-size: 1.2rem;
  text-align: center;
  background-color: #faf9f8;
  padding: 5px 10px;
  border-radius: 3px;
}
#enviado .frase-formulario h5 {
  font-size: 1.2rem;
  color: white;
  text-align: center;
}

#enviado .foto-contacto {
  background-image: url(img/Contacto_RedHunt.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#enviado .btn-mensaje {
  padding: 8px 15px;
  display: flex;
  justify-content: center;
  background-color: #2C2C2C;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 1.2rem;
}

#enviado .btn-mensaje:hover {
  background-color: #656565;
  border: none;
}

#enviado .btn-mensaje:active {
  background-color: #E53E1F;
  border: none;
}

.float-wa {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

#header-foto {
  width: auto;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header-foto .imagen1 {
  background-image: url(img/Marketing_RedHunt.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
}
#header-foto .imagen2 {
  background-image: url(img/Creative_RedHunt.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
}
#header-foto .imagen3 {
  background-image: url(img/Legal_RedHunt.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
}
#header-foto .imagen4 {
  background-image: url(img/Community_RedHunt.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
}
#header-foto .imagen5 {
  background-image: url(img/Contacto2_RedHunt.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
}

#header-foto h1 {
  color: #E53E1F;
  font-size: 6rem;
  font-weight: 700;
  color: #E53E1F;
  text-align: center;
}

#modulo {
  width: 100vw;
  height: 100vh;
  background-color: #2C2C2C;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
}
#modulo .frase {
  width: 990px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}
#modulo .frase h2 {
  font-size: 5rem;
  color: white;
  text-align: center;
  transition-timing-function: cubic-bezier(1, -0.01, 0.96, 1.07);
}
#modulo .frase h4 {
  font-size: 1.8rem;
  color: #E53E1F;
  text-align: center;
  line-height: 1.2;
  text-transform: uppercase;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
#modulo .frase h3 {
  font-size: 1.5rem;
  color: white;
  color: #faf9f8;
  text-align: center;
  justify-content: center;
  padding: 0 90px;
  line-height: 1.2;
  padding-top: 20px;
  animation-delay: 3s;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

section .animate {
  opacity: 0;
  filter: blur(9px);
  transition: 2s;
  transform: scale(0.5);
}

section.show-animate .animate {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}

#modulo .fraselegal {
  width: 990px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

#modulo .fraselegal h2 {
  font-size: 4rem;
  color: white;
  text-align: center;
  transition-timing-function: cubic-bezier(1, -0.01, 0.96, 1.07);
}

#modulo .fraselegal h5 {
  font-size: 2.5rem;
  color: white;
  text-align: center;
  transition-timing-function: cubic-bezier(1, -0.01, 0.96, 1.07);
}

#modulo .fraselegal h4 {
  font-size: 1.6rem;
  color: #E53E1F;
  text-align: center;
  line-height: 1.2;
  text-transform: uppercase;
  transition: transform 1s;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

#modulo .fraselegal h3 {
  font-size: 1.2rem;
  color: white;
  text-align: center;
  justify-content: center;
  padding: 0 90px;
  line-height: 1.6;
  padding-top: 20px;
  transition: transform 1s;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

#modulo .fraselegal .texto {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 900px;
}

#plataformas {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  animation: color 4s infinite;
}

#plataformas .cards {
  width: 990px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px;
}

#plataformas .card {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 3px solid white;
  background-color: transparent;
  padding: 30px 0;
  white-space: nowrap;
}

#plataformas .card h3 {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 800;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  color: #faf9f8;
}

#plataformas h3:hover {
  color: #E53E1F;
  scale: 1.1;
}

#plataformas .margen {
  padding: 10px;
}

#plataformas .card i {
  font-size: 1.5rem;
  padding-right: 10px;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

#mensaje {
  width: 100vw;
  height: 40vh;
  background-color: black;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  animation: color 4s infinite;
}

#mensaje .cards {
  width: 990px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 40px;
  overflow-x: hidden;
}

#mensaje .card {
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 3px solid white;
  padding: 30px 0;
  background-color: transparent;
}

#mensaje .card h3 {
  color: white;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 800;
  transition-timing-function: cubic-bezier(1, -0.01, 0.96, 1.07);
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

#mensaje h3:hover {
  color: #E53E1F;
  scale: 1.1;
}

#mensaje .margen {
  padding: 10px;
}

section .animacion {
  opacity: 0;
  filter: blur(9px);
  transition: 2s;
  transform: translateX(100%);
}

section.show-animacion .animacion {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);
}

#condiciones {
  width: 100vw;
  display: flex;
  justify-content: center;
  background-color: #232323;
}
#condiciones .frase-condiciones {
  width: 990px;
  background-color: #2C2C2C;
  background-color: #232323;
  padding: 100px 20px;
}
#condiciones .frase-condiciones h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #faf9f8;
  padding: 30px 0;
  display: flex;
  align-items: center;
}
#condiciones .frase-condiciones h5 span {
  color: #faf9f8;
  font-size: 1.2rem;
  font-weight: 600;
  padding-top: 50px;
  line-height: 5rem;
}
#condiciones .frase-condiciones h5 {
  font-size: 0.9rem;
  color: #faf9f8;
  font-weight: 600;
  line-height: 2rem;
}

@media screen and (max-width: 550px) {
  #navbarNav {
    background-color: #2C2C2C;
  }
}
/* header  */
@media screen and (max-width: 550px) {
  #header-foto .imagen1 {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 550px) {
  #header-foto .imagen2 {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 550px) {
  #header-foto .imagen3 {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 550px) {
  #header-foto .imagen4 {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 550px) {
  #header-foto .imagen5 {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 550px) {
  #header-foto h1 {
    font-size: 3rem;
    padding: 0;
    width: 90%;
  }
}
/* texto emergentes  */
@media screen and (max-width: 550px) {
  #modulo {
    height: fit-content;
  }
}
@media screen and (max-width: 550px) {
  #modulo .frase h2 {
    font-size: 3rem;
    padding: 0;
    width: 85%;
  }
}
@media screen and (max-width: 550px) {
  #modulo .frase h3 {
    font-size: 1rem;
    padding: 0;
    width: 85%;
  }
}
@media screen and (max-width: 550px) {
  #modulo .frase h4 {
    font-size: 2rem;
    padding: 0;
    width: 85%;
  }
}
/* texto emergentes LEGAL */
@media screen and (max-width: 550px) {
  #modulo {
    height: fit-content;
  }
}
@media screen and (max-width: 550px) {
  #modulo .fraselegal h2 {
    font-size: 2.8rem;
    padding: 0;
    width: 85%;
  }
}
@media screen and (max-width: 550px) {
  #modulo .fraselegal h3 {
    font-size: 1rem;
    padding: 0;
    width: 85%;
  }
}
@media screen and (max-width: 550px) {
  #modulo .fraselegal h5 {
    font-size: 1rem;
    padding: 0;
    width: 85%;
  }
}
@media screen and (max-width: 550px) {
  #modulo .fraselegal h4 {
    font-size: 2rem;
    padding: 0;
    width: 85%;
  }
}
/* plataformas  */
@media screen and (max-width: 550px) {
  #plataformas {
    padding: 50px 15px;
    height: fit-content;
  }
}
@media screen and (max-width: 550px) {
  #plataformas .cards {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 550px) {
  #plataformas .hola {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 550px) {
  #plataformas .cards .hola .card {
    width: 85%;
  }
}
/* INDEX header  */
@media screen and (max-width: 550px) {
  #presentacion .foto-inicio {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 550px) {
  #presentacion .contenedor_texto {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 90%;
  }
}
@media screen and (max-width: 550px) {
  #presentacion .contenedor_texto h1 {
    font-size: 3rem;
  }
}
/* INDEX mini cards servicos   */
@media screen and (max-width: 550px) {
  #modulo #barra {
    padding: 0;
    height: fit-content;
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  #modulo #barra .contenedor-card {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  #barra .margen {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 550px) {
  #barra .card-servicios {
    width: 85%;
  }
}
/* INDEX card grandes    */
@media screen and (max-width: 550px) {
  #service .margen {
    padding: 20px 10px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 550px) {
  #service .card-servicios {
    width: 95%;
  }
}
@media screen and (max-width: 550px) {
  #service .card-2 {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (max-width: 550px) {
  #service h5 {
    text-align: center;
  }
}
/* INDEX formulario    */
@media screen and (max-width: 550px) {
  #formulario {
    padding: 15px;
  }
}
@media screen and (max-width: 550px) {
  #formulario .contenedor-formulario {
    height: fit-content;
  }
}
/* CONTACTO formulario    */
@media screen and (max-width: 550px) {
  #formulario .quienes-somos {
    padding: 0;
    width: 100%;
    height: fit-content;
    background-color: none;
    margin-bottom: 200px;
    height: 35rem;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 550px) {
  #formulario #espacio h2 {
    padding: 0;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: white;
    margin-bottom: 40px;
    width: 100%;
    height: fit-content;
    padding-bottom: 50px;
  }
}
/* INDEX footer    */
@media screen and (max-width: 550px) {
  #piedepagina .menu .frase2 {
    justify-content: left;
  }
}
@media screen and (max-width: 550px) {
  #piedepagina .menu .icono {
    padding: 0 15px;
  }
}
.float-wa {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

#formulario .quienes-somos {
  width: 990px;
  height: 30rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 90px 0 70px 0;
}
#formulario .quienes-somos .logo {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#formulario .quienes-somos .logo .logoRedHunt {
  background-image: url(img/logo_redHunt.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 200px;
  height: 130px;
  justify-content: center;
  align-items: center;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
#formulario .quienes-somos .texto-quienes-somos {
  padding: 20px;
}
#formulario .quienes-somos .texto-quienes-somos h2 {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 2rem;
  color: #faf9f8;
}

#formulario .container {
  background-color: none;
  margin-top: 0;
  padding-top: 1px;
}
#formulario .container ::placeholder {
  font-size: 0.8rem;
}

/* footer*/
#piedepagina {
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #121212;
  padding: 50px 0;
}

#piedepagina .menu {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 95%;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}

#piedepagina .logo {
  background-image: url(img/logo_redHunt.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 130px;
  height: 81px;
  justify-content: center;
  align-items: center;
}

#piedepagina .frase {
  margin: 0 auto;
  text-decoration: none;
  text-transform: none;
  font-size: 12px;
  font-weight: 600;
  color: #faf9f8;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}

#piedepagina .frase .titulo {
  font-size: 1.2rem;
  list-style: none;
  text-decoration: none;
  color: #faf9f8;
  padding-bottom: 10px;
}

#piedepagina .frase .link a {
  padding-left: 10px;
  font-size: 1rem;
  line-height: 1.5rem;
  list-style: none;
  text-decoration: none;
  color: #faf9f8;
}

#piedepagina .frase .link a:hover {
  color: #9c9c9c;
  transform: scale(1.1);
}

#piedepagina .frase .link a:active {
  color: #E53E1F;
}

#piedepagina ul {
  list-style: none;
}

#piedepagina ul .icono {
  font-size: 2rem;
  height: auto;
  padding: 0 10px;
  color: #faf9f8;
}

#piedepagina ul .icono:hover {
  color: #656565;
}

#piedepagina ul .icono:active {
  color: #E53E1F;
}

#piedepagina ul li .icono3 {
  height: auto;
  font-size: 1.5rem;
  padding: 10px;
}

#piedepagina ul li {
  display: flex;
  align-items: center;
  justify-items: center;
}

#piedepagina .datos {
  padding-left: 5px;
  font-size: 0.8rem;
  line-height: 1.5rem;
  list-style: none;
  text-decoration: none;
  color: #faf9f8;
}

#piedepagina .iconos {
  display: flex;
  flex-direction: row;
}

/*# sourceMappingURL=style.css.map */