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

/* VARIABLES */

:root {
	--azul1: #0058a3;
	--azul2: #00b2e3;
	--azul3: #8bcdee;
	--azul4: #cbe7f8;

	--gris1: #ededed;
	--gris2: #cccccc;
	--gris3: #999999;
	--gris4: #666666;
	--gris5: #374049;

	--titulos1-familia: 'Montserrat', sans-serif;
	--titulos1-fontweight: 100;
	--titulos2-fontweight: 200;
	--titulos3-fontweight: 300;
	--titulos4-fontweight: 400;
	--titulos5-fontweight: 500;
	--titulos6-fontweight: 600;
	--titulos7-fontweight: 700;
	--titulos8-fontweight: 800;
	--titulos9-fontweight: 900;

	--open: 'Open Sans', sans-serif;
	--open-fontweight3: 300;
	--open-fontweight4: 400;
	--open-fontweight6: 600;
	--open-fontweight8: 800;
}

/* BODY */

body{
	background: var(--gris4);
	max-width: 98vw;
	margin: auto;
	font-family: var(--open);
	font-weight: var(--open-fontweight3);
	color: var(--gris4);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto auto;
	grid-template-areas:"homepage"
						"productodeldia"
						"formalpp" 	
						"direcciones" ; 	
}
/* ------------------------------------------------------------------------------------------------- */

/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */

@media screen and (max-width: 1312px) and (min-width: 992px){
	/* @media screen and (min-width: 992px){ */

.homepage{
	grid-area: homepage;
	background-color:white;
	width: 98vw;
	display: grid;
	grid-template-columns: 98vw;
	grid-template-areas: "headerproductos"
						  "wrapper"
}

.productodeldia{
grid-area: productodeldia;
width: 98vw;
background-color:white;
}

.formalpp{
	grid-area: formalpp;
	width: 98vw;
	display: grid;
	grid-template-columns: 2.75vw 15vw 0.5vw 15vw 0.5vw 15vw 0.5vw 15vw 0.5vw 15vw 0.5vw 15vw 2.75vw;
	/* grid-template-rows: 35vh; */
}

.direcciones{
	grid-area: direcciones;
	width: 98vw;
	background-color: var(--gris2);
	display: grid;
	/* grid-template-columns: 9vw 15vw 15vw 15vw 15vw 15vw 14vw; */
	grid-template-columns: 2.5vw 93vw 2.5vw;
	grid-template-rows: auto auto auto 1rem;
}

/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */


.headerproductos{
	grid-area: headerproductos;
	position:fixed;
	z-index:999;
	background-color:rgb(255, 255, 255);
	display: grid;
	grid-template-columns: 5vw 18vw 47vw 23vw 5vw;
	grid-template-rows: 110px;
	grid-template-areas: "blanco1 logo navppal redes blanco2";
	}


#wrapper{
	grid-area: wrapper;
	background-color: white;
	margin-top: 110px;
	display: grid;
	min-height: 70vh;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas: "titulares contieneslider";
}

.btn_ver_mas{
	text-align:center;
	font-size: 2.5rem;
	display: flex;
	justify-content: center;
	/* width: 50%;
	margin-left:40px; */
	/* display: block; */
	margin: auto;
	margin-bottom: 25px;
	padding: 2rem;

}

.descargablescaja a{
	text-align:center;
	margin: auto;
}

h6{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos4-fontweight);
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: .3rem 1rem;
	/* text-align: center; */
}

.nuevohome{
	grid-area: nuevohome;
	height: auto;/*125px*/
	/* background-color: var(--gris3); */
	overflow: hidden;

}

/* ------------------------------------------------------------------------------------------------- */

		/* HEADER PRODUCTOS */
		/* HEADER PRODUCTOS */

		.cajaheader1{
			grid-area: blanco1;
			background-color: white;
			}

		.cajaheader2 {
			grid-area: logo;
			display: flex;
			text-align: center;
			align-items: center;
			}

		.logoaress {
			margin-top: .8rem;
			height: 90px;
			}

		.cajaheader3{
			grid-area: navppal;
			font-size: 1rem;
			margin-top: 2rem;
			line-height: 15px;
			display: flex;
			justify-content: flex-end;/* flex-end */
			align-items: center;
			}

		.lineavertical{
			grid-area: navppal;
			width: 2px;
			height: 2rem;
			background: var(--azul2);
		}

		.cajaheader7 {
			grid-area: redes;
			/* background-color: rgb(170, 238, 181); */
			display: flex;
			justify-content: flex-end;
			align-items: center;
			margin-top: 2rem;

			}

		.cajaheader7 a{
			display: flex;
			justify-content: space-between;
			align-items: center;
			}

		.cajaheader5{
			grid-area: blanco2;
			/* background-color: rgb(207, 51, 51); */
			}
			
		.cajaheader8, .cajaheader9{
			display: none;				
		}

	/*----------BUSCADOR-----------*/



	.content-table{
		align-content: center;
		right:15%;/*250px*/
		top:95px;
		position:fixed;
		align-content:center;
		width:70%;/*50%*/
		max-width: 80%;/*50%*/
		margin: auto;
		background-color:#fff;
		/*padding: 50px;*/
		padding: 0 10px;
		padding-bottom: 5px;
		max-height: 500px;
		overflow: hidden;
		display:none;
		z-index: 2000;
		
		}
		
	
		tbody tr td{
			
			width:50%;
	
		}
		
	.search-table{
		width: 100%;
		
		
	}
		
		tbody tr td a{	
			margin-top: 30px;
			text-align: center;
			align-content:center;
			text-decoration: none;
			font-size: 18px;
			color: #057BF5;
			display: block;
			width: 100%;
			height: 100%;
			padding: 20px 0;
			padding-left: 20px;
			border: 2px solid #fff;
			display:block;
			
	}
	
		
		tbody tr td a:hover{
			color: aliceblue;
			background-color:#00b2e3;
	}
	
	
	.content-table::-webkit-scrollbar{
		/*background: rgba(0,0,0,0);*/
		width: 10px;
	}
	
	.content-table::-webkit-scrollbar-track{
		background:#C1C1C1;
	}
	
	.content-table::-webkit-scrollbar-button{
		background:#C1C1C1;
	}	
	
	
	.content-table::-webkit-scrollbar-button-thumb{
		background:#C1C1C1;
	}
	
	
	.dataTables_length,
	.dataTables_filter,
	.dataTables_info,
	.dataTables_paginate{
	
	display: none;
	}
	
	
		
		
			.search {
			 
				width: 8rem;
				height: 1.9rem;
				font-size: 16px;
				padding: 5px;
				   display: flex;
				justify-content:center;
				align-items: center;
				margin-right: 20px;	
				border-radius: 50px;
				text-align: center;

			   }
		
		
		   .search input {
			   width: 8rem;
			   height: 1.9rem;
			   border-color:#00b2e3 !important;
			   border-width: 2px;
			   border: 1px solid ;
			   border-radius: 20px;
			   text-align: center;

		 }
	
		
		   .search input { text-indent: 5px;}
		   .search .fa-search { 
			  position: absolute;
			  top: 10px;
			  left: 10px;
		}
	
		
		
			.cajalupa{
				width: 8rem;
				height: 1.9rem;
				display: flex;
				justify-content: flex-end;
				align-items: center;
			/*	border-color:#00b2e3;
				border-width: 2px;
				border-style: solid;*/
				margin-right: 20px;	
				border-radius: 1rem;;
				}
	
			.lupaa{
				height: 1.3rem;
				padding: 0px 8px;
				}


				
		
	/*---------------------------------*/

	.cajagracias{
	
	
		text-align: center;
		position: relative;
		margin: auto;
	}
	.gracias h3 {
		font-size: 3.5rem;
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos1-fontweight);
		line-height: 3.4rem;
		color: var(--azul1);
		margin: 0.5rem 0 0 2rem;
	}
	.gracias {
		margin-top: 135px;
		/* width: 77vw; */
		padding: 0 11rem 0 11rem;
		display: flex;
		justify-content: center;
	}


		.vl {
			border-left: 2px solid rgb(150, 150, 150);
			height: 27px;
			}

		.linkedinimg {
			width: 1.9rem;
			margin: 0px;
			}


		.instagramimg, .facebookimg {
			width: 1.9rem;
			margin-right: 15px;
			}

		.atencioncliente{
			font-weight: var(--open-fontweight6);
			}	


/* ------------------------------------------------------------------------------------------------- */

					/* MENU DESPLEGABLE */
					
					.headerproductos ul{
						list-style: none;
					}
					
					.headerproductos ul li{
					display: inline-block;
					position: relative;
					}
					
					.headerproductos ul li:hover{
						background:white;
						border-radius: 0em;
						}
					
					.headerproductos ul li a{
						color: var(--gris4);
						display: block;
						text-decoration: none;
						text-align: center;
						padding: 5px 20px;
					}

					.headerproductos ul li a:hover{
						color: var(--azul2);
					}

					.headerproductos ul li .children1{
						display: none;
						background:white;
						border-radius: 5px;
						box-shadow:0 4px 8px rgba(0,0,0,0.2);
						position: absolute;
						left: -150%;
						width: 400%;
						z-index: 1000;
						padding: 10px;
						}
									
					.headerproductos ul li:hover .children1{
					display: block;
					}
									
					.headerproductos ul li .children1 li{
						display: block;
					}
					
					.children1 {
						/* list-style-type: none; */
						columns: 2;
						-webkit-columns: 2;
						-moz-columns: 2;
					}

					ul .children1 li a{
						color:var(--gris4);
						text-align: left;
						margin: 2px;
						padding: 5px 1rem;
					}

					ul .children1 li a:hover{
						background:var(--azul1);
						text-align: left;
						margin: 2px;
					}


					ul .children1 h3{
						color: var(--gris4);
						padding: 20px;
						text-align: left;
						font-size: 1rem;
					}

					.headerproductos ul li .childrendos{
						display: none;
						background:white;
						border-radius: 5px;
						box-shadow:0 4px 8px rgba(0,0,0,0.2);
						position: absolute;
						left: -50%;
						width: 200%;
						z-index: 1000;
						padding: 10px;
						}
									
					.headerproductos ul li:hover .childrendos{
					display: block;
					}
									
					.headerproductos ul li .childrendos li{
						display: block;
					}
					
					.childrendos {
						/* list-style-type: none; */
						columns: 1;
						-webkit-columns: 1;
						-moz-columns: 1;
					}

					ul .childrendos li a{
						color:var(--gris4);
						text-align: left;
						margin: 2px;
						padding: 5px 1rem;
					}

					ul .childrendos li a:hover{
						background:var(--azul1);
						text-align: left;
						margin: 2px;
					}


					ul .childrendos h3{
						color: var(--gris4);
						padding: 20px;
						text-align: left;
						font-size: 1rem;
					}

					.headerproductos ul li .childrentres{
						display: none;
						background:white;
						border-radius: 5px;
						box-shadow:0 4px 8px rgba(0,0,0,0.2);
						position: absolute;
						left: -50%;
						width: 200%;
						z-index: 1000;
						padding: 10px;
						}
									
					.headerproductos ul li:hover .childrentres{
					display: block;
					}
									
					.headerproductos ul li .childrentres li{
						display: block;
					}
					
					.childrentres {
						/* list-style-type: none; */
						columns: 1;
						-webkit-columns: 1;
						-moz-columns: 1;
					}

					ul .childrentres li a{
						color:var(--gris4);
						text-align: left;
						margin: 2px;
						padding: 5px 1rem;
					}

					ul .childrentres li a:hover{
						background:var(--azul1);
						text-align: left;
						margin: 2px;
					}


					ul .childrentres h3{
						color: var(--gris4);
						padding: 20px;
						text-align: left;
						font-size: 1rem;
					}



/* ------------------------------------------------------------------------------------------------- */

		/* ESTILOS WRAPPER */
		/* ESTILOS WRAPPER */

/* .superintendencia{
		color: blue;

} */

.superlogo img{
	height: 30vh;
}




.titulares{
	background: var(--azul1);
	display: grid;
	grid-template-columns: 15% 85%;
}

.tituloslanding{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.titunos{
	color: white;
	font-size: 1.5rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	letter-spacing: .5rem;
	position: relative;
	left: -1rem;
	padding-top: .5rem;
	text-align: center;
	line-height: 2.5rem;
	}


.titdoss{
	color: white;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos3-fontweight);
	font-size: clamp(1.5rem, 6.7vw, 5rem);
	text-align: right;
	position: relative;
	right: 1.5rem;
	line-height: 4rem;
	}

.tittress{
	color: white;
	font-size: 1.5rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	letter-spacing: .5rem;
	position: relative;
	left: -1rem;
	padding-top: .5rem;
	text-align: center;
	line-height: 1.5rem;
}

.titcuatros{
	color: white;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos3-fontweight);
	font-size: clamp(1.5rem, 6vw, 5rem);
	/* text-align: right; */
	margin-top: .1rem;
	/* position: relative;
	right: 2.5rem; */
	line-height: 5rem;

}

.titautos3{
	width: 14rem;
	height: .2rem;
	background-color: var(--gris5);
	position: relative;
	left: 3rem;
	margin-top: 2rem;
	}

.titautos4{
	width: 5rem;
	height: .7rem;
	background-color: var(--azul2);
	position: relative;
	left: 5rem;
	}


.contieneslider{
	/* width: 100vh; */
background-image: url(../img/landingproductos/carrodivino.jpg);
background-repeat: no-repeat;
background-size: cover;
text-align: center;


}
.single-item{
	background-color: blue;

	/* height: 80vh; */
} 

.carruselcuatro, .carruselocho{
	display: none;
}

		

		/* #wrapper{
			width:85vw;
			margin:110px auto 0 auto;
			height:450px;
			position:relative;
			color:rgb(104, 233, 233);
			text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;	
		} */

		.superintendencia{
			/* position: absolute;
			left:-40px;
			top:7.5rem; */
			display: flex;
			justify-content: center;
			align-items: center;
		}

		#slider-wrap{
			/* width:85vw; */
			/* height:350px; */
			position:relative;
			/* overflow:hidden; */
		}

		#slider-wrap ul#slider{
			/* width:85vw; */
			/* height:100%; */
			list-style: none;	
			position:absolute;
			top:0;
			left:0;		
		}

		#slider-wrap ul#slider li{
			float:left;
			position:relative;
			/* width:85vw; */
			/* height:350px;	 */
		}

		#slider-wrap ul#slider li > div{
			position:absolute;
			top:20px;
			left:35px;	
		}
		
		/*btns*/

		.btns{
			position:absolute;
			width:50px;
			height:60px;
			top:50%;
			margin-top:-25px;
			line-height:57px;
			text-align:center;
			cursor:pointer;	
			background:rgba(0,0,0,0.1);
			z-index:100;
			
			/* -webkit-user-select: none;  
			-moz-user-select: none; 
			-khtml-user-select: none; 
			-ms-user-select: none; */
			
			-webkit-transition: all 0.1s ease;
			-moz-transition: all 0.1s ease;
			-o-transition: all 0.1s ease;
			-ms-transition: all 0.1s ease;
			transition: all 0.1s ease;
		}

		.btns:hover{
			background:rgba(0,0,0,0.3);	
		}

		#next{right:-50px; border-radius:7px 0px 0px 7px;}
		#previous{left:-50px; border-radius:0px 7px 7px 7px;}
		#counter{
			top: 30px; 
			right:35px; 
			width:auto;
			position:absolute;
		}

		#slider-wrap.active #next{right:0px;}
		#slider-wrap.active #previous{left:0px;}

		/*bar*/
		#pagination-wrap{
			min-width:20px;
			margin-top:350px;
			margin-left: auto; 
			margin-right: auto;
			height:15px;
			position:relative;
			text-align:center;
		}

		#pagination-wrap ul {
			width:100%;
		}

		#pagination-wrap ul li{
			margin: 0 4px;
			display: inline-block;
			width:5px;
			height:5px;
			border-radius:50%;
			background:#fff;
			opacity:0.5;
			position:relative;
		top:0;
		}

		#pagination-wrap ul li.active{
		width:12px;
		height:12px;
		top:3px;
			opacity:1;
			box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
		}

		/*Header*/
		h1, h2{text-shadow:none; text-align:center;}
		h1{	color: #666; text-transform:uppercase;	font-size:36px;}
		h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:18px; margin-bottom:30px;} 

		/*ANIMATION*/
		#slider-wrap ul, #pagination-wrap ul li{
			-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
			-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
			-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
			-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
			transition: all 0.3s cubic-bezier(1,.01,.32,1);	
		}


/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA PRODUCTODELDIA */
/* ESTILOS PARA PRODUCTODELDIA */
/* ESTILOS PARA PRODUCTODELDIA */
/* ESTILOS PARA PRODUCTODELDIA */

/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA VENTAJASUNO */

.cajaoutline{
border: 2px solid var(--azul1);
}

.cajaoutline p{
	color:var(--gris4);
	margin: .5rem 0;
	font-size: 1.2rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);

}

.ventajastitulo{
	font-size: 1.8rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	letter-spacing: 1rem;
	margin-top: 1rem;
	color: var(--azul1);
	margin: 3rem;
}

.ventajastitulodos{
	font-size: 4rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos2-fontweight);
	color:var(--gris3);
	line-height: 0;
	margin: 4rem;

	
}


.ventajasuno{
	background: var(--gris1);
	padding: 2rem 3rem;
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto min-content;
}

.ventajasuno h3{
	color: var(--gris4);
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos3-fontweight);
	line-height: 1.2rem;
	font-size: 1rem;margin-top: 1rem;

}

.contenidohome2 h2{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);
	line-height: 2rem;
	font-size: 2rem;
	color: white;
	margin-bottom: 5px;
	margin-top: 1rem;
}
		
.ventajasdos{
	grid-column: 1 / -1;
	grid-row: 1 / 2;

}

.ventajastres{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	margin: 1rem;
}

.ventajascuatro{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	margin: 1rem;
}

.ventajascinco{
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	margin: 1rem;
}

.ventajasseis{
	grid-column: 4 / 5;
	grid-row: 2 / 3;
	margin: 1rem;
}

.iconoventajatres{
	/* background: var(--azul2); */
	background-image: url(../img/home/calculadora.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 130px;
	height: 130px;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
}

.iconoventajacuatro{
	/* background: var(--azul2); */
	background-image: url(../img/home/compare.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 130px;
	height: 130px;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	}
	
.iconoventajacinco{
	/* background: var(--azul2); */
	background-image: url(../img/home/asesoria.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 130px;
	height: 130px;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	}
		
.iconoventajaseis{
	/* background: var(--azul2); */
	background-image: url(../img/home/billetera.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 130px;
	height: 130px;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	}
		





/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA VIDEOSEGUROS */


.videoseguros{
	background-color: white;
	display: flex;
	justify-content: center;
}




/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA BLOQUESTEXTO */

.bloquestexto{
max-width: 70vw;
/* display: flex;
justify-content: center; */
margin: auto;
text-align: center;
font-size: 1.2rem;
}

.antetitulos{
font-size: 2rem;
color: var(--azul1);
font-family:var(--titulos1-familia);
font-weight: var(--titulos8-fontweight);
margin-top: 4rem;

}
.botoncotizaya{
	background-color: var(--azul1);
	text-align: center;
	font-size: 2.7rem;
	color: #fff;
	font-family:var(--titulos1-familia);
	font-weight: var(--titulos8-fontweight);
	display:inline-block;
	border-radius: 55px;
	margin: 2rem;
	padding: .7rem 2rem;

}
.botonya {
text-decoration: none;
color: #fff;

}

/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA PREGUNTASDESPLEGABLES */

.preguntasdesplegables{
	color: var(--gris2);

}

.preguntasfrecuentes{
	font-size: 3rem;
	font-family:var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	text-align: center;
	color: var(--azul1);
	margin-top: 2REM;

}

details {
	margin: 2rem 11rem 2rem 11rem;
	background:	#bae2ed;
	padding: 2rem;
	border-radius: 1rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos7-fontweight);
	color: var(--gris5);
	font-size: 1.2rem;
	list-style: none;
	position: relative;
}

details summary {
	cursor: pointer;
	list-style: none;
	color: var(--gris4);
	max-width: 90%;

}

details[open] summary {
	font-weight: var(--titulos9-fontweight);
}

details p{
	font-family: var(--open);
	font-weight: var(--open-fontweight4);

}

details summary::before {
    position: absolute;
    content: "+";
    font-size: 3.75rem;
    top: 12px;
    right: 26px;
	color: var(--azul2)
}

details[open] summary::before {
    -webkit-animation: rotate-emoji 0.6s ease-in-out both;
    animation: rotate-emoji 0.6s ease-in-out both;
}

@-webkit-keyframes rotate-emoji {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.quiebretxt{
	display: none;
}


/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA MASPREGUNTAS */


.maspreguntas{
	display: grid;
	grid-template-columns: 11rem 1fr 1fr 11rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos7-fontweight);
	background-color: #eefbff;
	
	/* grid-template-rows: auto auto; */
	}
	
	
	.titmas{
		grid-column: 2 / 4;
		grid-row: 1 / 2;
		text-align: center;
		}
	
	.fotoizquierda5{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	}
	
	.cajadermas{
		grid-column: 3 / 4;
		grid-row: 2 / 3;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
	}
	
	.abajomas {
		grid-column: 2 / 4;
		grid-row: 3 / 4;
		text-align: center;
		
	}
	
	.dosbotones{
		display: flex;
		justify-content: center;
	margin: auto;
	}
	
	.fotoizquierda5{
		background-image: url(../img/productos/portafolios.jpg);
		background-repeat: no-repeat;
		background-position-x: center;
		margin: 20px;
		height: 330px;
	}
	
	.cont_btn_pagos{
		display: flex;
		align-items: center;
		justify-content: center;
	
	  }
	
	  .btn_pago {
		background-color: var(--azul1);
		text-align: center;
		font-size: 1.3rem;
		color: #fff;
		font-family:var(--titulos1-familia);
		font-weight: var(--titulos8-fontweight);
		/* font-weight: 100; */
		/* display: block; */
		border-radius: 10px;
		padding: auto;
		margin: 2rem;
	
	  }
	
	.maspreguntas p{
		font-family: var(--open);
		font-weight: var(--open-fontweight4);
		font-size: 1.5rem;
		margin-bottom: 1rem;
		padding: .5rem;
	}
	
	.maspreguntas > h4 {
	color: var(--azul1);
	font-size: 1.5rem;
	margin: 1rem;
	margin-top: 2rem;
	}
	
	.cajadermas > h3{
		color:var(--gris4);
		font-size: 2.3rem;
		}
		
	.abajomas > h3{
		color:var(--gris4);
		font-size: 2.3rem;
		margin-bottom: 2rem;
		}
	
	h6 {
		margin: 2rem 0;
	}	



/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA TRANSPARENCIA */

.transparencia{
	grid-area: transparencia;
	padding: 3rem 7rem 4rem 7rem;
	background-color: var(--gris1);
	;

	/* display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto auto; */
}

.fotofirma{
	float: left;
	width: 30vw;
	/* height: 40vw; */
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.fotofirma img{
	margin: 1rem 2rem 2rem 0;
	width: 27vw;
}

.nrosptos {
	text-align: center;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);
	font-size: 1.5rem;

}

.transparencia h3 {
	font-size: 2.8rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	line-height: 2.8rem;
	color: var(--azul2);
	margin: .4rem 0;
	text-align: center;
}

.transparencia h4{
	font-family: var(--titulos1-familia);
	font-size: 1.2rem;
	color: var(--azul1);
}

hr {
	margin: .9rem 0 1rem 0rem;
	height: 2px;
	background-color:var(--azul1);
	border: none;
}

.parablock{
	/* display: inline-block; */
	text-align: center;
}

.tiposseguros{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto auto;
	grid-gap: 1rem;
	margin-top: 2rem;

}


.contieneiconouno{
	background-image: url(../img/productos/doctora.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 180px;
	background-position-x: center;
	margin: 1rem auto;
}

.contieneiconodos{
	background-image: url(../img/educacion/carromanosdos.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 180px;
	background-position-x: center;
	margin: 1rem auto;
}


.contieneiconotres{
	background-image: url(../img/productos/casa.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 180px;
	background-position-x: center;
	background-position-y: bottom;
	margin: 1rem auto;
}

.contieneiconocuatro{
	background-image: url(../img/productos/gato.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 180px;
	background-position-x: center;
	margin: 1rem auto;
}

.contieneiconocinco{
	background-image: url(../img/productos/velas.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 180px;
	background-position-x: center;
	margin: 1rem auto;
}


.contieneiconoseis{
	background-image: url(../img/productos/educativos.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 180px;
	background-position-x: center;
	background-position-y: bottom;
	margin: 1rem auto;
}


.tiposseguros h4{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	line-height: 1.3rem;
	font-size: 1.5rem;
	
}

.tiposseguros p{
	color: rgb(255, 255, 255);
	font-size: 1.2rem;
	color: var(--azul1);
	
}



.cajasegurouno{
	grid-column: 1/2;
	grid-row: 1/2;
	background-color:white;
	padding: 1rem;
	border-radius: 10px;
}

.cajasegurodos{
	grid-column: 2/3;
	grid-row: 1/2;

	background-color:white;
	padding: 1rem;
	border-radius: 10px;

}

.cajasegurotres{
	grid-column: 3/4;
	grid-row: 1/2;

	background-color:white;
	padding: 1rem;
	border-radius: 10px;
}

.cajasegurocuatro{
	grid-column: 1/2;
	grid-row: 2/3;

	background-color:white;
	padding: 1rem;
	border-radius: 10px;
}

.cajasegurocinco{
	grid-column: 2/3;
	grid-row: 2/3;

	background-color:white;
	padding: 1rem;
	border-radius: 10px;

}

.cajaseguroseis{
	grid-column: 3/4;
	grid-row: 2/3;

	background-color:white;
	padding: 1rem;
	border-radius: 10px;
}

.btn_pago {
	background-color: var(--azul2);
	text-align: center;
	margin: auto;
    font-size: 1rem;
	color: #fff;
	font-family:var(--titulos1-familia);
	font-weight:var(--titulos8-fontweight);
	/* display: block; */
	border-radius: 10px;
	padding: .3rem 1rem;
  }

 .cont_btn_pago a{
	text-decoration: none;
  }

  .maspreguntas .btn_pago {
	margin: 2rem;
	font-size: 1.5rem;
	color: #fff;
	background-color: var(--azul1);
  }

  h4.titmas{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	font-size: 2rem;

}


		
/* ------------------------------------------------------------------------------------------------- */




/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */



.formalpp {
	background-color: var(--gris5);
}


.formales1{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	text-align: center;
	}

.dropdown-uno{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

.formales3{
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	width: 2px;
	height: 70%;
	background-color: var(--azul2);
	margin: auto;
	}

.dropdown-dos{
	grid-column: 4 / 5;
	grid-row: 2 / 3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

.formales5{
	grid-column: 5/ 6;
	grid-row: 2 / 3;
	width: 2px;
	height: 70%;
	background-color: var(--azul2);
	margin: auto;
	}

.dropdown-tres{
	grid-column: 6 / 7;
	grid-row: 2 / 3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

.formales8{
	grid-column: 7 / 8;
	grid-row: 2 / 3;
	width: 2px;
	height: 70%;
	background-color: var(--azul2);
	margin: auto;
	}
	
.dropdown-cinco{
	grid-column: 8/ 9;
	grid-row: 2 / 3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #ddcc4a;
	}	

.formales7{
	grid-column: 9 / 10;
	grid-row: 2 / 3;
	width: 2px;
	height: 70%;
	background-color: var(--azul2);
	margin: auto;
	}
	
.dropdown-cuatro{
	grid-column: 12/ 13;
	grid-row: 2 / 3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #ddcc4a;
	}

.formales10{
	grid-column: 11 / 12;
	grid-row: 2 / 3;
	width: 2px;
	height: 70%;
	background-color: var(--azul2);
	margin: auto;
	}

.dropdown-seis{
	grid-column: 10/ 11;
	grid-row: 2 / 3;
	text-align: center;
	/* display: flex; */
	/* flex-direction: column; */
	/* justify-content: center; */
	}
	

.formales9{
	grid-column: 13 / 14;
	grid-row: 1 / 2;
	text-align: center;
	}
	

/* .formales10{
	grid-column: 1 / 10;
	grid-row: 3 / 4;
	background-color: white;
	height: 3rem;
	} */

/* .formales11{
	grid-column: 1 / 10;
	grid-row: 1 / 2;
	background-color: white;
	height: 3rem;
	} */
	
	
/* .defensores{
	height: 3.5rem;
	margin: 2rem 3rem .5rem 3rem;
} */


.formalpp a{
	color: var(--gris2);
	line-height: 1rem;
}

.formalpp i{
	color: var(--gris2);
	/* margin:  0 1.5rem; */
}

.formalpp i:hover{
	color: var(--azul2);
}

.fas.fa-phone-square-alt.fa-3x{
	color: var(--azul2);
	font-size: 3.8rem;

}

.fas.fa-phone-square-alt.fa-3x:hover{
	color: white;
	/* transform: rotateY(180deg); */
}

.fas.fa-users{
	font-size: 3.5rem;
}

.fa-shield-halved{
	font-size: 3.2rem;

}


/* ------------------------------------------------------------------------------------------------- */

		/* SUBMENU GOBIERNO */

		.dropdown-uno, .dropdown-dos, .dropdown-tres, .dropdown-cuatro, .dropdown-cinco, .dropdown-seis{
		display:inline-block;
		position:relative;
		}

		.dropdown-uno button, .dropdown-dos button, .dropdown-tres button{
		border:none;
		padding:0px 9px;
		background-color: var(--gris5);
		color: var(--gris2);
		transition:.3s;
		cursor:pointer;
		font-size: .9rem;
		font-family: var(--open);
		font-weight: 100;
		line-height: 1rem;
		margin: 1rem .1rem 2rem .1rem;
		}

		.dropdown-cuatro button{
			border:none;
			padding:0px 4px;
			background-color: var(--gris5);
			transition:.3s;
			cursor:pointer;
			font-size: .9rem;
			font-family: var(--open);
			font-weight: 100;
			line-height: 1rem;
			margin: 0rem .1rem 2rem .1rem;
			color: var(--azul2);
		}


		.dropdown-cinco button{
			border:none;
			padding:0px 9px;
			background-color: var(--gris5);
			color: var(--gris2);
			transition:.3s;
			cursor:pointer;
			font-size: .9rem;
			font-family: var(--open);
			font-weight: 100;
			line-height: 1rem;
			margin: .5rem .1rem 2rem .1rem;
	
		}

		.dropdown-seis button{
			border:none;
			padding:0px 9px;
			background-color: var(--gris5);
			color: var(--gris2);
			transition:.3s;
			cursor:pointer;
			font-size: .9rem;
			font-family: var(--open);
			font-weight: 100;
			line-height: 1rem;
			margin: .8rem .1rem 2rem .1rem;
	
		}



		.dropdown-uno:hover button, .dropdown-dos:hover button, .dropdown-tres:hover button, .dropdown-cinco:hover button, .dropdown-seis:hover button{
		color: var(--azul2);
		}

		.dropdown-cuatro:hover button{
			color: white;
			}
	
		.dropdown-uno div, .dropdown-dos div, .dropdown-tres div, .dropdown-cuatro div, .dropdown-cinco div, .dropdown-cinco div{
		background-color: white;
		box-shadow:0 4px 8px rgba(0,0,0,0.2);
		z-index:1;
		border-radius: .5rem;
		/* padding: 0 1rem; */
		visibility:hidden;
		position:absolute;
		max-width: 200px;
		min-width:100%;
		opacity:0;
		transition:.3s;

		}

		.dropdown-uno:hover div, .dropdown-dos:hover div, .dropdown-tres:hover div, .dropdown-cuatro:hover div, .dropdown-cinco:hover div, .dropdown-seis:hover div{
		visibility:visible;
		opacity:1;
		}

		.dropdown-uno div a, .dropdown-dos div a, .dropdown-tres div a, .dropdown-cuatro div a, .dropdown-cinco div a, .dropdown-seis div a{
		display:block;
		text-decoration:none;
		padding:8px;
		color:#000;
		transition:.1s;
		white-space:nowrap;
		}

		.dropdown-uno  div a:hover, .dropdown-dos div a:hover, .dropdown-tres  div a:hover, .dropdown-cuatro div a:hover, .dropdown-cinco div a:hover, .dropdown-seis div a:hover{
		background-color: var(--gris4);
		color:white;
		}

		.dropdown-uno i, .dropdown-dos i, .dropdown-tres i, .dropdown-cuatro i, .dropdown-cinco i, .dropdown-seis i{
		margin: 2rem 3rem .5rem 3rem;
		}
				


/* ------------------------------------------------------------------------------------------------- */
	

/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */


.titulodirecciones{
	grid-column: 1 / -1;
	grid-row: 1 / 2;
	text-align: center;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	padding: 1.5rem;
	font-size: 2rem;
	}
	
	.direccionestodas{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	}
	
	.direccionestodasb, .direccionestodasc, .direccionestodasd, .direccionestodase, .direccionestodasf{
	display: none;
	}
	
	.direcciones6 {
	grid-column: 1 / -1;
	grid-row: 3 / 4;
	display: flex;
	margin: 0 1rem ;
	
	
	/* display: grid;
	grid-gap: .3rem;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto auto;
	margin-left: 1rem;
	margin-bottom: 2rem; */
	
	/* width: 6rem; */
	/* position: relative; */
	/* margin-left: 2rem; */
	}
	
	.direcciones6 a{
		margin: auto;
		text-align: center;
	
	}
	
	.direcciones h5{
	padding-top: 2rem;
	}
	
	.icontec{
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		width: 4.5vw;
		margin: auto;
	}
	
	.iqnet{
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		width: 3.5vw;
		margin: auto;
	}	
	
	.instagram22{
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		width: 3vw;
		margin: auto;
		margin-left: 8rem;
	
	
	}
	
	.facebook22{
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		width: 3vw;
		margin: auto;
	
	}
	
	.linkedin22{
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		width: 3vw;
		margin: auto;
		margin: auto;
	
	}
	
	.tiktok22{
		grid-column: 2 / 3;
		grid-row: 3 / 4;
		width: 3vw;
		margin: auto;
		margin-right: 8rem;
	}
	
	.politicapata{
		grid-column: 1 / -1;
		grid-row: 4 / 5;
		text-decoration: none;
		font-size: .8rem;
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos5-fontweight);
		color: var(--azul1);
		margin: auto;
		text-align: center;
	
	}
	
	.terminospata{
		grid-column: 1 / -1;
		grid-row: 5 / 6;
		text-decoration: none;
		font-size: .8rem;
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos5-fontweight);
		color: var(--azul1);
		margin: auto;
		text-align: center;
	
	
	}
	
	.direcciones7{
	grid-column: 1 / -1;
	grid-row: 4 / 5;
	background-color: var(--azul2);
	}
	
	.direccionesvertical{
	width: 2px;
	height: 90%;
	background-color: var(--azul1);
	}
	
	.verticaldirecciones{
		display: none;
	}
	
	.dir6, .dir7{
		/* width: 2px;
		height: 33vh;
		background-color: var(--azul1); */
		display: none;
		}
	
	.direcciones h5{
	font-family: var(--open);
	font-weight: var(--open-fontweight3);
	margin: 0px 1rem 3rem 1rem;
	text-align: left;
	}
	
	.direcciones b{
	font-family: var(--open);
	font-weight: var(--open-fontweight8);
	}
	
	.patapolitica{
	display: none;
	
	}
	
	.politicapata{
		color: #004070;
		font-family: var(--open);
		font-weight: var(--open-fontweight8);
	
	}
	
/* ------------------------------------------------------------------------------------------------- */

					
/* --------CHAT FIXED---------------------------------------------------------------------------------- */

.chatfixed{
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	background-image: url(../img/todos/chatwp.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1000;
}
					

/* -------CHAT FIXED-------------------------------------------------------------------------------- */







}