/*####HOJA DE ESTILO PARA LANDING####*/

/*###ESTILOS GLOBALES LANDINGS###*/
body {
  font-family: 'Roboto', sans-serif;
}

/*####CARROUSEL GLOBAL####*/
.titulo
{
    background-color: #28badbff;
    height: 90px;
    color: white;
    font-style: oblique;
    display: flex;
    align-items: center;
}
.letra-titulo
{
    font-size: xxx-large;
    font-weight: 700;
}
.btn{
    padding: 0.4rem 0.7rem;
    font-style: oblique;
    font-size: x-large;
    font-weight: 700;
    border-radius: 10px;
}


.carousel .carousel-inner {
    margin-bottom: 40px;
}

.indicador .active {
    background-color: black;
}

.indicador li {
    background-color: gray;
}

/*####CARROUSEL GLOBAL####*/

/*###FIN ESTILOS GLOBALES LANDINGS###*/

/*###ESTILOS LANDINGS MÓVIL###*/
@media screen and (max-width: 767.98px) {
	/*##ESTILO FLYER1 MÓVIL##*/

	/*TAMAÑO DE FONDO*/
	.fondo-flyer1 {
		width: 100%;
		height: calc(36vw + 10px);
	}

	/*ESTILO CONTENEDOR TEXTO*/
	.con-texto-flyer1 {
		width: 66vw;
		padding: 1vw;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 1vw;
		margin-top: calc(18vw - 15px);
		margin-left: 14vw;
		position: relative;
	}

	/*ESTILOS DE TEXTO*/
	.texto-flyer1 {
		color: #4c7eb6;
		font-weight: 600;
		font-size: calc(33vw / 15);
		font-style: italic;
		text-align: center;
	}

	.texto2-flyer1 {
		margin-top: 1.5vw;
		color: #4c7eb6ff;
		font-weight: 600;
		font-size: calc(33vw / 15);
		font-style: italic;
		text-align: center;
	}

	/*TAMAÑO Y POSICIÓN CONTACTA WHATS*/
	.contacta-flyer1 {
		height: 3.5vw;
		top: 1vw;
		margin-left: 41.5vw;
		position: relative;
	}

	.contacta-flyer1:hover {
		height: 4vw;
		top: 1vw;
		margin-left: 41.5vw;
		position: relative;
	}

	/*##FIN ESTILO FLYER1 MÓVIL##*/

	/*##ESTILO FLYER2 MÓVIL##*/
	/*CONTENEDOR PARA TITULAR*/
	.cont-titular-flyer2 {
		background-color: #28badb;
		height: calc(5vw + 5px);
	}

	/*ESTILO TITULAR FLYER 2*/
	.titular-flyer2 {
		font-style: italic;
		font-size: calc(3.5vw + 5px);
		font-weight: 600;
		text-align: center;
		color: white;
	}

	/*TAMAÑO DE FONDO*/
	.fondo-flyer2 {
		width: 100%;
		height: calc(40vw + 10px);
	}

	/*ESTILO CONTENEDOR TEXTO*/
	.con-texto-flyer2 {
		width: 70vw;
		padding: 1vw;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 1vw;
		margin-top: calc(22vw - 15px);
		margin-left: 12vw;
		position: relative;
	}

	/*ESTILOS DE TEXTO*/
	.texto-flyer2 {
		color: #4c7eb6;
		font-weight: 600;
		font-size: calc(33vw / 15);
		font-style: italic;
	}
	/*##FIN ESTILO FLYER2 MÓVIL##*/

	/*##ESTILO NUESTROS PRODUCTOS/SERVICIOS MÓVIL##*/
    /*CAROUSELES*/
    .carta-escritorio{
      display: none;
  }
  .carta-movil{
      display: block;
      width: 300px;
      height: 100%;
      margin-left: auto!important;
  }
   /*carousel*/
  .carousel .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
  /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
  .carousel .carousel-inner .carousel-item.active,
  .carousel .carousel-inner .carousel-item-next,
  .carousel .carousel-inner .carousel-item-prev {
      display: flex;
  }
  /*carousel*/
  /*CAROUSELES*/
	/*##FIN ESTILO NUESTROS PRODUCTOS/SERVICIOS MÓVIL##*/

	/*##ESTILO DESCARGA MÓVIL##*/

	/*##FIN ESTILO DESCARGA MÓVIL##*/
}
/*###FIN ESTILOS LANDINGS MÓVIL###*/

/*###ESTILOS LANDINGS (IPADS&TABLETS)###*/
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	/*##ESTILO FLYER1 (IPADS&TABLETS)##*/

	/*TAMAÑO DE FONDO*/
	.fondo-flyer1 {
		width: 100%;
		height: calc(33vw + 5px);
	}

	/*ESTILO CONTENEDOR TEXTO*/
	.con-texto-flyer1 {
		width: 66vw;
		padding: 1vw;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 1vw;
		margin-top: calc(15vw - 15px);
		margin-left: 14vw;
		position: relative;
	}

	/*ESTILOS DE TEXTO*/
	.texto-flyer1 {
		color: #4c7eb6;
		font-weight: 600;
		font-size: calc(33vw / 15);
		font-style: italic;
		text-align: center;
	}

	.texto2-flyer1 {
		margin-top: 1.5vw;
		color: #4c7eb6ff;
		font-weight: 600;
		font-size: calc(33vw / 15);
		font-style: italic;
		text-align: center;
	}

	/*TAMAÑO Y POSICIÓN CONTACTA WHATS*/
	.contacta-flyer1 {
		height: 3.5vw;
		top: 1vw;
		margin-left: 41.5vw;
		position: relative;
	}

	.contacta-flyer1:hover {
		height: 4vw;
		top: 1vw;
		margin-left: 41.5vw;
		position: relative;
	}

	/*##FIN ESTILO FLYER1 (IPADS&TABLETS)##*/

	/*##ESTILO FLYER2 (IPADS&TABLETS)##*/
	/*CONTENEDOR PARA TITULAR*/
	.cont-titular-flyer2 {
		background-color: #28badb;
		height: calc(5vw + 5px);
	}

	/*ESTILO TITULAR FLYER 2*/
	.titular-flyer2 {
		font-style: italic;
		font-size: calc(3.5vw + 5px);
		font-weight: 600;
		text-align: center;
		color: white;
	}

	/*TAMAÑO DE FONDO*/
	.fondo-flyer2 {
		width: 100%;
		height: calc(33vw + 5px);
	}

	/*ESTILO CONTENEDOR TEXTO*/
	.con-texto-flyer2 {
		width: calc(85vw + 5px);
		padding: 1.5vw;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 1vw;
		margin-top: calc(17vw - 15px);
		margin-left: calc(5vw - 2.5px);
		position: relative;
	}

	/*ESTILOS DE TEXTO*/
	.texto-flyer2 {
		color: #4c7eb6;
		font-weight: 600;
		font-size: calc(33vw / 15);
		font-style: italic;
	}
	/*##FIN ESTILO FLYER2 (IPADS&TABLETS)##*/

	/*##ESTILO NUESTROS PRODUCTOS/SERVICIOS (IPADS&TABLETS)##*/
    /*CAROUSELES*/
    .carta-escritorio{
      display: none;
  }
  .carta-movil{
      display: block;
      width: 300px;
      height: 100%;
      margin-left: auto!important;
  }
  /*CAROUSEL CAROUSELES*/
  .carousel .carousel-inner .carousel-item-right.active,
  .carousel .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  .carousel .carousel-inner .carousel-item-left.active,
  .carousel .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }
  /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
  .carousel .carousel-inner .carousel-item.active,
  .carousel .carousel-inner .carousel-item-next,
  .carousel .carousel-inner .carousel-item-prev {
      display: flex;
  }
  /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
  .carousel .carousel-inner .carousel-item-right,
  .carousel .carousel-inner .carousel-item-left {
      transform: translateX(0);
  }
  /* FIN CAROUSEL CAROUSELES*/
  /*CAROUSELES*/
	/*##FIN ESTILO NUESTROS PRODUCTOS/SERVICIOS (IPADS&TABLETS)##*/

	/*##ESTILO DESCARGA (IPADS&TABLETS)##*/

	/*##FIN ESTILO DESCARGA (IPADS&TABLETS)##*/
}
/*###FIN ESTILOS LANDINGS (IPADS&TABLETS)###*/

/*###ESTILOS LANDINGS DESKTOP###*/
@media screen and (min-width: 992px) {
	/*##ESTILO FLYER1 DESKTOP##*/
	/*TAMAÑO DE FONDO*/
	.fondo-flyer1 {
		width: 100%;
		height: calc(33vw + 5px);
	}

	/*ESTILO CONTENEDOR TEXTO*/
	.con-texto-flyer1 {
		width: calc(35vw + 5px);
		padding: 1.5vw;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 1vw;
		top: calc(33vw / 1.7);
		margin-left: 2vw;
		position: relative;
	}

	/*ESTILOS DE TEXTO*/
	.texto-flyer1 {
		color: #4c7eb6;
		font-weight: 600;
		font-size: calc(33vw / 28);
		font-style: italic;
	}

	.texto2-flyer1 {
		margin-top: 1.5vw;
		color: #4c7eb6ff;
		font-weight: 600;
		font-size: calc(33vw / 28);
		font-style: italic;
	}

	/*TAMAÑO Y POSICIÓN CONTACTA WHATS*/
	.contacta-flyer1 {
		height: 3.5vw;
		top: 15.5vw;
		margin-left: 38vw;
		position: relative;
	}

	.contacta-flyer1:hover {
		height: 4vw;
		top: 15.5vw;
		margin-left: 38vw;
		position: relative;
	}
	/*##FIN ESTILO FLYER1 DESKTOP##*/

	/*##ESTILO FLYER2 DESKTOP##*/
	/*CONTENEDOR PARA TITULAR*/
	.cont-titular-flyer2 {
		background-color: #28badb;
		height: calc(5vw + 5px);
	}

	/*ESTILO TITULAR FLYER 2*/
	.titular-flyer2 {
		font-style: italic;
		font-size: calc(3.5vw + 5px);
		font-weight: 600;
		text-align: center;
		color: white;
	}

	/*TAMAÑO DE FONDO*/
	.fondo-flyer2 {
		width: 100%;
		height: calc(33vw + 5px);
	}

	/*ESTILO CONTENEDOR TEXTO*/
	.con-texto-flyer2 {
		width: calc(90vw + 5px);
		padding: 1.5vw;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 1vw;
		margin-top: calc(22vw - 15px);
		margin-left: calc(3vw - 2.5px);
		position: relative;
	}

	/*ESTILOS DE TEXTO*/
	.texto-flyer2 {
		color: #4c7eb6;
		font-weight: 600;
		font-size: calc(33vw / 18);
		font-style: italic;
	}
	/*##FIN ESTILO FLYER2 DESKTOP##*/

	/*##ESTILO NUESTROS PRODUCTOS/SERVICIOS DESKTOP##*/
    /*CAROUSELES*/
      /* giro de la imagen*/
      .carta-box
      {
      width: 100%;
      min-height: 245px;
      position: relative;
      perspective: 1000px;
      }

      .carta-box:hover .carta{
          transform: rotateY(180deg);
      }

      .carta {
      transform-style: preserve-3d;
      transition: all .4s linear;
      }

      .cara {
      position: absolute;
      backface-visibility: hidden;
      }

      .cara.detras {
      transform: rotateY(180deg);
      }
/* FIN giro de la imagen */
.carta-movil{
  display: none;
}
/* Carousel CAROUSELES */
.indicador
{
    visibility:hidden;
}
.carousel .carousel-inner .carousel-item-right.active,
.carousel .carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

.carousel .carousel-inner .carousel-item-left.active,
.carousel .carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}
/*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
.carousel  .carousel-inner .carousel-item.active,
.carousel .carousel-inner .carousel-item-next,
.carousel .carousel-inner .carousel-item-prev {
  display: flex;
}
/*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
.carousel .carousel-inner .carousel-item-right,
.carousel .carousel-inner .carousel-item-left {
  transform: translateX(0);
}
/* fin Carousel CAROUSELES */
/* FIN CAROUSELES*/
	/*##FIN ESTILO NUESTROS PRODUCTOS/SERVICIOS DESKTOP##*/

	/*##ESTILO DESCARGA DESKTOP##*/

	/*##FIN ESTILO DESCARGA DESKTOP##*/
}
/*###FIN ESTILOS LANDINGS DESKTOP###*/