/* -----------------------------------------------------------------Media queries----------------------------------------------------------- */

		@media (min-width: 992px){
			.alto-100{
				height: 100vh;
			}
			.alto-50{
				height: 50;
			}
			.centrado-vertical{
				position: relative;
				top: 15%;
			}
			
		}
		@media (max-width: 575px){
			.tamaño{
				margin-top: 20px;
				margin-left: 60px;	
				margin-right: 23px;	
			}
			.imgen{
				width: 135px;
			}
			.altContact{
				margin-top: 0px
			}
			.text1{
				font-size: 2rem;
			}
			.text2{
				font-size: 5em;
			}
			.text3{
				font-size: 2rem;
			}
			.tetxI{
				margin-top: 45%;
			}
			.logo{
				width: 61%;
			}
			.logoA{
				display: flex;
    			justify-content: flex-end;
			}						
		}

		@media not (max-width: 575px){
			.altContact{
				margin-top: 60px
			}
			.text1{
				font-size: 5rem;
			}
			.text2{
				font-size: 8em;
			}
			.text3{
				font-size: 3rem;
			}
			.tetxI{
				margin-top: 15%;
			}
			.func{
				font-size: 5rem;
			}			
						
		}

/* -----------------------------------------------------------------animaciones----------------------------------------------------------- */
		
	:root {
		--animate-duration: 1000ms;
		/* --animate-delay: 0.9s; */
	}
	.timeline-row {
		opacity: 0;
		transform: translateY(50px);
		transition: opacity 0.6s ease, transform 0.6s ease;
	}
	
	.timeline-row.appear {
		opacity: 1;
		transform: translateY(0);
	}
/* -----------------------------------------------arriba circuito--------------abajo funcionalidades---------------------- */
	#Funcionalidades .divFlex {
		opacity: 0;
		transform: translateY(50px);
		transition: opacity 0.6s ease, transform 0.6s ease;
	}

	#Funcionalidades .divFlex.appear {
		opacity: 1;
		transform: translateY(0);
	}

	
	
  /* -----------------------------------------------------------------main principal----------------------------------------------------------- */
	main{
		scroll-behavior: smooth;
	}

	a:link {
		text-decoration: inherit;
		color: inherit;
	}

	a:visited {
		text-decoration: inherit;
		color: inherit;
	}

	.paises {
		width: 32px;
		height: 32px;
		margin:0px 10px 0px 0px;
	}

	.image-container {
	
	position: relative;
	}
	
	.image-container img {
	transition: transform 0.3s; /* Agrega una transición suave para la rotación */
	}
	
	.image-container:hover img {
		transform: rotate(360deg); /* Rotación de 360 grados al realizar el hover */
	}


	.divcircleflex{
		width: 140px;
		height: 140px;
		background-image: url(../images/flex.jpg);
		border-radius: 77px;
		background-size: 89%;
		background-repeat: no-repeat;
		background-color: white;
		background-position-x: 7px;
		margin: 0px auto 0px auto;
		position: relative;
		-webkit-filter: grayscale(100%);
		 -moz-filter: grayscale(100%);
		 -o-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
			filter: grayscale(100%); 
		cursor: pointer;
		
	}
	
	.divcircleflex:hover{
		-webkit-filter: grayscale(0%);
		 -moz-filter: grayscale(0%);
		 -o-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
			filter: grayscale(0%); 
	}
	
	.divFlex{
		text-align:center; 
		background-color: rgba(170, 220, 27, 0); 
		/* height: 48vh; */
		cursor: pointer;
	}
	
	.divFlex:hover{
		background: #7367f0; 
		background: linear-gradient(180deg, rgba(115, 103, 240 ,1) 0%, rgba(115, 103, 240, 0.3) 50%, rgba(22,29,49,1) 100%);
		-webkit-filter: grayscale(0%);
		 -moz-filter: grayscale(0%);
		 -o-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
			filter: grayscale(0%); 
	}
	
	.divFlex:hover .divcircleflex {
		-webkit-filter: grayscale(0%);
		 -moz-filter: grayscale(0%);
		 -o-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
			filter: grayscale(0%); 
	}
	
	.home2 {
		height: 100vh;
		background-image: url('../images/declaraciones/repartidor.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center; 
	}
	.full-height{
		height: 100vh;
	}


	.imagen-declaracion{
		background-repeat: no-repeat;
	}


	.main-contactanos{
		margin-top: 20%;
		background-color: #161d31;
	}

	.card{
		height: auto;
	}
	/* 
	#texto-negro p{
		color:#212529
	}
	#texto-negro h4{
		color:#212529
	}
	#texto-negro a{
		color:#212529
	} */

			/* -----------------------------------------------------------------footer----------------------------------------------------------- */

	footer p{
		color:#161d31
	}


	.display-navbar{
		display: none;
	}

	.navbar-dark{
		background: none;
	}


/* ----------------------------------------------------------------- main flex ----------------------------------------------------------- */

		#myTabContent{
			padding: 15px;
			border: 1px solid white;
			border-radius: 0px 0px 15px 15px;
		}
	/* ----------------------------------------------------------------- timeline ----------------------------------------------------------- */

	/*   robado de: https://www.bootdey.com/snippets/view/dark-timeline              */ 

	.timeline {
    position: relative;
    background: #161d31;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5rem;
    margin: 0 auto 1rem auto;
    overflow: hidden;
	}
	.timeline:after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -2px;
		border: 1px dashed white;
		height: 100%;
		display: block;
	}

	.timeline-row {
		padding-left: 50%;
		position: relative;
		margin-bottom: 30px;
	}
	.timeline-row .timeline-time {
		position: absolute;
		right: 50%;
		top: 15px;
		text-align: right;
		margin-right: 20px;
		/* color: #bcd0f7; */
		/* font-size: 1.5rem; */
			display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}
	.timeline-row .timeline-time small {
		display: block;
		font-size: 0.8rem;
	}
	.timeline-row .timeline-content {
		position: relative;
		padding: 20px 30px;
		background: #161d31;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		/* display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center; */
	}
	.timeline-row .timeline-content:after {
		content: "";
		position: absolute;
		top: 20px;
		height: 16px;
		width: 16px;
		background: #161d31;
	}
	.timeline-row .timeline-content:before {
		content: "";
		position: absolute;
		top: 110px;
		right: -49px;
		width: 20px;
		height: 20px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		z-index: 10;
		background: #161d31;
		border: 2px dashed white;
	}
	.timeline-row .timeline-time h4 {
		
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		line-height: 150%;
	}
	.timeline-row .timeline-time p {
		margin-bottom: 30px;
		line-height: 150%;
	}
	.timeline-row .timeline-content .thumbs {
		margin-bottom: 20px;
		display: flex;
	}
	.timeline-row .timeline-content .thumbs img {
		margin: 5px;
		max-width: 60px;
	}
	.timeline-row .timeline-content .badge {
		color: #ffffff;
		background: linear-gradient(120deg, #00b5fd 0%, #0047b1 100%);
	}
	.timeline-row:nth-child(even) .timeline-content {
		margin-left: 40px;
		text-align: left;
	}
	.timeline-row:nth-child(even) .timeline-content:after {
		left: -8px;
		right: initial;
		border-bottom: 0;
		border-left: 0;
		transform: rotate(-135deg);
	}
	.timeline-row:nth-child(even) .timeline-content:before {
		left: -52px;
		right: initial;
	}
	.timeline-row:nth-child(odd) {
		padding-left: 0;
		padding-right: 50%;
	}
	.timeline-row:nth-child(odd) .timeline-time {
		right: auto;
		left: 50%;
		text-align: left;
		margin-right: 0;
		margin-left: 20px;
	}
	.timeline-row:nth-child(odd) .timeline-content {
		margin-right: 40px;
	}
	.timeline-row:nth-child(odd) .timeline-content:after {
		right: -8px;
		border-left: 0;
		border-bottom: 0;
		transform: rotate(45deg);
	}

	@media (max-width: 992px) {
		.timeline {
			padding: 15px;
		}
		.timeline:after {
			border: 0;
		}
		.timeline .timeline-row:nth-child(odd) {
			padding: 0;
		}
		.timeline .timeline-row:nth-child(odd) .timeline-time {
			position: relative;
			top: 0;
			left: 0;
			margin: 0 0 10px 0;
		}
		.timeline .timeline-row:nth-child(odd) .timeline-content {
			margin: 0;
		}
		.timeline .timeline-row:nth-child(odd) .timeline-content:before {
			display: none;
		}
		.timeline .timeline-row:nth-child(odd) .timeline-content:after {
			display: none;
		}
		.timeline .timeline-row:nth-child(even) {
			padding: 0;
		}
		.timeline .timeline-row:nth-child(even) .timeline-time {
			position: relative;
			top: 0;
			left: 0;
			margin: 0 0 10px 0;
			text-align: center;
		}
		.timeline .timeline-row:nth-child(even) .timeline-content {
			margin: 0;
		}
		.timeline .timeline-row:nth-child(even) .timeline-content:before {
			display: none;
		}
		.timeline .timeline-row:nth-child(even) .timeline-content:after {
			display: none;
		}
	}

.nav-tabs{
	 margin-bottom: 0rem;
}
.nav-tabs > li.active > a {
  color: rgba(22,29,49,1);
  font-size: 16px;
}
.nav-tabs > li > a {
  color: white;
}
.nav-tabs > li > a:hover {
  color: white;
}
.text-precios{
	color: white;
}


/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    
} */
.linea_func{
	justify-content: center;
}

.body2 {
    background: #112031;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}


.card2 {
    position: relative;
    width: 300px;
    height: 400px;  
	margin: 2%;  
}

.card2 div {
    position: absolute;
    width: 100%;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden;
    transition: 1s;
}
.front{
	background: linear-gradient(180deg, rgba(115, 103, 240 ,1) 0%, rgba(115, 103, 240, 0.3) 50%, rgba(22,29,49,1) 100%);
}

.card2 .front {
    /* background: #288ca0; */
    transform: perspective(500px) rotateY(0deg);
}

.card2 .back {
    /* background: #682fc4; */
    transform: perspective(500px) rotateY(180deg);
}


.card2:hover .front {
   
    transform: perspective(500px) rotateY(180deg);
}

.card2:hover .back {
   
    transform: perspective(500px) rotateY(360deg);
}