@charset "UTF-8";
@font-face {
  font-family: "INDIVISA TEXT SANS";
  src: url("../fuente/IndivisaTextSans-Black.otf");
}

@font-face {
  font-family: "INDIVISA TEXT SANS LIGTH";
  src: url("../fuente/IndivisaTextSans-Light.otf");
}
@font-face {
  font-family: "INDIVISA TEXT SANS LIGTH ITALIC";
  src: url("../fuente/IndivisaTextSans-LightItalic.otf");
}

@font-face {
  font-family: "INDIVISA TEXT SANS BOLD";
  src: url("../fuente/IndivisaTextSans-Bold.otf");
}

@font-face {
  font-family: "INDIVISA TEXT SANS BLACKITALIC";
  src: url("../fuente/IndivisaTextSans-BlackItalic.otf");
}

@font-face {
  font-family: "INDIVISA TEXT SANS REGULAR";
  src: url("../fuente/IndivisaTextSans-Regular (2).otf");
}
@font-face {
  font-family: "INDIVISA TEXT SANS REGULAR ITALIC";
  src: url("../fuente/IndivisaTextSans-RegularItalic.otf");
}
@font-face {
  font-family: "INDIVISA TEXT BOLD ITALIC";
  src: url("../fuente/IndivisaTextSans-BoldItalic.otf");
}

@font-face {
  font-family: "INDIVISA DISPLAY REGULAR";
  src: url("../fuente/IndivisaDisplaySans-Regular.otf");
}

@font-face {
  font-family: "INDIVISA DISPLAY HEAVY";
  src: url("../fuente/IndivisaDisplaySans-Heavy.otf");
}

@font-face {
  font-family: "INDIVISA SERIF BLACK";
  src: url("../fuente/IndivisaTextSerif-Black.otf");
}
@font-face {
  font-family: "INDIVISA SERIF BOLD";
  src: url("../fuente/IndivisaTextSerif-Bold.otf");
}
@font-face {
  font-family: "INDIVISA SERIF REGULAR";
  src: url("../fuente/IndivisaTextSerif-Regular.otf");
}

html,
body {
  padding: 0px;
  margin: 0px;
}
.opcionesMenu {
  margin-left: 200px;
  font-size: 20px;
  font-family: "INDIVISA TEXT SANS BOLD";
  text-align: center;
}
.navbar-light .navbar-nav .nav-link {
  color: #000044;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #3217ae;
  font-family: "INDIVISA TEXT SANS";
}
.nav-item {
  width: 155px;
}
.bg-light {
  box-shadow: 0px 1px 6px 6px rgb(0 0 0 / 20%);
}
.footerGeneral {
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.txtAviso {
  font-family: "INDIVISA TEXT SANS BOLD";
  font-size: 20px;
  color: #9494f6;
}
.conContacto {
  margin-top: -120px;
}
.contacta {
  margin-bottom: 60px;
}
.icoRedes {
  width: 80%;
}
.sol {
  font-size: 20px;
  margin-bottom: -5px;
}
.sol2 {
  font-size: 20px;
}
.contSociales {
  position: relative;
}
.contSociales img {
  width: 80%;
}
.hotspot {
  position: absolute;
  width: 30px;
  height: 30px;
  padding-top: 6px;
}
#ulsa {
  top: 25%;
  left: 7%;
  width: 135px;
  height: 45px;
}
#twitter {
  top: 33%;
  left: 37%;
}
#youtu {
  top: 33%;
  left: 46%;
}
#face {
  top: 33%;
  left: 55%;
}
#insta {
  top: 33%;
  left: 63%;
}
#tik {
  top: 33%;
  left: 73%;
}

@media (max-width: 1300px) {
  .nav-item {
    width: 125px;
  }

  .nav-link {
    font-size: small;
  }
}

@media (max-width: 600px) {
  .img-responsive {
    width: 90%;
  }

  .opcionesMenu {
    margin-left: 20px;
    font-size: 20px;
    text-align: start;
  }
  .imgContactanos {
    width: 100%;
  }
  .icoRedes {
    width: 90%;
  }
  .footerGeneral {
    height: 190px;
  }
  .contSociales img {
    width: 100%;
  }
  #ulsa {
    top: 25%;
    left: 7%;
    width: 85px;
    height: 25px;
  }
  #twitter {
    top: 26%;
    left: 44%;
  }
  #youtu {
    top: 26%;
    left: 54%;
  }
  #face {
    top: 26%;
    left: 65%;
  }
  #insta {
    top: 26%;
    left: 75%;
  }
  #tik {
    top: 26%;
    left: 87%;
  }
}
@media (min-width: 760px) and (max-width: 920px) {
  #ulsa {
    top: 25%;
    left: 7%;
    width: 85px;
    height: 25px;
  }
  #twitter {
    top: 26%;
    left: 44%;
  }
  #youtu {
    top: 26%;
    left: 54%;
  }
  #face {
    top: 26%;
    left: 65%;
  }
  #insta {
    top: 26%;
    left: 75%;
  }
  #tik {
    top: 26%;
    left: 87%;
  }
}
@media (min-width: 1000px) and (max-width: 1120px) {
}
@media (min-width: 1121px) and (max-width: 1200px) {
  img.imagen-previa {
    height: 490px;
  }
}
@media (min-width: 1260px) and (max-width: 1399px) {
}
@media (min-width: 1400px) and (max-width: 1549px) {
}
@media (min-width: 1550px) and (max-width: 1800px) {
}
