@charset "UTF-8";
/* ------------------ Media Queries ------------------ */
/* --------- Otro Mixin para Media Queries ----------- */
/* --------- Otro Mixin para Media Queries (max-width) -------- */
/* ------------------ Button ------------------------- */
/* ----------- Asignacion de proporcion 16:9 --------- */
/* ------- Funcion para convertir  px a  em ------ */
/* ------- Funcion para convertir  px a rem ------ */
/* --- Funcion para obtener un color de un mapa -- */
/* Funcion para obtener un color de un mapa anidado */
/* ------  Funcion para obtener el z-index ------- */
/* ------------ Multiples box shadows ------------ */
/* -- Convertir numero con unidad a solo numero -- */
/* ------ Funcion para obtener una imagen -------- */
/* Box Model */
/* ------------- Fonts --------------------------- */
/* ----------------- Font Weight ----------------- */
/* --------------- Gutter ------------------------ */
/* -------------- Mensajes (mapa) ---------------- */
/* ------------- Z-index (mapa) ------------------ */
/* ------------- Devices (mapa) ------------------ */
/* ----------- Paleta de Colores (mapa) ---------- */
/* Otra forma de Paleta de Colores (mapa anidado)  */
/* --- Conversion de unidades de px a em o rem --- */
/*$font-size: em(14px);
$h1-size: $font-size * 1.90;
$h2-size: $font-size * 1.55;
$h3-size: $font-size * 1.35;
$h4-size: $font-size * 1.25;
$p-size: $font-size * 1.15; // para parrafos
$r-size: $font-size * 1.10;  // texto tamaño regular
$n-size: $font-size * 1; // texto tamaño normal
$m-size: $font-size * .9; // texto tamaño medium
$s-size: $font-size * .8; // texto tamaño small
$xs-size: $font-size * .7; // texto tamaño xsmall*/
/* ------------- Line Height --------------------- */
/* --------------- Rutas ------------------------- */
/* ---------- Redes Sociales (list) -------------- */
/*:root {
    --fuentePrincipal:  'Gothic A1', sans-serif;
    --fuenteSecundaria: 'Oswald', sans-serif;

    --primario: #f1a94e;
    --secundario: #44b3c2;
    --claro: #ffffff;
}*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');*/
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Light.ttf");
}

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  src: url("../fonts/Roboto-Medium.ttf");
}

/* line 23, scss/_customs.scss */
html {
  box-sizing: border-box;
  height: 100%;
}

/* line 28, scss/_customs.scss */
*, *::after, *::before {
  box-sizing: inherit;
  /*box-sizing: $box-sizing;*/
}

/* line 33, scss/_customs.scss */
body {
  background-color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 0.875em;
  line-height: 1.5;
  /*height: 100%;*/
}

/* line 41, scss/_customs.scss */
img {
  display: block;
  width: 100%;
  /*	margin: 0 auto;*/
  max-width: 100%;
}

/* line 48, scss/_customs.scss */
h1 {
  color: #003159;
  font-size: 1.8375em;
  font-weight: 300;
  text-align: center;
}

/* line 55, scss/_customs.scss */
h2 {
  color: #003159;
  font-size: 1.53125em;
  font-weight: 300;
}

/* line 61, scss/_customs.scss */
h3 {
  font-size: 1.35625em;
  font-weight: 500;
}

/* line 66, scss/_customs.scss */
h4 {
  color: #003159;
  font-weight: 300;
  font-size: 1.26875em;
  margin-top: 0;
  margin-bottom: .2rem;
}

/* line 74, scss/_customs.scss */
p {
  font-size: 1.18125em;
  font-weight: 300;
}

/* line 79, scss/_customs.scss */
h1, h2, h3 {
  line-height: 1.3;
}

/* line 83, scss/_customs.scss */
.services, .products, .somos, .features, .carousel, .form {
  margin: 3rem 0;
}

/* line 87, scss/_customs.scss */
.module {
  margin: 2rem 0;
}

/* line 91, scss/_customs.scss */
.principal, .services, .features, .products, .somos, .footer, .carousel, .module, .form {
  padding: 0.5rem 1rem;
}

@media screen and (min-width: 768px) {
  /* line 91, scss/_customs.scss */
  .principal, .services, .features, .products, .somos, .footer, .carousel, .module, .form {
    padding: 0.5rem 2rem;
  }
}

@media screen and (min-width: 1024px) {
  /* line 91, scss/_customs.scss */
  .principal, .services, .features, .products, .somos, .footer, .carousel, .module, .form {
    padding: 0.5rem 6rem;
  }
}

@media screen and (min-width: 1400px) {
  /* line 91, scss/_customs.scss */
  .principal, .services, .features, .products, .somos, .footer, .carousel, .module, .form {
    padding: 0.5rem 12rem;
  }
}

/* line 107, scss/_customs.scss */
.contenedor {
  max-width: 100vw;
  /*1200px;*/
  width: 100%;
  margin: 0 auto;
}

/* line 114, scss/_customs.scss */
.logo img {
  max-width: 25%;
}

/* line 120, scss/_customs.scss */
.icon-menu img {
  max-width: 5%;
}

/* line 126, scss/_customs.scss */
.logo-footer img {
  max-width: 50%;
}

/* line 131, scss/_customs.scss */
.header {
  margin: 1.5rem 0;
  max-height: 100%;
  display: grid;
  /*grid-template-rows: repeat(auto-fit, minmax(150px, 1fr));*/
  grid-template-rows: auto max-content;
  grid-gap: .5rem;
}

/* line 140, scss/_customs.scss */
.header-module {
  margin: 1.5rem 0;
}

/* line 144, scss/_customs.scss */
.module-main .module-main_image {
  display: none;
}

/* line 148, scss/_customs.scss */
.menu {
  /*	input[type="checkbox"]#btn-menu:checked ~ .navegacion {
		margin-top: 0;
	}*/
}

/* line 149, scss/_customs.scss */
.menu .slogan {
  display: none;
}

/* line 152, scss/_customs.scss */
.menu .slogan p {
  width: 250px;
  margin: 0;
  font-size: .6rem;
  text-align: right;
  color: #323232;
}

/* line 161, scss/_customs.scss */
.menu input[type="checkbox"]#btn-menu {
  display: none;
}

/* line 169, scss/_customs.scss */
.menu .icon-menu {
  display: block;
  text-align: right;
  font-size: 27px;
  transition: all 500ms ease;
}

/* line 175, scss/_customs.scss */
.menu .icon-menu:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 179, scss/_customs.scss */
.menu .icon-menu i {
  /*			border: 1px solid black;
			border-radius: 3px;*/
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 191, scss/_customs.scss */
  .products {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  /* line 191, scss/_customs.scss */
  .products {
    display: none;
  }
}

/* line 200, scss/_customs.scss */
.main-modules {
  background-color: #000000;
  padding: .3rem .3rem;
}

/* line 205, scss/_customs.scss */
.main-modules .modules .module {
  margin-top: .3rem;
  margin-bottom: .3rem;
  padding: .5rem 1rem;
}

/* line 210, scss/_customs.scss */
.main-modules .modules .module:nth-child(odd) {
  background-color: yellow;
}

/* line 214, scss/_customs.scss */
.main-modules .modules .module:nth-child(even) {
  background-color: red;
}

/* line 218, scss/_customs.scss */
.main-modules .modules .module h3 a {
  color: #000000;
  text-decoration: none;
  font-size: 1.18125em;
}

/* line 224, scss/_customs.scss */
.main-modules .modules .module p {
  padding: 0 .5rem;
  font-size: 1.18125em;
}

/* line 229, scss/_customs.scss */
.main-modules .modules .module > a {
  display: block;
  color: #000000;
  text-decoration: none;
  font-size: 1.05em;
  text-align: right;
}

/* line 236, scss/_customs.scss */
.main-modules .modules .module > a:hover {
  color: #003159;
}

@media screen and (min-width: 768px) {
  /* line 245, scss/_customs.scss */
  .header {
    margin: 0;
    display: grid;
    /*grid-template-rows: 1fr 2fr;*/
    grid-template-rows: auto max-content;
    grid-gap: .5rem;
  }
  /* line 253, scss/_customs.scss */
  .header-module {
    margin: 0;
  }
  /* line 256, scss/_customs.scss */
  .header-module .navegacion li:nth-child(3) {
    padding-right: 0;
  }
  /* line 261, scss/_customs.scss */
  .principal {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: end;
  }
  /* line 268, scss/_customs.scss */
  .logo img {
    max-width: 50%;
  }
  /* line 274, scss/_customs.scss */
  .logo-footer img {
    max-width: 30%;
  }
  /* line 279, scss/_customs.scss */
  .menu {
    display: grid;
    grid-template-rows: 2fr 1fr;
    align-items: center;
    grid-gap: 2rem;
  }
  /* line 285, scss/_customs.scss */
  .menu .slogan {
    display: block;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  /* line 292, scss/_customs.scss */
  .menu input[type="checkbox"]#btn-menu {
    display: none;
  }
  /* line 296, scss/_customs.scss */
  .menu .icon-menu {
    display: none;
  }
  /* line 300, scss/_customs.scss */
  .menu .menu-bar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  /* line 307, scss/_customs.scss */
  .main-products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 2rem;
  }
  /* line 313, scss/_customs.scss */
  .module-main {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 2rem;
  }
  /* line 318, scss/_customs.scss */
  .module-main .module-main_image {
    display: block;
    align-self: center;
  }
}

@media screen and (min-width: 1024px) {
  /* line 327, scss/_customs.scss */
  .logo img {
    max-width: 50%;
  }
  /* line 333, scss/_customs.scss */
  .logo-footer img {
    max-width: 25%;
  }
  /* line 339, scss/_customs.scss */
  .navegacion-options a {
    font-size: 1.26875em;
  }
}

@media screen and (min-width: 1400px) {
  /* line 347, scss/_customs.scss */
  .logo img {
    max-width: 30%;
  }
  /* line 353, scss/_customs.scss */
  .logo-footer img {
    max-width: 20%;
  }
  /* line 359, scss/_customs.scss */
  .navegacion-options a {
    font-size: 1.35625em;
  }
}

@media screen and (max-width: 768px) {
  /* line 365, scss/_customs.scss */
  .navegacion {
    position: absolute;
    /*	margin-top: -100%;*/
    padding: 0 1rem;
    left: 0;
    transition: all 500ms ease;
    width: 100%;
    z-index: 100;
    height: 0;
    overflow: hidden;
    transition: height .3s linear;
  }
  /* line 378, scss/_customs.scss */
  .navegacion.show {
    height: 250px;
  }
}

/* line 383, scss/_customs.scss */
.navegacion .navegacion-options {
  margin: 0;
  padding-top: 0;
  /* 1.5rem */
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(0, 49, 89, 0.85);
}

/* line 393, scss/_customs.scss */
.navegacion .navegacion-options li {
  width: 100%;
  padding: .8rem .7rem;
  text-align: center;
  border-bottom: 1px solid #323232;
}

/* line 399, scss/_customs.scss */
.navegacion .navegacion-options li:hover {
  background-color: rgba(0, 49, 89, 0.9);
}

/* line 404, scss/_customs.scss */
.navegacion .navegacion-options a {
  text-decoration: none;
  color: #ffffff;
  font-size: 1.18125em;
}

@media screen and (min-width: 768px) {
  /* line 383, scss/_customs.scss */
  .navegacion .navegacion-options {
    margin-top: 0;
    display: block;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    background-color: #ffffff;
  }
  /* line 419, scss/_customs.scss */
  .navegacion .navegacion-options li {
    max-width: fit-content;
    padding: .2rem .9rem;
    border: none;
  }
  /* line 424, scss/_customs.scss */
  .navegacion .navegacion-options li:nth-child(5) {
    padding-right: 0;
  }
  /* line 428, scss/_customs.scss */
  .navegacion .navegacion-options li:hover {
    background-color: #ffffff;
  }
  /* line 433, scss/_customs.scss */
  .navegacion .navegacion-options a {
    font-size: 1.05em;
    font-weight: 500;
    color: #323232;
  }
}

/* line 442, scss/_customs.scss */
.services {
  display: grid;
  grid-template-rows: auto 2fr;
}

/* line 446, scss/_customs.scss */
.services .services-types {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/* line 450, scss/_customs.scss */
.services .services-types img {
  width: 60px;
  margin: 0 auto;
}

/* line 455, scss/_customs.scss */
.services .services-types span {
  font-weight: 500;
}

/* line 461, scss/_customs.scss */
.services-slogan {
  text-align: center;
}

/* line 464, scss/_customs.scss */
.services-slogan p:nth-child(1) {
  font-weight: 500;
}

/* line 469, scss/_customs.scss */
.service, .whoare, .fortalezas {
  text-align: center;
  margin: 2rem 0;
}

/* line 474, scss/_customs.scss */
.features {
  background-color: #efefef;
}

/* line 477, scss/_customs.scss */
.features div {
  background-color: #ffffff;
}

/* line 480, scss/_customs.scss */
.features div p {
  padding: 1rem 1rem;
}

@media screen and (min-width: 768px) {
  /* line 486, scss/_customs.scss */
  .features-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 12px;
  }
  /* line 492, scss/_customs.scss */
  .features-items div {
    padding: 3rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* line 498, scss/_customs.scss */
  .features-items div p {
    text-align: center;
  }
}

/* line 505, scss/_customs.scss */
.product {
  width: 250px;
  height: 400px;
}

/* line 509, scss/_customs.scss */
.product h3 {
  text-align: center;
}

/* line 512, scss/_customs.scss */
.product h3 a {
  text-decoration: none;
}

/* line 517, scss/_customs.scss */
.product .imagen {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* line 524, scss/_customs.scss */
.footer {
  height: 250px;
  background-color: #001726;
  color: #6c6c6c;
  font-size: 0.9625em;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  grid-gap: 2rem;
  margin-bottom: 1rem;
  box-shadow: 0px -18px 36px -16px rgba(0, 0, 0, 0.52);
}

/* line 535, scss/_customs.scss */
.footer .contact {
  padding-top: 1.5rem;
}

/* line 539, scss/_customs.scss */
.footer .socials {
  display: grid;
  grid-template-rows: 2fr 1fr;
}

/* line 543, scss/_customs.scss */
.footer .socials h3 {
  text-align: right;
}

@media screen and (min-width: 768px) {
  /* line 543, scss/_customs.scss */
  .footer .socials h3 {
    text-align: right;
    /*left;*/
  }
}

/* line 551, scss/_customs.scss */
.footer .socials .socials-options {
  padding-top: 1.5rem;
}

/* line 555, scss/_customs.scss */
.footer .socials .socialmenu-options {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media screen and (min-width: 768px) {
  /* line 555, scss/_customs.scss */
  .footer .socials .socialmenu-options {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    /*space-evenly;*/
  }
  /* line 565, scss/_customs.scss */
  .footer .socials .socialmenu-options li {
    padding: 0 .5rem;
  }
  /* line 568, scss/_customs.scss */
  .footer .socials .socialmenu-options li:nth-child(4) {
    padding-right: 0;
  }
}

/* line 575, scss/_customs.scss */
.footer .socials .logo-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 2.5rem;
}

/* line 583, scss/_customs.scss */
.footer ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

/* line 589, scss/_customs.scss */
.footer a {
  color: #6c6c6c;
  text-decoration: none;
}

/* line 593, scss/_customs.scss */
.footer a:hover {
  color: #efefef;
  transition: all .5s ease-in-out;
}

/* line 598, scss/_customs.scss */
.footer a::before {
  font-family: "Font Awesome 5 Brands";
}

/* line 602, scss/_customs.scss */
.footer a[href*="facebook.com"]::before {
  content: '\f39e';
  /*color: color(lightColor);*/
  font-size: 18px;
}

/* line 608, scss/_customs.scss */
.footer a[href*="twitter.com"]::before {
  content: '\f099';
  /*color: color(lightColor);*/
  font-size: 18px;
}

/* line 614, scss/_customs.scss */
.footer a[href*="youtube.com"]::before {
  content: '\f431';
  /*color: color(lightColor);*/
  font-size: 18px;
}

/* line 620, scss/_customs.scss */
.footer a[href*="instagram.com"]::before {
  content: '\f16d';
  /*color: color(lightColor);*/
  font-size: 18px;
}

/* line 627, scss/_customs.scss */
.footer .socialname {
  display: none;
}

/* line 633, scss/_customs.scss */
.btn-flotante {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  box-shadow: 0px 6px 32px -10px rgba(0, 0, 0, 0.75);
  text-decoration: none;
  border-radius: 3px;
  /*	padding: .5rem 1.5rem;
    background-color: color(whiteColor); 
    color: color(grayColor);

 	span {
 		opacity: 60%;

 		&:hover {
			opacity: 100%;
 		}
 	}*/
  /*    span {
    	display: none;
    }

	&::before {
		font-family: "Font Awesome 5 Brands";
		content: '\f077';
    	padding: .5rem 1.5rem;
    	font-size: 1.5rem;
    	border-radius: 3px;
    	background-color: color(whiteColor);
    	color: color(grayColor);
    	opacity: 60%;
    }*/
}

/* line 652, scss/_customs.scss */
.btn-flotante i {
  padding: .1rem .7rem;
  border-radius: 16px;
  background-color: #ffffff;
  color: #323232;
  opacity: 60%;
}

/* line 659, scss/_customs.scss */
.btn-flotante i:hover {
  opacity: 100%;
  transition: all .3s ease-in-out;
}

/* line 691, scss/_customs.scss */
.button {
  display: inline-block;
  line-height: 2.5;
  font-size: 1em;
  border: none;
  padding: 0 1.5em;
  text-decoration: none;
}

/* line 696, scss/_customs.scss */
.button.ask {
  display: block;
  line-height: 3;
  font-size: 1em;
  border: none;
  color: #ffffff;
}

/* line 707, scss/_customs.scss */
.box {
  color: red;
}

@media screen and (min-width: 1024px) {
  /* line 707, scss/_customs.scss */
  .box {
    color: green;
  }
}

@media screen and (min-width: 1400px) {
  /* line 707, scss/_customs.scss */
  .box {
    color: purple;
  }
}

@media screen and (min-width: 768px) {
  /* line 719, scss/_customs.scss */
  .box {
    color: red;
  }
}

@media screen and (min-width: 360px) {
  /* line 719, scss/_customs.scss */
  .box {
    color: ligthblue;
  }
}

/* line 729, scss/_customs.scss */
.video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  width: 100%;
  position: relative;
}

/* line 733, scss/_customs.scss */
.video iframe,
.video video,
.video object {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 742, scss/_customs.scss */
.long-shadow {
  width: 100px;
  height: 100px;
  background: #cc0000;
  box-shadow: 1px 1px red, 2px 2px red, 3px 3px red, 4px 4px red, 5px 5px red, 6px 6px red, 7px 7px red, 8px 8px red, 9px 9px red, 10px 10px red;
}

/* line 749, scss/_customs.scss */
.nonumber {
  line-height: 50;
}

/* line 754, scss/_customs.scss */
.message.success {
  background-color: green;
}

/* line 754, scss/_customs.scss */
.message.warning {
  background-color: orange;
}

/* line 754, scss/_customs.scss */
.message.alert {
  background-color: yellow;
}

/* line 754, scss/_customs.scss */
.message.error {
  background-color: red;
}

/* line 754, scss/_customs.scss */
.message.message {
  background-color: white;
}

/* line 761, scss/_customs.scss */
.facebook {
  background-color: blue;
  margin: 1px;
}

/* line 761, scss/_customs.scss */
.twitter {
  background-color: lightblue;
  margin: 2px;
}

/* line 761, scss/_customs.scss */
.youtube {
  background-color: red;
  margin: 3px;
}

/* line 767, scss/_customs.scss */
.data {
  background-color: #0000cc;
}

/* line 1, scss/_slider-main.scss */
.slider-main {
  min-width: 100%;
  max-height: 100vh;
  width: 50%;
  height: auto;
  position: relative;
  overflow: hidden;
  /* margin: auto; */
}

/* .slider{
    display: none;
    transition: 2s;
    max-height: 100vh;
} */
/* line 17, scss/_slider-main.scss */
.slider img {
  width: 100%;
  max-height: 100vh;
  height: inherit;
  object-fit: cover;
  vertical-align: top;
  transition: 2s;
}

/* line 26, scss/_slider-main.scss */
.direcciones {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
}

/* line 37, scss/_slider-main.scss */
.direcciones a {
  color: #fff;
  display: inline-block;
  padding: 20px;
  text-decoration: none;
}

/* line 44, scss/_slider-main.scss */
.direcciones a:hover {
  background: rgba(0, 0, 0, 0.5);
  transition: .5s;
}

/* line 49, scss/_slider-main.scss */
.barras {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

/* line 58, scss/_slider-main.scss */
.barra {
  cursor: pointer;
  height: 2px;
  width: 25px;
  margin: 0 2px;
  background: #dcdde1;
  display: inline-block;
  margin-left: 3px;
}

/* line 68, scss/_slider-main.scss */
.active-bar {
  background-color: #e74c3c;
}

/* line 72, scss/_slider-main.scss */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: .4;
  }
  to {
    opacity: 1;
  }
}

/* line 1, scss/_carousel-modules.scss */
.carousel__contenedor-modules {
  position: relative;
}

/* line 5, scss/_carousel-modules.scss */
.carousel__anterior-modules,
.carousel__siguiente-modules {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  top: calc(50% - 35px);
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  background: none;
  color: #323232;
  /*color: #000;*/
  opacity: 60%;
}

/* line 22, scss/_carousel-modules.scss */
.carousel__anterior-modules:hover,
.carousel__siguiente-modules:hover {
  opacity: 100%;
}

/* line 27, scss/_carousel-modules.scss */
.carousel__anterior-modules {
  left: -30px;
}

/* line 31, scss/_carousel-modules.scss */
.carousel__siguiente-modules {
  right: -30px;
}

/* line 35, scss/_carousel-modules.scss */
.carousel__lista-modules {
  overflow: hidden;
}

/* line 39, scss/_carousel-modules.scss */
.carousel__elemento-modules {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
  padding-bottom: .3rem;
}

/* line 47, scss/_carousel-modules.scss */
.carousel__elemento-modules > p {
  padding: 0 .3rem;
  font-size: 1.1375em;
  font-weight: 400;
}

/* line 54, scss/_carousel-modules.scss */
.carousel__elemento-modules div p {
  margin: 0;
  padding: 0 .5rem;
  font-size: 1.1375em;
}

/* line 61, scss/_carousel-modules.scss */
.carousel__elemento-modules a {
  color: #323232;
  text-decoration: none;
  font-size: 0.9625em;
  text-align: right;
  padding-bottom: .3rem;
}

/* line 68, scss/_carousel-modules.scss */
.carousel__elemento-modules a:hover {
  color: #003159;
}

/* line 73, scss/_carousel-modules.scss */
.carousel__elemento-modules .carousel__elemento-content-modules {
  display: none;
  position: absolute;
}

/* line 79, scss/_carousel-modules.scss */
.carousel__elemento-modules:hover img {
  opacity: 30%;
}

/* line 83, scss/_carousel-modules.scss */
.carousel__elemento-modules:hover .carousel__elemento-content-modules {
  display: block;
  top: 5%;
}

@media screen and (min-width: 480px) {
  /* line 91, scss/_carousel-modules.scss */
  .carousel__elemento-modules {
    padding-bottom: .5rem;
  }
  /* line 94, scss/_carousel-modules.scss */
  .carousel__elemento-modules > p {
    padding: 0 .5rem;
    font-size: 1.1375em;
    font-weight: 400;
  }
  /* line 101, scss/_carousel-modules.scss */
  .carousel__elemento-modules div p {
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.18125em;
  }
  /* line 108, scss/_carousel-modules.scss */
  .carousel__elemento-modules a {
    font-size: 0.9625em;
    padding-bottom: .5rem;
  }
  /* line 114, scss/_carousel-modules.scss */
  .carousel__elemento-modules:hover .carousel__elemento-content-modules {
    display: block;
    top: 5%;
  }
}

@media screen and (min-width: 768px) {
  /* line 123, scss/_carousel-modules.scss */
  .carousel__elemento-modules {
    padding-bottom: .5rem;
  }
  /* line 126, scss/_carousel-modules.scss */
  .carousel__elemento-modules > p {
    padding: 0 .5rem;
    font-size: 1.1375em;
    font-weight: 400;
  }
  /* line 133, scss/_carousel-modules.scss */
  .carousel__elemento-modules div p {
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.1375em;
  }
  /* line 140, scss/_carousel-modules.scss */
  .carousel__elemento-modules a {
    font-size: 0.9625em;
    padding-bottom: .5rem;
  }
  /* line 146, scss/_carousel-modules.scss */
  .carousel__elemento-modules:hover .carousel__elemento-content-modules {
    display: block;
    top: 3%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 155, scss/_carousel-modules.scss */
  .carousel__elemento-modules {
    padding-bottom: .5rem;
  }
  /* line 158, scss/_carousel-modules.scss */
  .carousel__elemento-modules > p {
    padding: 0 .5rem;
    font-size: 1.1375em;
    font-weight: 400;
  }
  /* line 165, scss/_carousel-modules.scss */
  .carousel__elemento-modules div p {
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.05em;
  }
  /* line 172, scss/_carousel-modules.scss */
  .carousel__elemento-modules a {
    font-size: 0.9625em;
    padding-bottom: .5rem;
  }
  /* line 178, scss/_carousel-modules.scss */
  .carousel__elemento-modules:hover .carousel__elemento-content-modules {
    display: block;
    top: 3%;
  }
}

@media screen and (min-width: 1400px) {
  /* line 187, scss/_carousel-modules.scss */
  .carousel__elemento-modules {
    padding-bottom: .5rem;
  }
  /* line 190, scss/_carousel-modules.scss */
  .carousel__elemento-modules > p {
    padding: 0 .5rem;
    font-size: 1.1375em;
    font-weight: 400;
  }
  /* line 197, scss/_carousel-modules.scss */
  .carousel__elemento-modules div p {
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.1375em;
  }
  /* line 204, scss/_carousel-modules.scss */
  .carousel__elemento-modules a {
    font-size: 0.9625em;
    padding-bottom: .5rem;
  }
  /* line 210, scss/_carousel-modules.scss */
  .carousel__elemento-modules:hover .carousel__elemento-content-modules {
    display: block;
    top: 3%;
  }
}

/* line 218, scss/_carousel-modules.scss */
.carousel__indicadores-modules .glider-dot {
  display: block;
  width: 30px;
  height: 4px;
  /*background: #fff;*/
  background: #000;
  opacity: .2;
  border-radius: 0;
}

/* line 228, scss/_carousel-modules.scss */
.carousel__indicadores-modules .glider-dot:hover {
  opacity: .5;
}

/* line 232, scss/_carousel-modules.scss */
.carousel__indicadores-modules .glider-dot.active {
  opacity: 1;
}

/* line 1, scss/_carousel-integrados.scss */
.carousel__contenedor {
  position: relative;
}

/* line 5, scss/_carousel-integrados.scss */
.carousel__anterior,
.carousel__siguiente {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  top: calc(50% - 35px);
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  background: none;
  color: #323232;
  /*color: #000;*/
  opacity: 60%;
}

/* line 22, scss/_carousel-integrados.scss */
.carousel__anterior:hover,
.carousel__siguiente:hover {
  opacity: 100%;
}

/* line 27, scss/_carousel-integrados.scss */
.carousel__anterior {
  left: -30px;
}

/* line 31, scss/_carousel-integrados.scss */
.carousel__siguiente {
  right: -30px;
}

/* line 35, scss/_carousel-integrados.scss */
.carousel__lista {
  overflow: hidden;
}

/* line 39, scss/_carousel-integrados.scss */
.carousel__elemento {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
  padding-bottom: .3rem;
}

/* line 47, scss/_carousel-integrados.scss */
.carousel__elemento > p {
  padding: 0 .3rem;
  font-size: 1.1375em;
  font-weight: 400;
}

/* line 54, scss/_carousel-integrados.scss */
.carousel__elemento div p {
  margin: 0;
  padding: 0 .5rem;
  font-size: 1.1375em;
}

/* line 61, scss/_carousel-integrados.scss */
.carousel__elemento a {
  color: #323232;
  text-decoration: none;
  font-size: 0.9625em;
  text-align: right;
  padding-bottom: .3rem;
}

/* line 68, scss/_carousel-integrados.scss */
.carousel__elemento a:hover {
  color: #003159;
}

/* line 73, scss/_carousel-integrados.scss */
.carousel__elemento .carousel__elemento-content {
  display: none;
  position: absolute;
}

/* line 79, scss/_carousel-integrados.scss */
.carousel__elemento:hover img {
  opacity: 30%;
}

/* line 83, scss/_carousel-integrados.scss */
.carousel__elemento:hover .carousel__elemento-content {
  display: block;
  top: 5%;
}

@media screen and (min-width: 480px) {
  /* line 91, scss/_carousel-integrados.scss */
  .carousel__elemento {
    padding-bottom: .5rem;
  }
  /* line 94, scss/_carousel-integrados.scss */
  .carousel__elemento > p {
    padding: 0 .5rem;
    font-size: 1.1375em;
    font-weight: 400;
  }
  /* line 101, scss/_carousel-integrados.scss */
  .carousel__elemento div p {
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.18125em;
  }
  /* line 108, scss/_carousel-integrados.scss */
  .carousel__elemento a {
    font-size: 0.9625em;
    padding-bottom: .5rem;
  }
  /* line 114, scss/_carousel-integrados.scss */
  .carousel__elemento:hover .carousel__elemento-content {
    display: block;
    top: 5%;
  }
}

@media screen and (min-width: 768px) {
  /* line 123, scss/_carousel-integrados.scss */
  .carousel__elemento {
    padding-bottom: .5rem;
  }
  /* line 126, scss/_carousel-integrados.scss */
  .carousel__elemento > p {
    padding: 0 .5rem;
    font-size: 1.1375em;
    font-weight: 400;
  }
  /* line 133, scss/_carousel-integrados.scss */
  .carousel__elemento div p {
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.1375em;
  }
  /* line 140, scss/_carousel-integrados.scss */
  .carousel__elemento a {
    font-size: 0.9625em;
    padding-bottom: .5rem;
  }
  /* line 146, scss/_carousel-integrados.scss */
  .carousel__elemento:hover .carousel__elemento-content {
    display: block;
    top: 3%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 155, scss/_carousel-integrados.scss */
  .carousel__elemento {
    padding-bottom: .5rem;
  }
  /* line 158, scss/_carousel-integrados.scss */
  .carousel__elemento > p {
    padding: 0 .5rem;
    font-size: 1.1375em;
    font-weight: 400;
  }
  /* line 165, scss/_carousel-integrados.scss */
  .carousel__elemento div p {
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.05em;
  }
  /* line 172, scss/_carousel-integrados.scss */
  .carousel__elemento a {
    font-size: 0.9625em;
    padding-bottom: .5rem;
  }
  /* line 178, scss/_carousel-integrados.scss */
  .carousel__elemento:hover .carousel__elemento-content {
    display: block;
    top: 3%;
  }
}

@media screen and (min-width: 1400px) {
  /* line 187, scss/_carousel-integrados.scss */
  .carousel__elemento {
    padding-bottom: .5rem;
  }
  /* line 190, scss/_carousel-integrados.scss */
  .carousel__elemento > p {
    padding: 0 .5rem;
    font-size: 1.1375em;
    font-weight: 400;
  }
  /* line 197, scss/_carousel-integrados.scss */
  .carousel__elemento div p {
    margin: 0;
    padding: 0 .5rem;
    font-size: 1.1375em;
  }
  /* line 204, scss/_carousel-integrados.scss */
  .carousel__elemento a {
    font-size: 0.9625em;
    padding-bottom: .5rem;
  }
  /* line 210, scss/_carousel-integrados.scss */
  .carousel__elemento:hover .carousel__elemento-content {
    display: block;
    top: 3%;
  }
}

/* line 218, scss/_carousel-integrados.scss */
.carousel__indicadores .glider-dot {
  display: block;
  width: 30px;
  height: 4px;
  /*background: #fff;*/
  background: #000;
  opacity: .2;
  border-radius: 0;
}

/* line 228, scss/_carousel-integrados.scss */
.carousel__indicadores .glider-dot:hover {
  opacity: .5;
}

/* line 232, scss/_carousel-integrados.scss */
.carousel__indicadores .glider-dot.active {
  opacity: 1;
}

/* line 1, scss/_form.scss */
.formulario {
  display: grid;
  grid-template-columns: 1fr;
  background: #ffffff;
  /*#fff;*/
  border-radius: 10px;
  box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.8);
  /*font-family: 'Poppins', sans-serif;*/
  width: 100%;
}

@media screen and (min-width: 768px) {
  /* line 1, scss/_form.scss */
  .formulario {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  /* line 15, scss/_form.scss */
  .formulario .formulario__grupo-btn-enviar {
    grid-column: 2;
  }
  /* line 18, scss/_form.scss */
  .formulario .formulario__grupo-btn-enviar .formulario__btn {
    width: 150px;
    margin-left: 30px;
  }
}

/* line 25, scss/_form.scss */
.formulario .formulario__grupo-input {
  position: relative;
  margin: 20px;
}

/* line 30, scss/_form.scss */
.formulario input, .formulario textarea {
  background: none;
  color: #000000;
  /*font-size: 12px;*/
  padding: 10px 10px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #323232;
  /*var(--colorTextos);*/
  resize: none;
}

/* line 42, scss/_form.scss */
.formulario input:focus, .formulario textarea:focus {
  outline: none;
  color: #323232;
}

/* line 47, scss/_form.scss */
.formulario input:focus ~ label,
.formulario input:valid ~ label,
.formulario textarea:focus ~ label, .formulario textarea:valid ~ label {
  position: absolute;
  top: -20px;
  /*font-size: 12px;*/
  font-size: 1.05em;
  color: #2196F3;
}

/* line 57, scss/_form.scss */
.formulario label {
  color: #323232;
  /*var(--colorTextos);*/
  /*font-size: 14px;*/
  position: absolute;
  left: 5px;
  top: 10px;
  transition: 0.5s ease all;
  pointer-events: none;
}

/* line 67, scss/_form.scss */
.formulario input:focus ~ .barra::before, .formulario textarea:focus ~ .barra::before {
  width: 100%;
}

/* line 71, scss/_form.scss */
.formulario .barra {
  position: relative;
  display: block;
  width: 100%;
}

/* line 77, scss/_form.scss */
.formulario .barra::before {
  content: '';
  height: 2px;
  width: 0%;
  bottom: 0;
  position: absolute;
  background: linear-gradient(to right, #6A82FB, #FC5C7D);
  transition: 0.3s ease all;
  left: 0%;
}

/* line 88, scss/_form.scss */
.formulario .formulario__mensaje {
  height: 25px;
  line-height: 25px;
  background: #F66060;
  padding: 0 15px;
  border-radius: 3px;
  display: none;
}

/* line 97, scss/_form.scss */
.formulario .formulario__mensaje-activo {
  display: block;
}

/* line 101, scss/_form.scss */
.formulario .formulario__mensaje p {
  margin: 0;
}

/* line 105, scss/_form.scss */
.formulario .formulario__mensaje-exito {
  font-size: 1.05em;
  color: #000000;
  display: none;
}

/* line 111, scss/_form.scss */
.formulario .formulario__mensaje-exito-activo {
  display: block;
}

/* line 115, scss/_form.scss */
.formulario .formulario__btn {
  background: #FC5C7D;
  background: linear-gradient(to right, #6A82FB, #FC5C7D);
  display: block;
  width: calc(100% - 60px);
  height: 40px;
  border: none;
  color: #ffffff;
  border-radius: 4px;
  font-size: 1.35625em;
  margin: 10px auto;
  cursor: pointer;
}

/* line 128, scss/_form.scss */
.formulario .formulario__btn:hover {
  box-shadow: 3px 0px 30px #a3a3a3;
}
