.container-limit{
	width: 100%;
	overflow: hidden;
}

html, body{
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}

body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

p,th,td{
	font-size: medium;
	line-height: 1.8;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
 
}

/*
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/Nexa_Free_Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
	*/
/*-----start-header----*/

.container .header .container .marca_logo {
	position: absolute;
	top: 10px;
	left: 70px;
	
}

.container .header .container .marca_logo .logo_ges{
  width: 8em;
  height: 4em;
}

.top-header{
	width: 100%;
	position:relative;
}

/* hacer menu  mmobible */
.header{
	position: fixed;
	z-index: 100;
	margin-bottom: 2em;
	right: 0;
	left: 0;
	/*position: absolute;
	top: 0px;
	z-index: 999;*/
}


/*----navbar-nav----*/

/*acomodar menu*/ 
.top-nav ul li a{
	color: #FFFFFF;
	margin-top: .5em;
	padding: 0em 1.2em;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
    font-style: normal;
}

/* 1 efecto trasparente*/

.top-nav ul li.active a,
.top-nav ul li a:hover{
	background-color: #FFFFFF;
	opacity: 99%;
	color: #708293;
	border-radius: 10px;
	margin: 1em 0em .5em 0em;
}


/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {
    clear: both;
}
nav {
	position: relative;
	float: right;

}
nav ul {
	padding: 0;
	float: right;
	
	
}
nav li {
	display: inline;
	float: left;
	position:relative;	
}

nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}

nav a:hover{
	text-decoration:none;
	
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (min-width:768px) and (max-width:800px) {

	.top-nav ul li.active a,
	.top-nav ul li a{
		background-color: #FFFFFF;
		opacity: 75%;
		color: #708293;
		border-radius: 10px;
		margin: 1em 0em 0em 0em;
		border: solid 2px #FFFFFF;
		font-weight: 500;

	}
	/* modificar tamaño del menu y colorear borde*/
  	nav ul {
  		width: 50%;
  		display: none;
  		height: auto;
		padding-top: 1em; 
		border: solid 2px  #FFFFFF; 
		color: #708293;	
  	}
	  nav {
		
  		height: auto;
  		float:none;	  
  	}

  	nav li {
		display: inline;
  		width: 100%;
  		position: relative;
  	}
	
  	nav a {  
		display: inline-block;
	  	width: 100%;
	  	text-indent: 0px;
  	}

	  nav a#pull {
		display: block;
		position: relative;
		color: #5fd9fe;
		text-align: right;
		position: absolute;
		top:.8em;
	}

	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}

	nav a#pull img{
		margin-right:2%;
	}

	.top-nav ul li a {
		border-bottom: 1px solid #FFFFFF;
	}



}




@media screen and (min-width:641px) and (max-width:768px) {

	.top-nav ul li.active a,
	.top-nav ul li a{
		background-color: #FFFFFF;
		opacity: 75%;
		color: #708293;
		border-radius: 10px;
		margin: 1em 0em 0em 0em;
		border: solid 2px #FFFFFF;
		font-weight: 500;
	}

/* modificar tamaño del menu*/
nav ul {
	width: 50%;
	display: none;
  	height: auto;
	padding-top: 1em; 
	border: solid 2px  #FFFFFF;
	margin-top: 1em;
	color: #708293;
}

nav { 
	
  		height: auto;
  		float:none;
}
  

nav li {
		display: inline;
  		width: 100%;
  		position: relative;
}
		 
nav a {
		display: inline-block;
	  	width: 100%;
	  	text-indent: 0px;
  	}

	  nav a#pull {
		display: block;
		position: relative;
		color: #5fd9fe;
		text-align: right;
		position: absolute;
		top:.8em;
	}

	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 100px;
	}

	nav a#pull img{
		margin-right:2%;
	}

	/*
	.top-nav ul li a {
		border-bottom: 1px solid #FFFFFF;
	}
*/
}

/*Styles for screen 515px and lower*/

@media only screen and (min-width:481px) and (max-width:640px) {


	.top-nav ul li.active a,
	.top-nav ul li a{
		background-color: #FFFFFF;
		opacity: 75%;
		color: #708293;
		border-radius: 10px;
		margin: 1em 0em 0em 0em;
		border: solid 2px #FFFFFF;
		font-weight: 500;
		
	}
	nav ul {
		width: 60%;	
		display: none;
  	height: auto;
	padding-top: 1em; 
	border: solid 2px  #FFFFFF;
	color: #708293;
	}
	nav {
		float:none;	  
	}

	nav li {
		display: block;
		float: none;
		width: 100%;
  	}
	
	  .top-nav ul li a {
		border-bottom: 1px solid #FFFFFF;
	}

	nav a#pull {
		display: block;
		position: relative;
		color: #5fd9fe;
		text-align: right;
		position: absolute;
		top:.8em;
	}
	nav a {
		display: inline-block;
	  	width: 100%;
	  	text-indent: 0px;
  	}
	
}

/*Smartphone*/
@media only screen and (min-width:320px) and  (max-width:480px) {
	
	.top-nav ul li.active a,
	.top-nav ul li a{
		background-color: #FFFFFF;
		opacity: 75%;
		color: #708293;
		border-radius: 10px;
		margin: 1em 0em 0em 0em;
		border: solid 2px #FFFFFF;
		font-weight: 500;
		
		
	
	}
	
/* modificar tamaño del menu*/
nav ul {
	width: 78%;
	display: none;
  	height: auto;
	padding-top: 1em; 
	border: solid 2px  #FFFFFF;
	color: #708293;
}
	
nav {
		float:none;
	}

	
nav li {
		display: block;
		float: none;
		width: 100%;
	}

	.top-nav ul li a {
		border-bottom: 1px solid #FFFFFF;
	}

	
	nav a#pull {
		display: block;
		position: relative;
		color: #5fd9fe;
		text-align: right;
		position: absolute;
		top:.1em;
	}

	nav a {
		display: inline-block;
	  	width: 100%;
	  	text-indent: 0px;
  	}
}

/*Smartphone*/
@media only screen and (min-width:0px) and (max-width:319px) {

/* modificar tamaño del menu*/
nav ul {
	width: 70%;
	display: none;
	height: auto;
	padding-top: 1em;
	border: solid 2px  #FFFFFF;
		
}


	nav {
		height: auto;
		float:none;
	}
	
	
	nav li {
		display: inline;
  		width: 100%;
  		position: relative;
	}

	nav a {
		display: inline-block;
	  	width: 100%;
	  	text-indent: 0px;
  	}
	
	  nav a#pull {
		display: block;
		position: relative;
		color: #5fd9fe;
		text-align: right;
		position: absolute;
		top: .5em;
	}


	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}

	nav a#pull img{
		margin-right:2%;
	}
	.top-nav ul li a {
		border-bottom: 1px solid #FFFFFF;
	}
	
	
}


/*----slider----*/

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
 
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}


/* Modifica el tamaño de la letra del Slider principal  */

.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}

.callbacks_nav {
  	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 55px;
	background: transparent url("../images/themes.png") no-repeat left top;
	margin-top: -65px;
}
.callbacks_nav:active {
  opacity: 1.0;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  height: auto;
  border: 0;
  width:100%;
  }

  /*tabs*/
.callbacks_tabs{
	list-style: none;
	position: absolute;
	top: 75%;
	z-index: 999;
	left: 45%;
	
}
.callbacks_tabs li{
	display:inline-block;
}

@media screen and (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/

  
 
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height:13px;
  width:13px;
  display:inline-block;
  border:2px solid #FFF;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
}

.callbacks_here a:after{
	background:#FFF;
}

.container-text-slider-izquierda{
	width: 75%;		
}

.container-text-slider-derecha{
	width: 25%;
}




/* bajar letras slider principal*/
.slide-text-info{
	margin-top:5%;
}

.slide-text-info p {
	font-size: 3.5em;
	
 }


/* Que es Ges start */
.container-definicion{
	width: 100%;
	height: max-content;
	background: linear-gradient( #5fd9fe 94% ,#FFFFFF);
	padding: .5em 0em 5em 0em;
}


/* Subtitulos titles-principal*/

.container-definicion .titles-principal{
	width: 100%;
	text-align: center;
	margin-top: 2.5em;		
}

/* tipografia para los sub titulos*/
.container-definicion .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #FFFFFF;
	font-size: 1.5em;
}

   

/*Contenedor de cards que es GES */
.container-card-que-es-ges{	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

/* cards que es ges*/
.container-card-que-es-ges .card-definicion{
	position: relative;
	margin: 0em 1em;
	width: 22em;
	height: max-content;
	border-radius: 6px;
	overflow: hidden;
	background:#FFFFFF;
	transition: all 400ms ease-out;
	cursor: default;
	
	
}


.container-loader-origen{
	margin-top: 2.5em;
	width: 100%;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;

 }

/* efecto*/


.loader-origen {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 30px;
	position: relative;
  }
  
  .loader:before {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	border-radius: 50%;
  }
  
  .loader-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
  }
  
  .loader-block {
	display: inline-block;
	width: 25px;
	height: 5px;
	margin: 2px;
	background-color: #fff;
	box-shadow: 0 0 20px #fff;
	animation: loader_562 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  }
  
  .loader-block:nth-child(1) {
	animation-delay: 0.1s;
  }
  
  .loader-block:nth-child(2) {
	animation-delay: 0.2s;
  }
  
  .loader-block:nth-child(3) {
	animation-delay: 0.3s;
  }
  
  .loader-block:nth-child(4) {
	animation-delay: 0.4s;
  }
  
  .loader-block:nth-child(5) {
	animation-delay: 0.5s;
  }
  
  .loader-block:nth-child(6) {
	animation-delay: 0.6s;
  }
  
  .loader-block:nth-child(7) {
	animation-delay: 0.7s;
  }
  
  .loader-block:nth-child(8) {
	animation-delay: 0.8s;
  }
  
  @keyframes loader_562 {
	0% {
	  transform: scale(1);
	  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
	}
  
	20% {
	  transform: scale(1, 2.5);
	  box-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
	}
  
	40% {
	  transform: scale(1);
	  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
	}
  }
  

.card-definicion img{
	width: 100%;
	height: 11em;
}

.card-definicion .contenido-card{
	padding: .5em;
	
	
}
.container-card-que-es-ges .card-definicion:hover{
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
	transform: translateY(-3%);
}

/* Configuracion efecto Leer Más*/

 .extra{
	display: none;
}

 p{
	display: inline;
}

 .input-card[type="checkbox"]{
	height: 1em;
	display: block;
	appearance: none;	
}

 .label-card{
	position: relative;
	padding: .5em .7em;
	background: #5fd9fe;
	border-radius: 8px;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.label-card:hover{
	cursor: pointer;
	background: #2fb4cc;
	transition: 300ms;
}

.label-card::before{
	content:"Leer Más";
}

 .input-card[type="checkbox"]:checked ~ label:before{
	content: "Leer Menos";
}

 .dots:has(~ .input-card[type="checkbox"]:checked){
	display: none;
}

.extra:has(~ .input-card[type="checkbox"]:checked){
	display: inline;
}

/*cerra efceto Ler Más*/

.card .contenido-card h4{
	font-weight: bold;
	margin-bottom: 15px;
}

.container-definicion .container-card-que-es-ges .card-title{
  text-align: center;
  font-size: 1.1em;
  display: block;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;	
}


.container-definicion .container-card-que-es-ges .contenido-card .original, .extra{	
  line-height: 1.2;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 1em;
  text-align: justify;
}


/* Funciones destacadas*/
.features-Funciones-Destacadas{
	background: linear-gradient( #5fd9fe 92% ,#FFFFFF);
	background-color: #5fd9fe;
	padding: 1em 0em 4.5em 0em;
	
	/*box-shadow: inset 30px 0px 40px #ffffff;*/
}

/* para todos los subtitulos titles-principal*/

.features-Funciones-Destacadas .titles-principal{
	text-align: center;
	margin-top: 2em;
	
}

.features-Funciones-Destacadas .titles-principal h2{
  text-align: center;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
	color: #FFFFFF;
	font-size: 1.5em;		
}


.sub-titulo{
text-align: center;
color: #635b5b;
padding: 0em 0em 0em 0em;
	
}

/* Prevencion */
.sub-titulo p{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.4em;
	}
	
.seleccione{
	text-align: center;
}

.seleccione p{
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
}


/* card frontal */
.container-card-funciones .features-grid .card-container {
	width: 70%;
	height: 370px;
	position: relative;
	border-radius: 25px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	
  }
  
  
  .container-card-funciones .features-grid .card-container .cardD {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient( #5fd9fe 50% ,#FFFFFF);
	border: 1px #FFFFFF solid;
	

  }
  
  .container-card-funciones .features-grid .card-container .cardD .front-content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
  }
  
  .container-card-funciones .features-grid .card-container .cardD .content p {
	font-size: 1em;
	font-weight: 300;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #635b5b;
	line-height: 1.3;
	transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
  }
  
  
  .features-Funciones-Destacadas .container-card-funciones .text-funciones{
	padding: 1.4em;
  }

  .features-Funciones-Destacadas .container-card-funciones .features-grid .text-funciones h3{
	text-align: center;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5em;
	
  }

  .card-container .cardD .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	display: flex;
	flex-direction: column;
	text-align: center;
	background: linear-gradient( #5fd9fe 50% ,#FFFFFF);
	color: #708293;  /*color de texto card*/
	padding: 20px;
	line-height: 1.5;
	border-radius: 5px;
	pointer-events: none;
	transform: translateY(-96%);  /*100% o 110% */
	transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
	border: 1px #FFFFFF solid;
  }
  
  .container-card-funciones{
     width: 100%;
	 height: max-content;
	 padding: 0em 0em 0em 0em;
  }
  .container-card-funciones .features-grid .card-container .cardD .content .heading {
	font-size: 32px;
	font-weight: 400;
	color: #FFFFFF;
  }
  
  .cardD:hover .content {
	transform: translateY(0);
  }
  
  .cardD:hover .front-content {
	transform: translateY(-30%);
  }
  
  .cardD:hover .front-content p {
	opacity: 0;
  }
  
 
/*--imagen de circulos --*/

.features-grid span{
	width: 231px;
	height: 229px;
	display: inline-block;
	background: url(../images/top-icons.png) no-repeat 0px 0px;
}
.features-grid h3 {
	font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 1.2em;
}

.features-grids .features-grid p{
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
	font-size: 1em;
	line-height: .5;
	
	
}

.features-grid span.t-icon1{
	background-position: -400px 0px;
	
}
.features-grid span.t-icon2{
	background-position: -799px 0px;
}


 /*louder9*/
 .loader9 {
	padding: .8em 0em 0em 0em;
		user-select: none;
	  }
	  
	  .star {
		opacity: 0;
		fill: #f2f3f4;
		animation: loader 2s infinite alternate;
	  }
	  
	  .star2 {
		height: 20px;
		margin-left: -10px;
		animation-delay: 0.25s;
	  }
	  
	  .star3 {
		height: 16px;
		margin-left: -15px;
		animation-delay: 0.5s;
	  }
	  
	  @keyframes loader {
		0% {
		  opacity: 0;
		  transform: translateY(0) translateX(50px) rotate (0deg);
		}
		10% {
		  opacity: 0;
		  transform: translateY(0) translateX(50px) rotate(0deg);
		}
		100% {
		  opacity: 1;
		  transform: translateY(-20px) translateX(0) rotate(360deg);
		}
	  }

/*end funciones destacadas*/



/*-----coadyubar con el ministerio publico----*/

.Share-instantly{
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	padding: 1em 0em;
	/*box-shadow: inset 0 0 20px #FFFFFF;*/
}


.Share-instantly .container .Share-instantly-right .titles-share h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;

}

.Share-instantly .container .Share-instantly-right .titles-share{
	margin-bottom: 1.5em;
	

}
.Share-instantly-left span{
	width:360px;
	height:550px;
	display:block;
	background:url(../images/Izquierdo-nuevo.png) no-repeat 0px 0px;
}

.Share-instantly-right .head-para{
	width: 70%;
	margin: 1em 0 0.5em;
	color:#635b5b;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}


.feature-left .head-para{
	width: 70%;
	margin: 1em 0 0.5em;
	color:#635b5b;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}



/*Imagen  you.tube*/
.slider .da-slider .da-slide #youtube-icon-slider{
	width: 7.5em;
	height: 5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: .7em;
}
.feature .feature-left .slider .da-slider1 .da-slide #llamada-img{
	width: 6em;
	height: 6em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: 1.3em;
	
	}

.feature .feature-left .slider .da-slider1 .da-slide #cuadrantes-img{
		width: 6em;
		height: 6em;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	    border-radius: 10px;
		padding: .9em;
		
		}
		
.feature .feature-left .slider .da-slider1 .da-slide #policia-img{
			width: 6em;
			height: 6em;
			box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	        border-radius: 10px;
			padding: .9em;
			
			}

.da-slider{
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 5px;

}



/*------ Llamada de emergencia----*/
.feature{
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	padding: 1.5em 0em;
}

.feature .titles-share{
	margin-bottom: 1.5em;
}
.feature .titles-share h2 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;	
}


.feature p {
	font-size: medium;
	line-height: 1.8em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.feature p span{
	display:block;
	color:#5fd9fe;
}

.feature-right span{
	width:300px;
	height:555px;
	display:block;
	background:url(../images/celular-derecho-nuevo.png) no-repeat 0px 0px;
}


.da-slider1{
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 5px;

}





/* De su creación*/

.origen-container{
	width: 100%;
	height: max-content;
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
	/*background: linear-gradient( #5fd9fe 97% ,#FFFFFF);*/
	padding: 1em 0em 4em 0em;
}


.card-origen-center{
	width:  50%;
	padding: .5em 1em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: 0em auto 1.5em auto;
	
}
.titles-principal{
	text-align: center;
	margin-top: 2em;	
}

/* tipografia para los sub titulos*/
.titles-principal h2{
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
	color: #FFFFFF;
	font-size: 1.5em;
}


.origen-container .titulo-origen-card {
	width: 100%;
	text-align: center;
	display: inline-block;	
}

.origen-container  .titulo-origen-card p{
  color: #FFFFFF;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.2;  	
}

.origen-container .container-center-origen{
	display: flex;
	justify-content: space-around;

}

/* origen Contenedor  cards img patrulla y robo de vehiculo*/

/* container-center-origen original cambiar por*/



/*  cambia tamaño de card*/
.origen-container .card-origen-center .container-center-origen .container-img-multiple figure{
	width: 20em;
	height: 11em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin-top: .7em;
 }
	

 .origen-container  .card-origen-center .container-center-origen .container-img-multiple figure .capa{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,103,123,0.7);
	transition: all 400ms ease-out;
	opacity: 0;
	visibility: hidden;
    text-align: center;
	
}
.origen-container .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa {
	opacity: 1;
	visibility: visible;
	
}

.container-center-origen .container-img-multiple .capa .list-img-patrulla {
	text-align: justify;
	margin-left: 4em;
	

}

/* Text-grande titulo */
.origen-container  .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: .7em;
	margin-bottom: .8em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
	
}

.origen-container  .card-origen-center .container-center-origen .container-img-multiple figure:hover > img{
	transform: scale(1.2);
}



/* texto pequeño imagen */
.origen-container  .card-origen-center .container-center-origen .container-img-multiple figure .capa p{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	max-width: 220px;
}

.container-2-card-origen{
	display: flex;
	justify-content: center;	
}

.card-origen-par{
	width:  50%;
	padding: .5em 1em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
	margin: 0em 1em;
}


/*4 cards efectos */

/*  cambia tamaño de card*/
.container-4-img-flex .container-img-text figure{
	width: 8em;
	height: 5.8em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .4em;
 }

 .container-img-text figure .img-card{
    width: 100%;
    height: 100%;
	transition: all 400ms ease-out;
    will-change: transform;
}

.container-img-text figure .capa{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,103,123,0.7);
	transition: all 400ms ease-out;
	opacity: 0;
	visibility: hidden;
    text-align: center;
}

.container-img-text figure:hover > .capa {
	opacity: 1;
	visibility: visible;
}


/* Text-grande titulo */
.container-img-text figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: "Ubuntu", sans-serif;
  	font-weight: 300;
    font-style: normal;

	
	
}

.container-img-text figure:hover > img{
	transform: scale(1.2);
}

/* Subtitulos de seccion end  */

.card-origen-center:hover{	
	box-shadow: 0 10px 20px #FFFFFF;
	transition: 2s;
}

.card-origen-par:hover{
	box-shadow: 0 10px 20px #FFFFFF;
	transition: 2s;
	
}

.container-2-card-origen .card-origen-par .titulo-origen-card {
	text-align: center;
}

.container-2-card-origen .card-origen-par .titulo-origen-card p{
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1.2;
}


.container-2-card-origen .card-origen-par p{
	text-align: center;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
	color:#635b5b ;
	
}

.card-origen-par{
	text-align: center;
}

.card-origen-par .list{
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
	line-height: 1.5;
	color:#635b5b ;
	text-align: center;
	padding: 0;

}



.container-logo-coorupcion{
	text-align: center;
	padding: .3em 0em;
	
	
}

.text-car{
	margin-top: 1em;
}

.container-loader{
	width: 100%;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
	/*margin-bottom: 1em;*/
	
 }

/*animation container*/

.card-origen-center .container-box-animate{
	width: 100%;
	padding: .5em 0em;

}

.box-animate{
	position: relative;
	width: 100%;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow:hidden;
}

.box-animate::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 80%;
	background-color:white;
	animation: animate 4s linear infinite; /*ajustar velocidad*/
}

.box-animate::after{
content: '';
position: absolute;
inset: 5px;
background-color: #5fd9fe;
border-radius: 1em;

}

@keyframes animate{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}


.icono-soborno{
	width: 14em;
	height:7em;
	border-radius: 5px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}



/*loader 5 letras de corrupccion */
.container-loader .loader5 {
	margin: 1em 0em;
	position: relative;
	overflow: hidden;
	border-right: 3px solid;
	height: 2em;
	animation: typewriter 5s steps(10)  infinite alternate , blink 0.5s steps(10) infinite;
  }
  

  .loader-text {
	font-size: 1.2em;
	font-weight: 200;
	background: #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
  
  @keyframes typewriter {
	0% {
	  width: 0px;
	}
  
	100% {
	  width: 350px;
	}
  }
  
  @keyframes blink {
	0% {
	  border-right-color: rgba(255,255,255,.75);
	  ;
	}
  
	100% {
	  border-right-color: transparent;
	}
  }
  

  /* contenedor de los 4 iconos*/
.container-4-img-flex{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.container-img-text{
	display: inline-block;
}


.container-4-img-flex .container-img-text .capa .text-unico{
	margin-top: 2em;
	font-size: 1.2em;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
}


.container-2-card-origen .card-origen-par .pie-card-tex-center{
 font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.container-loader{
	width: 100%;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
 }
 
.container-2-card-origen .card-origen-par .text-card-margin-button{
  text-align: center;
	padding: 1em 0em;
}  

.container-2-card-origen .card-origen-par .text-card-margin-button p{
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1em;
	
  }  
  
/*
.card-izquierda:hover .back {
	cursor: pointer;
    transform: perspective(900px) rotateY(360deg);
	
	border: 4px solid #FFFFFF;
}
*/
.compatibility-right .pie-card-tex-center{
	text-align: center;
}




/*  Sitios de implementacion */
/*https://www.freecodecamp.org/espanol/news/como-centrar-una-imagen-vertical-y-horizontalmente-con-css/ */

/*  Sitios de implementacion */

.fondo-img-catalogo{

  margin: 0;
  padding: 0;
  height: 46em; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
  background-image: url('../images/slide1.jpg');
  background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
  background-position: center center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  background-attachment: fixed;
	

}


.titles-principal-sitios{
	padding-top: 2em;
}


.titles-principal-sitios h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: 1em 0em 1em 0em;
		
}

.seleccione-sitios{
	margin-top: .7em;
	width: 100%;
	text-align: center;
}

 .seleccione-sitios p{ 
  background-color: #5F7D8B;
  opacity: 75%;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FFFFFF;
  font-size: 1.3em;
  padding: .7em 1.3em;
  border-radius: 5px;
}

.container-columnas{
	display: flex;
	justify-content: space-between;

}


.img-derecha-columna{	
	display: block;
	flex-direction: column;
	
}
.img-izquierda-columna{
	display: block;
	flex-direction: column;
	
}

.container-title{
	text-align: center;
	padding: 0em 0em .5em 0em;
   }


/* cambia de orizontal a vertical*/
/*display: block;  */


/*  cambia tamaño de card*/
.container-img-multiple figure{
	width: 22em;
	height: 10.5em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .8em .5em;
 }

.container-img-multiple figure .img-card{
    width: 100%;
    height: 100%;
	transition: all 400ms ease-out;
    will-change: transform;
}

.container-img-multiple figure .capa{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,103,123,0.7);
	transition: all 400ms ease-out;
	opacity: 0;
	visibility: hidden;
    text-align: center;
	
}
.container-img-multiple figure:hover > .capa {
	opacity: 1;
	visibility: visible;
	
}

/* Text-grande titulo */
.container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FFFFFF;
	
}


.container-img-multiple figure:hover > img{
	transform: scale(1.2);
}

/* texto pequeño imagen  derecha*/
.img-derecha-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1.1;
	max-width: 220px;
	
	
}

/* texto pequeño imagen  Izquierda*/
.img-izquierda-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1.1;
	max-width: 220px;
}

/* end catalogo*/





/*-----Resultados y eficciencia----*/

.container-img-estadistica{
	margin: 0;
	padding: 0;
	height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/estadis.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
}


/* titulo*/
.titles-principal-estadistica {
	padding-top: 1em;
	
}


 .titles-principal-estadistica h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: .5em 0em .5em 0em;
}

/*Titulo ges en accion espacio  */

.text-youtube{
	display: block;
	font-size: medium;
 }

 

.text-tabla1 {
	display: flex;
	width: 47%;
	background-color: #5F7D8B;
	justify-content: center;
	/*85b0d3*/
	border-radius: 5px;
	opacity: 85%;
	margin-left: auto;
	margin-right: auto;	
}



.text-tabla1 p{
display: flex;
font-family: "Ubuntu", sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1.3em;
color: #FFFFFF;
	
}


.secc-mapa {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0em 0em .5em 0em;	
}


iframe{
	width: 50%;
	height: 15em;
	
}


.container-tablas{
	margin-top: .5em;
	display: flex;
	justify-content: space-around;


	
}


/* margen de base tabla*/

.tabla-container{
	width: 45%;
}

.container-tablas .tabla-container table{
	width: 100%;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}

.container-tablas .tabla-container table th{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 15px 15px;
	font-size: 1.1em;
	margin-top: .5em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFc;

}

.container-tablas .tabla-container table td{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 8px 15px;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFF;
}


/* tablas comparativas margen abajo*/
.text-map2 {
	text-align: center;	
}


/* parrafo tabla superior*/
.container-tablas .tabla-container .tabla-container-izquierda{
	text-align: center;
	width: max-content;
	background-color: #5F7D8B;
	/*#5F7D8B*/;
	border-radius: 5px;
	opacity: 85%;
	float: left;
	padding: .5em 1.5em 0em 1.5em;
	
}

.container-tablas .tabla-container .tabla-container-izquierda p{	
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1em;
color: #FFFFFF;
		
}

.container-tablas .tabla-container .tabla-container-izquierda .list2{
	font-size: 1em;
	margin-top: .3em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal; 
  color: #FFFFFF;	
}


.container-tablas .tabla-container .tabla-container-derecha{
	text-align: center;
	width:max-content;
	background-color: #5F7D8B;
	/*#5F7D8B*/;
	border-radius: 5px;
	opacity: 85%;
	float: right;
	padding: .5em 1.5em 0em 1.5em;
	
}

.container-tablas .tabla-container .tabla-container-derecha p{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1em;
	color: #FFFFFF;
			
	}
	
	.container-tablas .tabla-container .tabla-container-derecha .list2{
	  font-size: 1em;
	  margin-top: .3em;
	  font-family: "Ubuntu", sans-serif;
	  font-weight: 300;
	  font-style: normal; 
	  color: #FFFFFF;	
	}
	


.sin-ges-head{
	/*#708293*/
    background: #5F7D8B;
	opacity: 85%;
    color:white;
    
}


.con-ges-head{
	background: #5F7D8B;
	/* #708293 */
	opacity: 85%;
    color:white;
	
    
}

/*colorea de gris cuerpo de la tabla*/
.resaltado-gris{
	padding: 1em 0em;background-color: #8fadc6;
	opacity: 95%;
	/*background-color:#8fadc6; 5F7D8B*/
	color: #201e1e;
}



/*--Conocer mas---*/

.container-beneficios{
    padding: 1.5em 0em 0em 0em;
	background: linear-gradient( #5fd9fe 93% ,#FFFFFF);
}


.container-loader12-adquirir{
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
	margin-bottom: 1em;
}
.container-beneficios .titles-principal .seleccione-targeta p{
	font-size: 1.3em;
	color: #ffffff;
	font-weight: 300;
}


/*loader12*/
.loader12 {
	transform: rotateZ(45deg);
	perspective: 1000px;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	color: #FFFFFF;
  }
  
  .loader12:before,
  .loader12:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	transform: rotateX(70deg);
	animation: 1s spin linear infinite;
  }
  
  .loader12:after {
	color: #FFFFFF;
	transform: rotateY(70deg);
	animation-delay: .4s;
  }
  
  @keyframes rotate {
	0% {
	  transform: translate(-50%, -50%) rotateZ(0deg);
	}
  
	100% {
	  transform: translate(-50%, -50%) rotateZ(360deg);
	}
  }
  
  @keyframes rotateccw {
	0% {
	  transform: translate(-50%, -50%) rotate(0deg);
	}
  
	100% {
	  transform: translate(-50%, -50%) rotate(-360deg);
	}
  }
  
  @keyframes spin {
	0%,
	100% {
	  box-shadow: .2em 0px 0 0px currentcolor;
	}
  
	12% {
	  box-shadow: .2em .2em 0 0 currentcolor;
	}
  
	25% {
	  box-shadow: 0 .2em 0 0px currentcolor;
	}
  
	37% {
	  box-shadow: -.2em .2em 0 0 currentcolor;
	}
  
	50% {
	  box-shadow: -.2em 0 0 0 currentcolor;
	}
  
	62% {
	  box-shadow: -.2em -.2em 0 0 currentcolor;
	}
  
	75% {
	  box-shadow: 0px -.2em 0 0 currentcolor;
	}
  
	87% {
	  box-shadow: .2em -.2em 0 0 currentcolor;
	}
  }

.container-tarjeta{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	padding-top: .5em;
	padding-bottom: 1em;
}

.container-tarjeta .card-tarjeta{
    position: relative;
    width: 22em;
    height: 30em;
    margin: 15px;
	
}

.card-tarjeta .face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
    overflow: hidden;
    transition: .5s;
	cursor: pointer;
	
}

/* Textos card */
  
/* container Titulo */
  .header-card1 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }

 /*Titulo p */
  .header-card1 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
  }

  .back .info1 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
	

  }
  
  .back .info1 {
	border: none;
	padding: 1em 1em;
	text-align: center;
	

  }

  .info-card1{
	padding: 0em 1.5em;

  }

  .info-card1 p{
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 3.1em; 
  
  }


  .footer-beneficios1 {
	margin-top: 4.7em;
	padding: 0.75em;
	border: 2px #FFFFFF solid;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }
  

/* container Titulo */
.header-card2 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card2 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
	
  }

  .back .info2 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;

  }

  .back .info2 {
	border: none;
	padding: 1em 1em;
	text-align: center;

  }

  .info-card2{
	padding: 0em 1.5em;

  }



  .info-card2 p{
  font-size: 1em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2em; 
  }

  .footer-beneficios2 {
	margin-top: 1.2em;
	padding: 0.75em;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }
  


/* container Titulo */
.header-card3 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card3 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
  }


  .back .info3 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
  }
 
  .back .info3 {
	border: none;
	padding: 1em 1em;
	text-align: center;
	

  } 

  .info-card3 {
	border: none;
	padding: 0em 1.5em;
  }

  


  .info-card3 p{
  font-size: 1em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2.1em; 
  }

  .footer-beneficios3 {
	margin-top: 2em;
	padding: 0.75rem;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }


  .title {
	color: rgb(38 50 56);
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: 1em;
  }
  
  .tag {
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: .85rem;
	display: block;
  }
  
  

.card-tarjeta .front {
    transform: perspective(600px) rotateY(0deg);
    box-shadow: 0 5px 10px #000;
}

.card-tarjeta .front img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Beneficios card frontal*/
.card-tarjeta .front h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 45px;
    color: #FFFFFF;
    background: rgba(0,0,0,.4); /*rgba(0,0,0,.4); */
    text-align: center;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
	
	/*rgba(95,217,254,.9);*/
}


.card-tarjeta .back {
	border: 2px #FFFFFF solid;
    transform: perspective(600px) rotateY(180deg);
	background: #FFFFFF;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 10px #000;	
}


/* height: 50px;  */

   /*texto ges card*/
.card-tarjeta .back .title-back {
	margin-top: 1.1em;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.3em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
			
}

.card-tarjeta .back .sub-title-back{
  margin-top: 4em; 
  font-size: 1em;		
  position: absolute;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 1.2em;
}

.back .tarjeta-2 p{
	font-size: 1em;
	line-height:2.4em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.back .tarjeta-3 p{
	font-size: 1em;
	line-height: 2.4em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal; 
}

/* texto bajo card*/
.card-tarjeta .back .link  {
	border-top: solid 1px #f3f3f3;
	font-size: .9em;
	text-align: center;
	line-height: 70px; /*altura de la linea */
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
}


.card-tarjeta:hover .front {
    transform: perspective(600px) rotateY(180deg);
}

.card-tarjeta:hover .back {
    transform: perspective(600px) rotateY(360deg);
}

.modal--show {
    display: block;  /* Esto hace que el modal se vea */
}

.modal {
    display: none;  /* Esto oculta el modal cuando no está activo */
}

/* Otros estilos para los modales, botones, etc. */

/* formulario*/

.modal{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #111111bd;  /*Gestion del fondo trasparente*/
    display: flex;  /* padre definir como flex para centrar al hijo */
    /*text-align: center;*/
   opacity: 0;
   pointer-events: none;
   transition: opacity .6s .9s;  /*ayuda a la transicion de que desaparesca y no sea de golpe*/
   --transform:translateY(-100vh);
   --transition: transform .8s;
}

.modal--show{
    opacity: 1;
    pointer-events: unset;
    transition: opacity .6s;  
    --transform:translateY(0);
    --transition:transform .8s .8s;
}

/*posicisonamiento del formulario altura*/
.modal_container{
    margin: auto;
    width: 100%;
    max-width: 30em;
    height: 48em;
	/*background: #5fd9fe;*/
    border-radius: 20px;
    padding: 1em 1em;
    transform: var(--transform);
    transition: var(--transition);
}


.container-titulo-form{
	text-align: center;
	margin-top: 1em;

}

/* texto */
.titulo-modal{	
	font-size: 1.8em;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
}

/*efecto*/
/* loader 1 */
.loader1 {
	display: flex;
	align-items: center;
  }
  
  .bar {
	display: inline-block;
	width: 5px;
	height: 20px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 10px;
	animation: scale-up4 1s linear infinite;
  }
  
  .bar:nth-child(2) {
	height: 35px;
	margin: 0 5px;
	animation-delay: .25s;
  }
  
  .bar:nth-child(3) {
	animation-delay: .5s;
  }
  
  @keyframes scale-up4 {
	20% {
	  background-color: #ffff;
	  transform: scaleY(1.5);
	}
  
	40% {
	  transform: scaleY(1);
	}
  }

/*posicionamieto botones
.options #label-option{
	
	margin-bottom: 10em;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1em;
}
*/



/*tamaño de contorno formlario*/
form {
	width: 100%;
	height: 39em;
	padding: 0em 2em;
	border: 5px solid #FFFFFF;
	border-radius: 15px;
}


/* espacio entre los campos formulario */
.inputGroup {
	margin: 2em 0 1em 0;
	width: 100%;
	position: relative;
  }
  
  .inputGroup input, textarea {
	padding: 0.7em;
	outline: none; /*#646464*/
	border: 2px solid #646464;
	/*background-color: transparent;*/
	border-radius: 10px;
	width: 100%;
  }

  /* letra formulario tamaño*/
  .inputGroup label {
	font-size: 1.2em;
	position: absolute;
	left: 0;
	padding: 0.8em;
	margin-left: 0.5em;
	pointer-events: none;
	transition: all 0.3s ease;
	color: rgb(100, 100, 100);
  }


  .inputGroup :is(input:focus, input:valid)~label {
	transform: translateY(-90%) scale(1);
	margin: 0em;
	margin-left: 1.3em;
	padding: 0.4em;
	/*background-color: #FFFFFF;*/
	border-radius: 5px;
	color: #FFFFFF;
  }

  .inputGroup :is(textarea:focus, input:valid)~label {
	transform: translateY(-90%) scale(1);
	margin: 0em;
	margin-left: 1.3em;
	padding: 0.4em;
	/*background-color: #FFFFFF;*/
	border-radius: 5px;
	color: #FFFFFF;
  }


  /*Focus color input */
  .inputGroup :is(input:focus, input:valid) {
	color: rgb(100, 100, 100);
  }

  
  /*Focus color input */
  .inputGroup :is(textarea:focus, textarea:valid) {
	color: rgb(100, 100, 100);
  }

  /*Botones formulario*/

  /*
.btn_enviar_formulario{
	width: 35%;
	padding: .5em .5em;
    font-family: inherit;
    font-size: 1.2em;
	color: rgb(100, 100, 100);
    background: #FFFFFF;
    border:none;
	border-radius: 10px;
    transition: 1s all;
    cursor:pointer;
	
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}

.btn_enviar_formulario:hover{
	color: #ffffff;
	background: #5fd9fe;
    transform: scale(1.1);
	font-weight: bold;
	border: 2px solid #FFFFFF; 
}
*/
/*
.btn_salir_formulario{
	width: 35%;
	
    font-family: inherit;
    font-size: 1.2em;
	color: rgb(100, 100, 100);
    background: #FFFFFF;
    border:none;
	border-radius: 10px;
    transition: 1s all;
    cursor:pointer;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}

.btn_salir_formulario:hover{
	color: #ffffff;
	background: #5fd9fe;
    transform: scale(1.1);
	font-weight: bold;
	border: 2px solid #FFFFFF; 
	
}

*/


/* Botones */

/*btn conttainer*/
.modal_container .botones{
	margin-top: 1.5em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
		
	}

	/*btn salir*/

.btn_salir_formulario {
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
	padding: .5em 2.8em;
	border: 4px solid;
	border-color: transparent;
	font-size: 1em;
	background-color: inherit;
	border-radius: 10px;
	font-weight: 300;
	color: #ffffff;
	box-shadow: 0 0 0 2px #FFFFFF;
	cursor: pointer;
	overflow: hidden;
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .btn_salir_formulario svg {
	position: absolute;
	width: 24px;
	fill: #ffffff;
	z-index: 9;
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .btn_salir_formulario .arr-1 {
	right: 16px;
  }
  
  .btn_salir_formulario .arr-2 {
	left: -25%;
  }
  
  /* cudrado azul*/
  .btn_salir_formulario .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.1em;
	height: 1.25em;
	background-color: #5fd9fe;
	border-radius: 30%;
	opacity: 0;
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .btn_salir_formulario .text {
	position: relative;
	z-index: 1;
	transform: translateX(-12px);
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .btn_salir_formulario:hover {
	box-shadow: 0 0 0 12px transparent;
	color: #FFFFFF;
	border-radius: 12px;
  }
  
  .btn_salir_formulario:hover .arr-1 {
	right: -25%;
  }
  
  .btn_salir_formulario:hover .arr-2 {
	left: 16px;
  }
  
  .btn_salir_formulario:hover .text {
	transform: translateX(12px);
  }
  
  .btn_salir_formulario:hover svg {
	fill: #FFFFFF;
  }
  
  .btn_salir_formulario:active {
	scale: 0.95;
	box-shadow: 0 0 0 4px #FFFFFF;
  }
  
  .btn_salir_formulario:hover .circle {
	width: 220px;
	height: 220px;
	opacity: 1;
  }
  

  /* btn enviar*/
.btn_enviar {
	border: 4px solid;
	user-select: none;
	font-size: 1em;
	color: white;
	box-shadow: 0 0 0 2px #FFFFFF;
	text-align: center;
	background-color: inherit;
	border-color: transparent;
	/*
	background-color: #5fd9fe;
	box-shadow: #cacaca 2px 2px 10px 1px;
	*/
	border-radius: 10px;
	height: 4em;
	line-height: 60px;
	width: 8em;
	transition: all 0.2s ease;
	position: relative;
  }
  
  .msg {
	height: 0;
	width: 0;
	border-radius: 2px;
	position: absolute;
	left: 15%;
	top: 25%;
  }
  
  .btn_enviar:active {
	transition: all 0.001s ease;
	background-color: #2fb4cc;
	box-shadow: #97989a 0 0 0 0;
	transform: translateX(1px) translateY(1px);
  }
  
  .btn_enviar:hover .msg {
	animation: msgRun 2s forwards;
  }
  
  @keyframes msgRun {
	0% {
	  border-top: #d6d6d9 0 solid;
	  border-bottom: #f2f2f5 0 solid;
	  border-left: #f2f2f5 0 solid;
	  border-right: #f2f2f5 0 solid;
	}
  
	20% {
	  border-top: #d6d6d9 14px solid;
	  border-bottom: #f2f2f5 14px solid;
	  border-left: #f2f2f5 20px solid;
	  border-right: #f2f2f5 20px solid;
	}
  
	25% {
	  border-top: #d6d6d9 12px solid;
	  border-bottom: #f2f2f5 12px solid;
	  border-left: #f2f2f5 18px solid;
	  border-right: #f2f2f5 18px solid;
	}
  
	80% {
	  border-top: transparent 12px solid;
	  border-bottom: transparent 12px solid;
	  border-left: transparent 18px solid;
	  border-right: transparent 18px solid;
	}
  
	100% {
	  transform: translateX(150px);
	  border-top: transparent 12px solid;
	  border-bottom: transparent 12px solid;
	  border-left: transparent 18px solid;
	  border-right: transparent 18px solid;
	}
  }

	

/*----- start-download-----*/
.download{

	width: 100%;
	 /*background: linear-gradient( #5fd9fe 94% ,#FFFFFF);*/
	position: relative;
	padding: .5em 0em 0em 0em;
	background-color:  #5fd9fe;
}


.download-right{
	margin-top: .5em;
}

/* margen*/
.download-right .bloke-texto{
	padding: 2em 0em 0em 0em;
}

.download-left{
	margin-top: 4em;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
	
}

.download-left span{
	width:19em;
	height:18em;
	border-radius: 3.7em;
	display:block;
	background:url(../images/storeplay-web-logo.png) no-repeat 0px 0px;
}

/*
.download-left span:hover{
	border-radius:50%;
	-webkit-border-radius:20%;
	box-shadow: 0px 0px 15px 15px #777777;
	 -webkit-box-shadow: 0px 0px 15px 15px #5F7D8B;       
	
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transition: 400ms;
	}
*/



.download-left .sombra{
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}


.download-right .grande{
	color:#fff;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.9em;
	line-height: 1.4;
}

.download-right .texto-normal p{
	font-size: 1.2em;
	font-family: "Ubuntu", sans-serif;
	 font-weight: 200;
	 font-style: normal;
	 /*color: #FFFFFF;*/
	
   }
   
   .download-right .texto-estrellas{
	padding: 1em 0em;
   }

   .download-right .texto-estrellas p{
	   font-size: 1.3em;
	   font-family: "Ubuntu", sans-serif;
	 font-weight: 400;
	 font-style: normal;
	/* color: #FFFFFF;*/
	   
	  }

/*
.download-right a{
	color: #FFF;
	font-size: 1.5em;
}

*/


.download-right a:hover{
	color:#3A3A3A;
	text-decoration:none;
}
.download-right ul{
	margin:3em 0 0 0;
}

.download-right ul li a:hover{
	opacity:0.7;
} 


/*boton envio formulario*/

.container-btn-formulario{
   margin-top: 1em;
   width: 70%;
	
	
}

/* btn ir a formulario*/ 
.btn_ir_modal_mostrar {
  display: flex;
  justify-content: center;
  --color-text: #5F7D8B;
  --color-background: #FFFFFF;
  --color-outline: #5fd9fe;
  --color-shadow: #5fd9fe;
 
}

.btn-content {
  display: flex;
  align-items: center;
  padding: 0px 70px;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 1.2em;
  color: var(--color-text);
  background: var(--color-background);
  transition: 1s;
  border-radius: 10px;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.4);

}

.btn-content:hover, .btn-content:focus {
  transition: 0.5s;
  -webkit-animation: btn-content 1s;
  animation: btn-content 1s;
  outline: 0.1em solid transparent;
  outline-offset: 0.2em;
  color: #5fd9fe;
}

.btn-content .icon-arrow {
  transition: 0.5s;
  margin-right: 0px;
  transform: scale(0.6);
}

.btn-content:hover .icon-arrow {
  transition: 0.5s;
  margin-right: 25px;
}

.icon-arrow {
  width: 20px;
  margin-left: 15px;
  position: relative;
  top: 6%;
  
}
  
/* SVG */
#arrow-icon-one {
  transition: 0.4s;
  transform: translateX(-60%);
}

#arrow-icon-two {
  transition: 0.5s;
  transform: translateX(-30%);
}

.btn-content:hover #arrow-icon-three {
  animation: color_anim 1s infinite 0.2s;
}

.btn-content:hover #arrow-icon-one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}

.btn-content:hover #arrow-icon-two {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */
@keyframes color_anim {
  0% {
    fill: #5fd9fe;
  }

  50% {
    fill: var(--color-background);
  }

  100% {
    fill: #5fd9fe;
  }
}

/* Button animations */
@-webkit-keyframes btn-content {
  0% {
    outline: 0.2em solid var(--color-background);
    outline-offset: 0;
  }
}

@keyframes btn-content {
  0% {
    outline: 0.2em solid var(--color-background);
    outline-offset: 0;
  }
}

/*
.btn_ir_modal_mostrar{
	width: 100%;
    padding: .5em 0;
    font-size: 1.3em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
    color:#FFFFFF;
    background: #5fd9fe;
    border:none;
    border-radius: 17px;
    transition: 1s all;
    cursor:pointer;
	margin-bottom: 20px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border: 1px solid #FFFFFF;	
    
}
	*/

	/*
.btn_ir_modal_mostrar:hover{
	color: #5fd9fe;
	background: #FFFFFF;
    transform: scale(1.1);
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	

	 comentado border: 2px solid #FFFFFF;
}
*/

/*------ficha tecnica----*/
.compatibility{
	background: linear-gradient( #5fd9fe 90% ,#FFFFFF);
	width: 100%;
	padding: 2em 0em 2em 0em;
}

.compatibility h3{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2em;
	border-bottom: 2px solid #FFFFFF;
	padding: 0em 0em 1.5em 0em;
	
	
	
}
.compatibility .compatibility-grids .compatibility-left h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1em;
	padding: .5em 0em;
	
}


.compatibility-grids .compatibility-right h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1em;
	padding: .5em 0em;
}


.compatibility p{
	line-height: 1.9em;
	font-size:1em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.compatibility .list-inline{
	margin-top: 1em;
}

.compatibility  a span:hover{
	opacity:0.5; 
}

a.cl-icon1 span{
	height: 39px;
	width: 19px;
	display: block;
	background: url(../images/multiple-divice1.png) no-repeat 1px -18px;
}
a.cl-icon2 span{
	height: 36px;
	width: 21px;
	display: block;
	background: url(../images/multiple-divice1.png) no-repeat -34px -21px;
}
a.cl-icon3 span{
	height: 56px;
	width: 47px;
	display: block;
	background: url(../images/multiple-divice1.png) no-repeat -68px 0px;
}
a.cl-icon4 span{
	height: 50px;
	width: 34px;
	display: block;
	background: url(../images/multiple-divice1.png) no-repeat -129px -7px;
}
/*-----*/
a.cl-icon1-l span{
	height: 41px;
	width: 23px;
	display: block;
	background: url(../images/multiple-divice2.png) no-repeat 1px -5px;
}
a.cl-icon2-l span{
	height: 41px;
	width: 23px;
	display: block;
	background: url(../images/multiple-divice2.png) no-repeat -38px -5px;
}
a.cl-icon3-l span{
	height: 41px;
	width: 23px;
	display: block;
	background: url(../images/multiple-divice2.png) no-repeat -78px -5px;
}
a.cl-icon4-l span{
	height: 41px;
	width: 23px;
	display: block;
	background: url(../images/multiple-divice2.png) no-repeat -118px -5px;
}
a.cl-icon5-l span{
	height: 41px;
	width: 23px;
	display: block;
	background: url(../images/multiple-divice2.png) no-repeat -158px -5px;
}
a.cl-icon6-l span{
	height: 41px;
	width: 65px;
	display: block;
	background: url(../images/multiple-divice2.png) no-repeat -195px -5px;
}
a.cl-icon7-l span{
	height: 50px;
	width: 32px;
	display: block;
	background: url(../images/multiple-divice2.png) no-repeat -273px 2px;
}
a.cl-icon8-l span{
	height: 43px;
	width: 63px;
	display: block;
	background: url(../images/multiple-divice2.png) no-repeat -317px -3px;
}

.pie-pagina{
width: 100%;
	background: url(../images/bg.jpg);
    
}

.pie-pagina .grupo-1{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:250px;
    padding: 40px 0px;
	color: #efebeb;
}


.box,  h4, p{
    font-size:small;
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
	
}

/*efecto letras*/

/* From Uiverse.io by devkatyall */ 
.shine {
	padding: 1em 0em;
	font-size: 1.2em;
	font-weight: 900;
	color: rgba(230, 222, 222, 0.3);
	background: #222 -webkit-gradient(
		linear,
		left top,
		right top,
		from(#222),
		to(#222),
		color-stop(0.5, #fff)
	  ) 0 0 no-repeat;
	background-image: -webkit-linear-gradient(
	  -40deg,
	  transparent 0%,
	  transparent 40%,
	  #fff 50%,
	  transparent 60%,
	  transparent 100%
	);
	-webkit-background-clip: text;
	-webkit-background-size: 50px;
	-webkit-animation: zezzz;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
  }
  @-webkit-keyframes zezzz {
	0%,
	10% {
	  background-position: -200px;
	}
	20% {
	  background-position: top left;
	}
	100% {
	  background-position: 300px;
	}
  }
  


/* for all social containers*/

.social-container{
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
 

}


.socialContainer {
	
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: rgb(44, 44, 44);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition-duration: .3s;
	/*background-color: #12708c;*/

  }

/* instagram*/
.containerOne:hover {
	background-color: #d62976;
	transition-duration: .3s;
  }
  /* twitter*/
  .containerTwo:hover {
	background-color: #00acee;
	transition-duration: .3s;
  }
  /* linkdin*/
  .containerThree:hover {
	background-color: #0072b1;
	transition-duration: .3s;
  }
  /* Whatsapp*/
  .containerFour:hover {
	background-color: #128C7E;
	transition-duration: .3s;
  }
  
  .socialContainer:active {
	transform: scale(0.9);
	transition-duration: .3s;
  }
  
  .socialSvg {
	width: 17px;
  }
  
  .socialSvg path {
	fill: rgb(255, 255, 255);
  }
  
  .socialContainer:hover .socialSvg {
	animation: slide-in-top 0.3s both;
  }
  
  @keyframes slide-in-top {
	0% {
	  transform: translateY(-50px);
	  opacity: 0;
	}
  
	100% {
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  

.pie-pagina .grupo-2{
    background-color: #000;
    padding: 15px 15px;
    text-align: center;
    color: #fff;
}



#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 26px;
	right: 3%;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top.png") no-repeat 0px 0px;
	border-radius: 30em;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}


/*medias quierys Mac https://developer.mozilla.org/es/docs/Web/CSS/CSS_media_queries/Using_media_queries*/

/* Base*/


@media (min-width:1201px)and (max-width: 1440px) {

/*acomodar menu*/ 
.top-nav ul li a{
	color: #FFFFFF;
	margin-top: .5em;
	padding: 0em 1em;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-size:0.7825em;
}

.top-nav ul li.active a,
.top-nav ul li a:hover{
	background-color: #FFFFFF;
	opacity: 99%;
	color: #708293;
	border-radius: 10px;
	margin: 1em 0em .5em 0em;	
}

/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {
    clear: both;
}
nav {
	position: relative;
	float: right;

}
nav ul {
	padding: 0;
	float: right;
	
}
nav li {
	display: inline;
	float: left;
	position:relative;	
}

nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}

nav a:hover{
	text-decoration:none;
	
}
nav a#pull {
	display: none;
}



	 .slide-text-info p{
		font-size: 2.5em;
		font-family: "Ubuntu", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	}


	
	/* start bloke slider*/
	.container-text-slider-izquierda{
		width: 75%;
		float: left;
		display: flex;
	}
	
	.container-text-slider-derecha{
		width: 25%;
		float: right;
		display: flex;	
	}
	
	

	/* end bloke slider*/

	/*posicion del logo*/

	.container .header .container .marca_logo {
		position: absolute;
		top: 10px;
		left: 100px;
		
	}

	.container .header .container .marca_logo .logo_ges{
		width: 5em;
		height: 2.5em;
	  }

	.header {
		position: fixed;
	z-index: 100;
		right: 0;
		left: 0;
	 }
	
 



/*Que es GES*/

.container-definicion{
	width: 100%;
	height: max-content;
	background: linear-gradient( #5fd9fe 93% ,#FFFFFF);
	padding: .5em 0em .5em 0em;
}

.container-definicion .titles-principal{
	width: 100%;
	text-align: center;
	margin-top: 2.5em;		
}

/* tipografia para los sub titulos*/
.container-definicion .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;
}


/*Contenedor de cards que es GES */

.container-card-que-es-ges{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 1.4em;
	margin-bottom: 2.5em;
}

.container-card-que-es-ges .card-definicion{
	position: relative;
	margin: 0em .2em;
	width: 16em;
	height: max-content;
	border-radius: 6px;
	overflow: hidden;
	background:#FFFFFF;
	transition: all 400ms ease-out;
	cursor: default;
}

.loader-origen {
	padding-top: 0em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	position: relative;
  }


  .loader-block {
	display: inline-block;
	width: 15px;
	height: 5px;
	margin: 2px;
	background-color: #fff;
	box-shadow: 0 0 20px #fff;
	animation: loader_562 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  }

  .container-card-que-es-ges .card-definicion:hover{
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
	transform: translateY(-3%);
}


.card-definicion img{
	width: 100%;
	height: 9em;
}

/*  altura de la posicion del boton*/
.input-card[type="checkbox"]{
	height: .4em;
	display: block;
	appearance: none;
	
}

 .label-card{
	position: relative;
	padding: .4em;
	background: #5fd9fe;
	border-radius: 5px;
	color: #FFFFFF;
	
}

.label-card::before{
	content:"Leer Más";
	font-size: small;
	
}

.container-definicion .container-card-que-es-ges .contenido-card .original, .extra{	
	line-height: 1.2;
	font-family: "Ubuntu", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: .9em;
	text-align: justify;
  }
  


/* Funciones destacadas*/

.features-Funciones-Destacadas{
	background: linear-gradient( #5fd9fe 93% ,#FFFFFF);
	/*background-color: #5fd9fe;*/
	padding: .5em 0em 1em 0em;
	/*box-shadow: inset 0 0 30px greenyellow;*/ 
}

.features-Funciones-Destacadas .titles-principal{
	text-align: center;
	margin-top: 2.5em;	
}

.features-Funciones-Destacadas .titles-principal h2{
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;		
  }
  
  .features-Funciones-Destacadas .sub-titulo{
	text-align: center;
	color: #635b5b;
	padding: 0em;
	margin: 0;
	}
	
	/* Prevencion */
	.sub-titulo p{
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.2em;
		}

		.features-Funciones-Destacadas .seleccione p{
			font-size: 1.1em;
			font-family: "Ubuntu", sans-serif;
			font-weight: 300;
			font-style: normal;
		}

		.features-Funciones-Destacadas .container-card-funciones .features-grid .text-funciones h3{
			font-size: 1.3em;
			font-weight: 300;

		}
		
		 /*louder9*/
.loader9 {
	padding: 1em 0em 0em 0em;
		user-select: none;
	  }

	  .container-card-funciones{
		width: 100%;
		height: max-content;
		padding: 0em 0em 0em 0em;
	 }


	.container-card-funciones  .features-grid{
		padding-bottom: 2em;
	 }	


.container-card-funciones .features-grid .card-container {
	width: 19em;
	display: flex;
	height: 23.7em;
	position: relative;
	border-radius: 25px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	
	
  }
  .container-card-funciones .features-grid .card-container .cardD {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient( #5fd9fe 70% ,#FFFFFF);
	border: 1px #FFFFFF solid;

  }
  

  /* coadyubar con el ministerio publico*/
 
.features-grid span {
	width: 170px;
	height: 170px;
	background-size: 446%;
 }
 .features-grid span.t-icon1 {
    background-position: -290px 0px;
 }
 .features-grid span.t-icon2 {
    background-position: -585px 0px;
 }

 .feature{
	background: linear-gradient( #5fd9fe 75% ,#FFFFFF);
	
}
 .Share-instantly-left span{
	background-size:60%;
	width: 320px;
	height: 449px;	
	margin-top: 0em;
	 
} 

.Share-instantly .container .Share-instantly-right{
	margin: 0em;
	

}

.Share-instantly .container .Share-instantly-right .titles-share h2{
	font-size: 1.5em;
	font-weight: 300;
}

 /* configure llamadas de emergencia */

 .feature-right{
  float:right;
 }

 .feature-right span{
	background-size:65%;
	width: 310px;
	height: 390px;
 }

 .feature-right span{
	background-position:70px 0;	
}
.feature .container .feature-left .titles-share h2{
	font-size: 1.5em;
	font-weight: 300;

}

/*Imagen  you.tube*/
.slider .da-slider .da-slide #youtube-icon-slider{
	width: 7.5em;
	height: 4.5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: .7em;
}


.feature .container .feature-left .slider .da-slider1 .da-slide #llamada-img{
	width: 6em;
	height: 6em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: 1em;
	
	}

	.feature .container .feature-left .slider .da-slider1 .da-slide #cuadrantes-img{
		width: 6em;
		height: 6em;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	    border-radius: 10px;
		padding: .8em;
		}
		
		.feature .container .feature-left .slider .da-slider1 .da-slide #policia-img{
			width: 6em;
			height: 6em;
			box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	        border-radius: 10px;
			padding: .8em;
			
			}


/*De su creacion*/
.origen-container{
	background: linear-gradient( #5fd9fe 99% ,#FFFFFF);
	padding: 1em 0em 3em 0em;
}

.titles-principal{
	text-align: center;
	margin-top: 2em;	
}

.titles-principal h2{
	font-size: 1.4em;	
}

.card-origen-center{
	width:  70%;
	padding: 1em 1em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: 0em auto 1.5em auto;
}



/* Text-grande titulo */
.origen-container  .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: 1.5em;
	margin-bottom: .8em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
	
}

/* tamaño de icocnos 4*/
.container-4-img-flex .container-img-text figure{
	width: 8em;
	height: 6em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .4em;
 }


/* centrar texto iconos*/
 .container-4-img-flex .container-img-text .capa .text-unico{
	margin-top: 2em;
	font-size: 1.2em;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.origen-container  .container-center-origen .container-img-multiple figure:hover > img{
	transform: scale(1.2);
}


/* texto pequeño imagen */
.origen-container  .container-center-origen .container-img-multiple figure .capa p{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1.4;
	width: 100%;
	max-width: 220px;
	margin: auto;
	
}

.container-2-card-origen{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;	
}

.card-origen-par{
	width:  70%;
	padding: .7em .5em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
	margin: 1em 0em;
}

.icono-soborno{
	width: 13em;
	height:7em;
	border-radius: 5px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}

.container-4-img-flex{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}



.container-img-text{
	display: inline-block;
}
.container-2-card-origen .card-origen-par .titulo-origen-card p{
	font-size: larger;
}

.loader-text {
	font-size: 20px;
	font-weight: 600;
	background: #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



/* sitios de implementacion*/

.fondo-img-catalogo{
	margin: 0;
	padding: 0;
	height: 40em; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/slide1.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
  }
  
  .titles-principal-sitios{
	padding-top: 1em;
}

.titles-principal-sitios h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4em;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: .8em 0em .8em 0em;
		
}

.fondo-img-catalogo .seleccione-sitios{
	margin-top: -.5em;
	width: 100%;
	text-align: center;
}
.seleccione-sitios p{ 
	background-color: #5F7D8B;
	opacity: 75%;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: .3em .5em;
	border-radius: 5px;
  }






/*  cambia tamaño de card*/
.container-img-multiple figure{
	width: 19em;
	height: 10em;
	position:relative;
	display: flex;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .4em;
 }

/* Text-grande titulo */
.container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FFFFFF;
	
}




/*Resultados y eficiencia*/

.container-img-estadistica{
	margin: 0;
	padding: 0;
	height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/estadis.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
}


.container-accion{
	background: linear-gradient( #5fd9fe 99% ,#FFFFFF);
	padding-bottom: 1em;
}

.titles-principal-estadistica h2{	
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5em;
}

.text-tabla1 {
	display: flex;
	width: 70%;
	background-color: #5F7D8B;
	justify-content: center;
	/*85b0d3*/
	border-radius: 5px;
	opacity: 85%;
	margin-left: auto;
	margin-right: auto;	
}



.text-tabla1 p{
	display: flex;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
	font-size: 1.2em;
	color: #FFFFFF;
	
}




iframe{
	width: 80%;
	height: 12.5em;
	
}



.container-tablas{
	margin-top: 1em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0em 0em 0em 0em;
	
}

.tabla-container{
	width: 49%;
	margin: 0em  auto .5em auto;
	
}


.container-tablas .tabla-container table{
	width: 100%;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}

/*texto tabla columnas*/
.container-tablas .tabla-container table th{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 8px 10px;
	font-size: 1.1em;
	margin-top: .5em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFc;
	line-height: 1.2;

}
/* texto tabla filas*/
.container-tablas .tabla-container table td{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 8px 10px;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal; 
	color: #FFFFFF;

}

.container-tablas .tabla-container .tabla-container-izquierda p{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1em;
	color: #FFFFFF;
			
	}
	.container-tablas .tabla-container .tabla-container-izquierda{
		text-align: center;
		width: max-content;
		background-color: #5F7D8B;
		/*#5F7D8B*/;
		border-radius: 5px;
		opacity: 85%;
		float: left;
		padding: .3em .3em 0em .3em;
		
	}
	
	.container-tablas .tabla-container .tabla-container-izquierda .list2{
		font-size: .9em;
		margin-top: .3em;
		font-family: "Ubuntu", sans-serif;
	  font-weight: 200;
	  font-style: normal; 
	  color: #FFFFFF;	
	}
	
	.container-tablas .tabla-container .tabla-container-derecha p{	
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1em;
		color: #FFFFFF;
				
		}
		.container-tablas .tabla-container .tabla-container-derecha{
			text-align: center;
			width:max-content;
			background-color: #5F7D8B;
			/*#5F7D8B*/;
			border-radius: 5px;
			opacity: 85%;
			float: right;
			padding: .3em .3em 0em .3em;
			
		}
		
		.container-tablas .tabla-container .tabla-container-derecha .list2{
		  font-size: .9em;
		  margin-top: .3em;
		  font-family: "Ubuntu", sans-serif;
		  font-weight: 300;
		  font-style: normal; 
		  color: #FFFFFF;	
		}
	


/* conocer mas*/

.container-tarjeta{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	padding-top: 2.2em;
	padding-bottom: 3em;
}

.container-tarjeta .card-tarjeta{
    position: relative;
    width: 19em;
    height: 27em;
    margin: 5px;
}


.card-tarjeta .front h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 45px;
    color: #FFFFFF;
    background: rgba(0,0,0,.4); /*rgba(0,0,0,.4); */
    text-align: center;
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
	/*rgba(95,217,254,.9);*/
}

/* container Titulo */
.header-card1 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }

 /*Titulo p */
  .header-card1 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.3em;
	flex-direction: row;
  }

 
  .back .info1 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
	

  }
  .back .info1 {
	border: none;
	padding: 1em 1em;
	text-align: center;
	

  }

  
  .info-card1 {
	border: none;
	padding: 0em .7em;
  }

  .info-card1 p{
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2.9em; 
  }


  .footer-beneficios1 {
	margin-top: 3.8em;
	padding: 0.75rem;
	border: 2px #FFFFFF solid;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }
  

/* container Titulo */
.header-card2 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card2 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.3em;
	flex-direction: row;
  }

  .back .info2 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;

  }


  .back .info2 {
	border: none;
	padding: 1em 1em;
	text-align: center;
  }
  
  .info-card2 {
	border: none;
	padding: 0em .7em;
  }


  .info-card2 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 1.8em; 
  }

  .footer-beneficios2 {
	margin-top: 1.2em;
	padding: 0.75rem;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }
  


/* container Titulo */
.header-card3 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card3 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
  }

  .back .info3 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
  }

.back .info3 {
	border: none;
	padding: 1em 1em;
	text-align: center;
  }   

  .info-card3 {
	border: none;
	padding: 0em .7em;
  }


  .info-card3 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2em; 
  }

  .footer-beneficios3 {
	margin-top: 1.2em;
	padding: 0.75rem;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }


	
.card-tarjeta:hover .front {
    transform: perspective(600px) rotateY(180deg);
}

.card-tarjeta:hover .back {
    transform: perspective(600px) rotateY(360deg);
}	

 /* adquirir*/
 .download{

	width: 100%;
	background: #5fd9fe 94%;
	
	padding: .1em 0em;

}

.download-right p {
	font-size: 1.8em;
 }
 

/*Texto position*/
.download-right{
	width: 60%;
	margin-top: 1em;
	float: right;
	
}

/* imagen position*/
.download-left{
	width: 40%;
	margin-top: 6em;
	float: left;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
}


.download-left  span {
	width: 14em;
	height: 13em;
	border-radius: 2.5em;
	background-size:100%;
	
	
 }

	.download-right .grande{
		color:#fff;
		font-size:1.8em;
		font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	}

	


/*Efecto */

	.container-loader12-adquirir{
		display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
		justify-content: center;
		margin-bottom: 1em;
	} 
	
	/*boton envio formulario*/
	
	.container-btn-formulario{
		
		width: 50%;
	
	}
	.btn-content {
		display: flex;
		align-items: center;
		padding: 0px 50px;
		text-decoration: none;
		font-family: 'Poppins', sans-serif;
		font-weight: 300;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-background);
		transition: 1s;
		border-radius: 10px;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
	  
	  }
/*boton
.btn_ir_modal_mostrar{
	width: 70%;
    padding: .5em 0;
    font-size: 1em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
    color:#5fd9fe;
    background: #FFFFFF;
    border:none;
    border-radius: 10px;
    transition: 1s all;
    cursor:pointer;
	margin-bottom: 20px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
    
}
*/

 .slide-text-info {
	margin-top: 7%;
 }






 /* ficha tecnica */
 .compatibility{
	background: linear-gradient( #5fd9fe 90% ,#FFFFFF);
	width: 100%;
	padding: .5em 0em 1em 0em;
}

.compatibility h3{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1em;
	border-bottom: 2px solid #FFFFFF;
	padding: .5em 0em;	
}

.compatibility-grids .compatibility-right h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
}
.compatibility .compatibility-grids .compatibility-left h4{
	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
	
}
.compatibility p{
	
	line-height: 1.2em;
	
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  
}

.compatibility .list-inline{
	margin-top: .5em;
}

p.cousel_demo{
	display:none;
}




/* pie de pagina */

	
 .pie-pagina .grupo-1{
    width: 100%;
   height: max-content;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:8em;    /* espacio entre elementos*/
    padding: 2em 8em;
	color: #efebeb;
}

}
/*--responsive design--*/
@media (min-width:1025px) and (max-width:1200px) {

/*acomodar menu*/ 
.top-nav ul li a{
	color: #FFFFFF;
	margin-top: .5em;
	padding: 0em 1em;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-size:0.7825em;
}

.top-nav ul li.active a,
.top-nav ul li a:hover{
	background-color: #FFFFFF;
	opacity: 99%;
	color: #708293;
	border-radius: 10px;
	margin: 1em 0em .5em 0em;	
}

/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {
    clear: both;
}
nav {
	position: relative;
	float: right;

}
nav ul {
	padding: 0;
	float: right;
	
}
nav li {
	display: inline;
	float: left;
	position:relative;	
}

nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}

nav a:hover{
	text-decoration:none;
	
}
nav a#pull {
	display: none;
}



	 .slide-text-info p{
		font-size: 2.5em;
		font-family: "Ubuntu", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	}


	
	/* start bloke slider*/
	.container-text-slider-izquierda{
		width: 75%;
		float: left;
		display: flex;
	}
	
	.container-text-slider-derecha{
		width: 25%;
		float: right;
		display: flex;	
	}
	
	

	/* end bloke slider*/

	/*posicion del logo*/

	.container .header .container .marca_logo {
		position: absolute;
		top: 10px;
		left: 100px;
		
	}

	.container .header .container .marca_logo .logo_ges{
		width: 5em;
		height: 2.5em;
	  }

	.header {
		position: fixed;
	z-index: 100;
		right: 0;
		left: 0;
	 }
	
 



/*Que es GES*/

.container-definicion{
	width: 100%;
	height: max-content;
	background: linear-gradient( #5fd9fe 93% ,#FFFFFF);
	padding: .5em 0em .5em 0em;
}

.container-definicion .titles-principal{
	width: 100%;
	text-align: center;
	margin-top: 2.5em;		
}

/* tipografia para los sub titulos*/
.container-definicion .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;
}


/*Contenedor de cards que es GES */

.container-card-que-es-ges{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 1.4em;
	margin-bottom: 2.5em;
}

.container-card-que-es-ges .card-definicion{
	position: relative;
	margin: 0em .2em;
	width: 16em;
	height: max-content;
	border-radius: 6px;
	overflow: hidden;
	background:#FFFFFF;
	transition: all 400ms ease-out;
	cursor: default;
}

.loader-origen {
	padding-top: 0em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	position: relative;
  }


  .loader-block {
	display: inline-block;
	width: 15px;
	height: 5px;
	margin: 2px;
	background-color: #fff;
	box-shadow: 0 0 20px #fff;
	animation: loader_562 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  }

  .container-card-que-es-ges .card-definicion:hover{
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
	transform: translateY(-3%);
}


.card-definicion img{
	width: 100%;
	height: 9em;
}

/*  altura de la posicion del boton*/
.input-card[type="checkbox"]{
	height: .4em;
	display: block;
	appearance: none;
	
}

 .label-card{
	position: relative;
	padding: .4em;
	background: #5fd9fe;
	border-radius: 5px;
	color: #FFFFFF;
	
}

.label-card::before{
	content:"Leer Más";
	font-size: small;
	
}

.container-definicion .container-card-que-es-ges .contenido-card .original, .extra{	
	line-height: 1.2;
	font-family: "Ubuntu", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: .9em;
	text-align: justify;
  }
  


/* Funciones destacadas*/

.features-Funciones-Destacadas{
	background: linear-gradient( #5fd9fe 93% ,#FFFFFF);
	/*background-color: #5fd9fe;*/
	padding: .5em 0em 1em 0em;
	/*box-shadow: inset 0 0 30px greenyellow;*/ 
}

.features-Funciones-Destacadas .titles-principal{
	text-align: center;
	margin-top: 2.5em;	
}

.features-Funciones-Destacadas .titles-principal h2{
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;		
  }
  
  .features-Funciones-Destacadas .sub-titulo{
	text-align: center;
	color: #635b5b;
	padding: 0em;
	margin: 0;
	}
	
	/* Prevencion */
	.sub-titulo p{
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.2em;
		}

		.features-Funciones-Destacadas .seleccione p{
			font-size: 1.1em;
			font-family: "Ubuntu", sans-serif;
			font-weight: 300;
			font-style: normal;
		}

		.features-Funciones-Destacadas .container-card-funciones .features-grid .text-funciones h3{
			font-size: 1.3em;
			font-weight: 300;

		}
		
		 /*louder9*/
.loader9 {
	padding: 1em 0em 0em 0em;
		user-select: none;
	  }

	  .container-card-funciones{
		width: 100%;
		height: max-content;
		padding: 0em 0em 0em 0em;
	 }


	.container-card-funciones  .features-grid{
		padding-bottom: 2em;
	 }	


.container-card-funciones .features-grid .card-container {
	width: 19em;
	display: flex;
	height: 23.7em;
	position: relative;
	border-radius: 25px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	
	
  }
  .container-card-funciones .features-grid .card-container .cardD {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient( #5fd9fe 70% ,#FFFFFF);
	border: 1px #FFFFFF solid;

  }
  

  /* coadyubar con el ministerio publico*/
 
.features-grid span {
	width: 170px;
	height: 170px;
	background-size: 446%;
 }
 .features-grid span.t-icon1 {
    background-position: -290px 0px;
 }
 .features-grid span.t-icon2 {
    background-position: -585px 0px;
 }

 .feature{
	background: linear-gradient( #5fd9fe 75% ,#FFFFFF);
	
}
 .Share-instantly-left span{
	background-size:60%;
	width: 320px;
	height: 449px;	
	margin-top: 0em;
	 
} 

.Share-instantly .container .Share-instantly-right{
	margin: 0em;
	

}

.Share-instantly .container .Share-instantly-right .titles-share h2{
	font-size: 1.5em;
	font-weight: 300;
}

 /* configure llamadas de emergencia */

 .feature-right{
  float:right;
 }

 .feature-right span{
	background-size:65%;
	width: 310px;
	height: 390px;
 }

 .feature-right span{
	background-position:70px 0;	
}
.feature .container .feature-left .titles-share h2{
	font-size: 1.5em;
	font-weight: 300;

}

/*Imagen  you.tube*/
.slider .da-slider .da-slide #youtube-icon-slider{
	width: 7.5em;
	height: 4.5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: .7em;
}


.feature .container .feature-left .slider .da-slider1 .da-slide #llamada-img{
	width: 6em;
	height: 6em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: 1em;
	
	}

	.feature .container .feature-left .slider .da-slider1 .da-slide #cuadrantes-img{
		width: 6em;
		height: 6em;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	    border-radius: 10px;
		padding: .8em;
		}
		
		.feature .container .feature-left .slider .da-slider1 .da-slide #policia-img{
			width: 6em;
			height: 6em;
			box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	        border-radius: 10px;
			padding: .8em;
			
			}


/*De su creacion*/
.origen-container{
	background: linear-gradient( #5fd9fe 99% ,#FFFFFF);
	padding: 1em 0em 3em 0em;
}

.titles-principal{
	text-align: center;
	margin-top: 2em;	
}

.titles-principal h2{
	font-size: 1.4em;	
}

.card-origen-center{
	width:  70%;
	padding: 1em 1em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: 0em auto 1.5em auto;
}



/* Text-grande titulo */
.origen-container  .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: 1.5em;
	margin-bottom: .8em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
	
}

/* tamaño de icocnos 4*/
.container-4-img-flex .container-img-text figure{
	width: 8em;
	height: 6em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .4em;
 }


/* centrar texto iconos*/
 .container-4-img-flex .container-img-text .capa .text-unico{
	margin-top: 2em;
	font-size: 1.2em;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.origen-container  .container-center-origen .container-img-multiple figure:hover > img{
	transform: scale(1.2);
}


/* texto pequeño imagen */
.origen-container  .container-center-origen .container-img-multiple figure .capa p{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1.4;
	width: 100%;
	max-width: 220px;
	margin: auto;
	
}

.container-2-card-origen{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;	
}

.card-origen-par{
	width:  70%;
	padding: .7em .5em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
	margin: 1em 0em;
}

.icono-soborno{
	width: 13em;
	height:7em;
	border-radius: 5px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}

.container-4-img-flex{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}



.container-img-text{
	display: inline-block;
}
.container-2-card-origen .card-origen-par .titulo-origen-card p{
	font-size: larger;
}

.loader-text {
	font-size: 20px;
	font-weight: 600;
	background: #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



/* sitios de implementacion*/

.fondo-img-catalogo{
	margin: 0;
	padding: 0;
	height: 40em; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/slide1.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
  }
  
  .titles-principal-sitios{
	padding-top: 1em;
}

.titles-principal-sitios h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4em;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: .8em 0em .8em 0em;
		
}

.fondo-img-catalogo .seleccione-sitios{
	margin-top: -.5em;
	width: 100%;
	text-align: center;
}
.seleccione-sitios p{ 
	background-color: #5F7D8B;
	opacity: 75%;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: .3em .5em;
	border-radius: 5px;
  }






/*  cambia tamaño de card*/
.container-img-multiple figure{
	width: 19em;
	height: 10em;
	position:relative;
	display: flex;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .4em;
 }

/* Text-grande titulo */
.container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FFFFFF;
}


/*Resultados y eficiencia*/

.container-img-estadistica{
	margin: 0;
	padding: 0;
	height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/estadis.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
}


.container-accion{
	background: linear-gradient( #5fd9fe 99% ,#FFFFFF);
	padding-bottom: 1em;
}

.titles-principal-estadistica h2{	
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5em;
}

.text-tabla1 {
	display: flex;
	width: 70%;
	background-color: #5F7D8B;
	justify-content: center;
	/*85b0d3*/
	border-radius: 5px;
	opacity: 85%;
	margin-left: auto;
	margin-right: auto;	
}

.text-tabla1 p{
	display: flex;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
	font-size: 1.2em;
	color: #FFFFFF;
	
}

iframe{
	width: 80%;
	height: 10em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}



.container-tablas{
	margin-top: 1em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0em 0em 0em 0em;
	
}

.tabla-container{
	width: 49%;
	margin: 0em  auto .5em auto;
	
}


.container-tablas .tabla-container table{
	width: 100%;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}

/*texto tabla columnas*/
.container-tablas .tabla-container table th{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 8px 10px;
	font-size: 1.1em;
	margin-top: .5em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFc;
	line-height: 1.2;

}
/* texto tabla filas*/
.container-tablas .tabla-container table td{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 8px 10px;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal; 
	color: #FFFFFF;

}

.container-tablas .tabla-container .tabla-container-izquierda p{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1em;
	color: #FFFFFF;
			
	}
	.container-tablas .tabla-container .tabla-container-izquierda{
		text-align: center;
		width: max-content;
		background-color: #5F7D8B;
		/*#5F7D8B*/;
		border-radius: 5px;
		opacity: 85%;
		float: left;
		padding: .3em .3em 0em .3em;
		
	}
	
	.container-tablas .tabla-container .tabla-container-izquierda .list2{
		font-size: .9em;
		margin-top: .3em;
		font-family: "Ubuntu", sans-serif;
	  font-weight: 200;
	  font-style: normal; 
	  color: #FFFFFF;	
	}
	
	.container-tablas .tabla-container .tabla-container-derecha p{	
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1em;
		color: #FFFFFF;
				
		}
		.container-tablas .tabla-container .tabla-container-derecha{
			text-align: center;
			width:max-content;
			background-color: #5F7D8B;
			/*#5F7D8B*/;
			border-radius: 5px;
			opacity: 85%;
			float: right;
			padding: .3em .3em 0em .3em;
			
		}
		
		.container-tablas .tabla-container .tabla-container-derecha .list2{
		  font-size: .9em;
		  margin-top: .3em;
		  font-family: "Ubuntu", sans-serif;
		  font-weight: 300;
		  font-style: normal; 
		  color: #FFFFFF;	
		}
	


/* conocer mas*/

.container-tarjeta{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	padding-top: 2.2em;
	padding-bottom: 3em;
}

.container-tarjeta .card-tarjeta{
    position: relative;
    width: 19em;
    height: 27em;
    margin: 5px;
}


.card-tarjeta .front h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 45px;
    color: #FFFFFF;
    background: rgba(0,0,0,.4); /*rgba(0,0,0,.4); */
    text-align: center;
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
	/*rgba(95,217,254,.9);*/
}

/* container Titulo */
.header-card1 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }

 /*Titulo p */
  .header-card1 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.3em;
	flex-direction: row;
  }

 
  .back .info1 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
	

  }
  .back .info1 {
	border: none;
	padding: 1em 1em;
	text-align: center;
	

  }

  
  .info-card1 {
	border: none;
	padding: 0em .7em;
  }

  .info-card1 p{
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2.9em; 
  }


  .footer-beneficios1 {
	margin-top: 3.8em;
	padding: 0.75rem;
	border: 2px #FFFFFF solid;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }
  

/* container Titulo */
.header-card2 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card2 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.3em;
	flex-direction: row;
  }

  .back .info2 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;

  }


  .back .info2 {
	border: none;
	padding: 1em 1em;
	text-align: center;
  }
  
  .info-card2 {
	border: none;
	padding: 0em .7em;
  }


  .info-card2 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 1.8em; 
  }

  .footer-beneficios2 {
	margin-top: 1.2em;
	padding: 0.75rem;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }
  


/* container Titulo */
.header-card3 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card3 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
  }

  .back .info3 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
  }

.back .info3 {
	border: none;
	padding: 1em 1em;
	text-align: center;
  }   

  .info-card3 {
	border: none;
	padding: 0em .7em;
  }


  .info-card3 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2em; 
  }

  .footer-beneficios3 {
	margin-top: 1.2em;
	padding: 0.75rem;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }


	
.card-tarjeta:hover .front {
    transform: perspective(600px) rotateY(180deg);
}

.card-tarjeta:hover .back {
    transform: perspective(600px) rotateY(360deg);
}	

 /* adquirir*/
 .download{

	width: 100%;
	background: #5fd9fe 94%;
	
	padding: .1em 0em;

}

.download-right p {
	font-size: 1.8em;
 }
 

/*Texto position*/
.download-right{
	width: 60%;
	margin-top: 1em;
	float: right;
	
}

/* imagen position*/
.download-left{
	width: 40%;
	margin-top: 6em;
	float: left;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
}


.download-left  span {
	width: 14em;
	height: 13em;
	border-radius: 2.5em;
	background-size:100%;
	
	
 }

	.download-right .grande{
		color:#fff;
		font-size:1.8em;
		font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	}

	


/*Efecto */

	.container-loader12-adquirir{
		display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
		justify-content: center;
		margin-bottom: 1em;
	} 
	
	/*boton envio formulario*/
	
	.container-btn-formulario{
		
		width: 50%;
	
	}
	.btn-content {
		display: flex;
		align-items: center;
		padding: 0px 50px;
		text-decoration: none;
		font-family: 'Poppins', sans-serif;
		font-weight: 300;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-background);
		transition: 1s;
		border-radius: 10px;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
	  
	  }
/*boton
.btn_ir_modal_mostrar{
	width: 70%;
    padding: .5em 0;
    font-size: 1em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
    color:#5fd9fe;
    background: #FFFFFF;
    border:none;
    border-radius: 10px;
    transition: 1s all;
    cursor:pointer;
	margin-bottom: 20px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
    
}
*/

 .slide-text-info {
	margin-top: 7%;
 }






 /* ficha tecnica */
 .compatibility{
	background: linear-gradient( #5fd9fe 90% ,#FFFFFF);
	width: 100%;
	padding: .5em 0em 1em 0em;
}

.compatibility h3{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1em;
	border-bottom: 2px solid #FFFFFF;
	padding: .5em 0em;	
}

.compatibility-grids .compatibility-right h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
}
.compatibility .compatibility-grids .compatibility-left h4{
	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
	
}
.compatibility p{
	
	line-height: 1.2em;
	
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  
}

.compatibility .list-inline{
	margin-top: .5em;
}

p.cousel_demo{
	display:none;
}




/* pie de pagina */

	
 .pie-pagina .grupo-1{
    width: 100%;
   height: max-content;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:8em;    /* espacio entre elementos*/
    padding: 2em 8em;
	color: #efebeb;
}

}


@media (min-width:801px) and (max-width:1024px){
	
/*acomodar menu*/ 
.top-nav ul li a{
	color: #FFFFFF;
	margin-top: .5em;
	padding: 0em 1em;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-size:0.7825em;
	
}


.top-nav ul li.active a,
.top-nav ul li a:hover{
	background-color: #FFFFFF;
	opacity: 99%;
	color: #708293;
	border-radius: 10px;
	margin: 1em 0em .5em 0em;
	
}



/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {
    clear: both;
}
nav {
	position: relative;
	float: right;

}
nav ul {
	padding: 0;
	float: right;
	
}
nav li {
	display: inline;
	float: left;
	position:relative;	
}

nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}

nav a:hover{
	text-decoration:none;
	
}
nav a#pull {
	display: none;
}

	 
/* start bloke slider*/
.container-text-slider-izquierda{
	width: 75%;
	
}

.container-text-slider-derecha{
	width: 25%;
		
}


/* end bloke slider*/

.container .header .container .marca_logo {
	position: absolute;
	top: 10px;
	left:10px;
	
}

	.container .header .container .marca_logo .logo_ges{
		width: 4.5em;
		height:2.3em;
		
	  }

	.header {
	position: fixed;
	z-index: 100;
		right: 0;
		left: 0;
		
	 }
	
 .top-nav ul li a {
	color: #FFF;
	padding: 0em .4em;
	font-size:0.7725em;
 }
 .slide-text-info p {
	font-family: "Ubuntu", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	font-size: 1.6em;
 }
 
 
 .slide-text-info{
	margin-top:6%;
}

	 /* Que es GES */

	 .container-definicion{
		width: 100%;
		height: max-content;
		background: linear-gradient( #5fd9fe 95% ,#FFFFFF);
		padding: .5em 0em .5em 0em;
	}

	.container-definicion .titles-principal{
		width: 100%;
		text-align: center;
		
	}
	
.container-loader-origen{
	margin-top: .5em;
	width: 100%;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;

 }
	
	 .container-card-que-es-ges{
		/*
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		
		*/
		width: 100%;
		margin-top: 2em;
		
	}

	/* tipografia para los sub titulos*/
.container-definicion .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;
}

	.container-beneficios .titles-principal .seleccione-targeta p{
		font-size: 1.2em;
		color: #ffffff;
		font-weight: 300;
	}
	.container-card-que-es-ges .card-definicion{
		position: relative;
		width: 16em;
		height: max-content;
		border-radius: 6px;
		overflow: hidden;
		background:#FFFFFF;
		transition: all 400ms ease-out;
		cursor: default;
		margin: 0em .2em;
	}

	
	.container-card-que-es-ges .card-definicion figure img{
		width: 100%;
		height: 12em;
	}


	.container-definicion .container-card-que-es-ges .card-title{
		text-align: center;
		font-size: 1em;
		display: block;
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;	
	  }
	  
	.container-definicion .container-card-que-es-ges .contenido-card .original, .extra{	
		line-height: 1.2;
		font-family: "Ubuntu", sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: .9em;
		text-align: justify;
	  }
	  
	/*  altura de la posicion del boton*/
	.input-card[type="checkbox"]{
		height: .4em;
		display: block;
		appearance: none;
		
	}
	
	 .label-card{
		position: relative;
		padding: .5em;
		background: #5fd9fe;
		border-radius: 5px;
		color: #FFFFFF;
		
	}
	
	.label-card::before{
		content:"Leer Más";
		font-size: .8em;
	}
	
		 .loader-origen {
			padding-top: 1em;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 20px;
			height: 20px;
			position: relative;
		  }
		
		  .loader-block {
			display: inline-block;
			width: 20px;
			height: 5px;
			margin: 2px;
			background-color: #fff;
			box-shadow: 0 0 20px #fff;
			animation: loader_562 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		  }
	
.container-definicion .titles-principal{
	width: 100%;
	text-align: center;
	margin-top: 3em;		
}

/* tipografia para los sub titulos*/
.container-definicion .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #FFFFFF;
	font-size: 1.5em;
}


  .card-definicion img{
	width: 100%;
	height: 11em;
}


 /* Funciones destacadas*/

 .features-Funciones-Destacadas{
	
	 background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
	 /*background-color: #5fd9fe;*/
	 padding: .5em 0em 1em 0em;
	 /*box-shadow: inset 0 0 30px greenyellow;*/ 
 }
 
 .features-Funciones-Destacadas .titles-principal{
	 text-align: center;
	 margin-top: 2.5em;	
	
 }

 .features-Funciones-Destacadas .titles-principal h2{
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;		
  }
  
  .features-Funciones-Destacadas .sub-titulo{
	text-align: center;
	color: #635b5b;
	padding: 0em;
	margin: 0;
	}
	
	/* Prevencion */
	.sub-titulo p{
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.2em;
		}

		.features-Funciones-Destacadas .seleccione p{
			font-size: 1.1em;
			font-family: "Ubuntu", sans-serif;
			font-weight: 300;
			font-style: normal;
		}


		 /*louder9*/
.loader9 {
	padding: 1em 0em 0em 0em;
		user-select: none;
	  }

	.container-card-funciones{
		width: 100%;
		height: max-content;
		padding: 0em 0em 0em 0em;
	 }
	  

	 .container-card-funciones  .features-grid{
		padding-bottom: 2em;
	 }	

	 
.container-card-funciones .features-grid .card-container {
	width: 20em;
	display: flex;
	height: 23em;
	position: relative;
	border-radius: 25px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;	
  }

  .container-card-funciones .features-grid .card-container .cardD {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient( #5fd9fe 70% ,#FFFFFF);
	border: 1px #FFFFFF solid;
  }
  
  
 .features-grid span {
	width: 145px;
	height: 155px;
	background-size: 470%;
	
 }
 .features-grid span.t-icon1 {
    background-position: -530px 0px;
	
 }
 .features-grid span.t-icon2 {
    background-position: -270px 0px;
 }
 
 .features-Funciones-Destacadas .container-card-funciones .features-grid .text-funciones h3{
	font-size: 1.3em;
	font-weight: 300;
	


}


.features-grids .features-grid p {
	font-size: 1em;	
 }


/* De su creacion */

.origen-container{
	width: 100%;
	height: max-content;
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
	padding: .5em 0em 1.5em 0em;
	
}

.titles-principal h2{
	font-size: 1.4em;	
}

.card-origen-center{
	width:  90%;
	height: max-content;
	padding: 1.5em 1em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
	margin: 0em auto .5em auto;
}

.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple{
	width: 50%;
	padding: 0em 1em;
}



/*  cambia tamaño de card*/
.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple figure{
	width: 19em;
	height: 12em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: 0;
 }



/* Text-grande titulo */
.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: 30px;
	margin-bottom: 15px;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
	
}

.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple figure:hover > img{
	transform: scale(1.2);
}


/* texto pequeño imagen */
.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple figure .capa p{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1.4;
	width: 100%;
	max-width: 220px;
	margin: auto;
	
}

.container-2-card-origen{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	
}

.card-origen-par{
	width:  90%;
	padding: 1em 1em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
	margin: .8em auto;	
}

.container-logo-coorupcion .icono-soborno{
	width: 15em;
	height:7em;
	border-radius: 5px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}

/*  cambia tamaño de cards 4 */
.container-4-img-flex .container-img-text figure{
	width: 8em;
	height: 5.8em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .4em;
 }

.container-4-img-flex{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: .5em 0em;
}


.container-2-card-origen .card-origen-par .titulo-origen-card p{
	font-size: larger;
}

.loader-text {
	font-size: 20px;
	font-weight: 600;
	background: #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }




/* sitios de implementacion*/

.fondo-img-catalogo{
	margin: 0;
	padding: 0;
	height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/slide1.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
  }
  
  .titles-principal-sitios{
	padding-top: 1em;
}
	

.titles-principal-sitios h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4em;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: .7em 0em .7em 0em;
		
}

.fondo-img-catalogo .seleccione-sitios p{ 
	background-color: #5F7D8B;
	opacity: 75%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: .5em .7em;
	border-radius: 5px;
  }
  

/* Text-grande titulo */
.container-img-multiple figure:hover > .capa .title-foto{
  font-size: 1.1em;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FFFFFF;
}

   
/*  cambia tamaño de card*/
 .container-img-multiple figure{
	width: 16.5em;
	height: 9.7em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .4em;
	line-height: 1.2;
 }

/* texto pequeño imagen  derecha*/
.img-derecha-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: .9;
	max-width: 220px;
}

/* texto pequeño imagen  Izquierda*/
.img-izquierda-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: .9;
	max-width: 220px;
}





/*Resultados y eficiencia*/

.container-img-estadistica{
	margin: 0;
	padding: 0;
	height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/estadis.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
}


.titles-principal-estadistica h2{
	width: 100%;	
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5em;
}

.text-tabla1 {
	display: flex;
	width: 75%;
	background-color: #5F7D8B;
	justify-content: center;
	border-radius: 5px;
	opacity: 85%;
	margin-left: auto;
	margin-right: auto;
	
}

.text-tabla1 p{
	text-align: center;
	display: flex;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	font-size: 1.1em;
	color: #FFFFFF;
	
	
}

.text-tabla {
	text-align: center;
	padding: .8em 0em;
	
}


iframe{
	width: 100%;
	height: 12em;
	/*box-shadow: 0px 15px 25px rgba(0,0,0,0.50);*/
	padding: 0em 2em;
}

.container-tablas{
	margin-top:2em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.tabla-container{
	width: 49%;
	height: max-content;
}

.container-tablas .tabla-container table th{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 12px 10px;
	font-size: 1em;
	margin-top: .5em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFc;
	line-height: 1.1em;

}

.container-tablas .tabla-container table td{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 10px 10px;
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFF;
	line-height: 1.1;
}

.container-tablas .tabla-container .tabla-container-izquierda p{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .9em;
	color: #FFFFFF;
			
	}

.container-tablas .tabla-container .tabla-container-izquierda .list2{
	font-size: .9em;
	margin-top: .1em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal; 
  color: #FFFFFF;	
}

/* parrafo tabla superior*/
.container-tablas .tabla-container .tabla-container-izquierda{
	text-align: center;
	width: max-content;
	background-color: #5F7D8B;
	/*#5F7D8B*/;
	border-radius: 5px;
	opacity: 85%;
	float: left;
	padding: .2em .2em 0em .2em;
	
}

/* parrafo tabla superior*/
.container-tablas .tabla-container .tabla-container-derecha{
	text-align: center;
	width: max-content;
	background-color: #5F7D8B;
	/*#5F7D8B*/;
	border-radius: 5px;
	opacity: 85%;
	float: right;
	padding: .2em .2em 0em .2em;
	
}

.container-tablas .tabla-container .tabla-container-derecha p{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .9em;
	color: #FFFFFF;
			
	}
	
	.container-tablas .tabla-container .tabla-container-derecha .list2{
	  font-size: .9em;
	  margin-top: .1em;
	  font-family: "Ubuntu", sans-serif;
	  font-weight: 300;
	  font-style: normal; 
	  color: #FFFFFF;	
	}
	



/* adquirir*/
.download{

	width: 100%;
	background: linear-gradient( #5fd9fe 94% ,#FFFFFF);
	position: relative;
	padding: 2em 0em;

}

.download-right p {
	font-size: 1.8em;
 }
 

/*Texto position*/
.download-right{
	width: 60%;
	margin-top: 1em;
	float: right;
	
}

/* imagen position*/
.download-left{
	width: 40%;
	margin-top: 6em;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
	float: left;
}


.download-left  span {
	width: 14em;
	height: 13em;
	border-radius: 2.5em;
	background-size:100%;
	
	
 }

	.download-right .grande{
		color:#fff;
		font-size:1.8em;
		font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	}


 .head-para {
	width: 100%;
 }

 div.owl-carousel1 {
	width: 100%;
 }


 
/* coadyubar con el ministerio publico*/
 
.Share-instantly {
	background: linear-gradient( #5fd9fe 93% ,#FFFFFF);
}

.Share-instantly-left span{
	background-size:65%;
	width: 238px;
	height: 330px;	
	margin-top: 1em;
 }

 .Share-instantly .container .Share-instantly-right .titles-share h2{
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	  font-weight: 300;
	  font-style: normal;

 }
 /* configure llamadas de emergencia */

 .feature{
	background: linear-gradient( #5fd9fe 93% ,#FFFFFF);
}

 .feature-right{
  float:right;
 }

 .feature-right span{
	background-size:63%;
	width: 255px;
	height: 315px;
 }
 .feature-right span{
	background-position:70px 0;
}

 

 .feature .container .feature-left .titles-share  h2{
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	  font-weight: 300;
	  font-style: normal;
  
   }

   /*Imagen  you.tube*/
.slider .da-slider .da-slide #youtube-icon-slider{
	width: 6.5em;
	height: 3.8em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: .3em;
}


.feature .container .feature-left .slider .da-slider1 .da-slide #llamada-img{
	width: 6em;
	height: 6em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: 1em;
	
	}

	.feature .container .feature-left .slider .da-slider1 .da-slide #cuadrantes-img{
		width: 6em;
		height: 6em;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	    border-radius: 10px;
		padding: .8em;
		}
		
		.feature .container .feature-left .slider .da-slider1 .da-slide #policia-img{
			width: 6em;
			height: 6em;
			box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	        border-radius: 10px;
			padding: .8em;
			}

 /* beneficios*/
.container-tarjeta .card-tarjeta{
    position: relative;
    width: 16em;
    height: 27em;
    margin: 5px;	
}

.container-beneficios .titles-principal .seleccione-targeta p{
	font-size: 1.1em;
	color: #ffffff;
	font-weight: 300;
}

.container-beneficios .titles-principal h2{
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
}


/*Margen en todos los costados
.card-tarjeta .back {
    transform: perspective(600px) rotateY(180deg);
	padding: 0em .7em;
    display: flex;
    flex-direction: column;
   justify-content: space-between;
    box-shadow: 0 5px 10px #000;
}
*/

/* container Titulo */
.header-card1 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .3em;
	margin-right: .3em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }

 /*Titulo p */
  .header-card1 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.1em;
	flex-direction: row;
  }

  .info1 {
	text-align: center;
	border: none;
	font-size: .9em;
	/*
	text-align: center;
	*/
  }
  
  
  .info-card1 {
	border: none;
	padding: 0em .4em;
  }

  .info-card1 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2.7em; 
  }


  .footer-beneficios1 {
	margin-top: 3.5em;
	padding: 0.75rem;
	border: 2px #FFFFFF solid;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }
  

/* container Titulo */
.header-card2 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .3em;
	margin-right: .3em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card2 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.1em;
	flex-direction: row;
	
  }

  .info2 {
	text-align: center;
	font-size: .9em;
	border: none;

	/*
	text-align: center;
	*/
  }
  
  .info-card2 {
	border: none;
	padding: 0em .4em;
  }


  .info-card2 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: .1em; 
  }

  .footer-beneficios2 {
	margin-top: .1em;
	padding: 0.75rem;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }
  


/* container Titulo */
.header-card3 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .3em;
	margin-right: .3em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card3 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.1em;
	flex-direction: row;
  }
.info3 {
	text-align: center;
	border: none;
	font-size: .9em;
	/*
	text-align: center;
	*/
  }
  
  .info-card3 {
	border: none;
	padding: 0em .4em;
  }

  .info-card3 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2.2em; 
  }

  .footer-beneficios3 {
	margin-top: 1em;
	padding: 0.75rem;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }

/* Beneficios card frontal*/
.card-tarjeta .front h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
  line-height: 45px;
  color: #FFFFFF;
  background: rgba(0,0,0,.4); /*rgba(0,0,0,.4); */
  text-align: center;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1em;	
	/*rgba(95,217,254,.9);*/
}

/*boton envio formulario*/
/* btn ir a formulario*/ 
.btn_ir_modal_mostrar {
	display: flex;
	justify-content: center;
	--color-text: #5F7D8B;
	--color-background: #FFFFFF;
	--color-outline: #5fd9fe;
	--color-shadow: #5fd9fe;
   
  }
  
  .btn-content {
	display: flex;
	align-items: center;
	padding: 0px 50px;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 1em;
	color: var(--color-text);
	background: var(--color-background);
	transition: 1s;
	border-radius: 10px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
  
  }
  
  .btn-content:hover, .btn-content:focus {
	transition: 0.5s;
	-webkit-animation: btn-content 1s;
	animation: btn-content 1s;
	outline: 0.1em solid transparent;
	outline-offset: 0.2em;
	color: #5fd9fe;
   
  }
  
  .btn-content .icon-arrow {
	transition: 0.5s;
	margin-right: 0px;
	transform: scale(0.6);
  }
  
  .btn-content:hover .icon-arrow {
	transition: 0.5s;
	margin-right: 25px;
	
  }
  
  .icon-arrow {
	width: 20px;
	margin-left: 15px;
	position: relative;
	top: 6%;
	
  }
	
  /* SVG */
  #arrow-icon-one {
	transition: 0.4s;
	transform: translateX(-60%);
  }
  
  #arrow-icon-two {
	transition: 0.5s;
	transform: translateX(-30%);
  }
  
  .btn-content:hover #arrow-icon-three {
	animation: color_anim 1s infinite 0.2s;
  }
  
  .btn-content:hover #arrow-icon-one {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.6s;
  }
  
  .btn-content:hover #arrow-icon-two {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.4s;
  }
  
  /* SVG animations */
  @keyframes color_anim {
	0% {
	  fill: #5fd9fe;
	}
  
	50% {
	  fill: var(--color-background);
	}
  
	100% {
	  fill: #5fd9fe;
	}
  }
  
  /* Button animations */
  @-webkit-keyframes btn-content {
	0% {
	  outline: 0.2em solid var(--color-background);
	  outline-offset: 0;
	}
  }
  
  @keyframes btn-content {
	0% {
	  outline: 0.2em solid var(--color-background);
	  outline-offset: 0;
	}
  }

/*boton
.btn_ir_modal_mostrar{
	width: 70%;
    padding: .5em 0;
    font-size: 1em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
    color:#5fd9fe;
    background: #FFFFFF;
    border:none;
    border-radius: 10px;
    transition: 1s all;
    cursor:pointer;
	margin-bottom: 20px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
} 
*/
/* pie de pagina */

/*------ficha tecnica----*/

/*ficha tecnica*/

.compatibility{
	background: linear-gradient( #5fd9fe 95% ,#FFFFFF);
	width: 100%;
	height: max-content;
}

.compatibility h3{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1em;
	border-bottom: 2px solid #FFFFFF;
	padding: .5em 0em;	
}

.compatibility-grids .compatibility-right h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
}
.compatibility .compatibility-grids .compatibility-left h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
	
}
.compatibility p{
	line-height: 1.2em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
  
}

.compatibility .list-inline{
	margin-top: .5em;
}

.pie-pagina .grupo-1{
    width: 100%;
   height: max-content;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:5em;    /* espacio entre elementos*/
    padding: 2em 3.3em 0em 4em; 
	color: #efebeb;
}
}



@media (min-width:769px) and (max-width:800px){
	
	
	/*da margen hacia bajo al desplegar el menu de amburgesa */
	nav ul {
		margin-top: 1em;
		
	}
	
/* start bloke slider*/
.container-text-slider-izquierda{
	width: 70%;	
}

.container-text-slider-derecha{
	width: 30%;
}
.container .header .container .marca_logo{
	position: absolute;
top: 15px;
left: 20px;
	
  }
.container .header .container .marca_logo .logo_ges{
	width: 5em;
	height:2.5em;
	
  }
.header {
	position: fixed;
	z-index: 999;
	right: 0;
	left: 0;
 }
 .top-nav ul li a {
	color: #FFF;
	padding: .7em .4em;
	font-size:0.7725em;
 }

 
 .slide-text-info p {
	font-size: 1.4em;
 }
 /* bajar letras slider principal*/
.slide-text-info{
	margin-top:4%;
}
	 /*
	 .top-nav ul li.active a, .top-nav ul li a:hover {
		color: #2C3E50;
	  }
	  .top-nav ul li a {
		font-size: 0.8125em;
		padding:0px;
		color: #2C3E50;
	 }
	*/
	  /* Que es GES */
	  .container-definicion{
		width: 100%;
		height: max-content;
		background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
		padding: .5em 0em 1em 0em;
	}

	.container-definicion .titles-principal{
		width: 100%;
		text-align: center;
		margin-top: 0em;		
	}

.container-card-que-es-ges{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	display: inline-block;
	padding: 0em 5em;
	margin-top: 1em;
	margin-bottom: 0em;
}

.container-card-que-es-ges .card-definicion{
	position: relative;
	margin: .8em 0em;
	width: 22em;
	height: max-content;
	border-radius: 6px;
	overflow: hidden;
	background:#FFFFFF;
	transition: all 400ms ease-out;
	cursor: default;
	margin-left: auto;
	margin-right: auto;		
}



.container-card-que-es-ges .card-definicion figure img{
	width: 100%;
	height: 12em;
}

/*  altura de la posicion del boton*/
.input-card[type="checkbox"]{
	height: .4em;
	display: block;
	appearance: none;
	
}

 .label-card{
	position: relative;
	padding: .5em;
	background: #5fd9fe;
	border-radius: 5px;
	color: #FFFFFF;
	
}

.label-card::before{
	content:"Leer Más";
	font-size: .9em;
}



.container-loader-origen{
	margin-top: .7em;
	width: 100%;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;

 }

	 .loader-origen {
		padding-top: 1em;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 20px;
		height: 20px;
		position: relative;
		
	  }
	
	  .loader-block {
		display: inline-block;
		width: 20px;
		height: 5px;
		margin: 2px;
		background-color: #fff;
		box-shadow: 0 0 20px #fff;
		animation: loader_562 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	  }





/* Funciones destacadas*/

.features-Funciones-Destacadas{
	
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
	/*background-color: #5fd9fe;*/
	padding: .5em 0em 1em 0em;
	/*box-shadow: inset 0 0 30px greenyellow;*/ 
}

.features-Funciones-Destacadas .titles-principal{
	text-align: center;
	margin-top: .5em;	
}

.features-Funciones-Destacadas .titles-principal h2{
   text-align: center;
   font-family: "Ubuntu", sans-serif;
   font-weight: 300;
   font-style: normal;
   color: #FFFFFF;
   font-size: 1.5em;		
 }
 
 .features-Funciones-Destacadas .sub-titulo{
   text-align: center;
   color: #635b5b;
   padding: 0em;
   margin: 0;
   }
   
   /* Prevencion */
   .sub-titulo p{
	   font-family: "Ubuntu", sans-serif;
	   font-weight: 300;
	   font-style: normal;
	   font-size: 1.2em;
	   }

	   .features-Funciones-Destacadas .seleccione p{
		   font-size: 1.1em;
		   font-family: "Ubuntu", sans-serif;
		   font-weight: 300;
		   font-style: normal;
	   }


		/*louder9*/
.loader9 {
   padding: 1em 0em 0em 0em;
	   user-select: none;
	 }

	 .container-card-funciones{
	   width: 100%;
	   height: max-content;
	   padding: 0em 0em 0em 0em;
	}
	 

	.container-card-funciones  .features-grid{
	   padding-bottom: 2em;
	}	

	
.container-card-funciones .features-grid .card-container {
   width: 20em;
   display: flex;
   height: 23em;
   position: relative;
   border-radius: 25px;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;	
 }

 .container-card-funciones .features-grid .card-container .cardD {
   width: 100%;
   height: 100%;
   border-radius: inherit;
   background: linear-gradient( #5fd9fe 70% ,#FFFFFF);
   border: 1px #FFFFFF solid;
 }
 
 

.features-grid span {
   width: 145px;
   height: 155px;
   background-size: 470%;
   
}
.features-grid span.t-icon1 {
   background-position: -530px 0px;
   
}
.features-grid span.t-icon2 {
   background-position: -270px 0px;
}

.features-grids .features-grid h3 {
   

   font-size: 1.1em;
}
.features-grids .features-grid p {
   font-size: 1em;
   
   
}



	  /* De su creacion*/

	  .origen-container{
		width: 100%;
		height: max-content;
		background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
		padding: .5em 0em 1em 0em;
		
	}

.titles-principal{
		text-align: center;
		padding: 0em 0em;
	}
	
	.titles-principal{
		text-align: center;
		padding: 0em 0em;	
	}

	/* tipografia para los sub titulos*/
.container-definicion .titles-principal h2{
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;
  font-size: 1.5em;
}
	
	.container-card-que-es-ges{
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin: 2em auto 2em auto;	
	}

.card-origen-center{
	width:  90%;
	height: max-content;
	padding: 1em .5em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
	}

	.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple{
		width: 50%;
		padding: 0em 1em;
	}
	
	
/*  cambia tamaño de card*/
.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple figure{
	width: 100%;
	height: 10em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: 0;
 }



/* Text-grande titulo */
.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
	
}

.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple figure:hover > img{
	transform: scale(1.2);
}


/* texto pequeño imagen */
.origen-container .container-center .card-origen-center .container-center-origen .container-img-multiple figure .capa p{
	color: #FFFFFF;
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1.4;
	width: 100%;
	max-width: 220px;
	margin: auto;
	
}

	.origen-container .container-center .titulo-origen-card p{
		color: #FFFFFF;
		  font-size: large;
	  }

	.titles-principal h2{
		font-size: 1.5em;
	}

	.container-2-card-origen{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		position: relative;
		margin: 0em auto 1em auto;
	
	}
	
	.card-origen-par{
		width:  90%;
		padding: 1em 1em;
		border:  3px #FFFFFF solid;
		border-radius: 5px;
		transition: 3s;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
		position: relative;
		margin: 1em auto;
	}


	.container-2-card-origen .card-origen-par p{
		text-align: center;
		font-size: small;
	}

	.list{
		line-height: 1.3;
		font-size: small;
	}


	.container-2-card-origen .card-origen-par .titulo-origen-card p{

		color: #FFFFFF;
		font-size: large;
	}

	.container-logo-coorupcion .icono-soborno{
		width: 14em;
		height:7em;
		border-radius: 5px;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	}


	.loader5 {
		position: relative;
		overflow: hidden;
		border-right: 3px solid;
		height: 2em;
		animation: typewriter 5s steps(10)  infinite alternate , blink 0.5s steps(10) infinite;
	  }
	  
	
	  .loader-text {
		font-size: 20px;
		font-weight: 600;
		background: #FFFFFF;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	  }

	  .container-4-img-flex{
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 1em 0em;
	}


 




 
 /* Sitios de implementacion*/
	
   
 .fondo-img-catalogo{
	margin: 0;
	padding: 0;
	height: 40em; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/slide1.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;

  }
  
  .titles-principal-sitios{
	padding-top: 1em;
}
	

.fondo-img-catalogo .titles-principal-sitios h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4em;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: .7em 0em .7em 0em;
		
}
	
	
	.fondo-img-catalogo .seleccione-sitios p{ 
	  background-color: #5F7D8B;
	  opacity: 75%;
	  font-family: "Ubuntu", sans-serif;
	  font-weight: 300;
	  font-style: normal;
	  color: #FFFFFF;
	  font-size: 1.1em;
	  padding: .5em .8em;
	  border-radius: 5px;
	}

	
/* Text-grande titulo */
.container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
  }
  

   
/*  cambia tamaño de card*/
.container-columnas .img-derecha-columna .container-img-multiple figure{
	width: 16em;
	height: 10em;
	position:relative;
	display: flex;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .2em;
	line-height: 1.2;
 }

/*  cambia tamaño de card*/
.container-columnas .img-izquierda-columna .container-img-multiple figure{
	width: 16em;
	height: 10em;
	position:relative;
	display: flex;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .2em;
	line-height: 1.2;
 }



/* texto pequeño imagen  derecha*/
.img-derecha-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 200;
	font-style: normal;
	
	max-width: 220px;
}

/* texto pequeño imagen  Izquierda*/
.img-izquierda-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 200;
	font-style: normal;
	
	max-width: 220px;
}








/*Resultados y eficiancia */

.container-img-estadistica{
	margin: 0;
	padding: 0;
	height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/estadis.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
}



.titles-principal-estadistica  h2{
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: 1em 0em 1em 0em;
}

.text-tabla1 {	
	display: flex;
	width: 80%;
	background-color: #5F7D8B;
	justify-content: center;
	/*85b0d3*/
	border-radius: 5px;
	opacity: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: .5em 0em ;	
}

.text-tabla1 p{
text-align: center;
display: flex;
font-family: "Ubuntu", sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1.1em;
color: #FFFFFF;
line-height: 1.2;
}


.container-tablas{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	
	
}



 .center-text {
	width: 100%;
	text-align: center;
	padding: 0em 0em .5em 0em;
}

.center-text p{
	font-size: medium;
}

.container-lis2 .list2{
	font-size: medium;
	margin-top: .5em; 	
}
.container-lis2{
	width: 100%;
	margin: 20px 0 0 50px;
	
}

.container-lis2 p{
	font-size: medium;
		
}

iframe{
	width: 100%;
	height: 12em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	padding: 0em 2em;
}


.tabla-container{
	width: 100%;
	height: max-content;
	margin: 0em  1em 1em 1em;
}



/* coadyubar con el ministerio publico*/

.Share-instantly{
	background: linear-gradient( #5fd9fe 94% ,#FFFFFF);
	
}

 
.Share-instantly-left span{
	background-size:67%;
	width: 238px;
	height: 340px;	
	margin-top: 1em;
 }

 

 .feature{
	background: linear-gradient( #5fd9fe 90% ,#FFFFFF);
}

 /* configure llamadas de emergencia */

 .feature-right{
  float:right;
 }

 /* celular bajo*/
 .feature-right span{
	background-size:60%;
	width: 255px;
	height: 300px;
 }
 .feature-right span{
	background-position:70px 0;
}

/* beneficios*/
.container-beneficios{
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
}
.container-tarjeta{
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding-bottom: 1em;
	
}
.container-beneficios .titles-principal .seleccione-targeta p{
	font-size: 1.2em;
	color: #ffffff;
	font-weight: 300;
}

/*Imagen  you.tube*/
.slider .da-slider .da-slide #youtube-icon-slider{
	width: 6em;
	height: 3.5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 5px;
	padding: .2em;
}


 .feature .container .feature-left .slider .da-slider1 .da-slide #llamada-img{
	width: 5em;
	height: 5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 5px;
	padding: 1em;
	
	}

	 .feature .container	.feature-left .slider .da-slider1 .da-slide #cuadrantes-img{
		width: 5em;
		height: 5em;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	    border-radius: 5px;
		padding: .7em;
		}
		
		.feature .container .feature-left .slider .da-slider1 .da-slide #policia-img{
			width: 5em;
			height: 5em;
			box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	        border-radius: 5px;
			padding: .7em;
			}



 /*adquirir */
 .download{
	background: #5fd9fe;
	width: 100%;
	padding: .1em 0em;	
}


/*Texto position*/
.download-right{
	width: 60%;
	margin-top: 1em;
	float: right;
	
}

/* imagen position*/
.download-left{
	width: 40%;
	margin-top: 6em;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
	float: left;
}

 .download-left  span {
	background-size:100%;
	width: 14em;
	height: 13em;
	border-radius: 2.5em;
	background-position: 0px 0;
 }
 .download-right .grande{
	color:#fff;
	font-size: 1.5em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.download-right .texto-normal p{
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
	 font-weight: 200;
	 font-style: normal;
	 /*color: #FFFFFF;*/
	
   }
   
   .download-right .texto-estrellas p{
	   font-size: 1.1em;
	   font-family: "Ubuntu", sans-serif;
	 font-weight: 400;
	 font-style: normal;
	/* color: #FFFFFF;*/
	   
	  }

	  .btn_ir_modal_mostrar {
		display: flex;
		justify-content: center;
		--color-text: #5F7D8B;
		--color-background: #FFFFFF;
		--color-outline: #5fd9fe;
		--color-shadow: #5fd9fe;
	  }
	  
	  .btn-content {
		display: flex;
		align-items: center;
		padding: 0px 50px;
		text-decoration: none;
		font-family: 'Poppins', sans-serif;
		font-weight: 300;
		font-size: 1em;
		color: var(--color-text);
		background: var(--color-background);
		transition: 1s;
		border-radius: 10px;
		box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
	  
	  }
	  
	  .btn-content:hover, .btn-content:focus {
		transition: 0.5s;
		-webkit-animation: btn-content 1s;
		animation: btn-content 1s;
		outline: 0.1em solid transparent;
		outline-offset: 0.2em;
		color: #5fd9fe;
	   
	  }
	  
	  .btn-content .icon-arrow {
		transition: 0.5s;
		margin-right: 0px;
		transform: scale(0.6);
	  }
	  
	  .btn-content:hover .icon-arrow {
		transition: 0.5s;
		margin-right: 25px;
		
	  }
	  
	  .icon-arrow {
		width: 20px;
		margin-left: 15px;
		position: relative;
		top: 6%;
		
	  }
		
	  /* SVG */
	  #arrow-icon-one {
		transition: 0.4s;
		transform: translateX(-60%);
	  }
	  
	  #arrow-icon-two {
		transition: 0.5s;
		transform: translateX(-30%);
	  }
	  
	  .btn-content:hover #arrow-icon-three {
		animation: color_anim 1s infinite 0.2s;
	  }
	  
	  .btn-content:hover #arrow-icon-one {
		transform: translateX(0%);
		animation: color_anim 1s infinite 0.6s;
	  }
	  
	  .btn-content:hover #arrow-icon-two {
		transform: translateX(0%);
		animation: color_anim 1s infinite 0.4s;
	  }
	  
	  /* SVG animations */
	  @keyframes color_anim {
		0% {
		  fill: #5fd9fe;
		}
	  
		50% {
		  fill: var(--color-background);
		}
	  
		100% {
		  fill: #5fd9fe;
		}
	  }
	  
	  /* Button animations */
	  @-webkit-keyframes btn-content {
		0% {
		  outline: 0.2em solid var(--color-background);
		  outline-offset: 0;
		}
	  }
	  
	  @keyframes btn-content {
		0% {
		  outline: 0.2em solid var(--color-background);
		  outline-offset: 0;
		}
	  }
	
	
/*Efecto */

.container-loader12-adquirir{
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
	margin-bottom: 1em;
} 

/*boton envio formulario*/



	  /*boton
.btn_ir_modal_mostrar{
	width: 70%;
    padding: .5em 0;
    font-size: .9em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
    color:#5fd9fe;
    background: #FFFFFF;
    border:none;
    border-radius: 10px;
    transition: 1s all;
    cursor:pointer;
	margin-bottom: 20px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
    
} 
	*/
/* texto bajo card*/



/*ficha tecnica*/

.compatibility{
	background: linear-gradient( #5fd9fe 90% ,#FFFFFF);
	width: 100%;
	height: max-content;

}

.compatibility h3{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1em;
	border-bottom: 2px solid #FFFFFF;
	padding: .5em 0em;	
}

.compatibility-grids .compatibility-right h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
}
.compatibility .compatibility-grids .compatibility-left h4{
	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
	
}
.compatibility p{
	
	line-height: 1.2em;
	
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  
}

.compatibility .list-inline{
	margin-top: .5em;
}

/* pie de pagina */

.grupo-1{
	width: 100%;
	text-align: center;
}

.pie-pagina .grupo-1{
    width: 100%;
    margin: auto;
    display:grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap:0px;
    padding: 45px 0px;
	color: #efebeb;
}

.social-container{
	width: fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 25px;
	gap: 20px;
  }
  .box .social-container {
	width: 100%;
	text-align: center;
} 

}


@media (min-width:641px) and (max-width:768px){


	/* start bloke slider*/
	.container-text-slider-izquierda{
		width: 65%;
		
	}
	
	.container-text-slider-derecha{
		width: 35%;
		
	}
	
	
	
	/* bajar letras slider principal*/
	
	.slide-text-info{
		margin-top:6%;
	}
	
	.slide-text-info p {
		font-size: 1.5em;
		font-family: "Ubuntu", sans-serif;
		 font-weight: 400;
		 font-style: normal;
		
	 }
	   
	 .container .header .container .marca_logo{
		position: absolute;
		top: 20px;
		left: 15px;
	
			
		  }
	
		.container .header .container .marca_logo .logo_ges{
			width: 5em;
			height: 2.5em;
			
		  }
	
		.header {
			position: fixed;
			z-index: 999;
			right: 0;
			left: 0;
		 }
	
		.top-nav ul li.active a, .top-nav ul li a:hover {
			color: #2C3E50;
		  }
	
		.top-nav ul li a {
			color: #2C3E50;
			padding: 0em 0em;
		}
	
		
		
	
	 /*tabs*/
	.callbacks_tabs{
		list-style: none;
		position: absolute;
		top: 75%;
		z-index: 999;
		left: 29%;
		
	}
	
		 /* Que es GES */
		 .container-definicion{
			width: 100%;
			height: max-content;
			background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
			padding: .5em 0em 1em 0em;
		}
	
		
		.container-definicion .titles-principal{
			width: 100%;
			text-align: center;
			margin-top: 0em;		
		}
	/* tipografia para los sub titulos*/
	
	.container-definicion .titles-principal h2{
		font-family: "Ubuntu", sans-serif;
		font-weight: 400;
		font-style: normal;
		  color: #FFFFFF;
		  font-size: 1.3em;
	  }
	
	
		.container-card-que-es-ges{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			display: inline-block;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		
		.container-card-que-es-ges .card-definicion{
			position: relative;
			margin: 1.4em 0em;
			width: 22em;
			height: max-content;
			border-radius: 6px;
			overflow: hidden;
			background:#FFFFFF;
			transition: all 400ms ease-out;
			cursor: default;
			margin-left: auto;
			margin-right: auto;	
		}
		
	
		.container-card-que-es-ges .card-definicion figure img{
			width: 100%;
			height: 12em;
		}
	
	
	
		.container-loader-origen{
			margin-top: .5em;
			width: 100%;
			display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
			justify-content: center;
		
		 }
		
		
		
		.loader-origen {
			
			display: flex;
			justify-content: center;
			align-items: center;
			width: 20px;
			height: 20px;
			position: relative;
		  }
		
		  .loader-block {
			display: inline-block;
			width: 20px;
			height: 5px;
			margin: 2px;
			background-color: #fff;
			box-shadow: 0 0 20px #fff;
			animation: loader_562 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		  }
	
	
	/*  altura de la posicion del boton*/
	.input-card[type="checkbox"]{
		height: .4em;
		display: block;
		appearance: none;
		
	}
	
	 .label-card{
		position: relative;
		padding: .5em;
		background: #5fd9fe;
		border-radius: 5px;
		color: #FFFFFF;
		
	}
	
	.label-card::before{
		content:"Leer Más";
		font-size: 1em;
		
	}
	
	
	/* funciones destacadas*/
	.features-Funciones-Destacadas{
		padding:.5em 0em 2em 0em;
		background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
	
	}
	
	.features-Funciones-Destacadas .titles-principal{
		text-align: center;
		
	}
	
	.features-Funciones-Destacadas .titles-principal h2{
		text-align: center;
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		font-size: 1.3em;		
	  }
	
	  .features-Funciones-Destacadas .sub-titulo{
		text-align: center;
		color: #635b5b;
		
		}
		
	.sub-titulo{
		text-align: center;
		color: #635b5b;
		padding: 0em 0em 0em 0em;
			
		}
	
	
	  /* Prevencion */
	  .sub-titulo p{
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.1em;
		}
	
		.features-Funciones-Destacadas .seleccione p{
			font-size: 1.1em;
			font-family: "Ubuntu", sans-serif;
			font-weight: 300;
			font-style: normal;
		}
	
	
			/*louder9*/
			.loader9 {
				padding: .7em 0em 0em 0em;
					user-select: none;
				  }
	
				  .container-card-funciones{
					width: 100%;
					height: max-content;
					padding: 0em 0em 0em 0em;
				 }
				 
		.container-card-funciones  .features-grid{
			padding-bottom: 2em;
		 }
	
	
		 .container-card-funciones .features-grid .card-container {
			width: 20em;
			display: flex;
			height: 23em;
			position: relative;
			border-radius: 25px;
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
			overflow: hidden;
			margin-left: auto;
			margin-right: auto;	
		  }
		 
	.features-grid span {
		width: 145px;
		height: 155px;
		background-size: 470%;
		
	 }
	 .features-grid span.t-icon1 {
		background-position: -530px 0px;
		
	 }
	 .features-grid span.t-icon2 {
		background-position: -270px 0px;
	 }
	
	
	 .features-Funciones-Destacadas .features-grids .features-grid .text-funciones h3 {
	   
		font-size: 1.3em;
		font-weight: 300;
	 }
	
	
	 /*
	 .features-grids .features-grid p {
		font-size: 1em;
		
		
	 }
	*/
	
	
	
	/*beneficios*/
	
	.seleccione p{
		font-family: "Ubuntu", sans-serif;
	  font-weight: 200;
	  font-style: normal;
		font-size: 1em;
	}
	
	.container-beneficios .container-titulo-beneficios .seleccione p{
	
	font-family: "Ubuntu", sans-serif;
	  font-weight: 200;
	  font-style: normal;
		font-size: 1em;
	}
	/*
	.container-multiples-sitios .seleccione p{
		font-family: "Ubuntu", sans-serif;
	  font-weight: 200;
	  font-style: normal;
		font-size: 1em;
	}
	*/
	 
	  .download-left span {
		background-size: 70%;
		width: 220px;
		height: 165px;
		background-position:38px 0;
	 }
	 .download-right p {
		font-size: 1.4em;
	 }
	 .download-right a {
		font-size: 1em;
	 }
	 div.col-md-5.Share-instantly-left, div.col-md-5.feature-right {
		margin-bottom: -4px;
	 }
	
	
	
	 /* De su creacion */
	 .origen-container{
		background: linear-gradient( #5fd9fe 99% ,#FFFFFF);
	}
	
	.titles-principal{
		
		text-align: center;
		padding: 1em 0em;	
	}
	.titles-principal h2{
		
		font-size: .9em;
	}
	
	.container-multiples-sitios .titles-principal h2{
		
		font-size: .9em;
	}
	
	.features-Funciones-Destacadas .container .titles-principal h2{
	
		font-size: .9em;
	}
	

	.origen-container{
		background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
		padding: .5em 0em 1.5em 0em;
	}
	
	/* Tipografia para los sub titulos*/
.origen-container .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	  color: #FFFFFF;
	  font-size: 1.5em;
	
  }
	.container-center{
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0em auto 1em auto;
		
	}
	.card-origen-center{
		width:  95%;
		height: max-content;
		padding: 1em .5em;
		border:  3px #FFFFFF solid;
		border-radius: 5px;
		transition: 3s;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
		position: relative;
		
	}
	
  /*container card central*/
.origen-container .container-center-origen{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
} 

	
	/*  cambia tamaño de card*/
.origen-container .card-origen-center .container-center-origen .container-img-multiple figure{
	width: 17.5em;
	height: 10em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .5em 0em;
 }

	
	/* Text-grande titulo */
	.origen-container .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa .title-foto{
		font-size: 1em;
		margin-top: 20px;
		margin-bottom: 15px;
		font-family: "Ubuntu", sans-serif;
	  font-weight: 300;
	  font-style: normal;
		
	}
	
	.origen-container  .card-origen-center .container-center-origen .container-img-multiple figure:hover > img{
		transform: scale(1.2);
	}
	
	
	/* texto pequeño imagen */
	.origen-container .card-origen-center .container-center-origen .container-img-multiple figure .capa p{
		color: #FFFFFF;
		font-size: 1em;
		font-family: "Ubuntu", sans-serif;
		font-weight: 200;
		font-style: normal;
		line-height: 1;
		width: 100%;
		max-width: 220px;
		margin: auto;
		
	}
		
	.origen-container .titulo-origen-card p{
		color: #FFFFFF;
		  font-size: 1.2em;
	  }
	
	.titles-principal{
		text-align: center;
	padding: .1em 0em;
	}
	
	
	

	.container-2-card-origen{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		position: relative;
		margin: 0em auto 1em auto;
	
	}
	
	.card-origen-par{
		width:  95%;
		height: max-content;
		padding: 1em 1em;
		border:  3px #FFFFFF solid;
		border-radius: 5px;
		transition: 3s;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
		position: relative;
		margin: 1em auto;
	}
	
	.container-2-card-origen .card-origen-par p{
		text-align: center;
		font-size: 1em;
	}
	
	.list{
		line-height: 1.3;
		font-size: 1em;
		
		
	}
	
	.list .uno, .dos {
		margin-bottom: 1em;
	}
	.container-2-card-origen .card-origen-par .titulo-origen-card p{
		color: #FFFFFF;
		font-size: 1.2em;
	}
	
	.icono-soborno{
		width: 15em;
		height:6em;
		border-radius: 5px;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	}
	
	.container-loader .loader5 {
		margin-bottom: .9em;
		position: relative;
		overflow: hidden;
		border-right: 3px solid;
		height: 1.4em;
		animation: typewriter 5s steps(10)  infinite alternate , blink 0.5s steps(10) infinite;
	  }
	
	  .loader-text {
		font-size: 1.1em;
		font-weight: 400;
		background: #FFFFFF;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	  }
	
	  @keyframes typewriter {
		0% {
		  width: 0px;
		}
	  
		100% {
		  width: 300px;
		}
	  }
	  
	  @keyframes blink {
		0% {
		  border-right-color: rgba(255,255,255,.75);
		  ;
		}
	  
		100% {
		  border-right-color: transparent;
		}
	  }
	
	
	  .container-4-img-flex{
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: .3em 0em;
	}
	
	.card-origen-par .text-card-margin-button p{
		font-size: .9em;
		line-height: .9;
		text-align: center;
	}
	
	

/* pendiente1
.container-4-img-flex .container-img-text figure{
	width: 11em;
	height: 6em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 7px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .3em .3em;
 }

 .container-4-img-flex .container-img-text .capa .text-unico{
	margin-top: 2em;
	font-size: 1.1em;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
}

*/

	

/* coadyubar con el ministerio publico*/

	.Share-instantly{
		background: linear-gradient( #5fd9fe 90% ,#FFFFFF);
		padding: 2em 0em;
		/*box-shadow: inset 0 0 20px #FFFFFF;*/
	}
	
	 
	.Share-instantly-left span{
		background-size:65%;
		width: 240px;
		height: 330px;	
		
	 } 
	
	 .Share-instantly .container .Share-instantly-right .titles-share h2{
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		font-size: 1.4em;
	
	}
	
	/*espaciado de textos slider */
	.slider .da-slider .slide-text p{
		line-height: 1.4em;
	}
	/* configure llamadas de emergencia */
	
	
	
	.feature{
		width: 100%;
		height: max-content;
		background: linear-gradient( #5fd9fe 90% ,#FFFFFF);
		padding-top: 1em;
	}
	
	.feature .feature-left .titles-share h2{
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		font-size: 1.4em;
	}
	
	.feature-right{
		margin-top: 0em;
		float:right;
		
	   }
	
	.feature-right span {
		background-size:70%;
		  width: 240px;
		  height: 325px;
	 }
	
	
	 .feature-right span{
		 background-position:0 0;
	 }

/*Imagen  you.tube*/
.slider .da-slider .da-slide #youtube-icon-slider{
	width: 6em;
	height: 3.5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 10px;
	padding: .3em;
}


.feature .container .feature-left .slider .da-slider1 .da-slide #llamada-img{
	width: 5em;
	height: 5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 5px;
	padding: 1em;
	
	}

	.feature .container .feature-left .slider .da-slider1 .da-slide #cuadrantes-img{
		width: 5em;
		height: 5em;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	    border-radius: 5px;
		padding: .7em;
		}
		
		.feature .container	.feature-left .slider .da-slider1 .da-slide #policia-img{
			width: 5em;
			height: 5em;
			box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	        border-radius: 5px;
			padding: .7em;
			}

	
	
	/* sitios de implementacion*/
	
	.fondo-img-catalogo{
		margin: 0;
		padding: 0;
		height: 40em; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
		background-image: url('../images/slide1.jpg');
		background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
		background-position: center center; /* Centra la imagen */
		background-repeat: no-repeat; /* Evita que la imagen se repita */
		background-attachment: fixed;
	
	  }
	  
	  .titles-principal-sitios{
		padding-top: 1em;
	}
	
	.fondo-img-catalogo .seleccione-sitios{
		margin-top: .5em;
		margin-bottom: .5em;
		width: 100%;
		text-align: center;
	}
	.fondo-img-catalogo .titles-principal-sitios h2{
		width: 100%;
		text-align: center;
		font-family: "Ubuntu", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1.4em;
		color: #FFFFFF;
		background-color: #5F7D8B;
		opacity: 85%;
		padding: .7em 0em .7em 0em;
			
	}
		
		
		.fondo-img-catalogo .seleccione-sitios p{ 
		  background-color: #5F7D8B;
		  opacity: 75%;
		  font-family: "Ubuntu", sans-serif;
		  font-weight: 300;
		  font-style: normal;
		  color: #FFFFFF;
		  font-size: 1.1em;
		  padding: .5em .8em;
		  border-radius: 5px;
		}
	
	

	 
	/* Text-grande titulo */
.container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.1em;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
  }

	
   
/*  cambia tamaño de card*/
.container-columnas .img-derecha-columna .container-img-multiple figure{
	width: 16em;
	height: 10em;
	position:relative;
	display: flex;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .2em;
	line-height: 1.2;
 }

/*  cambia tamaño de card*/
.container-columnas .img-izquierda-columna .container-img-multiple figure{
	width: 16em;
	height: 10em;
	position:relative;
	display: flex;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .2em;
	line-height: 1.2;
 }

	 /*Resultados y eficiencia*/
	 .container-img-estadistica{
		margin: 0;
		padding: 0;
		height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
		background-image: url('../images/estadis.jpg');
		background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
		background-position: center center; /* Centra la imagen */
		background-repeat: no-repeat; /* Evita que la imagen se repita */
		background-attachment: fixed;
	}
	
	
	 .titles-principal-estadistica  h2{
		width: 100%;
		text-align: center;
		font-size: 1.5em;
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		background-color: #5F7D8B;
		opacity: 85%;
		padding: 1em 0em 1em 0em;
	}

	.text-tabla1 {	
		display: flex;
		width: 90%;
		background-color: #5F7D8B;
		justify-content: center;
		/*85b0d3*/
		border-radius: 5px;
		opacity: 85%;
		margin-left: auto;
		margin-right: auto;
		padding: .5em 0em ;	
	}
	
	.text-tabla1 p{
	text-align: center;
	display: flex;
	font-family: "Ubuntu", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 1.1em;
	color: #FFFFFF;
	line-height: 1.2;
	}
	
	
	 .container-accion-mapa {
		text-align: center;		
	}
	
	 .container-accion-mapa p {
		font-size: smaller;	
	 }
	
	
	 iframe{
		width: 100%;
		height: 15em;
	
		padding: 0em 3em;
	}
	
	.container-tablas{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		
	
		
	}
	
	.tabla-container{
		width:  100%;
		height: max-content;
		margin: 1em .7em 0em .7em ;
		
		
	}
	
	
	table{
		width: 100%;
		height: 200px;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
		padding: 0em .7em;
	}
	
	.text-tabla {
		text-align: center;
		padding: .5em 0em;	
	}
	
	
	.text-tabla p{
		font-family: "Ubuntu", sans-serif;
	  font-weight: 400;
	  font-style: normal;
		font-size: 1em;
		color: #FFFFFF;
		display: block;
	}
	.text-map2 {
		text-align: center;
		margin-bottom: 1em;
	}
	
	.text-map2 p{
		font-size: larger;
	}
	
	
	 .center-text {
		
		padding: 0em 0em .5em 0em;
	}
	
	.center-text p{
		font-size: medium;
	}
	
	.container-lis2 p{
		font-size: smaller;
			
	}
	
	
	
	
	
	
	
	 /* Beneficios*/
	
	 .container-beneficios{
		padding: 1em 0em;
		background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
	}
	
	.container-tarjeta{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 1em;
	}
	.container-beneficios .titles-principal{
		margin-top: .5em;
	}
	
	.container-beneficios .titles-principal h2{
		width: 100%;
		text-align: center;
		font-size: 1.5em;
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
	}
	
	 .container-tarjeta .card-tarjeta{
		position: relative;
		width: 22em;
		height: 30em;
		margin: 5px;
		margin: .8em 0em;
	}
	

	.container-beneficios .titles-principal .seleccione-targeta p{
		font-size: 1.1em;
		color: #ffffff;
		font-weight: 300;
	}
	

/* Textos card */
  

/* container Titulo */
.header-card1 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }

 /*Titulo p */
  .header-card1 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
  }

  .back .info1 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
	

  }
  
  .back .info1 {
	border: none;
	padding: 1em 1em;
	text-align: center;
	

  }

  .info-card1{
	padding: 0em 1.5em;

  }

  .info-card1 p{
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 3.1em; 
  
  }


  .footer-beneficios1 {
	margin-top: 4.7em;
	padding: 0.75em;
	border: 2px #FFFFFF solid;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }
  

/* container Titulo */
.header-card2 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card2 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
	
  }

  .back .info2 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;

  }

  .back .info2 {
	border: none;
	padding: 1em 1em;
	text-align: center;

  }

  .info-card2{
	padding: 0em 1.5em;

  }



  .info-card2 p{
  font-size: 1em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2em; 
  }

  .footer-beneficios2 {
	margin-top: 1em;
	padding: 0.75em;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }
  


/* container Titulo */
.header-card3 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card3 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
  }


  .back .info3 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
  }
 
  .back .info3 {
	border: none;
	padding: 1em 1em;
	text-align: center;
  } 

  .info-card3 {
	border: none;
	padding: 0em 1.5em;
  }

  


  .info-card3 p{
  font-size: 1em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2.1em; 
  }

  .footer-beneficios3 {
	margin-top: 2em;
	padding: 0.75rem;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }







	
	/* Modal*/
	.modal_container{
		margin: auto;
		width: 100%;
		max-width: 450px;
		height: max-content;
		/*background: #5fd9fe;*/
		border-radius: 20px;
		padding: 1em 1em;
		transform: var(--transform);
		transition: var(--transition);
	}
	
	form {
		width: 100%;
		padding: 0em 1.5em;
		border: 5px solid #FFFFFF;
		border-radius: 15px;
	}
	.botones{
		text-align: center;
		margin-top: 1.5em;
		}
	
	 /*Boton modal*/
	
	/*abquirir*/
	.download{
		background: #5fd9fe;
	width: 100%;
	padding: .1em 0em;	
		
	}
	
	.download-right{
		margin-top: 1em;
		text-align: center;
		width: 100%;
	}
	
	.download-left{
		width: 100%;
		margin-top: 1em;
		display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
		justify-content: center;
	}
	
	
	.download-left  span {
		background-size: 100%;
		width: 14em;
		height: 13em;
		border-radius: 2.5em;
		background-position: 0px 0;
	 }
	
	 
	 .download-right .grande{
		color:#fff;
		font-size: 1.6em;
		font-family: "Ubuntu", sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	
	.container-loader12-adquirir{
		display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
		justify-content: center;
		margin-bottom: 1em;
	} 
	
	/*boton envio formulario*/
	
	.container-btn-formulario{
		width: 100%;
	
	}
	
	/*boton
	.btn_ir_modal_mostrar{
		width: 50%;
		padding: .5em 0;
		font-size: .9em;
		font-family: "Ubuntu", sans-serif;
		font-weight: 400;
		font-style: normal;
		color:#5fd9fe;
		background: #FFFFFF;
		border:none;
		border-radius: 10px;
		transition: 1s all;
		cursor:pointer;
		margin-bottom: 20px;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
		
	} 
	*/
	
	/* ficha tecnica*/
	/*ficha tecnica*/
	
	.compatibility{
		background: linear-gradient( #5fd9fe 93% ,#FFFFFF);
		width: 100%;
		height: max-content;
	
	}
	
	.compatibility h3{	
		font-family: "Ubuntu", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1.1em;
		border-bottom: 2px solid #FFFFFF;
		padding: .5em 0em;	
	}
	
	.compatibility-grids .compatibility-right h4{
		font-family: "Ubuntu", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1em;
		padding: .5em 0em;
	}
	.compatibility .compatibility-grids .compatibility-left h4{
		
		font-family: "Ubuntu", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1em;
		padding: .5em 0em;
		
	}
	.compatibility p{
		
		line-height: 1.2em;
		
		font-family: "Ubuntu", sans-serif;
	  font-weight: 200;
	  font-style: normal;
	  
	}
	
	.compatibility .list-inline{
		margin-top: .5em;
	}
	
	
	/* pie de pagina */
	
	.grupo-1{
		width: 100%;
		text-align: center;
	}
	
	.pie-pagina .grupo-1{
		width: 100%;
		margin: auto;
		display:grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap:0px;
		padding: 45px 0px;
		color: #efebeb;
	}
	
	.social-container{
		width: fit-content;
		height: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 25px 25px;
		gap: 20px;
	  }
	  .box .social-container {
		width: 100%;
		text-align: center;
	} 
	
	}

	
@media (min-width:481px) and (max-width:640px){ 

	.header {
		position: fixed;
		z-index: 999;
		right: 0;
		left: 0;
	 }
	

/* start bloke slider*/
.container-text-slider-izquierda{
	width: 70%;
	
}


.container-text-slider-derecha{
	width: 30%;
}

	/* bajar letras slider principal*/
.slide-text-info{
	margin-top:6%;
}


.slide-text-info p {
	font-size: 1.3em;
	
 }


.container .header .container .marca_logo{
position: absolute;
top: 18px;
left: 18px;
  }
	
.container .header .container .marca_logo .logo_ges{
	width: 5em;
	height: 2.5em;
	
  }

 /*tabs*/
.callbacks_tabs{
	list-style: none;
	position: absolute;
	top: 78%;
	z-index: 999;
	left: 41%;
	
}
 

 /* Que es GES */
 .container-definicion{
	width: 100%;
	height: max-content;
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
	padding: .5em 0em 1em 0em;
}


.container-definicion .titles-principal{
	width: 100%;
	text-align: center;
	margin-top: 0em;		
}


/* tipografia para los sub titulos*/

.container-definicion .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.5em;
	}


.container-card-que-es-ges{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	display: inline-block;
	margin-top: 1em;
	margin-bottom: 1em;
}

.container-card-que-es-ges .card-definicion{
	position: relative;
	margin: 1.4em 0em;
	width: 18em;
	height: max-content;
	border-radius: 6px;
	overflow: hidden;
	background:#FFFFFF;
	transition: all 400ms ease-out;
	cursor: default;
	margin-left: auto;
	margin-right: auto;	
}


.container-card-que-es-ges .card-definicion figure img{
	width: 100%;
	height: 12em;
}

.container-loader-origen{
	margin-top: .5em;
	width: 100%;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;

 }

.loader-origen {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	position: relative;
  }

  .loader-block {
	display: inline-block;
	width: 20px;
	height: 5px;
	margin: 2px;
	background-color: #fff;
	box-shadow: 0 0 20px #fff;
	animation: loader_562 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  }


/*  altura de la posicion del boton*/
.input-card[type="checkbox"]{
height: .4em;
display: block;
appearance: none;

}

.label-card{
position: relative;
padding: .5em;
background: #5fd9fe;
border-radius: 5px;
color: #FFFFFF;

}

.label-card::before{
content:"Leer Más";
font-size: 1em;

}


/* funciones destacadas*/
.features-Funciones-Destacadas{
	padding:.5em 0em 2em 0em;
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);

}

.features-Funciones-Destacadas .titles-principal{
	text-align: center;
	
}

.features-Funciones-Destacadas .titles-principal h2{
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.5em;
		
  }

  .features-Funciones-Destacadas .sub-titulo{
	text-align: center;
	color: #635b5b;
	
	}
	
	
	.features-Funciones-Destacadas .sub-titulo{
	text-align: center;
	color: #635b5b;
	padding: 0em 0em 0em 0em;
		
	}

  /* Prevencion */
  .features-Funciones-Destacadas .sub-titulo p{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.2em;
	
	}

	.features-Funciones-Destacadas .seleccione p{
		font-size: 1.1em;
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		
	}


		/*louder9*/
		.loader9 {
			padding: .7em 0em 0em 0em;
				user-select: none;
			  }

			  .container-card-funciones{
				width: 100%;
				height: max-content;
				padding: 0em 0em 0em 0em;
			 }
			 
	.container-card-funciones  .features-grid{
		padding-bottom: 2em;
	 }


	 .container-card-funciones .features-grid .card-container {
		width: 18em;
		display: flex;
		height: 24.5em;
		position: relative;
		border-radius: 25px;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;	
	  }
	 
.features-grid span {
	width: 145px;
	height: 155px;
	background-size: 470%;
	
 }
 .features-grid span.t-icon1 {
	background-position: -530px 0px;
	
 }
 .features-grid span.t-icon2 {
	background-position: -270px 0px;
 }


 .features-Funciones-Destacadas .features-grids .features-grid .text-funciones h3 {
   
	font-size: 1.2em;
	font-weight: 300;
 }
 .features-grids .features-grid p {
	font-size: 1em;
	
	
 }



/* coadyubar con el ministerio publico*/
.Share-instantly{
	background: linear-gradient( #5fd9fe 97% ,#FFFFFF);
	padding: 2em 0em;
	/*box-shadow: inset 0 0 20px #FFFFFF;*/
}
 
.Share-instantly-left span{
	background-size:60%;
	width: 240px;
	height: 300px;	
	
 } 


 .Share-instantly .container .Share-instantly-right .titles-share h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;
	

}


/*espaciado de textos slider */
.slider .da-slider .slide-text p{
	line-height: 1.5em;
}

/* configure llamadas de emergencia */
.feature{
	width: 100%;
	height: max-content;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	padding-top: .5em;
}

.feature .feature-left .titles-share h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;
}


.feature-right{
	margin-top: 1.5em;
	float:right;
   }

.feature-right span{
	background-size:80%;
	width: 180px;
	height: 300px;
   }

   .feature-right span{
	background-position:0 0;
	/*background-color: red;*/
}

/*Imagen  you.tube*/
.slider .da-slider .da-slide #youtube-icon-slider{
	width: 6em;
	height: 3.5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius:5px;
	padding: .3em;
}


.feature .container .feature-left .slider .da-slider1 .da-slide #llamada-img{
	width: 4.5em;
	height: 4.5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 5px;
	padding: 1em;
	
	}

	.feature .container .feature-left .slider .da-slider1 .da-slide #cuadrantes-img{
		width: 4.5em;
		height: 4.5em;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	    border-radius: 5px;
		padding: .7em;
		}
		
		.feature .container .feature-left .slider .da-slider1 .da-slide #policia-img{
			width: 4.5em;
			height: 4.5em;
			box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	        border-radius: 5px;
			padding: .7em;
			}





/*espaciado de textos slider */
.slider .da-slider1 .slide-text p{
	line-height: 1.4em;
}



 /* De su creacion  */
 .origen-container{
	background: linear-gradient( #5fd9fe 99% ,#FFFFFF);
}

/* Tipografia para los sub titulos*/
.origen-container .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	  color: #FFFFFF;
	  font-size: 1.5em;
	
  }

  .origen-container .card-origen-center .titulo-origen-card p{
	color: #FFFFFF;
	font-size: 1.2em;
  }

 .container-center{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0em auto 1em auto;
}

 .card-origen-center{
	width:  90%;
	height: max-content;
	padding: 1em 0em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
}



  /*container card central*/
.origen-container .container-center-origen{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

   
/*  cambia tamaño de card*/
.origen-container .card-origen-center .container-center-origen .container-img-multiple figure{
	width: 16em;
	height: 9em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .5em 0em;
 }


/* Text-grande titulo */
.origen-container .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa .title-foto{
	font-size: .9em;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	
  }

.origen-container .card-origen-center .container-center-origen .container-img-multiple figure:hover > img{
	transform: scale(1.2);
}


/* texto pequeño imagen */
.origen-container  .card-origen-center .container-center-origen .container-img-multiple figure .capa p{
	color: #FFFFFF;
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1;
	width: 100%;
	max-width: 220px;
	margin: auto;
	
	
}


.origen-container .titulo-origen-card p{
	color: #FFFFFF;
	  font-size: 1.2em;
  }


.titles-principal{
	text-align: center;
	padding: .1em 0em;
}





.container-2-card-origen{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
	margin: 0em auto 1em auto;

}

.card-origen-par{
	width:  90%;
	height: max-content;
	padding: 1em 1em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
	margin: 1em auto;
}


.container-2-card-origen .card-origen-par p{
	text-align: center;
	font-size: 1em;

}

.list{
	line-height: 1.3;
	font-size: 1em;
	
}

.list .uno, .dos {
	margin-bottom: 1em;
}
.container-2-card-origen .card-origen-par .titulo-origen-card p{
	color: #FFFFFF;
	font-size: 1.2em;
}

.icono-soborno{
	width: 14em;
	height:6em;
	border-radius: 5px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}


.container-loader .loader5 {
	margin-bottom: .9em;
	position: relative;
	overflow: hidden;
	border-right: 3px solid;
	height: 1.4em;
	animation: typewriter 5s steps(10)  infinite alternate , blink 0.5s steps(10) infinite;
  }

  .loader-text {
	font-size: 1.1em;
	font-weight: 400;
	background: #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }

  @keyframes typewriter {
	0% {
	  width: 0px;
	}
  
	100% {
	  width: 300px;
	}
  }
  
  @keyframes blink {
	0% {
	  border-right-color: rgba(255,255,255,.75);
	  ;
	}
  
	100% {
	  border-right-color: transparent;
	}
  }
 
  .container-4-img-flex{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: .3em 0em;
}

.card-origen-par .text-card-margin-button p{
	font-size: .9em;
	line-height: .9;
	text-align: center;
}



/* pendiente1*/
.container-4-img-flex .container-img-text figure{
	width: 11em;
	height: 6em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 7px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .3em .3em;
 }

 .container-4-img-flex .container-img-text .capa .text-unico{
	margin-top: 2em;
	font-size: 1.1em;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
}



 /* sitios de implementacion*/
   
 .fondo-img-catalogo{
	margin: 0;
	padding: 0;
	height: 100em; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/slide1.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
	background-attachment: scroll;

  }
  .titles-principal-sitios h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	  color: #FFFFFF;
	  background-color: #5F7D8B;
	opacity: 85%;
	padding: 1em 0em 1em 0em;
	font-size: 1.4em;
		
}

  .titles-principal-sitios{
	padding-top: 1em;
}
	
.titles-principal-sitios h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: 1em 0em 1em 0em;
	font-size: 1.5em;	
}

.fondo-img-catalogo .seleccione-sitios{
	margin-top: 2em;
}
.fondo-img-catalogo .seleccione-sitios p{ 
	background-color: #5F7D8B;
	opacity: 75%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: .7em 1.3em;
	border-radius: 5px;
  }

  .container-columnas{
	width: 100%;
	margin-top: 4em;
	display: block;
	justify-items: center;
	justify-content: center;
}

.img-derecha-columna{
	
	display: flex;
	flex-direction: column;
	justify-items: center;
	justify-content: center;	
	
}

.img-izquierda-columna{
	
	display: flex;
	flex-direction: column;
	justify-items: center;
	justify-content: center;
	
}

 .container-img-multiple figure{
	position:relative;
	width: 22em;
    height: 13em;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	display: flex;
	margin: .5em 0em;	
 }

 /* Text-grande titulo */
.container-img-multiple figure:hover > .capa .title-foto{
	font-size: 1.2em;
	margin-top: 25px;
	margin-bottom: 15px;	
}

/* texto pequeño imagen  derecha*/
.img-derecha-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1;
	max-width: 220px;
}

/* texto pequeño imagen  Izquierda*/
.img-izquierda-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1;
	max-width: 220px;
}

 


/* Resultados y eficiencia*/
.container-img-estadistica{
	margin: 0;
	padding: 0;
	height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/estadis.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: fixed;
	background-attachment: scroll;
}


.titles-principal-estadistica  h2{
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: 1em 0em 1em 0em;
}

.text-tabla1 {	
	display: flex;
	width: 90%;
	background-color: #5F7D8B;
	justify-content: center;
	/*85b0d3*/
	border-radius: 5px;
	opacity: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: .5em 0em ;	
}

.text-tabla1 p{
text-align: center;
display: flex;
font-family: "Ubuntu", sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1.1em;
color: #FFFFFF;
line-height: 1.2;
}

.secc-mapa {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0em .5em .7em .5em;	
}

iframe{
	width: 100%;
	height: 12em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	padding: 0em 1em;
}


.container-tablas{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-bottom: 0em;
}

.tabla-container{
	width:  100%;
	height: max-content;
	margin: 1em .7em;
}


.container-tablas .tabla-container table{
	width: 100%;	
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	padding: 0em .7em;
}

.container-tablas .tabla-container table th{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 20px 15px;
	font-size: .9em;
	margin-top: .5em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFc;
	line-height: 1.2;

}

.container-tablas .tabla-container table td{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 10px 15px;
	font-size: .8em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFF;
}

/* parrafo tabla superior*/
.container-tablas .tabla-container .tabla-container-izquierda{
	text-align: center;
	width: max-content;
	background-color: #5F7D8B;
	/*#5F7D8B*/;
	border-radius: 5px;
	opacity: 85%;
	float: left;
	padding: .4em .4em 0em .4em;
}

.container-tablas .tabla-container .tabla-container-izquierda p{	
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: normal;
font-size: .9em;
color: #FFFFFF;
}

.container-tablas .tabla-container .tabla-container-izquierda .list2{
 font-size: .8em;
 margin-top: .1em;
 font-family: "Ubuntu", sans-serif;
 font-weight: 300;
 font-style: normal; 
 color: #FFFFFF;	
}


.container-tablas .tabla-container .tabla-container-derecha{
	text-align: center;
	width:max-content;
	background-color: #5F7D8B;
	/*#5F7D8B*/;
	border-radius: 5px;
	opacity: 85%;
	float: right;
	padding: .4em .4em 0em .4em;
}

.container-tablas .tabla-container .tabla-container-derecha p{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .9em;
	color: #FFFFFF;
			
	}
	
	.container-tablas .tabla-container .tabla-container-derecha .list2{
	  font-size: .8em;
	  margin-top: .1em;
	  font-family: "Ubuntu", sans-serif;
	  font-weight: 300;
	  font-style: normal; 
	  color: #FFFFFF;	
	}

	
 /* Beneficios*/

 .container-beneficios{
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
}

.container-tarjeta{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	padding-top: .5em;
	padding-bottom: 3em;
}

.container-beneficios .titles-principal{
	margin-top: .5em;
}

.container-beneficios .titles-principal h2{
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
}

.container-beneficios .titles-principal .seleccione-targeta p{
	font-size: 1.1em;
	color: #ffffff;
	font-weight: 300;
}


.container-tarjeta .card-tarjeta{
    position: relative;
    width: 22em;
    height: 30em;
    margin: 5px;
	margin: .8em 0em;
}
 
/* container Titulo */
.header-card {
	height: 5em;
	position: relative;
	background-clip: border-box;
	margin-top: 2em;
	margin-left: .5em;
	margin-right: .5em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }



/* Textos card */
  
/* container Titulo */
.header-card1 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }

 /*Titulo p */
  .header-card1 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
  }

  .back .info1 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
	

  }
  
  .back .info1 {
	border: none;
	padding: 1em 1em;
	text-align: center;
	

  }

  .info-card1{
	padding: 0em 1.5em;

  }

  .info-card1 p{
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 3.1em; 
  
  }


  .footer-beneficios1 {
	margin-top: 4.7em;
	padding: 0.75em;
	border: 2px #FFFFFF solid;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }
  

/* container Titulo */
.header-card2 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card2 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
	
  }

  .back .info2 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;

  }

  .back .info2 {
	border: none;
	padding: 1em 1em;
	text-align: center;

  }

  .info-card2{
	padding: 0em 1.5em;

  }



  .info-card2 p{
  font-size: 1em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2em; 
  }

  .footer-beneficios2 {
	margin-top: 1em;
	padding: 0.75em;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }
  


/* container Titulo */
.header-card3 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .8em;
	margin-right: .8em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 80% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card3 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.4em;
	flex-direction: row;
  }


  .back .info3 .title {
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
  }
 
  .back .info3 {
	border: none;
	padding: 1em 1em;
	text-align: center;
	

  } 

  .info-card3 {
	border: none;
	padding: 0em 1.5em;
  }

  


  .info-card3 p{
  font-size: 1em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2.1em; 
  }

  .footer-beneficios3 {
	margin-top: 2em;
	padding: 0.75rem;
	border: 2px solid rgb(236 239 241);
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	
  }



 
/* Modal bajando*/
.modal_container{
    margin: auto;
    width: 100%;
    max-width: 21em;
    height: 43em;
	/*background: #5fd9fe;*/
    border-radius: 20px;
    padding: 1em .8em;
    transform: var(--transform);
    transition: var(--transition);
}

 .titulo-modal{
	font-size: 1.5em;
}
form {
	width: 100%;
	height: 37.5em;  /* tamaño del alto*/
	padding: 0em .5em;
	border: 5px solid #FFFFFF;
	border-radius: 15px;
}

.modal_container .inputGroup label{
	font-size: .9em;
}

/*btn conttainer*/
.modal_container .botones{
	margin-top: 1.8em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	}

      /* btn  salir */
	.btn_salir_formulario {
		position: relative;
		display: flex;
		align-items: center;
		gap: 4px;
		padding: 8px 35px;
		border: 4px solid;
		border-color: transparent;
		font-size: .9em;
		background-color: inherit;
		border-radius: 10px;
		font-weight: 300;
		color: #ffffff;
		box-shadow: 0 0 0 2px #FFFFFF;
		cursor: pointer;
		overflow: hidden;
		transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	  }
	
	  .btn_salir_formulario svg {
		position: absolute;
		width: 24px;
		fill: #ffffff;
		z-index: 9;
		transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	  }
	  
	  .btn_salir_formulario .arr-1 {
		right: 16px;
	  }
	  
	  .btn_salir_formulario .arr-2 {
		left: -25%;
	  }
	  
	  /* cudrado azul*/
	  .btn_salir_formulario .circle {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50px;
		height: 20px;
		background-color: #5fd9fe;
		border-radius: 30%;
		opacity: 0;
		transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	  }
	  
	  .btn_salir_formulario .text {
		font-size: 1em;
		font-weight: 600;
		position: relative;
		z-index: 1;
		transform: translateX(-12px);
		transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	  }
	  
	  .btn_salir_formulario:hover {
		box-shadow: 0 0 0 12px transparent;
		color: #FFFFFF;
		border-radius: 12px;
	  }
	  
	  .btn_salir_formulario:hover .arr-1 {
		right: -25%;
	  }
	  
	  .btn_salir_formulario:hover .arr-2 {
		left: 16px;
	  }
	  
	  .btn_salir_formulario:hover .text {
		transform: translateX(12px);
	  }
	  
	  .btn_salir_formulario:hover svg {
		fill: #FFFFFF;
	  }
	  
	  .btn_salir_formulario:active {
		scale: 0.95;
		box-shadow: 0 0 0 4px #FFFFFF;
	  }
	  
	  .btn_salir_formulario:hover .circle {
		width: 220px;
		height: 220px;
		opacity: 1;
	  }




	/* btn enviar*/
.btn_enviar {
	border: 4px solid;
	user-select: none;
	font-size: .9em;
	font-weight: 600;
	color: white;
	box-shadow: 0 0 0 2px #FFFFFF;
	text-align: center;
	background-color: inherit;
	border-color: transparent;
	/*
	background-color: #5fd9fe;
	box-shadow: #cacaca 2px 2px 10px 1px;
	*/
	border-radius: 10px;
	height: 50px;
	line-height: 30px;
	width: 110px;
	transition: all 0.2s ease;
	position: relative;
  }

  
  .msg {
	height: 0;
	width: 0;
	border-radius: 2px;
	position: absolute;
	left: 15%;
	top: 25%;
  }
  
  .btn_enviar:active {
	transition: all 0.001s ease;
	background-color: #2fb4cc;
	box-shadow: #97989a 0 0 0 0;
	transform: translateX(1px) translateY(1px);
  }
  
  .btn_enviar:hover .msg {
	animation: msgRun 2s forwards;
  }
  
  @keyframes msgRun {
	0% {
	  border-top: #d6d6d9 0 solid;
	  border-bottom: #f2f2f5 0 solid;
	  border-left: #f2f2f5 0 solid;
	  border-right: #f2f2f5 0 solid;
	}
  
	20% {
	  border-top: #d6d6d9 14px solid;
	  border-bottom: #f2f2f5 14px solid;
	  border-left: #f2f2f5 20px solid;
	  border-right: #f2f2f5 20px solid;
	}
  
	25% {
	  border-top: #d6d6d9 12px solid;
	  border-bottom: #f2f2f5 12px solid;
	  border-left: #f2f2f5 18px solid;
	  border-right: #f2f2f5 18px solid;
	}
  
	80% {
	  border-top: transparent 12px solid;
	  border-bottom: transparent 12px solid;
	  border-left: transparent 18px solid;
	  border-right: transparent 18px solid;
	}
  
	100% {
	  transform: translateX(150px);
	  border-top: transparent 12px solid;
	  border-bottom: transparent 12px solid;
	  border-left: transparent 18px solid;
	  border-right: transparent 18px solid;
	}
  }






.download{
	background: #5fd9fe;
	width: 100%;
	padding: .1em 0em;	
}

/*texto*/
.download-right{
	margin-top: 1em;
	text-align: center;
	width: 100%;
}

.download-left{
	width: 100%;
	margin-top: 1em;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
}

.download-left  span {
	background-size: 100%;
	width: 14em;
	height: 13em;
	border-radius: 2.5em;
	background-position: 0px 0;
 }

 .download-right .grande{
	color:#fff;
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.download-right .texto-normal p{
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
	 font-weight: 200;
	 font-style: normal;
	 
   }
   
   .download-right .texto-estrellas p{
	   font-size: 1.1em;
	   font-family: "Ubuntu", sans-serif;
	 font-weight: 400;
	 font-style: normal;
	  }
/* btn ir a formulario*/ 

.btn_ir_modal_mostrar {
	display: flex;
	justify-content: center;
	--color-text: #5F7D8B;
	--color-background: #FFFFFF;
	--color-outline: #5fd9fe;
	--color-shadow: #5fd9fe;
  }
  
  .btn-content {
	display: flex;
	align-items: center;
	padding: 0px 50px;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 1em;
	color: var(--color-text);
	background: var(--color-background);
	transition: 1s;
	border-radius: 10px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
  
  }
  
  .btn-content:hover, .btn-content:focus {
	transition: 0.5s;
	-webkit-animation: btn-content 1s;
	animation: btn-content 1s;
	outline: 0.1em solid transparent;
	outline-offset: 0.2em;
	color: #5fd9fe;
   
  }
  
  .btn-content .icon-arrow {
	transition: 0.5s;
	margin-right: 0px;
	transform: scale(0.6);
  }
  
  .btn-content:hover .icon-arrow {
	transition: 0.5s;
	margin-right: 25px;
	
  }
  
  .icon-arrow {
	width: 20px;
	margin-left: 15px;
	position: relative;
	top: 6%;
	
  }
	
  /* SVG */
  #arrow-icon-one {
	transition: 0.4s;
	transform: translateX(-60%);
  }
  
  #arrow-icon-two {
	transition: 0.5s;
	transform: translateX(-30%);
  }
  
  .btn-content:hover #arrow-icon-three {
	animation: color_anim 1s infinite 0.2s;
  }
  
  .btn-content:hover #arrow-icon-one {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.6s;
  }
  
  .btn-content:hover #arrow-icon-two {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.4s;
  }
  
  /* SVG animations */
  @keyframes color_anim {
	0% {
	  fill: #5fd9fe;
	}
  
	50% {
	  fill: var(--color-background);
	}
  
	100% {
	  fill: #5fd9fe;
	}
  }
  
  /* Button animations */
  @-webkit-keyframes btn-content {
	0% {
	  outline: 0.2em solid var(--color-background);
	  outline-offset: 0;
	}
  }
  
  @keyframes btn-content {
	0% {
	  outline: 0.2em solid var(--color-background);
	  outline-offset: 0;
	}
  }


	  .container-loader12-adquirir{
		display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
		justify-content: center;
		margin-bottom: 1em;
	} 
   
	  .container-btn-formulario{
		width: 100%;
	}


/*ficha tecnica*/
.compatibility{
	background: linear-gradient( #5fd9fe 95% ,#FFFFFF);
	width: 100%;
	padding: 1em 0em;

}

.compatibility h3{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1em;
	border-bottom: 2px solid #FFFFFF;
	padding: .5em 0em;	
}

.compatibility-grids .compatibility-right h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
}
.compatibility .compatibility-grids .compatibility-left h4{
	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
	
}
.compatibility p{
	
	line-height: 1.2em;
	
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  
}

.compatibility .list-inline{
	margin-top: .5em;
}


/* pie de pagina */

.grupo-1{
	width: 100%;
	text-align: center;
}

.pie-pagina .grupo-1{
    width: 100%;
    margin: auto;
    display:grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap:0px;
    padding: 45px 0px;
	color: #efebeb;
}

.social-container{
	width: fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 25px;
	gap: 20px;
  }
  .box .social-container {
	width: 100%;
	text-align: center;
} 



}


@media (max-width:480px){


	.header {
		position: fixed;
		z-index: 999;
		right: 0;
		left: 0;
	 }
	
/* start bloke slider*/
.container-text-slider-izquierda{
	width: 80%;	
}

.container-text-slider-derecha{
	width: 20%;	
}



/* bajar letras slider principal*/
.slide-text-info{
	margin-top:5%;
}

.slide-text-info p {
	font-size: 1.1em;
	line-height: 1em;
 }

	
	.card-origen-center .container-box-animate{
		width: 100%;
		padding: 0em 0em;
	
	}
	

	.box-animate{
		position: relative;
		width: 100%;
		height: 1em;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow:hidden;
	}
	
	.box-animate::before{
		content: '';
		position: absolute;
		width: 100%;
		height: 50%;
		background-color:white;
		animation: animate 4s linear infinite; /*ajustar velocidad*/
	}
	
	.box-animate::after{
	content: '';
	position: absolute;
	inset: 3px;
	background-color: #5fd9fe;
	border-radius: .7em;
	
	}
	
	@keyframes animate{
		0%{
			transform: rotate(0deg);
		}
		100%{
			transform: rotate(360deg);
		}
	}
	

.container .header .container .marca_logo{
	position: absolute;
	top: 10px;
	left: 10px;	
	}

	.container .header .container .marca_logo .logo_ges{
		width: 4em;
		height: 2em;
	  }

	

 /*tabs*/
.callbacks_tabs{
	list-style: none;
	position: absolute;
	top: 80%;
	z-index: 999;
	left: 17%;
}

/* Que es GES */

.container-definicion{
	width: 100%;
	height: max-content;
	background: linear-gradient( #5fd9fe 99% ,#FFFFFF);
	padding: .5em 0em .7em 0em;
}

.container-definicion .titles-principal{
	width: 100%;
	text-align: center;
	margin-top: 0em;		
}

/* tipografia para los sub titulos*/

.container-definicion .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;
	
	
	}


.container-card-que-es-ges{
	width: 100%;
	height: max-content;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

.container-card-que-es-ges .card-definicion{
	position: relative;
	margin: 1em 0em;
	width: 18em;
	height: max-content;
	border-radius: 6px;
	overflow: hidden;
	background:#FFFFFF;
	transition: all 400ms ease-out;
	cursor: default;
	margin-left: auto;
	margin-right: auto;	
}


.container-card-que-es-ges .card-definicion figure img{
	width: 100%;
	height: 12em;
}


.container-loader-origen{
	margin-top: .7em;
	width: 100%;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;

 }
.loader-origen {
	padding-top: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	position: relative;
  }

  .loader-block {
	display: inline-block;
	width: 20px;
	height: 5px;
	margin: 2px;
	background-color: #fff;
	box-shadow: 0 0 20px #fff;
	animation: loader_562 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  }

/*  altura de la posicion del boton*/
.input-card[type="checkbox"]{
	height: .4em;
	display: block;
	appearance: none;
	
}

 .label-card{
	position: relative;
	padding: .4em;
	background: #5fd9fe;
	border-radius: 5px;
	color: #FFFFFF;
	
}

.label-card::before{
	content:"Leer Más";
	font-size: 1
	em;
	
}



/* funciones destacadas*/

.features-Funciones-Destacadas{
	padding:.5em 0em 2em 0em;
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);

}


.features-Funciones-Destacadas .titles-principal{
	text-align: center;
	margin-top: .5em;	
}

.features-Funciones-Destacadas .titles-principal h2{
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;		
  }

  .features-Funciones-Destacadas .sub-titulo{
	text-align: center;
	color: #635b5b;
	padding: .7em 0em;
	}
	
  /* Prevencion */
  .features-Funciones-Destacadas .sub-titulo p{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.2em;
	line-height: 1;
	}

	.features-Funciones-Destacadas .seleccione p{
		color: #FFFFFF;
		font-size: 1.1em;
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		
	}
	

		/*louder9*/
.loader9 {
			padding: 1em 0em 0em 0em;
				user-select: none;
	 }

.container-card-funciones{
				width: 100%;
				height: max-content;
				padding: 0em 0em 0em 0em;
 }
			 
.container-card-funciones  .features-grid{
		padding-bottom: 2em;
	 }


	 .features-Funciones-Destacadas .container-card-funciones .text-funciones{
		padding: .8em;
	  }
	  .features-Funciones-Destacadas .container-card-funciones .features-grid .text-funciones h3{
		text-align: center;
		color: #FFFFFF;
		font-family: "Ubuntu", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.2em;
		
	  }
	
	
.container-card-funciones .features-grid .card-container {
		width: 18em;
		display: flex;
		height: 24em;
		position: relative;
		border-radius: 25px;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;	
	  }
	 
.features-grid span {
	width: 145px;
	height: 155px;
	background-size: 470%;
	
 }
 .features-grid span.t-icon1 {
	background-position: -530px 0px;
	
 }
 .features-grid span.t-icon2 {
	background-position: -270px 0px;
 }

 .features-grids .features-grid .text-funciones h3 {
	font-size: 1.3em;
 }
 .features-grids .features-grid p {
	font-size: 1em;
 }







/* coadyubar con el ministerio publico*/
.Share-instantly{
	background: linear-gradient( #5fd9fe 97% ,#FFFFFF);
	padding: 2em 0em;
	/*box-shadow: inset 0 0 20px #FFFFFF;*/
}
.container .Share-instantly-left span{
	background-size:80%;
	width: 220px;
	height: 235px;	
	
 } 

 .Share-instantly .container .Share-instantly-right .titles-share h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;
	

}




.slider .da-slider1 .slide-text p{
	text-align: start;
	line-height: 1.5em;
	font-weight:  400;
	
}


/*Imagen  you.tube*/
.slider .da-slider .da-slide #youtube-icon-slider{
	width: 6em;
	height: 3.5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 5px;
	padding: .3em;
}

.feature .container .feature-left .slider .da-slider1 .da-slide #llamada-img{
	width: 4.5em;
	height: 4.5em;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	border-radius: 5px;
	padding: 1em;
	
	}

	.feature .container .feature-left .slider .da-slider1 .da-slide #cuadrantes-img{
		width: 4.5em;
		height: 4.5em;
		box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	    border-radius: 5px;
		padding: .7em;
		}
		
		.feature .container	.feature-left .slider .da-slider1 .da-slide #policia-img{
			width: 4.5em;
			height: 4.5em;
			box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	        border-radius: 5px;
			padding: .7em;
			}
		


/* configure llamadas de emergencia */

.feature{
	background: linear-gradient( #5fd9fe 97% ,#FFFFFF);
	padding: 2em 0em;
}

.feature .titles-share h2 {
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.4em;	
  }



.feature-right{
	margin-top: 1.5em;
	float:right;
	/*background-color: red;*/
   }

   /* slider1  float: inline-start;*/

.feature .container .feature-right span{
	background-size:80%;
	width: 220px;
	height: 235px;
   }

   .feature-right span{
	background-position:0 0;
	/*background-color: red;*/
}







	

/* De su crecion */
.origen-container{
	background: linear-gradient( #5fd9fe 99% ,#FFFFFF);
	padding: 1em 0em .8em 0em;
}

/* tipografia para los sub titulos*/
.origen-container .titles-principal h2{
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	  color: #FFFFFF;
	  font-size: 1.4em;
  }
  
  .origen-container  .titulo-origen-card p{
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 1em;
	line-height: 1.2;  	
  }
  
 .container-center{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0em auto 1em auto;
}


/*container card central*/
.origen-container .container-center-origen{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}


   /*  cambia tamaño de card*/
   .origen-container .card-origen-center .container-center-origen .container-img-multiple figure{
	width: 15em;
	height: 9em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .5em 0em;
 }

 .card-origen-center{
	width:  90%;
	height: max-content;
	padding: 1em .5em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);	
	position: relative;
}

.card-origen-center .titulo-origen-card p{
	color: #FFFFFF;
	font-size: 1.1em;
	

}

/* Text-grande titulo */
.origen-container .card-origen-center .container-center-origen .container-img-multiple figure:hover > .capa .title-foto{
  font-size: .9em;
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: .1;
}

.origen-container .card-origen-center .container-center-origen .container-img-multiple figure:hover > img{
	transform: scale(1.2);
}

/* texto pequeño imagen */

.origen-container .card-origen-center .container-center-origen .container-img-multiple figure .capa p{
	color: #FFFFFF;
	font-size: .8em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1;
	width: 100%;
	max-width: 220px;
	margin-top: .2em;
}


.container-2-card-origen{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
	margin: 0em auto 1em auto;
}

.container-2-card-origen .card-origen-par{
	width:  90%;
	height: max-content;
	padding: 1em 0em;
	border:  3px #FFFFFF solid;
	border-radius: 5px;
	transition: 3s;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	position: relative;
	margin: 1em auto;
	
}

.container-2-card-origen .card-origen-par .titulo-origen-card p{
	text-align: center;
	font-size: 1.1em;
	
}

.container-2-card-origen .card-origen-par{
	padding: .8em .5em;
	text-align: center;
}

.container-2-card-origen .card-origen-par .list{
	line-height:1.4;
	font-size: .9em;
	text-align: center;
	padding: 0;
}


.container-logo-coorupcion .icono-soborno{
	width: 11em;
	height:6em;
	border-radius: 5px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
}



.container-loader .loader5 {
	margin-bottom: .9em;
	position: relative;
	overflow: hidden;
	border-right: 3px solid;
	height: 1.4em;
	animation: typewriter 5s steps(10)  infinite alternate , blink 0.5s steps(10) infinite;
  }

  .loader-text {
	font-size: 1.1em;
	font-weight: 400;
	background: #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }

  @keyframes typewriter {
	0% {
	  width: 0px;
	}
  
	100% {
	  width: 300px;
	}
  }
  
  @keyframes blink {
	0% {
	  border-right-color: rgba(255,255,255,.75);
	  ;
	}
  
	100% {
	  border-right-color: transparent;
	}
  }
 
  

.container-4-img-flex{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 0em 0em;
}

.card-origen-par .text-card-margin-button p{
	font-size: .9em;
	line-height: .9;
	text-align: center;	
}

.container-4-img-flex .container-img-text figure{
	width: 7em;
	height: 4.5em;
	position:relative;
	display: flex;
	overflow: hidden;
	border-radius: 7px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	margin: .5em .9em;
 }

.container-4-img-flex .container-img-text .capa .text-unico{
	margin-top: 1.3em;
	font-size: 1em;
	color: #FFFFFF;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.card-origen-center:hover{	
	box-shadow: 0 10px 20px #FFFFFF;
	transition: 2s;
}
.card-origen-par:hover{
	box-shadow: 0 10px 20px #FFFFFF;
	transition: 2s;
	
}


 /* sitios de implementacion*/

 .fondo-img-catalogo{
  margin: 0;
  padding: 0;
  height: 91em; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
  background-image: url('../images/slide1.jpg');
  background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
  background-position: center center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  background-attachment: fixed;
  background-attachment: scroll;

}



.titles-principal-sitios h2{
	width: 100%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	  color: #FFFFFF;
	  background-color: #5F7D8B;
	opacity: 85%;
	padding: 1em 0em 1em 0em;
	font-size: 1.4em;
		
}

.fondo-img-catalogo .seleccione-sitios p{ 
	background-color: #5F7D8B;
	opacity: 75%;
	text-align: center;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: .5em 1em;
	border-radius: 5px;
  }
  

  .container-columnas{
	width: 100%;
	height: max-content;
	margin-top: 7em;
	display: block;
}

.img-derecha-columna{
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
}

.img-izquierda-columna{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	
	
}


 .container-img-multiple figure{
	position:relative;
	width:19em;
    height: 11.5em;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	display: flex;
	margin: .2em 0em;
	
 }

 /* Text-grande titulo */
.container-img-multiple figure:hover > .capa .title-foto{
  font-size: 1.1em;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;	
}


.container-img-multiple figure:hover > img{
	transform: scale(1.2);
}


/* texto pequeño imagen  derecha*/
.img-derecha-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1;
	max-width: 220px;
}

/* texto pequeño imagen  Izquierda*/
.img-izquierda-columna .container-img-multiple  figure .capa .parrafo-card{
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 200;
    font-style: normal;
	line-height: 1;
	max-width: 220px;
}



 /*Resultados y eficiencia*/
 .container-img-estadistica{
	margin: 0;
	padding: 0;
	height: max-content; /* Asegura que el cuerpo ocupe toda la altura de la pantalla */
	background-image: url('../images/estadis.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir toda la pantalla */
	background-position: center center; /* Centra la imagen */
	background-repeat: no-repeat; /* Evita que la imagen se repita */
	background-attachment: scroll;
}

.titles-principal-estadistica {
	padding-top: 2em;
	
}


.titles-principal-estadistica  h2{
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
	background-color: #5F7D8B;
	opacity: 85%;
	padding: 1em 0em 1em 0em;

}

.text-tabla1 {	
	display: flex;
	width: 100%;
	background-color: #5F7D8B;
	justify-content: center;
	/*85b0d3*/
	border-radius: 5px;
	opacity: 85%;
	margin-left: auto;
	margin-right: auto;	
	
}

.text-tabla1 p{
text-align: center;
display: flex;
font-family: "Ubuntu", sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1.1em;
color: #FFFFFF;
line-height: 1.2;
	
}

.secc-mapa {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 1em .7em .7em .7em;	
}


 iframe{
	width: 90%;
	height: 15.5em;
}

.container-tablas{
	height: max-content;
	display: flex;
	flex-direction: column;
   
	gap: 1em;

}

.tabla-container{
	width: 100%;
	padding: 0em .7em 0em .7em;


}
/*
.tabla-container:last-child {
  margin-bottom: 20em;
}

*/
.container-tablas .tabla-container table{
	width: 100%;	
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
	padding: 0em .7em;
}

.container-tablas .tabla-container table th{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 10px 15px;
	font-size: .9em;
	margin-top: .5em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFc;
	line-height: 1.2;

}

.container-tablas .tabla-container table td{
	text-align: center;
    border: 1px solid #FFFFFF;
    padding: 8px 15px;
	font-size: .8em;
	font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal; 
	color: #FFFFFF;

}

/* parrafo tabla superior*/
.container-tablas .tabla-container .tabla-container-izquierda{
	text-align: center;
	width: max-content;
	background-color: #5F7D8B;
	/*#5F7D8B*/;
	border-radius: 5px;
	opacity: 85%;
	float: left;
	

	
}

.container-tablas .tabla-container .tabla-container-izquierda p{	
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: normal;
font-size: .9em;
color: #FFFFFF;
		
}

.container-tablas .tabla-container .tabla-container-izquierda .list2{
	font-size: .8em;
	margin-top: .1em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal; 
  color: #FFFFFF;	
}


.container-tablas .tabla-container .tabla-container-derecha{
	text-align: center;
	width:max-content;
	background-color: #5F7D8B;
	/*#5F7D8B*/;
	border-radius: 5px;
	opacity: 85%;
	float: right;

	
}

.container-tablas .tabla-container .tabla-container-derecha p{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .9em;
	color: #FFFFFF;
			
	}
	
	.container-tablas .tabla-container .tabla-container-derecha .list2{
	  font-size: .8em;
	  margin-top: .1em;
	  font-family: "Ubuntu", sans-serif;
	  font-weight: 300;
	  font-style: normal; 
	  color: #FFFFFF;	
	}
	

 /* Beneficios*/

 .container-beneficios{
	background: linear-gradient( #5fd9fe 98% ,#FFFFFF);
}

 .container-tarjeta{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	padding-top: .5em;
	padding-bottom: 3em;
}

.container-beneficios .titles-principal{
	margin-top: .5em;
}

.container-beneficios .titles-principal h2{
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #FFFFFF;
}

.container-beneficios .titles-principal .seleccione-targeta p{
	font-size: 1.2em;
	color: #ffffff;
	font-weight: 300;
}

 .container-tarjeta .card-tarjeta{
    position: relative;
    width: 18em;
    height: 29em;
    margin: 5px;
}


 

.card-tarjeta .front h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 45px;
    color: #FFFFFF;
    background: rgba(0,0,0,.4); /*rgba(0,0,0,.4); */
    text-align: center;
	font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
	/*rgba(95,217,254,.9);*/
}



/* Textos card */
  
/* container Titulo */

.header-card1 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .2em;
	margin-right: .2em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 70% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }

 /*Titulo p */
  .header-card1 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.3em;
	flex-direction: row;
	
  }

  .info1 {
	text-align: center;
	border: none;
	padding: 1em 0em 0em 0em;
	margin-left: auto;
	margin-right: auto;
	/*
	text-align: center;
	*/
  }
  
  
  .info-card1 {
	border: none;
	padding: 1em;
  }

  .info-card1 p{
	font-size: .9em;
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 3em; 
  }


  .footer-beneficios1 {
	margin-top: 3.4em;
	padding: 0.75rem;
	border: 2px #FFFFFF solid;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }
  

/* container Titulo */
.header-card2 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .2em;
	margin-right: .2em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 70% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card2 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.3em;
	flex-direction: row;
	
  }

  .info2 {
	border: none;
	padding: 1em 0em 0em 0em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
  }
  
  .info-card2 {
	border: none;
	padding: 1em;
  }


  .info-card2 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 1.5em; 
  }

  .footer-beneficios2 {
	margin-top: 1.3em;
	padding: 0.75rem;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }
  


/* container Titulo */
.header-card3 {
	height: 3em;
	position: relative;
	background-clip: border-box;
	margin-top: 1em;
	margin-left: .2em;
	margin-right: .2em;
	border-radius: 0.45em;
	background: linear-gradient( #5fd9fe 70% ,#FFFFFF);
	box-shadow: 0 10px 15px -3px rgba(33,150,243,.4),0 4px 6px -4px rgba(33,150,243,.4);
  }


 /*Titulo */
 .header-card3 p{
    display: flex;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.3em;
	flex-direction: row;
  }
.info3 {
	border: none;
	padding: 1em 0em 0em 0em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
  }
  
  .info-card3 {
	border: none;
	padding: 1em;
  }


  .info-card3 p{
  font-size: .9em;
  font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  line-height: 2em; 
  }

  .footer-beneficios3 {
	margin-top: 1.3em;
	padding: 0.75rem;
	/*border: 2px solid rgb(236 239 241);*/
	display: flex;
	flex-direction: column;
	background-color: #B3E5FC;
	opacity: 0.7;
	box-shadow: 0 5px 10px #000;
	/*background-color: rgba(0, 140, 255, 0.082);*/
	/*#B3E5FC*/
  }

  
/* Modal bajando*/
.modal_container{
    margin: auto;
    width: 100%;
    max-width: 21em;
    height: 43em;
	/*background: #5fd9fe;*/
    border-radius: 20px;
    padding: 1em .8em;
    transform: var(--transform);
    transition: var(--transition);
}

 .titulo-modal{
	font-size: 1.5em;
}
form {
	width: 100%;
	height: 37.5em;  /* tamaño del alto*/
	padding: 0em .5em;
	border: 5px solid #FFFFFF;
	border-radius: 15px;
}

.modal_container .inputGroup label{
	font-size: .9em;
}


/* Botones*/

/*btn conttainer*/
.modal_container .botones{
	margin-top: 1.8em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	}

      /* btn  salir */
	.btn_salir_formulario {
		position: relative;
		display: flex;
		align-items: center;
		gap: 4px;
		padding: 8px 35px;
		border: 4px solid;
		border-color: transparent;
		font-size: .9em;
		background-color: inherit;
		border-radius: 10px;
		font-weight: 300;
		color: #ffffff;
		box-shadow: 0 0 0 2px #FFFFFF;
		cursor: pointer;
		overflow: hidden;
		transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	  }
	
	  .btn_salir_formulario svg {
		position: absolute;
		width: 24px;
		fill: #ffffff;
		z-index: 9;
		transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	  }
	  
	  .btn_salir_formulario .arr-1 {
		right: 16px;
	  }
	  
	  .btn_salir_formulario .arr-2 {
		left: -25%;
	  }
	  
	  /* cudrado azul*/
	  .btn_salir_formulario .circle {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 50px;
		height: 20px;
		background-color: #5fd9fe;
		border-radius: 30%;
		opacity: 0;
		transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	  }
	  
	  .btn_salir_formulario .text {
		font-size: 1em;
		font-weight: 600;
		position: relative;
		z-index: 1;
		transform: translateX(-12px);
		transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	  }
	  
	  .btn_salir_formulario:hover {
		box-shadow: 0 0 0 12px transparent;
		color: #FFFFFF;
		border-radius: 12px;
	  }
	  
	  .btn_salir_formulario:hover .arr-1 {
		right: -25%;
	  }
	  
	  .btn_salir_formulario:hover .arr-2 {
		left: 16px;
	  }
	  
	  .btn_salir_formulario:hover .text {
		transform: translateX(12px);
	  }
	  
	  .btn_salir_formulario:hover svg {
		fill: #FFFFFF;
	  }
	  
	  .btn_salir_formulario:active {
		scale: 0.95;
		box-shadow: 0 0 0 4px #FFFFFF;
	  }
	  
	  .btn_salir_formulario:hover .circle {
		width: 220px;
		height: 220px;
		opacity: 1;
	  }




	/* btn enviar*/
.btn_enviar {
	border: 4px solid;
	user-select: none;
	font-size: .9em;
	font-weight: 600;
	color: white;
	box-shadow: 0 0 0 2px #FFFFFF;
	text-align: center;
	background-color: inherit;
	border-color: transparent;
	/*
	background-color: #5fd9fe;
	box-shadow: #cacaca 2px 2px 10px 1px;
	*/
	border-radius: 10px;
	height: 50px;
	line-height: 30px;
	width: 110px;
	transition: all 0.2s ease;
	position: relative;
  }

  
  .msg {
	height: 0;
	width: 0;
	border-radius: 2px;
	position: absolute;
	left: 15%;
	top: 25%;
  }
  
  .btn_enviar:active {
	transition: all 0.001s ease;
	background-color: #2fb4cc;
	box-shadow: #97989a 0 0 0 0;
	transform: translateX(1px) translateY(1px);
  }
  
  .btn_enviar:hover .msg {
	animation: msgRun 2s forwards;
  }
  
  @keyframes msgRun {
	0% {
	  border-top: #d6d6d9 0 solid;
	  border-bottom: #f2f2f5 0 solid;
	  border-left: #f2f2f5 0 solid;
	  border-right: #f2f2f5 0 solid;
	}
  
	20% {
	  border-top: #d6d6d9 14px solid;
	  border-bottom: #f2f2f5 14px solid;
	  border-left: #f2f2f5 20px solid;
	  border-right: #f2f2f5 20px solid;
	}
  
	25% {
	  border-top: #d6d6d9 12px solid;
	  border-bottom: #f2f2f5 12px solid;
	  border-left: #f2f2f5 18px solid;
	  border-right: #f2f2f5 18px solid;
	}
  
	80% {
	  border-top: transparent 12px solid;
	  border-bottom: transparent 12px solid;
	  border-left: transparent 18px solid;
	  border-right: transparent 18px solid;
	}
  
	100% {
	  transform: translateX(150px);
	  border-top: transparent 12px solid;
	  border-bottom: transparent 12px solid;
	  border-left: transparent 18px solid;
	  border-right: transparent 18px solid;
	}
  }


/*
.btn-content {
	display: flex;
	align-items: center;
	padding: 0px 40px;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 1em;
	color: var(--color-text);
	background: var(--color-background);
	transition: 1s;
	border-radius: 10px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
  
  }
  */

 /*Boton modal*/
/*boton
.btn_ir_modal_mostrar{
	width: 60%;
    padding: .5em 0;
    font-size: 1em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
    color:#5fd9fe;
    background: #FFFFFF;
    border:none;
    border-radius: 10px;
    transition: 1s all;
    cursor:pointer;
	margin-bottom: 20px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
    
}
	*/
/*adquirir */
/* texto bajo card*/


/*
.download{
	background: linear-gradient( #5fd9fe 90%,#FFFFFF);
	padding: 1em 0;
}
*/


/*
width: 100%;
		height: 250vh;
		background: url(../images/slide1.jpg)no-repeat center center fixed;;
		background-size: cover;
		position: relative;
		
*/


.download{
	/*background: linear-gradient( #5fd9fe 97%,#FFFFFF);*/
	padding: 1em 0em .5em 0em;
	width: 100%;
	position: relative;
	background-color:  #5fd9fe;
}

.download-right{
	margin-top: 1em;
	text-align: center;
	width: 100%;
}


.download-left{
	width: 100%;
	margin-top: 1em;
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
}

/* margen*/
.download-right .bloke-texto{
	padding: .7em 0em;
}

 
 .download-right .grande{
	color:#fff;
	font-size: 1.3em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4;
}

  
.download-right .texto-estrellas p{
	font-size: 1.1em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.7;
	/* color: #FFFFFF;*/
	   
  }
	
	  .download-right .texto-normal p{
		font-size: 1em;
		font-family: "Ubuntu", sans-serif;
		 font-weight: 200;
		 font-style: normal;
		 line-height: 1.2;
		 /*color: #FFFFFF;*/
		
	   }
   
/* boton play store*/
.download-right ul li a span {
	width: 250px;
	height:35px;
	background-size: 95%;
	background-position:1px 0;
 }

 .container-loader12-adquirir{
	display: flex;  /*para que los elementos se posicionen en horizontal uno al lado de otro*/
	justify-content: center;
	margin-bottom: 1em;
} 

/*boton envio formulario*/

.container-btn-formulario{
	width: 100%;

}
/*boton
.btn_ir_modal_mostrar{
	width: 50%;
    padding: .5em 0;
    font-size: .9em;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
    color:#5fd9fe;
    background: #FFFFFF;
    border:none;
    border-radius: 10px;
    transition: 1s all;
    cursor:pointer;
	margin-bottom: 20px;
	box-shadow: 0px 15px 25px rgba(0,0,0,0.50);
    
} 
*/


/* btn ir a formulario*/ 

.btn_ir_modal_mostrar {
	display: flex;
	justify-content: center;
	--color-text: #5F7D8B;
	--color-background: #FFFFFF;
	--color-outline: #5fd9fe;
	--color-shadow: #5fd9fe;
  }
  
  .btn-content {
	display: flex;
	align-items: center;
	padding: 0px 50px;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 1em;
	color: var(--color-text);
	background: var(--color-background);
	transition: 1s;
	border-radius: 10px;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
  
  }
  
  .btn-content:hover, .btn-content:focus {
	transition: 0.5s;
	-webkit-animation: btn-content 1s;
	animation: btn-content 1s;
	outline: 0.1em solid transparent;
	outline-offset: 0.2em;
	color: #5fd9fe;
   
  }
  
  .btn-content .icon-arrow {
	transition: 0.5s;
	margin-right: 0px;
	transform: scale(0.6);
  }
  
  .btn-content:hover .icon-arrow {
	transition: 0.5s;
	margin-right: 25px;
	
  }
  
  .icon-arrow {
	width: 20px;
	margin-left: 15px;
	position: relative;
	top: 6%;
	
  }
	
  /* SVG */
  #arrow-icon-one {
	transition: 0.4s;
	transform: translateX(-60%);
  }
  
  #arrow-icon-two {
	transition: 0.5s;
	transform: translateX(-30%);
  }
  
  .btn-content:hover #arrow-icon-three {
	animation: color_anim 1s infinite 0.2s;
  }
  
  .btn-content:hover #arrow-icon-one {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.6s;
  }
  
  .btn-content:hover #arrow-icon-two {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.4s;
  }
  
  /* SVG animations */
  @keyframes color_anim {
	0% {
	  fill: #5fd9fe;
	}
  
	50% {
	  fill: var(--color-background);
	}
  
	100% {
	  fill: #5fd9fe;
	}
  }
  
  /* Button animations */
  @-webkit-keyframes btn-content {
	0% {
	  outline: 0.2em solid var(--color-background);
	  outline-offset: 0;
	}
  }
  
  @keyframes btn-content {
	0% {
	  outline: 0.2em solid var(--color-background);
	  outline-offset: 0;
	}
  }





/* ficha tecnica*/

.compatibility{
	background: linear-gradient( #5fd9fe 95% ,#FFFFFF);
	width: 100%;
	height: max-content;
	padding-top: .1em;

}

.compatibility h3{	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1em;
	border-bottom: 2px solid #FFFFFF;
	padding: .5em 0em;	
}

.compatibility-grids .compatibility-right h4{
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
}
.compatibility .compatibility-grids .compatibility-left h4{
	
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	padding: .5em 0em;
	
}
.compatibility p{
	
	line-height: 1.2em;
	
	font-family: "Ubuntu", sans-serif;
  font-weight: 200;
  font-style: normal;
  
}

.compatibility .list-inline{
	margin-top: .5em;
}








 .footer-right input[type="text"] {
    width:100%;
    padding: 10px;
 }
 .footer-right input[type="submit"] {
	padding: 10px 20px;
	margin-top: 10px;
 }
 
 /*   
 .rslides {
	background:#df5d5d;
	min-height:150px;
 }
	*/
 .slide-text-info h1 {
	font-size: 1.1em;
	margin-top: 38px;
 }

 
 .Share-instantly-left span, .feature-right span {
	background-size: 59%;
	width: 180px;
	height: 170px;
	display: inline-table;
 }


 .download-left  span {
	background-size: 100%;
	width: 200px;
	height: 190px;
	border-radius: 33px;
	background-position: 0px 0;
 }

 /* boton play store*/
 .download-right ul li a span {
	width: 250px;
	height:35px;
	background-size: 95%;
	background-position:1px 0;
 }
.download-right ul li a.l-google span {
	display: none;
 }


 /* pie de pagina */

.grupo-1{
	width: 100%;
	text-align: center;
}

.pie-pagina .grupo-1{
    width: 100%;
    margin: auto;
    display:grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap:0px;
    padding: 45px 0px;
	color: #efebeb;
}

.social-container{
	width: fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;	
	gap: 20px;
  }

  .box .social-container {
	width: 100%;
	text-align: center;
} 

}