@charset "UTF-8";
.government .switch__container {
  background-color: #ff9a00 !important;
}
.government footer {
  background-color: #ff9a00 !important;
}
.government footer a:hover {
  color: #ff9a00 !important;
}
.government .gov__hero {
  padding-top: 16rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .government .gov__hero {
    padding-top: 10rem;
    padding-bottom: 0;
  }
}
.government .gov__hero .gov__hero--container .hero__container--content .hero__content--info h3 {
  font-weight: bold;
  color: #ff9a00;
  font-size: 2rem;
}
.government .gov__hero .gov__hero--container .hero__container--content .hero__content--info h1 {
  font-weight: bold;
  font-size: 5rem;
}
.government .gov__hero .gov__hero--container .hero__container--content .hero__content--info .gov {
  color: #ff9a00;
}
.government .gov__hero .gov__hero--container .hero__container--content .hero__content--info p {
  width: 80%;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .government .gov__hero .gov__hero--container .hero__container--content .hero__content--info p {
    font-size: 1.5rem;
  }
}
.government .gov__hero .gov__hero--container .hero__container--content .hero__content--img {
  position: relative;
}
.government .gov__hero .gov__hero--container .hero__container--content .hero__content--img .img-cuadro1 {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background-color: orange;
  left: -3rem;
  bottom: -3rem;
  border-radius: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .government .gov__hero .gov__hero--container .hero__container--content .hero__content--img .img-cuadro1 {
    left: 0;
  }
}
.government .gov__hero .gov__hero--container .hero__container--content .hero__content--img .img-cuadro2 {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background-color: orange;
  right: -1rem;
  top: -4rem;
  border-radius: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .government .gov__hero .gov__hero--container .hero__container--content .hero__content--img .img-cuadro2 {
    right: 0;
  }
}
.government .gov__hero .gov__hero--container .hero__container--content .hero__content--img img {
  height: 35rem;
  width: 100%;
  border-radius: 4rem;
  object-fit: cover;
  position: relative;
  z-index: 3;
  opacity: 0;
  transition: all 2s ease-in;
}
.government .gov__hero .gov__hero--arrow {
  padding-top: 16rem;
  position: absolute;
  left: 50%;
  transition: all 0.3s ease-in;
}
@media (max-width: 768px) {
  .government .gov__hero .gov__hero--arrow {
    display: none;
  }
}
.government .gov__hero .gov__hero--arrow img {
  height: 4rem;
  animation: arrow 1s linear infinite;
}
@keyframes arrow {
  0% {
    transform: translateY(-3rem);
  }
  50% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(-3rem);
  }
}
.government .gov-work .gov-work__container {
  margin-top: 10rem;
}
.government .gov-work .gov-work__container .gov-work__container--title {
  margin-bottom: 5rem;
}
.government .gov-work .gov-work__container .gov-work__container--title h3 {
  font-weight: bold;
  font-size: 2.5rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.government .gov-work .gov-work__container .gov-work__container--title h3::after {
  content: "";
  position: relative;
  display: block;
  margin-top: 2rem;
  width: 15rem;
  height: 3px;
  background-color: #ff9a00;
}
.government .gov-work .gov-work__container .gov-work__container--content {
  display: flex;
}
.government .gov-work .gov-work__container .gov-work__container--content .container-color_1 {
  background-color: #ff9a00;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  transition: all 0.3s linear;
}
.government .gov-work .gov-work__container .gov-work__container--content .container-color_1 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 768px) {
  .government .gov-work .gov-work__container .gov-work__container--content .container-color_1 p {
    font-size: 1rem;
  }
}
.government .gov-work .gov-work__container .gov-work__container--content .container-color_1 .color-extension_1 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #ff9a00;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.government .gov-work .gov-work__container .gov-work__container--content .container-info_1 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  transition: all 0.3s linear;
}
.government .gov-work .gov-work__container .gov-work__container--content .container-info_1 a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
@media (max-width: 768px) {
  .government .gov-work .gov-work__container .gov-work__container--content .container-info_1 a {
    flex-direction: column;
  }
}
.government .gov-work .gov-work__container .gov-work__container--content .container-info_1 .logo img {
  height: 6rem;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .government .gov-work .gov-work__container .gov-work__container--content .container-info_1 .logo img {
    height: 4rem;
    margin-right: 0;
  }
}
.government .gov-work .gov-work__container .gov-work__container--content .container-info_1 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .government .gov-work .gov-work__container .gov-work__container--content .container-info_1 .text {
    font-size: 1.3rem;
  }
}
.government .gov-work .gov-work__container .gov-work__container--content .container-info_1 .text p {
  margin: 0;
  margin-right: 1rem;
}
.government .gov-work .gov-work__container .gov-work__container--content .container-info_1 .text span {
  font-weight: bold;
}
.government .gov-work .gov-work__container .gov-work__container--content_2 {
  display: flex;
  margin-top: 3rem;
}
.government .gov-work .gov-work__container .gov-work__container--content_2 .container-color_2 {
  background-color: #ff9a00;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  color: black;
}
.government .gov-work .gov-work__container .gov-work__container--content_2 .container-color_2 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 992px) {
  .government .gov-work .gov-work__container .gov-work__container--content_2 .container-color_2 p {
    font-size: 0.9rem;
  }
}
.government .gov-work .gov-work__container .gov-work__container--content_2 .container-color_2 .color-extension_2 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #ff9a00;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.government .gov-work .gov-work__container .gov-work__container--content_2 .container-info_2 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.government .gov-work .gov-work__container .gov-work__container--content_2 .container-info_2 .logo img {
  height: 6rem;
}
@media (max-width: 768px) {
  .government .gov-work .gov-work__container .gov-work__container--content_2 .container-info_2 .logo img {
    height: 2rem;
    margin-right: 0;
  }
}
.government .gov-work .gov-work__container .gov-work__container--content_2 .container-info_2 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .government .gov-work .gov-work__container .gov-work__container--content_2 .container-info_2 .text {
    font-size: 1.3rem;
  }
}
.government .gov-work .gov-work__container .gov-work__container--content_2 .container-info_2 .text p {
  margin: 0;
  margin-right: 1rem;
}
.government .gov-work .gov-work__container .gov-work__container--content_2 .container-info_2 .text span {
  font-weight: bold;
}
.government .beneficios {
  margin-top: 5rem;
}
.government .beneficios .beneficios__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 4rem;
  background-color: #fff;
}
.government .beneficios .beneficios__container .beneficios--title h3 {
  font-weight: bold;
  margin-bottom: 3rem;
}
.government .beneficios .beneficios__container .logo-aws {
  width: 35rem;
  height: 18rem;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-basis: 40%;
}
@media (max-width: 768px) {
  .government .beneficios .beneficios__container .logo-aws {
    flex-basis: auto;
  }
}
.government .beneficios .beneficios__container .logo-aws video {
  height: 25rem;
  transform: translateY(-4rem);
}
@media (max-width: 768px) {
  .government .beneficios .beneficios__container .logo-aws video {
    height: 22rem;
    width: 40rem;
  }
}
.government .beneficios .beneficios__container .beneficios--info {
  padding: 1rem 3rem;
  flex-basis: 60%;
}
@media (max-width: 768px) {
  .government .beneficios .beneficios__container .beneficios--info {
    padding: 1rem 0;
  }
}
.government .beneficios .beneficios__container .beneficios--info h1 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .government .beneficios .beneficios__container .beneficios--info h1 {
    margin-top: 2rem;
  }
}
.government .beneficios .beneficios__container .beneficios--info .mas-info {
  cursor: pointer;
}
.government .beneficios .beneficios__container .beneficios--info .mas-info a {
  text-decoration: none;
}
.government .beneficios .beneficios__container .beneficios--info .mas-info p {
  color: #ff9a00;
  font-weight: bold;
}
.government .beneficios .beneficios__container .beneficios--info .mas-info i {
  color: white;
  filter: drop-shadow(0px 0px 1px black);
  font-size: 2rem;
}

.education .switch__container {
  background-color: #ff5353 !important;
}
.education footer {
  background-color: #ff5353;
}
.education footer a:hover {
  color: #ff5353 !important;
}
.education .edu__hero {
  padding-top: 16rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .education .edu__hero {
    padding-top: 10rem;
    padding-bottom: 0;
  }
}
.education .edu__hero .edu__hero--container .hero__container--content .hero__content--info h3 {
  font-weight: bold;
  color: #ff5353;
  font-size: 2rem;
}
.education .edu__hero .edu__hero--container .hero__container--content .hero__content--info h1 {
  font-weight: bold;
  font-size: 5rem;
}
.education .edu__hero .edu__hero--container .hero__container--content .hero__content--info .edu {
  color: #ff5353;
}
.education .edu__hero .edu__hero--container .hero__container--content .hero__content--info p {
  width: 80%;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .education .edu__hero .edu__hero--container .hero__container--content .hero__content--info p {
    font-size: 1.5rem;
  }
}
.education .edu__hero .edu__hero--container .hero__container--content .hero__content--img {
  position: relative;
}
.education .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro1 {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background-color: #ff5353;
  left: -3rem;
  bottom: -3rem;
  border-radius: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .education .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro1 {
    left: 0;
  }
}
.education .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro2 {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background-color: #ff5353;
  right: -1rem;
  top: -4rem;
  border-radius: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .education .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro2 {
    right: 0;
  }
}
.education .edu__hero .edu__hero--container .hero__container--content .hero__content--img img {
  height: 35rem;
  width: 100%;
  border-radius: 4rem;
  object-fit: cover;
  position: relative;
  z-index: 3;
  opacity: 0;
  transition: all 2s ease-in;
}
.education .edu__hero .edu__hero--arrow {
  padding-top: 16rem;
  position: absolute;
  left: 50%;
  transition: all 0.3s ease-in;
}
@media (max-width: 768px) {
  .education .edu__hero .edu__hero--arrow {
    display: none;
  }
}
.education .edu__hero .edu__hero--arrow img {
  height: 4rem;
  animation: arrow 1s linear infinite;
}
@keyframes arrow {
  0% {
    transform: translateY(-3rem);
  }
  50% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(-3rem);
  }
}
.education .edu-work .edu-work__container {
  margin-top: 10rem;
}
.education .edu-work .edu-work__container .edu-work__container--title {
  margin-bottom: 5rem;
}
.education .edu-work .edu-work__container .edu-work__container--title h3 {
  font-weight: bold;
  font-size: 2.5rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.education .edu-work .edu-work__container .edu-work__container--title h3::after {
  content: "";
  position: relative;
  display: block;
  margin-top: 2rem;
  width: 15rem;
  height: 3px;
  background-color: #ff5353;
}
.education .edu-work .edu-work__container .edu-work__container--content {
  display: flex;
}
.education .edu-work .edu-work__container .edu-work__container--content .container-color_1 {
  background-color: #ff5353;
  height: 20rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  transition: all 0.3s linear;
}
.education .edu-work .edu-work__container .edu-work__container--content .container-color_1 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 768px) {
  .education .edu-work .edu-work__container .edu-work__container--content .container-color_1 p {
    font-size: 1rem;
  }
}
.education .edu-work .edu-work__container .edu-work__container--content .container-color_1 .color-extension_1 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #ff5353;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.education .edu-work .edu-work__container .edu-work__container--content .container-info_1 {
  height: 20rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  transition: all 0.3s linear;
}
.education .edu-work .edu-work__container .edu-work__container--content .container-info_1 .logo img {
  height: 10rem;
}
@media (max-width: 768px) {
  .education .edu-work .edu-work__container .edu-work__container--content .container-info_1 .logo img {
    height: 6rem;
    margin-right: 0;
  }
}
.education .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .education .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text {
    font-size: 1.3rem;
  }
}
.education .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text p {
  margin: 0;
  margin-right: 1rem;
}
.education .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text span {
  font-weight: bold;
}
.education .beneficios {
  margin-top: 5rem;
}
.education .beneficios .beneficios__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 4rem;
  background-color: white;
}
.education .beneficios .beneficios__container .beneficios--title h3 {
  font-weight: bold;
  margin-bottom: 3rem;
}
.education .beneficios .beneficios__container .logo-aws {
  width: 35rem;
  height: 18rem;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-basis: 40%;
}
@media (max-width: 768px) {
  .education .beneficios .beneficios__container .logo-aws {
    flex-basis: auto;
  }
}
.education .beneficios .beneficios__container .logo-aws video {
  height: 25rem;
  transform: translateY(-4rem);
}
@media (max-width: 768px) {
  .education .beneficios .beneficios__container .logo-aws video {
    height: 22rem;
    width: 40rem;
  }
}
.education .beneficios .beneficios__container .beneficios--info {
  padding: 1rem 3rem;
  flex-basis: 60%;
}
@media (max-width: 768px) {
  .education .beneficios .beneficios__container .beneficios--info {
    padding: 1rem 0;
  }
}
.education .beneficios .beneficios__container .beneficios--info h1 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .education .beneficios .beneficios__container .beneficios--info h1 {
    margin-top: 2rem;
  }
}
.education .beneficios .beneficios__container .beneficios--info .mas-info {
  cursor: pointer;
}
.education .beneficios .beneficios__container .beneficios--info .mas-info a {
  text-decoration: none;
}
.education .beneficios .beneficios__container .beneficios--info .mas-info p {
  color: #ff5353;
  font-weight: bold;
}
.education .beneficios .beneficios__container .beneficios--info .mas-info i {
  color: white;
  filter: drop-shadow(0px 0px 1px black);
  font-size: 2rem;
}

.education.dark-mode .footer__container--links a:hover {
  color: #ff5353 !important;
}

.health .switch__container {
  background-color: #00ccff !important;
}
.health footer {
  background-color: #00ccff;
}
.health footer a:hover {
  color: white !important;
}
.health .edu__hero {
  padding-top: 16rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .health .edu__hero {
    padding-top: 10rem;
    padding-bottom: 0;
  }
}
.health .edu__hero .edu__hero--container .hero__container--content .hero__content--info h3 {
  font-weight: bold;
  color: #00ccff;
  font-size: 2rem;
}
.health .edu__hero .edu__hero--container .hero__container--content .hero__content--info h1 {
  font-weight: bold;
  font-size: 5rem;
}
.health .edu__hero .edu__hero--container .hero__container--content .hero__content--info .edu {
  color: #00ccff;
}
.health .edu__hero .edu__hero--container .hero__container--content .hero__content--info p {
  width: 80%;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .health .edu__hero .edu__hero--container .hero__container--content .hero__content--info p {
    font-size: 1.5rem;
  }
}
.health .edu__hero .edu__hero--container .hero__container--content .hero__content--img {
  position: relative;
}
.health .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro1 {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background-color: #00ccff;
  left: -3rem;
  bottom: -3rem;
  border-radius: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .health .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro1 {
    left: 0;
  }
}
.health .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro2 {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background-color: #00ccff;
  right: -1rem;
  top: -4rem;
  border-radius: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .health .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro2 {
    right: 0;
  }
}
.health .edu__hero .edu__hero--container .hero__container--content .hero__content--img img {
  height: 35rem;
  width: 100%;
  border-radius: 4rem;
  object-fit: cover;
  position: relative;
  z-index: 3;
  opacity: 0;
  transition: all 2s ease-in;
}
.health .edu__hero .edu__hero--arrow {
  padding-top: 16rem;
  position: absolute;
  left: 50%;
  transition: all 0.3s ease-in;
}
@media (max-width: 768px) {
  .health .edu__hero .edu__hero--arrow {
    display: none;
  }
}
.health .edu__hero .edu__hero--arrow img {
  height: 4rem;
  animation: arrow 1s linear infinite;
}
@keyframes arrow {
  0% {
    transform: translateY(-3rem);
  }
  50% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(-3rem);
  }
}
.health .edu-work .edu-work__container {
  margin-top: 10rem;
}
.health .edu-work .edu-work__container .edu-work__container--title {
  margin-bottom: 5rem;
}
.health .edu-work .edu-work__container .edu-work__container--title h3 {
  font-weight: bold;
  font-size: 2.5rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.health .edu-work .edu-work__container .edu-work__container--title h3::after {
  content: "";
  position: relative;
  display: block;
  margin-top: 2rem;
  width: 15rem;
  height: 3px;
  background-color: #00ccff;
}
.health .edu-work .edu-work__container .edu-work__container--content {
  display: flex;
}
.health .edu-work .edu-work__container .edu-work__container--content .container-color_1 {
  background-color: #00ccff;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.health .edu-work .edu-work__container .edu-work__container--content .container-color_1 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 768px) {
  .health .edu-work .edu-work__container .edu-work__container--content .container-color_1 p {
    font-size: 1rem;
  }
}
.health .edu-work .edu-work__container .edu-work__container--content .container-color_1 .color-extension_1 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #00ccff;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.health .edu-work .edu-work__container .edu-work__container--content .container-info_1 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.health .edu-work .edu-work__container .edu-work__container--content .container-info_1 .logo img {
  height: 10rem;
}
@media (max-width: 768px) {
  .health .edu-work .edu-work__container .edu-work__container--content .container-info_1 .logo img {
    height: 6rem;
    margin-right: 0;
  }
}
.health .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .health .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text {
    font-size: 1.3rem;
  }
}
.health .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text p {
  margin: 0;
  margin-right: 1rem;
}
.health .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text span {
  font-weight: bold;
}
.health .edu-work .edu-work__container .edu-work__container--content_2 {
  display: flex;
  margin-top: 3rem;
}
.health .edu-work .edu-work__container .edu-work__container--content_2 .container-color_2 {
  background-color: #00ccff;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.health .edu-work .edu-work__container .edu-work__container--content_2 .container-color_2 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 992px) {
  .health .edu-work .edu-work__container .edu-work__container--content_2 .container-color_2 p {
    font-size: 0.9rem;
  }
}
.health .edu-work .edu-work__container .edu-work__container--content_2 .container-color_2 .color-extension_2 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #00ccff;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.health .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.health .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .logo img {
  height: 10rem;
}
@media (max-width: 768px) {
  .health .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .logo img {
    height: 6rem;
    margin-right: 0;
  }
}
.health .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .health .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .text {
    font-size: 1.3rem;
  }
}
.health .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .text p {
  margin: 0;
  margin-right: 1rem;
}
.health .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .text span {
  font-weight: bold;
}
.health .beneficios {
  margin-top: 5rem;
}
.health .beneficios .beneficios__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 4rem;
  background-color: white;
}
.health .beneficios .beneficios__container .beneficios--title h3 {
  font-weight: bold;
  margin-bottom: 3rem;
}
.health .beneficios .beneficios__container .logo-aws {
  width: 35rem;
  height: 18rem;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-basis: 40%;
}
@media (max-width: 768px) {
  .health .beneficios .beneficios__container .logo-aws {
    flex-basis: auto;
  }
}
.health .beneficios .beneficios__container .logo-aws video {
  height: 25rem;
  transform: translateY(-4rem);
}
@media (max-width: 768px) {
  .health .beneficios .beneficios__container .logo-aws video {
    height: 22rem;
    width: 40rem;
  }
}
.health .beneficios .beneficios__container .beneficios--info {
  padding: 1rem 3rem;
  flex-basis: 60%;
}
@media (max-width: 768px) {
  .health .beneficios .beneficios__container .beneficios--info {
    padding: 1rem 0;
  }
}
.health .beneficios .beneficios__container .beneficios--info h1 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .health .beneficios .beneficios__container .beneficios--info h1 {
    margin-top: 2rem;
  }
}
.health .beneficios .beneficios__container .beneficios--info .mas-info {
  cursor: pointer;
}
.health .beneficios .beneficios__container .beneficios--info .mas-info a {
  text-decoration: none;
}
.health .beneficios .beneficios__container .beneficios--info .mas-info p {
  color: #00ccff;
  font-weight: bold;
}
.health .beneficios .beneficios__container .beneficios--info .mas-info i {
  color: white;
  filter: drop-shadow(0px 0px 1px black);
  font-size: 2rem;
}

.health.dark-mode .footer__container--links a:hover {
  color: #00ccff !important;
}

.digital .switch__container {
  background-color: #0063f5 !important;
}
.digital footer {
  background-color: #0063f5;
}
.digital footer a:hover {
  color: white !important;
}
.digital .edu__hero {
  padding-top: 16rem;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .digital .edu__hero {
    padding-top: 10rem;
    padding-bottom: 0;
  }
}
.digital .edu__hero .edu__hero--container .hero__container--content .hero__content--info h3 {
  font-weight: bold;
  color: #0063f5;
  font-size: 2rem;
}
.digital .edu__hero .edu__hero--container .hero__container--content .hero__content--info h1 {
  font-weight: bold;
  font-size: 4rem;
}
.digital .edu__hero .edu__hero--container .hero__container--content .hero__content--info .edu {
  color: #0063f5;
}
.digital .edu__hero .edu__hero--container .hero__container--content .hero__content--info p {
  width: 80%;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .digital .edu__hero .edu__hero--container .hero__container--content .hero__content--info p {
    font-size: 1.5rem;
  }
}
.digital .edu__hero .edu__hero--container .hero__container--content .hero__content--img {
  position: relative;
}
.digital .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro1 {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background-color: #0063f5;
  left: -3rem;
  bottom: -3rem;
  border-radius: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .digital .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro1 {
    left: 0;
  }
}
.digital .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro2 {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  background-color: #0063f5;
  right: -1rem;
  top: -4rem;
  border-radius: 3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .digital .edu__hero .edu__hero--container .hero__container--content .hero__content--img .img-cuadro2 {
    right: 0;
  }
}
.digital .edu__hero .edu__hero--container .hero__container--content .hero__content--img img {
  height: 35rem;
  width: 100%;
  border-radius: 4rem;
  object-fit: cover;
  position: relative;
  z-index: 3;
  opacity: 0;
  transition: all 2s ease-in;
}
.digital .edu__hero .edu__hero--arrow {
  padding-top: 16rem;
  position: absolute;
  left: 50%;
  transition: all 0.3s ease-in;
}
@media (max-width: 768px) {
  .digital .edu__hero .edu__hero--arrow {
    display: none;
  }
}
.digital .edu__hero .edu__hero--arrow img {
  height: 4rem;
  animation: arrow 1s linear infinite;
}
@keyframes arrow {
  0% {
    transform: translateY(-3rem);
  }
  50% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(-3rem);
  }
}
.digital .edu-work .edu-work__container {
  margin-top: 10rem;
}
.digital .edu-work .edu-work__container .edu-work__container--title {
  margin-bottom: 5rem;
}
.digital .edu-work .edu-work__container .edu-work__container--title h3 {
  font-weight: bold;
  font-size: 2.5rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.digital .edu-work .edu-work__container .edu-work__container--title h3::after {
  content: "";
  position: relative;
  display: block;
  margin-top: 2rem;
  width: 15rem;
  height: 3px;
  background-color: #0063f5;
}
.digital .edu-work .edu-work__container .edu-work__container--content {
  display: flex;
}
.digital .edu-work .edu-work__container .edu-work__container--content .container-color_1 {
  background-color: #0063f5;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  color: white;
}
.digital .edu-work .edu-work__container .edu-work__container--content .container-color_1 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content .container-color_1 p {
    font-size: 1rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content .container-color_1 .color-extension_1 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #0063f5;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.digital .edu-work .edu-work__container .edu-work__container--content .container-info_1 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.digital .edu-work .edu-work__container .edu-work__container--content .container-info_1 .logo img {
  height: 10rem;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content .container-info_1 .logo img {
    height: 4rem;
    margin-right: 0;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text {
    font-size: 1.3rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text p {
  margin: 0;
  margin-right: 1rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content .container-info_1 .text span {
  font-weight: bold;
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 {
  display: flex;
  margin-top: 3rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 .container-color_2 {
  background-color: #0063f5;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  color: white;
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 .container-color_2 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 992px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_2 .container-color_2 p {
    font-size: 0.9rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 .container-color_2 .color-extension_2 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #0063f5;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .logo img {
  height: 6rem;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .logo img {
    height: 2rem;
    margin-right: 0;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .text {
    font-size: 1.3rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .text p {
  margin: 0;
  margin-right: 1rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content_2 .container-info_2 .text span {
  font-weight: bold;
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 {
  display: flex;
  margin-top: 3rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 .container-color_3 {
  background-color: #0063f5;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  color: white;
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 .container-color_3 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 992px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_3 .container-color_3 p {
    font-size: 0.9rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 .container-color_3 .color-extension_3 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #0063f5;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 .container-info_3 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 .container-info_3 .logo img {
  height: 10rem;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_3 .container-info_3 .logo img {
    height: 4rem;
    margin-right: 0;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 .container-info_3 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_3 .container-info_3 .text {
    font-size: 1.3rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 .container-info_3 .text p {
  margin: 0;
  margin-right: 1rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content_3 .container-info_3 .text span {
  font-weight: bold;
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 {
  display: flex;
  margin-top: 3rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 .container-color_4 {
  background-color: #0063f5;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  color: white;
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 .container-color_4 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 992px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_4 .container-color_4 p {
    font-size: 0.9rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 .container-color_4 .color-extension_4 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #0063f5;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 .container-info_4 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 .container-info_4 .logo img {
  height: 8rem;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_4 .container-info_4 .logo img {
    height: 3rem;
    margin-right: 0;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 .container-info_4 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_4 .container-info_4 .text {
    font-size: 1.3rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 .container-info_4 .text p {
  margin: 0;
  margin-right: 1rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content_4 .container-info_4 .text span {
  font-weight: bold;
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 {
  display: flex;
  margin-top: 3rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 .container-color_5 {
  background-color: #0063f5;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  color: white;
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 .container-color_5 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 992px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_5 .container-color_5 p {
    font-size: 1rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 .container-color_5 .color-extension_5 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #0063f5;
  right: -10rem;
  opacity: 0;
  z-index: 0;
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 .container-info_5 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 .container-info_5 .logo img {
  height: 12rem;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_5 .container-info_5 .logo img {
    height: 8rem;
    margin-right: 0;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 .container-info_5 .text {
  font-size: 2.6rem;
  display: flex;
  color: #116fa0;
}
@media (max-width: 768px) {
  .digital .edu-work .edu-work__container .edu-work__container--content_5 .container-info_5 .text {
    font-size: 1.3rem;
  }
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 .container-info_5 .text p {
  margin: 0;
  margin-right: 1rem;
}
.digital .edu-work .edu-work__container .edu-work__container--content_5 .container-info_5 .text span {
  font-weight: bold;
}
.digital .beneficios {
  margin-top: 5rem;
}
.digital .beneficios .beneficios__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 4rem;
  background-color: white;
}
.digital .beneficios .beneficios__container .beneficios--title h3 {
  font-weight: bold;
  margin-bottom: 3rem;
}
.digital .beneficios .beneficios__container .logo-aws {
  width: 35rem;
  height: 18rem;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  flex-basis: 40%;
}
@media (max-width: 768px) {
  .digital .beneficios .beneficios__container .logo-aws {
    flex-basis: auto;
  }
}
.digital .beneficios .beneficios__container .logo-aws video {
  height: 25rem;
  transform: translateY(-4rem);
}
@media (max-width: 768px) {
  .digital .beneficios .beneficios__container .logo-aws video {
    height: 22rem;
    width: 40rem;
  }
}
.digital .beneficios .beneficios__container .beneficios--info {
  padding: 1rem 3rem;
  flex-basis: 60%;
}
@media (max-width: 768px) {
  .digital .beneficios .beneficios__container .beneficios--info {
    padding: 1rem 0;
  }
}
.digital .beneficios .beneficios__container .beneficios--info h1 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .digital .beneficios .beneficios__container .beneficios--info h1 {
    margin-top: 2rem;
  }
}
.digital .beneficios .beneficios__container .beneficios--info .mas-info {
  cursor: pointer;
}
.digital .beneficios .beneficios__container .beneficios--info .mas-info a {
  text-decoration: none;
}
.digital .beneficios .beneficios__container .beneficios--info .mas-info p {
  color: #0063f5;
  font-weight: bold;
}
.digital .beneficios .beneficios__container .beneficios--info .mas-info i {
  color: white;
  filter: drop-shadow(0px 0px 1px black);
  font-size: 2rem;
}

.digital.dark-mode .footer__container--links a:hover {
  color: #0063f5 !important;
}

.colegium::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.colegium .header .header__container--logo a {
  text-decoration: none;
}
.colegium .header .header__container--logo img {
  max-height: 6rem;
  padding: 0;
}
.colegium .header .header__container--logo img:nth-child(2) {
  max-height: 4rem;
  margin-left: 2rem;
}
.colegium .header .switch__container {
  background-color: #ff5353 !important;
}
.colegium .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.colegium .header .switch__container i img {
  height: 2rem;
}
.colegium .video {
  padding-top: 12rem;
}
.colegium .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.colegium .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.colegium .video .video__container .video__container--content {
  padding: 0 5rem;
  align-items: center;
}
.colegium .video .video__container .video__container--content p {
  font-size: 2rem;
  text-align: left;
  margin: 0;
}
@media (max-width: 992px) {
  .colegium .video .video__container .video__container--content p {
    margin-bottom: 4rem;
  }
}
.colegium .video .video__container .video__container--content video {
  width: 100%;
  border-radius: 4rem;
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.5882352941);
}
.colegium .iconos {
  margin-top: 5rem;
}
.colegium .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .colegium .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.colegium .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.colegium .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.colegium .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.colegium .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.colegium .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.colegium .info {
  margin-top: 5rem;
}
.colegium .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .colegium .info .info__container {
    padding: 4rem 2rem;
  }
}
.colegium .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.colegium .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .colegium .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.colegium .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.colegium footer .footer__container {
  display: block;
}
.colegium .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.colegium .formulario .form__container .form--title h1, .colegium .formulario .form__container .form--title h3 {
  font-weight: bold;
}
.colegium .formulario .form__container input, .colegium .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .colegium .formulario .form__container input, .colegium .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
.colegium .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
  .colegium .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
.colegium .formulario .form__container .form--inputs textarea {
  grid-column: 1/2;
  resize: none;
}
.colegium .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
.colegium .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  .colegium .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
.colegium .redes .redes__container .redes__container--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 992px) {
  .colegium .redes .redes__container .redes__container--content {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
}
.colegium .redes .redes__container .redes__container--content .content__qr {
  background-color: #070c37;
  color: black;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: white;
  border-radius: 4rem;
  padding: 2rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.colegium .redes .redes__container .redes__container--content .content__qr p {
  margin: 0;
}
.colegium .redes .redes__container .redes__container--content .content__qr .qr img {
  height: 12rem;
}
.colegium .redes .redes__container .redes__container--content .content__rrss {
  background-color: #070c37;
  border-radius: 4rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.colegium .redes .redes__container .redes__container--content .content__rrss a {
  color: white;
  text-decoration: none;
  font-size: 4rem;
  transition: all 0.2s ease-in;
}
.colegium .redes .redes__container .redes__container--content .content__rrss a:hover {
  opacity: 0.5;
}

.colegium.dark-mode .header {
  background-color: #0f212f !important;
}
.colegium.dark-mode .header .switch__container .light {
  opacity: 0;
}
.colegium.dark-mode .video__container {
  background-color: #0f212f !important;
}
.colegium.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.colegium.dark-mode .info__container {
  background-color: #0f212f !important;
}
.colegium.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.colegium.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.colegium.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.colegium.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}

.febos::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.febos .header .header__container--logo a {
  text-decoration: none;
}
.febos .header .header__container--logo img {
  max-height: 6rem;
  padding: 0;
}
.febos .header .header__container--logo img:nth-child(2) {
  max-height: 4rem;
  margin-left: 2rem;
}
.febos .header .switch__container {
  background-color: #0063f5 !important;
}
.febos .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.febos .header .switch__container i img {
  height: 2rem;
}
.febos .video {
  padding-top: 12rem;
}
.febos .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.febos .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.febos .video .video__container .video__container--content {
  padding: 0 5rem;
  align-items: center;
}
.febos .video .video__container .video__container--content p {
  font-size: 2rem;
  text-align: left;
  margin: 0;
}
@media (max-width: 992px) {
  .febos .video .video__container .video__container--content p {
    margin-bottom: 4rem;
  }
}
.febos .video .video__container .video__container--content video {
  width: 100%;
  border-radius: 4rem;
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.5882352941);
}
.febos .iconos {
  margin-top: 5rem;
}
.febos .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .febos .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.febos .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.febos .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
}
.febos .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.febos .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.febos .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.febos .info {
  margin-top: 5rem;
}
.febos .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .febos .info .info__container {
    padding: 4rem 2rem;
  }
}
.febos .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.febos .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .febos .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.febos .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.febos footer .footer__container {
  display: block;
}
.febos .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.febos .formulario .form__container .form--title h1, .febos .formulario .form__container .form--title h3 {
  font-weight: bold;
}
.febos .formulario .form__container input, .febos .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .febos .formulario .form__container input, .febos .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
.febos .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
  .febos .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
.febos .formulario .form__container .form--inputs textarea {
  grid-column: 1/2;
  resize: none;
}
.febos .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
.febos .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  .febos .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
.febos .redes .redes__container .redes__container--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 992px) {
  .febos .redes .redes__container .redes__container--content {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
}
.febos .redes .redes__container .redes__container--content .content__qr {
  background-color: #0063f5;
  color: black;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: white;
  border-radius: 4rem;
  padding: 2rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.febos .redes .redes__container .redes__container--content .content__qr p {
  margin: 0;
}
.febos .redes .redes__container .redes__container--content .content__qr .qr img {
  height: 12rem;
}
.febos .redes .redes__container .redes__container--content .content__rrss {
  background-color: #0063f5;
  border-radius: 4rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.febos .redes .redes__container .redes__container--content .content__rrss a {
  color: white;
  text-decoration: none;
  font-size: 4rem;
  transition: all 0.2s ease-in;
}
.febos .redes .redes__container .redes__container--content .content__rrss a:hover {
  opacity: 0.5;
}

.febos.dark-mode .header {
  background-color: #0f212f !important;
}
.febos.dark-mode .header .switch__container .light {
  opacity: 0;
}
.febos.dark-mode .video__container {
  background-color: #0f212f !important;
}
.febos.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.febos.dark-mode .info__container {
  background-color: #0f212f !important;
}
.febos.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.febos.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.febos.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.febos.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}

.godoworks::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.godoworks .header .header__container--logo a {
  text-decoration: none;
}
.godoworks .header .header__container--logo img {
  max-height: 6rem;
  padding: 0;
}
.godoworks .header .header__container--logo img:nth-child(2) {
  max-height: 4rem;
  margin-left: 2rem;
}
.godoworks .header .switch__container {
  background-color: #ff9a00;
}
.godoworks .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.godoworks .header .switch__container i img {
  height: 2rem;
}
.godoworks .video {
  padding-top: 12rem;
}
.godoworks .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.godoworks .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.godoworks .video .video__container .video__container--content {
  padding: 0 5rem;
  align-items: center;
}
.godoworks .video .video__container .video__container--content p {
  font-size: 2rem;
  text-align: left;
  margin: 0;
}
@media (max-width: 992px) {
  .godoworks .video .video__container .video__container--content p {
    margin-bottom: 4rem;
  }
}
.godoworks .video .video__container .video__container--content video {
  width: 100%;
  border-radius: 4rem;
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.5882352941);
}
.godoworks .iconos {
  margin-top: 5rem;
}
.godoworks .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .godoworks .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.godoworks .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.godoworks .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.godoworks .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.godoworks .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.godoworks .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.godoworks .info {
  margin-top: 5rem;
}
.godoworks .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .godoworks .info .info__container {
    padding: 4rem 2rem;
  }
}
.godoworks .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.godoworks .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .godoworks .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.godoworks .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.godoworks .info .info__container .info__container--quienes-somos span {
  font-weight: bold;
}
.godoworks footer .footer__container {
  display: block;
}
.godoworks .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.godoworks .formulario .form__container .form--title h1, .godoworks .formulario .form__container .form--title h3 {
  font-weight: bold;
}
.godoworks .formulario .form__container input, .godoworks .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .godoworks .formulario .form__container input, .godoworks .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
.godoworks .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
  .godoworks .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
.godoworks .formulario .form__container .form--inputs textarea {
  grid-column: 1/2;
  resize: none;
}
.godoworks .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
.godoworks .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  .godoworks .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
.godoworks .redes .redes__container .redes__container--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 992px) {
  .godoworks .redes .redes__container .redes__container--content {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
}
.godoworks .redes .redes__container .redes__container--content .content__qr {
  background-color: #ff9a00;
  color: black;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: white;
  border-radius: 4rem;
  padding: 2rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.godoworks .redes .redes__container .redes__container--content .content__qr p {
  margin: 0;
}
.godoworks .redes .redes__container .redes__container--content .content__qr .qr img {
  height: 12rem;
}
.godoworks .redes .redes__container .redes__container--content .content__rrss {
  background-color: #ff9a00;
  border-radius: 4rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.godoworks .redes .redes__container .redes__container--content .content__rrss a {
  color: white;
  text-decoration: none;
  font-size: 4rem;
  transition: all 0.2s ease-in;
}
.godoworks .redes .redes__container .redes__container--content .content__rrss a:hover {
  opacity: 0.5;
}

.godoworks.dark-mode .header {
  background-color: #0f212f !important;
}
.godoworks.dark-mode .header .switch__container .light {
  opacity: 0;
}
.godoworks.dark-mode .video__container {
  background-color: #0f212f !important;
}
.godoworks.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.godoworks.dark-mode .info__container {
  background-color: #0f212f !important;
}
.godoworks.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.godoworks.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.godoworks.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.godoworks.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}

.letstalk::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.letstalk .header .header__container--logo a {
  text-decoration: none;
}
.letstalk .header .header__container--logo img {
  max-height: 6rem;
  padding: 0;
}
.letstalk .header .header__container--logo img:nth-child(2) {
  max-height: 4rem;
  margin-left: 2rem;
}
.letstalk .header .switch__container {
  background-color: #00ccff !important;
}
.letstalk .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.letstalk .header .switch__container i img {
  height: 2rem;
}
.letstalk .video {
  padding-top: 12rem;
}
.letstalk .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.letstalk .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.letstalk .video .video__container .video__container--content {
  padding: 0 5rem;
  align-items: center;
}
.letstalk .video .video__container .video__container--content p {
  font-size: 2rem;
  text-align: left;
  margin: 0;
}
@media (max-width: 992px) {
  .letstalk .video .video__container .video__container--content p {
    margin-bottom: 4rem;
  }
}
.letstalk .video .video__container .video__container--content video {
  width: 100%;
  border-radius: 4rem;
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.5882352941);
}
.letstalk .iconos {
  margin-top: 5rem;
}
.letstalk .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .letstalk .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.letstalk .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.letstalk .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.letstalk .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.letstalk .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.letstalk .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.letstalk .info {
  margin-top: 5rem;
}
.letstalk .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .letstalk .info .info__container {
    padding: 4rem 2rem;
  }
}
.letstalk .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.letstalk .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .letstalk .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.letstalk .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.letstalk .info .info__container .info__container--quienes-somos span {
  font-weight: bold;
}
.letstalk .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.letstalk .formulario .form__container .form--title h1, .letstalk .formulario .form__container .form--title h3 {
  font-weight: bold;
}
.letstalk .formulario .form__container input, .letstalk .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .letstalk .formulario .form__container input, .letstalk .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
.letstalk .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
  .letstalk .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
.letstalk .formulario .form__container .form--inputs textarea {
  grid-column: 1/2;
  resize: none;
}
.letstalk .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
.letstalk .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  .letstalk .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
.letstalk .redes .redes__container .redes__container--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 992px) {
  .letstalk .redes .redes__container .redes__container--content {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
}
.letstalk .redes .redes__container .redes__container--content .content__qr {
  background-color: #00ccff;
  color: black;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: white;
  border-radius: 4rem;
  padding: 2rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.letstalk .redes .redes__container .redes__container--content .content__qr p {
  margin: 0;
}
.letstalk .redes .redes__container .redes__container--content .content__qr .qr img {
  height: 12rem;
}
.letstalk .redes .redes__container .redes__container--content .content__rrss {
  background-color: #00ccff;
  border-radius: 4rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.letstalk .redes .redes__container .redes__container--content .content__rrss a {
  color: white;
  text-decoration: none;
  font-size: 4rem;
}
.letstalk footer .footer__container {
  display: block;
}

.letstalk.dark-mode .header {
  background-color: #0f212f !important;
}
.letstalk.dark-mode .header .switch__container .light {
  opacity: 0;
}
.letstalk.dark-mode .video__container {
  background-color: #0f212f !important;
}
.letstalk.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.letstalk.dark-mode .info__container {
  background-color: #0f212f !important;
}
.letstalk.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.letstalk.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.letstalk.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.letstalk.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}

.snabb::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.snabb .header .header__container--logo img {
  max-height: 6rem;
  padding: 1rem;
}
.snabb .header .switch__container {
  background-color: #00ccff !important;
}
.snabb .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.snabb .header .switch__container i img {
  height: 2rem;
}
.snabb .video {
  padding-top: 12rem;
}
.snabb .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.snabb .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.snabb .video .video__container .video__container--content video {
  height: 40rem;
  border-radius: 4rem;
}
@media (max-width: 992px) {
  .snabb .video .video__container .video__container--content video {
    height: 30rem;
  }
}
@media (max-width: 768px) {
  .snabb .video .video__container .video__container--content video {
    height: 18rem;
  }
}
.snabb .iconos {
  margin-top: 5rem;
}
.snabb .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .snabb .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.snabb .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.snabb .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.snabb .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.snabb .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.snabb .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.snabb .info {
  margin-top: 5rem;
}
.snabb .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .snabb .info .info__container {
    padding: 4rem 2rem;
  }
}
.snabb .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.snabb .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .snabb .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.snabb .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.snabb .info .info__container .info__container--quienes-somos span {
  font-weight: bold;
}
.snabb .conoce-mas {
  margin-top: 5rem;
}
.snabb .conoce-mas .conoce-mas__container {
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 3rem 5rem;
  background-color: white;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .snabb .conoce-mas .conoce-mas__container .conoce-mas--content {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 4rem;
  }
  .snabb .conoce-mas .conoce-mas__container .conoce-mas--content .link a {
    justify-content: center;
  }
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info {
  display: flex;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  flex: 2 1 0;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info img {
  height: 8rem;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info p {
  margin: 0;
  font-weight: bold;
  color: #116fa0;
  font-size: 2rem;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .qr {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .qr a {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: black;
  font-weight: bold;
  text-align: center;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .qr a::after {
  content: "Disponible en Chile";
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .qr img {
  height: 15rem;
  border-radius: 2rem;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .link {
  flex: 1 1 0;
  text-align: center;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  font-size: 2rem;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .link a {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: black;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .link a:hover {
  color: #00ccff;
}
.snabb .conoce-mas .conoce-mas__container .conoce-mas--content .link a p {
  margin: 0;
  margin-left: 1rem;
}
.snabb footer .footer__container {
  display: block;
}

.snabb.dark-mode .header {
  background-color: #0f212f !important;
}
.snabb.dark-mode .header .switch__container .light {
  opacity: 0;
}
.snabb.dark-mode .video__container {
  background-color: #0f212f !important;
}
.snabb.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.snabb.dark-mode .info__container {
  background-color: #0f212f !important;
}
.snabb.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.snabb.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.snabb.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.snabb.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}

.grupotx::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.grupotx .header .header__container--logo img {
  max-height: 6rem;
  padding: 1rem;
}
.grupotx .header .switch__container {
  background-color: #0063f5 !important;
}
.grupotx .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.grupotx .header .switch__container i img {
  height: 2rem;
}
.grupotx .video {
  padding-top: 12rem;
}
.grupotx .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.grupotx .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.grupotx .video .video__container .video__container--content video {
  height: 40rem;
  border-radius: 4rem;
}
@media (max-width: 992px) {
  .grupotx .video .video__container .video__container--content video {
    height: 30rem;
  }
}
@media (max-width: 768px) {
  .grupotx .video .video__container .video__container--content video {
    height: 20rem;
  }
}
.grupotx .iconos {
  margin-top: 5rem;
}
.grupotx .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .grupotx .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.grupotx .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.grupotx .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grupotx .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.grupotx .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.grupotx .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.grupotx .info {
  margin-top: 5rem;
}
.grupotx .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .grupotx .info .info__container {
    padding: 4rem 2rem;
  }
}
.grupotx .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.grupotx .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .grupotx .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.grupotx .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.grupotx .info .info__container .info__container--quienes-somos span {
  font-weight: bold;
}
.grupotx .conoce-mas {
  margin-top: 5rem;
}
.grupotx .conoce-mas .conoce-mas__container {
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 3rem 5rem;
  background-color: white;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .grupotx .conoce-mas .conoce-mas__container .conoce-mas--content {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 4rem;
  }
  .grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .link a {
    justify-content: center;
  }
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info {
  display: flex;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  flex: 2 1 0;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info img {
  height: 7rem;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info p {
  margin: 0;
  font-weight: bold;
  color: #282d68;
  font-size: 2rem;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .qr {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .qr a {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: black;
  font-weight: bold;
  text-align: center;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .qr a::after {
  content: "¡CONTACTENOS!";
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .qr img {
  height: 15rem;
  border-radius: 2rem;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .link {
  flex: 1 1 0;
  text-align: center;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  font-size: 2rem;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .link a {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: black;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .link a:hover {
  color: #0063f5;
}
.grupotx .conoce-mas .conoce-mas__container .conoce-mas--content .link a p {
  margin: 0;
  margin-left: 1rem;
}
.grupotx footer .footer__container {
  display: block;
}

.grupotx.dark-mode .header {
  background-color: #0f212f !important;
}
.grupotx.dark-mode .header .switch__container .light {
  opacity: 0;
}
.grupotx.dark-mode .video__container {
  background-color: #0f212f !important;
}
.grupotx.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.grupotx.dark-mode .info__container {
  background-color: #0f212f !important;
}
.grupotx.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.grupotx.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.grupotx.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.grupotx.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1) !important;
}

.immail::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.immail .header .header__container--logo a {
  text-decoration: none;
}
.immail .header .header__container--logo img {
  max-height: 6rem;
  padding: 0;
}
.immail .header .header__container--logo img:nth-child(2) {
  max-height: 4rem;
  margin-left: 2rem;
}
.immail .header .switch__container {
  background-color: #0063f5 !important;
}
.immail .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.immail .header .switch__container i img {
  height: 2rem;
}
.immail .video {
  padding-top: 12rem;
}
.immail .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.immail .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.immail .video .video__container .video__container--content {
  padding: 0 5rem;
  align-items: center;
}
.immail .video .video__container .video__container--content p {
  font-size: 2rem;
  text-align: left;
  margin: 0;
}
@media (max-width: 992px) {
  .immail .video .video__container .video__container--content p {
    margin-bottom: 4rem;
  }
}
.immail .video .video__container .video__container--content video {
  width: 100%;
  border-radius: 4rem;
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.5882352941);
}
.immail .iconos {
  margin-top: 5rem;
}
.immail .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .immail .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.immail .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.immail .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.immail .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.immail .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.immail .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.immail .info {
  margin-top: 5rem;
}
.immail .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .immail .info .info__container {
    padding: 4rem 2rem;
  }
}
.immail .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.immail .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .immail .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.immail .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.immail .info .info__container .info__container--quienes-somos span {
  font-weight: bold;
}
.immail footer .footer__container {
  display: block;
}
.immail .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.immail .formulario .form__container .form--title h1, .immail .formulario .form__container .form--title h3 {
  font-weight: bold;
}
.immail .formulario .form__container input, .immail .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .immail .formulario .form__container input, .immail .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
.immail .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
  .immail .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
.immail .formulario .form__container .form--inputs textarea {
  grid-column: 1/2;
  resize: none;
}
.immail .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
.immail .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  .immail .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
.immail .redes .redes__container .redes__container--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 992px) {
  .immail .redes .redes__container .redes__container--content {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
}
.immail .redes .redes__container .redes__container--content .content__qr {
  background-color: #0063f5;
  color: black;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: white;
  border-radius: 4rem;
  padding: 2rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.immail .redes .redes__container .redes__container--content .content__qr p {
  margin: 0;
}
.immail .redes .redes__container .redes__container--content .content__qr .qr img {
  height: 12rem;
}
.immail .redes .redes__container .redes__container--content .content__rrss {
  background-color: #0063f5;
  border-radius: 4rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.immail .redes .redes__container .redes__container--content .content__rrss a {
  color: white;
  text-decoration: none;
  font-size: 4rem;
  transition: all 0.2s ease-in;
}
.immail .redes .redes__container .redes__container--content .content__rrss a:hover {
  opacity: 0.5;
}

.immail.dark-mode .header {
  background-color: #0f212f !important;
}
.immail.dark-mode .header .switch__container .light {
  opacity: 0;
}
.immail.dark-mode .video__container {
  background-color: #0f212f !important;
}
.immail.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.immail.dark-mode .info__container {
  background-color: #0f212f !important;
}
.immail.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.immail.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.immail.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.immail.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}

.smart::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.smart .header .header__container--logo a {
  text-decoration: none;
}
.smart .header .header__container--logo img {
  max-height: 5rem;
  padding: 0;
}
.smart .header .header__container--logo img:nth-child(2) {
  max-height: 4rem;
  margin-left: 2rem;
}
.smart .header .switch__container {
  background-color: #0063f5 !important;
}
.smart .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.smart .header .switch__container i img {
  height: 2rem;
}
.smart .video {
  padding-top: 12rem;
}
.smart .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.smart .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.smart .video .video__container .video__container--content {
  padding: 0 5rem;
  align-items: center;
}
.smart .video .video__container .video__container--content p {
  font-size: 2rem;
  text-align: left;
  margin: 0;
}
@media (max-width: 992px) {
  .smart .video .video__container .video__container--content p {
    margin-bottom: 4rem;
  }
}
.smart .video .video__container .video__container--content video {
  width: 100%;
  border-radius: 4rem;
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.5882352941);
}
.smart .iconos {
  margin-top: 5rem;
}
.smart .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .smart .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.smart .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.smart .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smart .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.smart .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.smart .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.smart .info {
  margin-top: 5rem;
}
.smart .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .smart .info .info__container {
    padding: 4rem 2rem;
  }
}
.smart .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.smart .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .smart .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.smart .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.smart .info .info__container .info__container--quienes-somos span {
  font-weight: bold;
}
.smart .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.smart .formulario .form__container .form--title h1, .smart .formulario .form__container .form--title h3 {
  font-weight: bold;
}
.smart .formulario .form__container input, .smart .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .smart .formulario .form__container input, .smart .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
.smart .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
  .smart .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
.smart .formulario .form__container .form--inputs textarea {
  grid-column: 1/2;
  resize: none;
}
.smart .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
.smart .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  .smart .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
.smart .redes .redes__container .redes__container--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 992px) {
  .smart .redes .redes__container .redes__container--content {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
}
.smart .redes .redes__container .redes__container--content .content__qr {
  background-color: #0063f5;
  color: black;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: white;
  border-radius: 4rem;
  padding: 2rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.smart .redes .redes__container .redes__container--content .content__qr p {
  margin: 0;
}
.smart .redes .redes__container .redes__container--content .content__qr .qr img {
  height: 12rem;
}
.smart .redes .redes__container .redes__container--content .content__rrss {
  background-color: #0063f5;
  border-radius: 4rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.smart .redes .redes__container .redes__container--content .content__rrss a {
  color: white;
  text-decoration: none;
  font-size: 4rem;
  transition: all 0.2s ease-in;
}
.smart .redes .redes__container .redes__container--content .content__rrss a:hover {
  opacity: 0.5;
}
.smart footer .footer__container {
  display: block;
}

.smart.dark-mode .header {
  background-color: #0f212f !important;
}
.smart.dark-mode .header .switch__container .light {
  opacity: 0;
}
.smart.dark-mode .video__container {
  background-color: #0f212f !important;
}
.smart.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.smart.dark-mode .info__container {
  background-color: #0f212f !important;
}
.smart.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.smart.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.smart.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.smart.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}

.unitech::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
.unitech .header .header__container--logo a {
  text-decoration: none;
}
.unitech .header .header__container--logo img {
  max-height: 6rem;
  padding: 1rem;
}
.unitech .header .header__container--logo img:nth-child(2) {
  max-height: 6rem;
  margin-left: 2rem;
}
.unitech .header .switch__container {
  background-color: #ff9a00 !important;
}
.unitech .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.unitech .header .switch__container i img {
  height: 2rem;
}
.unitech .video {
  padding-top: 12rem;
}
.unitech .video .video__container {
  text-align: center;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.unitech .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.unitech .video .video__container .video__container--content {
  padding: 0 5rem;
  align-items: center;
}
.unitech .video .video__container .video__container--content p {
  font-size: 2rem;
  text-align: left;
  margin: 0;
}
@media (max-width: 992px) {
  .unitech .video .video__container .video__container--content p {
    margin-bottom: 4rem;
  }
}
.unitech .video .video__container .video__container--content video {
  width: 100%;
  border-radius: 4rem;
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.5882352941);
}
.unitech .iconos {
  margin-top: 5rem;
}
.unitech .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .unitech .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.unitech .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.unitech .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.unitech .iconos .iconos__container .iconos__container--content .img img {
  max-width: 5rem;
  max-height: 5rem;
}
.unitech .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.unitech .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.unitech .info {
  margin-top: 5rem;
}
.unitech .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .unitech .info .info__container {
    padding: 4rem 2rem;
  }
}
.unitech .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.unitech .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .unitech .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.unitech .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.unitech .info .info__container .info__container--quienes-somos span {
  font-weight: bold;
}
.unitech .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.unitech .formulario .form__container .form--title h1, .unitech .formulario .form__container .form--title h3 {
  font-weight: bold;
}
.unitech .formulario .form__container input, .unitech .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .unitech .formulario .form__container input, .unitech .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
.unitech .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
  .unitech .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
.unitech .formulario .form__container .form--inputs textarea {
  grid-column: 1/2;
  resize: none;
}
.unitech .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
.unitech .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  .unitech .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
.unitech .redes .redes__container .redes__container--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 992px) {
  .unitech .redes .redes__container .redes__container--content {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
}
.unitech .redes .redes__container .redes__container--content .content__qr {
  background-color: #ff9a00;
  color: black;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: white;
  border-radius: 4rem;
  padding: 2rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.unitech .redes .redes__container .redes__container--content .content__qr p {
  margin: 0;
}
.unitech .redes .redes__container .redes__container--content .content__qr .qr img {
  height: 12rem;
}
.unitech .redes .redes__container .redes__container--content .content__rrss {
  background-color: #ff9a00;
  border-radius: 4rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.unitech .redes .redes__container .redes__container--content .content__rrss a {
  color: white;
  text-decoration: none;
  font-size: 4rem;
  transition: all 0.2s ease-in;
}
.unitech .redes .redes__container .redes__container--content .content__rrss a:hover {
  opacity: 0.5;
}
.unitech footer .footer__container {
  display: block;
}

.unitech.dark-mode .header {
  background-color: #0f212f !important;
}
.unitech.dark-mode .header .switch__container .light {
  opacity: 0;
}
.unitech.dark-mode .video__container {
  background-color: #0f212f !important;
}
.unitech.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.unitech.dark-mode .info__container {
  background-color: #0f212f !important;
}
.unitech.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.unitech.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.unitech.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.unitech.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}

.msa::before {
  content: "";
  background-image: url(../image/entramado2.jpg);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -100;
  background-size: cover;
}
.msa .header {
  background-color: #65afe1;
}
.msa .header a {
  color: white !important;
}
.msa .header .header__container--logo {
  padding: 1rem;
}
.msa .header .header__container--logo img {
  max-height: 3rem;
  padding: 0rem;
  filter: grayscale(1) brightness(100);
}
.msa .header .switch__container {
  background-color: #ff9a00 !important;
}
.msa .header .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.msa .header .switch__container i img {
  height: 2rem;
}
.msa .video {
  padding-top: 12rem;
}
.msa .video .video__container {
  text-align: left;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 4rem 0;
  background-color: white;
}
.msa .video .video__container .video__container--title {
  padding: 0 5rem;
}
.msa .video .video__container .video__container--title h1 {
  font-weight: bold;
  margin-bottom: 4rem;
  font-size: 4rem;
}
.msa .video .video__container .video__container--content {
  padding: 0 5rem;
  align-items: center;
}
.msa .video .video__container .video__container--content p {
  font-size: 2rem;
  text-align: left;
  margin: 0;
}
@media (max-width: 992px) {
  .msa .video .video__container .video__container--content p {
    margin-bottom: 4rem;
  }
}
.msa .video .video__container .video__container--content video {
  width: 100%;
  border-radius: 4rem;
  box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.5882352941);
}
.msa .iconos {
  margin-top: 5rem;
}
.msa .iconos .iconos__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 992px) {
  .msa .iconos .iconos__container {
    flex-wrap: wrap;
  }
}
.msa .iconos .iconos__container .iconos__container--content {
  background-color: white;
  width: 100%;
  padding: 1rem;
  height: 7rem;
  align-items: center;
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  position: relative;
  display: flex;
  justify-content: center;
}
.msa .iconos .iconos__container .iconos__container--content .img {
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 5px -1px black;
}
.msa .iconos .iconos__container .iconos__container--content .img img {
  max-width: 3rem;
  max-height: 3rem;
  filter: invert(1);
}
.msa .iconos .iconos__container .iconos__container--content #img1 {
  background-color: #ea7b51;
}
.msa .iconos .iconos__container .iconos__container--content #img2 {
  background-color: #dfaf61;
}
.msa .iconos .iconos__container .iconos__container--content #img3 {
  background-color: #8ac75a;
}
.msa .iconos .iconos__container .iconos__container--content .text {
  text-align: center;
  padding: 0 6rem;
}
.msa .iconos .iconos__container .iconos__container--content .text p {
  margin: 0;
  font-weight: bold;
}
.msa .info {
  margin-top: 5rem;
}
.msa .info .info__container {
  border-radius: 4rem;
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  padding: 4rem;
  background: white;
}
@media (max-width: 768px) {
  .msa .info .info__container {
    padding: 4rem 2rem;
  }
}
.msa .info .info__container .info__container--quienes-somos {
  border-radius: 4rem;
  padding: 2rem 3rem;
  overflow: hidden;
  max-height: 6rem;
  min-height: 6rem;
  margin-bottom: 3rem;
  box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}
.msa .info .info__container .info__container--quienes-somos:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .msa .info .info__container .info__container--quienes-somos {
    padding: 2rem;
  }
}
.msa .info .info__container .info__container--quienes-somos .title {
  margin-bottom: 2rem;
  font-weight: bold;
}
.msa .info .info__container .info__container--quienes-somos span {
  font-weight: bold;
}
.msa .conoce-mas {
  margin-top: 5rem;
}
.msa .conoce-mas .conoce-mas__container {
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 3rem 5rem;
  background-color: white;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .msa .conoce-mas .conoce-mas__container .conoce-mas--content {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 4rem;
  }
  .msa .conoce-mas .conoce-mas__container .conoce-mas--content .link a {
    justify-content: center;
  }
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info {
  display: flex;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  flex: 2 1 0;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info img {
  height: 8rem;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .logo-info p {
  margin: 0;
  font-weight: bold;
  color: #1493b8;
  font-size: 2rem;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .qr {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .qr a {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: black;
  font-weight: bold;
  text-align: center;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .qr a::after {
  content: "¡CONTACTENOS!";
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .qr img {
  height: 15rem;
  border-radius: 2rem;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .link {
  flex: 1 1 0;
  text-align: center;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  font-size: 2rem;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .link a {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: black;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .link a:hover {
  color: #00ccff;
}
.msa .conoce-mas .conoce-mas__container .conoce-mas--content .link a p {
  margin: 0;
  margin-left: 1rem;
}
.msa .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.msa .formulario .form__container .form--title h1, .msa .formulario .form__container .form--title h3 {
  font-weight: bold;
}
.msa .formulario .form__container input, .msa .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .msa .formulario .form__container input, .msa .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
.msa .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
  .msa .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
.msa .formulario .form__container .form--inputs textarea {
  grid-column: 1/3;
  resize: none;
}
.msa .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
.msa .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  .msa .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
.msa .casos {
  margin-top: 5rem;
}
.msa .casos .casos__container {
  box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.42);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
.msa .casos .casos__container .casos__container--title h2 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 2rem;
}
.msa .casos .casos__container .casos__container--content {
  display: flex;
  justify-content: space-between;
  color: white;
  gap: 3rem;
}
@media (max-width: 992px) {
  .msa .casos .casos__container .casos__container--content {
    flex-wrap: wrap;
  }
}
.msa .casos .casos__container .casos__container--content a {
  width: 100%;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.msa .casos .casos__container .casos__container--content a:hover {
  font-size: 2rem;
}
.msa .casos .casos__container .casos__container--content a:hover > div {
  opacity: 0.8;
}
.msa .casos .casos__container .casos__container--content .caso1 {
  background: #65afe1;
  width: 100%;
  border-radius: 4rem;
  height: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in;
}
.msa .casos .casos__container .casos__container--content .caso2 {
  background: #ea7b51;
  width: 100%;
  border-radius: 4rem;
  height: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in;
}
.msa .redes .redes__container .redes__container--content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
@media (max-width: 992px) {
  .msa .redes .redes__container .redes__container--content {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
}
.msa .redes .redes__container .redes__container--content .content__qr {
  background-color: white;
  color: black;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #00ccff;
  border-radius: 4rem;
  padding: 2rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.msa .redes .redes__container .redes__container--content .content__qr a {
  margin: 0;
  text-decoration: none;
}
.msa .redes .redes__container .redes__container--content .content__qr .qr img {
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
}
.msa .redes .redes__container .redes__container--content .content__rrss {
  background-color: white;
  border-radius: 4rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
.msa .redes .redes__container .redes__container--content .content__rrss a {
  color: black;
  text-decoration: none;
  font-size: 4rem;
}
.msa #exampleModal {
  cursor: pointer;
}
.msa .modal-content {
  border-radius: 4rem;
  overflow: hidden;
}
.msa .modal-content .modal-body {
  height: 100%;
  position: relative;
}
.msa .modal-content .modal-body .btn-close {
  position: absolute;
  right: 3rem;
  top: 3rem;
}
.msa #exampleModal2 .modal-content {
  padding: 2rem;
  color: black;
  background-image: url(/image/entramado2.jpg);
  background-size: cover;
}
.msa #exampleModal2 .modal-content h2 {
  margin-bottom: 3rem;
  line-height: 6rem;
}
.msa #exampleModal2 .modal-content h2 span {
  font-weight: bolder;
  font-size: 2rem;
  background-color: #65afe1;
  padding: 2rem;
  border-radius: 18rem 40rem 26rem 48rem;
  color: white;
}
.msa #exampleModal2 .modal-content form {
  display: flex;
  flex-wrap: wrap;
}
.msa #exampleModal2 .modal-content form .btn {
  background-color: #65afe1;
  border: none;
  width: 50%;
  padding: 1rem 2rem;
  border-radius: 4rem;
  margin-top: 2rem;
  font-size: 1.8rem;
}
.msa #exampleModal2 .modal-content form .btn i {
  margin-right: 1rem;
}
.msa #exampleModal2 .modal-content #nombre-popup {
  border-radius: 4rem;
  border: 1px solid #dedede;
  padding: 1rem 2rem;
  width: 100%;
  margin-bottom: 1rem;
}
.msa #exampleModal2 .modal-content input[type=email] {
  border-radius: 4rem;
  border: 1px solid #dedede;
  padding: 1rem 2rem;
  width: 50%;
}
.msa #exampleModal2 .modal-content #empresa-popup {
  border-radius: 4rem;
  border: 1px solid #dedede;
  padding: 1rem 2rem;
  width: 50%;
}
.msa footer {
  background-image: url(/image/footer-msa.jpeg);
}
.msa footer .footer__container {
  display: block;
}
.msa .sk-fading-circle {
  display: none;
}
.msa .sk-fading-circle {
  margin-top: 2rem;
  margin-left: 1rem;
  width: 40px;
  height: 40px;
  position: relative;
}
.msa .sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.msa .sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.msa .sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.msa .sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.msa .sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.msa .sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.msa .sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.msa .sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.msa .sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.msa .sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.msa .sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.msa .sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.msa .sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.msa .sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.msa .sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.msa .sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.msa .sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.msa .sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.msa .sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.msa .sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.msa .sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.msa .sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.msa .sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.msa .sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

.msa.dark-mode .header {
  background-color: #0f212f !important;
}
.msa.dark-mode .header .switch__container .light {
  opacity: 0;
}
.msa.dark-mode .video__container {
  background-color: #0f212f !important;
}
.msa.dark-mode .iconos__container--content {
  background-color: #0f212f !important;
}
.msa.dark-mode .info__container {
  background-color: #0f212f !important;
}
.msa.dark-mode .info__container .info__container--quienes-somos {
  background-color: #162b3c !important;
}
.msa.dark-mode .conoce-mas__container {
  background-color: #0f212f !important;
}
.msa.dark-mode .casos__container {
  background-color: #0f212f !important;
}
.msa.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.msa.dark-mode .conoce-mas--content .logo-info {
  filter: brightness(100) grayscale(1);
}
.msa.dark-mode .content__rrss, .msa.dark-mode .content__qr {
  background-color: #0f212f !important;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  cursor: url("../image/aws-logo.png") 15 15, default;
  font-size: 1.6rem;
  font-family: "Manrope", sans-serif;
}
body::before {
  content: "";
  background-image: url(../image/entramado1.png);
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -100;
  background-size: cover;
}
body header {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1098039216);
  position: fixed;
  width: 100%;
  z-index: 90;
  background-color: #fff;
}
body header .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
body header .header__container .mobile__bars {
  font-size: 3rem;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in;
}
body header .header__container .mobile__bars .hidden {
  height: 3rem;
  width: 2.5rem;
}
body header .header__container .mobile__bars i {
  position: absolute;
}
body header .header__container .mobile__bars .icon-hidden {
  opacity: 0;
}
body header .header__container .header__container--logo img {
  max-height: 7rem;
  padding: 1rem;
}
body header .header__container .header__container--menu {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  body header .header__container .header__container--menu {
    display: none;
    flex-direction: column;
  }
}
body header .header__container .header__container--menu .menu__container {
  display: flex;
}
body header .header__container .header__container--menu .menu__container a {
  text-decoration: none;
  color: black;
  margin: 1rem;
  transition: all 0.2s ease-in;
}
body header .header__container .header__container--menu .menu__container a:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  body header .header__container .header__container--menu .menu__container {
    flex-direction: column;
    text-align: center;
  }
}
body header .header__container .header__container--menu .switch__container {
  cursor: pointer;
  height: 3rem;
  width: 7rem;
  background-color: #ff9a00;
  display: flex;
  padding: -0.8rem 2rem;
  align-items: center;
  justify-content: space-around;
  border-radius: 2rem;
  transition: all 0.4s ease-in;
}
@media (max-width: 768px) {
  body header .header__container .header__container--menu .switch__container {
    margin-bottom: 1rem;
  }
}
body header .header__container .header__container--menu .switch__container #dark-mode {
  opacity: 0;
  transition: all 0.4s ease-in;
}
body header .header__container .header__container--menu .switch__container i {
  background: white;
  border-radius: 50%;
  padding: 4px;
}
body main .hero__container {
  padding-top: 10rem;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 768px) {
  body main .hero__container {
    flex-direction: column;
  }
}
body main .hero__container .hero__container--img {
  background-image: url(../image/hero.jpg);
  height: 45rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 4rem;
  transition: all 2s linear;
}
@media (max-width: 768px) {
  body main .hero__container .hero__container--img {
    height: 30rem;
  }
}
body main .hero__container .hero__content--title {
  height: 20rem;
  padding: 1rem;
  transform: translateY(-5rem);
  margin-bottom: 5rem;
  margin-left: 5rem;
}
@media (max-width: 768px) {
  body main .hero__container .hero__content--title {
    margin-bottom: 2rem;
    margin-left: 0;
    transform: translateY(0);
    animation: fadeupmobile 2s linear 1;
  }
  @keyframes fadeupmobile {
    0% {
      opacity: 0;
      transform: translateY(-15rem);
    }
    50% {
      opacity: 0.5;
      transform: translateY(-8rem);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
}
body main .hero__container .hero__content--title h1 {
  font-weight: bold;
  font-size: 6rem;
}
@media (max-width: 768px) {
  body main .hero__container .hero__content--title h1 {
    font-size: 4rem;
  }
}
body main .hero__container .hero__container--content {
  padding: 0 1rem;
  margin-top: 1rem;
}
body main .hero__container .hero__container--content .hero__content--info {
  margin-left: 5rem;
  margin-right: 10rem;
}
@media (max-width: 768px) {
  body main .hero__container .hero__container--content .hero__content--info {
    margin-left: 0;
    margin-right: 0;
  }
}
body main .hero__container .hero__container--content .hero__content--info .swiper .swiper-wrapper {
  text-align: justify;
}
body main .hero__container .hero__container--content .hero__content--info .swiper .swiper-buttons {
  display: flex;
  justify-content: end;
  margin-top: 3rem;
  gap: 1rem;
}
body main .hero__container .hero__container--content .hero__content--info .swiper .swiper-buttons i {
  font-size: 2.5rem;
}
body main .soluciones {
  margin-top: 5rem;
}
body main .soluciones .soluciones__container {
  border-radius: 4rem;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  padding: 3rem;
  background-color: white;
}
body main .soluciones .soluciones__container .soluciones__container--sub h3 {
  font-weight: bold;
  text-transform: uppercase;
}
body main .soluciones .soluciones__container .soluciones__container--sub {
  display: flex;
  align-items: center;
  gap: 2rem;
}
body main .soluciones .soluciones__container .soluciones__container--sub .color-circles i:nth-child(1) {
  color: #ff9a00;
}
body main .soluciones .soluciones__container .soluciones__container--sub .color-circles i:nth-child(2) {
  color: #ff5353;
}
body main .soluciones .soluciones__container .soluciones__container--sub .color-circles i:nth-child(3) {
  color: #00ccff;
}
body main .soluciones .soluciones__container .soluciones__container--sub .color-circles i:nth-child(4) {
  color: #0063f5;
}
body main .soluciones .soluciones__container .soluciones__container--title h1 {
  font-weight: bold;
}
body main .make-work .make-work__container .make-work__container--content_1 {
  display: flex;
}
body main .make-work .make-work__container .make-work__container--content_1 .container-color_1 {
  background-color: #ff9a00;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
body main .make-work .make-work__container .make-work__container--content_1 .container-color_1 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_1 .container-color_1 p {
    font-size: 1rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_1 .container-color_1 .color-extension_1 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #ff9a00;
  right: -10rem;
  opacity: 0;
}
body main .make-work .make-work__container .make-work__container--content_1 .container-info_1 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
body main .make-work .make-work__container .make-work__container--content_1 .container-info_1 a {
  text-decoration: none;
  color: black;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .make-work .make-work__container .make-work__container--content_1 .container-info_1 img {
  height: 8rem;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_1 .container-info_1 img {
    height: 5rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_1 .container-info_1 p {
  margin-bottom: 0.5rem;
}
body main .make-work .make-work__container .make-work__container--content_1 .container-info_1 h3 {
  color: #ff9a00;
  font-weight: bold;
  font-size: 2rem;
}
body main .make-work .make-work__container .make-work__container--content_2 {
  display: flex;
  margin-top: 3rem;
}
body main .make-work .make-work__container .make-work__container--content_2 .container-color_2 {
  background-color: #ff5353;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
body main .make-work .make-work__container .make-work__container--content_2 .container-color_2 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_2 .container-color_2 p {
    font-size: 1rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_2 .container-color_2 .color-extension_2 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #ff5353;
  right: -10rem;
  opacity: 0;
}
body main .make-work .make-work__container .make-work__container--content_2 .container-info_2 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
body main .make-work .make-work__container .make-work__container--content_2 .container-info_2 a {
  text-decoration: none;
  color: black;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .make-work .make-work__container .make-work__container--content_2 .container-info_2 img {
  height: 8rem;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_2 .container-info_2 img {
    height: 5rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_2 .container-info_2 h3 {
  color: #ff5353;
  font-weight: bold;
  font-size: 2rem;
}
body main .make-work .make-work__container .make-work__container--content_2 .container-info_2 p {
  margin-bottom: 0.5rem;
}
body main .make-work .make-work__container .make-work__container--content_3 {
  display: flex;
  margin-top: 3rem;
}
body main .make-work .make-work__container .make-work__container--content_3 .container-color_3 {
  background-color: #00ccff;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
body main .make-work .make-work__container .make-work__container--content_3 .container-color_3 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_3 .container-color_3 p {
    font-size: 1rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_3 .container-color_3 .color-extension_3 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #00ccff;
  right: -10rem;
  opacity: 0;
}
body main .make-work .make-work__container .make-work__container--content_3 .container-info_3 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
body main .make-work .make-work__container .make-work__container--content_3 .container-info_3 a {
  text-decoration: none;
  color: black;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .make-work .make-work__container .make-work__container--content_3 .container-info_3 img {
  height: 8rem;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_3 .container-info_3 img {
    height: 5rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_3 .container-info_3 h3 {
  color: #00ccff;
  font-weight: bold;
  font-size: 2rem;
}
body main .make-work .make-work__container .make-work__container--content_3 .container-info_3 p {
  margin-bottom: 0.5rem;
}
body main .make-work .make-work__container .make-work__container--content_4 {
  display: flex;
  margin-top: 3rem;
}
body main .make-work .make-work__container .make-work__container--content_4 .container-color_4 {
  background-color: #0063f5;
  height: 25rem;
  border-radius: 4rem;
  width: 100%;
  z-index: 1;
  position: relative;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
body main .make-work .make-work__container .make-work__container--content_4 .container-color_4 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
  color: white;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_4 .container-color_4 p {
    font-size: 1rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_4 .container-color_4 .color-extension_4 {
  position: absolute;
  height: 100%;
  width: 20rem;
  background-color: #0063f5;
  right: -10rem;
  opacity: 0;
}
body main .make-work .make-work__container .make-work__container--content_4 .container-info_4 {
  height: 25rem;
  border-radius: 4rem;
  background-color: white;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 2;
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
}
body main .make-work .make-work__container .make-work__container--content_4 .container-info_4 a {
  text-decoration: none;
  color: black;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .make-work .make-work__container .make-work__container--content_4 .container-info_4 img {
  height: 8rem;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_4 .container-info_4 img {
    height: 4.7rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_4 .container-info_4 h3 {
  color: #0063f5;
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 768px) {
  body main .make-work .make-work__container .make-work__container--content_4 .container-info_4 h3 {
    font-size: 1.6rem;
  }
}
body main .make-work .make-work__container .make-work__container--content_4 .container-info_4 p {
  margin-bottom: 0.5rem;
}
body main .formulario .form__container {
  box-shadow: -1px 4px 10px -2px rgba(0, 0, 0, 0.18);
  border-radius: 4rem;
  padding: 2rem 3rem;
  background-color: #fff;
}
body main .formulario .form__container .form--title h1, body main .formulario .form__container .form--title h3 {
  font-weight: bold;
}
body main .formulario .form__container input, body main .formulario .form__container textarea {
  border-radius: 4rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1098039216);
  margin: 0.5rem;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  body main .formulario .form__container input, body main .formulario .form__container textarea {
    grid-column: 1/2;
  }
}
body main .formulario .form__container .form--inputs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
  body main .formulario .form__container .form--inputs {
    grid-template-columns: 1fr;
  }
}
body main .formulario .form__container .form--inputs textarea {
  grid-column: 1/3;
  resize: none;
}
body main .formulario .form__container .form--inputs .enviar-form {
  border-radius: 3rem;
  border: none;
  margin: 0.5rem;
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in;
}
body main .formulario .form__container .form--inputs .enviar-form:hover {
  background-color: #ff9a00;
}
@media (max-width: 992px) {
  body main .formulario .form__container .form--inputs .enviar-form {
    height: 6rem;
  }
}
body footer .footer__container {
  margin-top: 4rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1098039216);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 1rem 3rem;
  align-items: center;
  background-color: white;
}
body footer .footer__container .footer__container--links a {
  text-decoration: none;
  color: black;
}
body footer .footer__container .footer__container--links a:hover {
  color: #ff9a00;
}
body footer .footer__container .footer__container--links a i {
  font-size: 2.4rem;
  margin-right: 1rem;
}

.switch__container i {
  background: white;
  border-radius: 50%;
  padding: 2px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: cemter;
  justify-content: center;
  align-items: center;
  filter: grayscale(1);
}
.switch__container i img {
  height: 2rem;
}

.dark-mode {
  background-color: #162b3c;
  color: white;
}
.dark-mode a {
  color: white !important;
}
.dark-mode p {
  color: white;
}
.dark-mode .header {
  background-color: #162b3c;
}
.dark-mode .header img {
  filter: grayscale(1) brightness(100);
}
.dark-mode .header .switch__container {
  background-color: #0063f5 !important;
}
.dark-mode .header .switch__container i {
  background-color: black !important;
}
.dark-mode .header .switch__container #light-mode {
  opacity: 0;
}
.dark-mode .header .switch__container #dark-mode {
  opacity: 1 !important;
}
.dark-mode .soluciones__container {
  background-color: #0f212f !important;
}
.dark-mode .container-info_1, .dark-mode .container-info_2, .dark-mode .container-info_3, .dark-mode .container-info_4, .dark-mode .container-info_5 {
  background-color: #0f212f !important;
}
.dark-mode .form__container {
  background-color: #0f212f !important;
}
.dark-mode .form__container input, .dark-mode .form__container textarea {
  background-color: #162b3c;
  color: white;
}
.dark-mode .footer__container {
  background-color: #0f212f !important;
}
.dark-mode .footer__container--links a:hover {
  color: #ff9a00 !important;
}
.dark-mode #colegium-logo {
  filter: invert(1) brightness(10) grayscale(1);
}
.dark-mode #make-gov-img, .dark-mode #make-edu-img, .dark-mode #make-heal-img, .dark-mode #make-digi-img {
  filter: invert(1) brightness(0.9);
}
.dark-mode .beneficios__container {
  background-color: #0f212f !important;
}
.dark-mode .iconos__container--content .img img {
  filter: invert(1);
}
.dark-mode .gov__hero--arrow {
  filter: invert(1);
}
.dark-mode .edu__hero--arrow {
  filter: invert(1);
}

.hero__container--img {
  animation: fadeleft 2s linear 1;
}
@keyframes fadeleft {
  0% {
    opacity: 0;
    transform: translateX(-10rem);
  }
  50% {
    transform: translateX(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.hero__content--title {
  animation: fadeup 2s linear 1;
}
@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translateY(-15rem);
  }
  50% {
    opacity: 0.5;
    transform: translateY(-8rem);
  }
  100% {
    opacity: 1;
    transform: translateY(-5rem);
  }
}

.hero__content--info {
  animation: fadedown 2s linear 1;
}
@keyframes fadedown {
  0% {
    opacity: 0;
    transform: translateY(20rem);
  }
  50% {
    opacity: 0.5;
    transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}

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