/**
 * Theme Name:     Gabel
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   gabel
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

:root{
	--main-color: #323C48;
	--acent-color: #FFD324;
	--form-line-color: #446B9C;
	--gradient-btn: linear-gradient(to right, #103A6F 0%, #227EF0 100%);
	--gradient-btn2: linear-gradient(to right, #323C48 0%, #263E5B 100%);
	--gradient-bg: linear-gradient(to right, rgba(16, 58, 111, 1) 0%, rgba(0, 0, 0, 0.25) 100%);
	--gradient-bg-mb: linear-gradient(to bottom, rgba(16, 58, 111, 1) 0%, rgba(0, 0, 0, .5) 100%);
	--gradient-bg-secure: linear-gradient(to right, rgba(16, 58, 111, 1) 0%, rgb(0 0 0 / 0%) 100%);
}

body {
    font-family: "Sora", sans-serif !important;
}

h1, h2, h3, h4{
	font-weight: 700 !Important;
}
.section{
	padding-top: 60px;
	padding-bottom: 60px;
}
.mb0.mb0.mb0{
	margin-bottom: 0;
}
#content {
	max-width: 100% !important;
}
/* ========== HEADER ============= */
	.menu-mobile-div{
		display: none;
	}
	#cerrar-flotante{
		position: absolute !important;
		top: 0;
		right: 0;
		border: 0px;
		font-weight: 600;
		font-size: 15px;
		color: black;
		padding: 15px;
	}
	#cerrar-flotante:hover{
		background-color: #ffd324 !important;
	}
	.img-logo-header{
		height: 60px;
		width: auto;
		padding: 5px;
		
	}
	.btn-personas{
		display: none;
	}
	.btn-empresas{
		display:block;
	}
	.padre-flotante{
		width:100%;
		height:100%;
	}
	.seguros-celular{
		padding-top: 20px;
	}
	.div-personas{
		display: block;
	}
	.seguros-celular, .seguros-correo{
		font-size: 12px;
	}
	.seguros-celular strong, .seguros-correo strong {
		padding-right: 15px;
		font-size: 14px;
	}
	.seguros-categorias{
		border-bottom: 1px solid #abb8c3;
	}
	.seguros-categorias button.activo {
		font-weight: bold;
		color: #113c72;
		text-decoration: underline;
		background: white !important;
	}
	.seguros-categorias button{
		color: black;
		border: none;
		font-size: 14px;
		padding: 0 20px 10px 0;
	}
	.seguros-categorias button:hover{
		background: white !important;
		color: #113c72;
	}
	.seguros-row-tipo{
		padding-left: 20px;
	}
	.seguros-row-tipo h4{
		font-size: 13px;
		font-weight: 600 !important;
	}
	.seguros-row-tipo .seguro-card{
		width: 100%;
		padding: 0 10px 10px 0;
	}
	.seguros-row-tipo .seguro-card a{
		font-size: 12px;
		color: #333333;
	}
	.ver-mas{
		padding-top: 20px;
	}
	.ver-mas a{
		color: #333333;
	}
	.seguros-boton{
		width: 100%;
 		background: var(--gradient-btn) !important;
		text-align: center;
		color: white;
		border-radius: 5px;
		padding: 8px 8px;
		transition: background 0.3s ease;
		font-size: 14px;
		margin-top: 30px;
	}
	.seguros-boton:hover{
		background: #ffd324 !important;
		background-image: none;
		color: black;
		text-decoration: none;
	}
	.seguros-posts{
		display: flex;
		flex-direction: row;
		padding-top: 20px;
	}
	.seguros-posts-posts{
		display: flex;
		flex-direction: row;
	}
	.seguros-imagen{
		border-left: 1px solid #abb8c3;
		padding-bottom: 15px;
	}
	.seguros-imagen .img-logo-header2{
		height: 100px;
		width: 100%;
		padding: 5px;
	}
	.filtro-btn-menu{
		border: none;
		color: var(--main-color);
		padding: .5rem 0.5rem;
	}
	.filtro-btn-menu:hover{
		font-weight: bold;
		background: transparent;
		color: var(--main-color);
	}
	.filtro-btn-menu.active {
		color: var(--main-color);
		font-weight: bold;
		border-bottom: 3px solid #446B9C;
		background: transparent;
	}
	#site-header{
/* 		padding-top: 50px; */
		min-width: 100%;
		position: fixed;
		z-index: 100;
		padding-right: 30px;
		padding-left: 30px;
		top: 0;
		transition-duration: 500ms;
		display: flex;
    	justify-content: center;
		
	}
	
	#site-header.sticky-header {
		min-width: 100%;
		position: fixed;
		z-index: 100;
		padding: 10px 20px;
		top: 0;
		backdrop-filter: blur(20px);
	}
	#site-header.scrolled-down{
    	background-color: #fff;
/* 		background-color: #103c74; */
		box-shadow: 0px 6px 20px -4px rgb(77 77 77 / 26%);
		-webkit-box-shadow: 0px 6px 20px -4px rgb(77 77 77 / 26%);
		-moz-box-shadow: 0px 6px 20px -4px rgb(77 77 77 / 26%);
		padding-block-start: 0 !important;
    	padding-block-end: 0 !important;
	}
	.logo-bl{
		filter: brightness(0) invert(1);
		transition: 500ms;
	}
	#site-header.scrolled-down .logo-bl{
		filter: brightness(1) invert(0);
	}
	#site-header.scrolled-down #menu-menu-pc li a{
		color: #323C48;
		transition: 500ms;
	}
	
	.content-header {
		display: flex;
    	justify-content: space-between;
		align-items: center;
    	width: 100%;
		max-width: 1600px;
		padding-top: 10px;
	}
	.content-header-2{
		display: flex;
    	justify-content: space-between;
		align-items: center;
    	width: 100%;
		max-width: 1600px;
		border-bottom: 1px solid rgb(255 255 255 / 42%);
		padding-bottom: 5px;
		transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
		max-height: 100px; /* Ajusta esto a la altura del div */
		overflow: hidden;
	}
	#menu-menu-movile li a, #menu-menu-pc li a{
		position: relative;
    	text-decoration: none;
		color: black;
		font-weight: 500;
		font-size: 15px;
		width: 100%; 
		padding: 0 15px;
		color: white;
	}
	
	#menu-menu-movile li a:after,#menu-menu-pc li a:after{
		content: "";
		display: block;
		height: 2px;
		width: 0;
		background-color: #FFD324;
		margin-top: 10px;
		transition: width 0.3s ease-in-out;
	}
	#menu-menu-movile li a:hover:after, #menu-menu-pc li a:hover:after {
		width: 100%;
	}
	.div-redes{
		display: flex;
		gap: 15px;
	}
	.div-direcciones{
		display: flex;
		gap: 40px;
	}
	.div-redes a{
		background: #A7B9CF;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background 500ms;
	}
	.div-redes a:hover{
		background: var(--acent-color);
	}
	.div-redes a svg path{
		fill: #fff;
	}
	.p-number{
		color: white;
    	font-weight: 800;
	}
	.p-direccion{
		font-size: small;
		color:white;
	}
	
	.menu-toggle, .menu-toggle2{
		display: none;
	}
	.site-nav-pc{
		display: block;
	}
	.site-nav-mobile{
		display: none;
	}
	
	
	
	@media screen and (max-width: 1205px) {
		
		.menu-mobile-div{
			display: block;
		}
		.menu-pc-div{
			display: none;
		}
		.menu-toggle {
			display: flex;
			align-items:center;
		}
		#menu-menu-movile{
			flex-direction: column;
			padding-top: 40px;
		}
		.site-navigation {
			right: 0;
			top: 0;
			position: fixed;
			width: 50vw;
			height: 100vh;
			z-index: 99999;
			flex-direction: column;
		}
		.burger-icon{
			display: flex;
			flex-direction: column;
			gap: 5px;
			align-items: flex-end;
			margin-top: -10px;
		}
		#menu-toggle-btn{
			border: none;
    		background-color: transparent;
			padding: 0;
			outline: none;
		}
		#menu-toggle-btn2{
			padding-right: 20px !important;
			padding-top: 70px !important;
			border: none;
    		background-color: transparent;
			padding: 0;
			outline: none;
		}
		.line{
			height: 2px;
			width: 30px;
/* 			background: #4E5662; */
			background: #fff;
			border-radius: 29px;
		}
		#menu-toggle-btn .line.scrolled-down{
			background: #113a6f;
		}
		.line.final{
			height: 2px;
			width: 16px;
/* 			background: #4E5662; */
			border-radius: 29px;
		}
		.menu-toogle-content{
			display: flex;
    		justify-content: space-between;
			width: 100%;
		}
		
		.pagina-interna:not(.tax-seguro_categoria) #menu-toggle-btn .line{
			background: #113a6f;
		}
		.pagina-interna:not(.tax-seguro_categoria) #menu-toggle-btn .line{
			background: #113a6f;
		}
		.pagina-interna:not(.tax-seguro_categoria) #menu-menu-movile li a{
			color: #ffffff !important;
		}
		.img-logo-header{
			width: 70%;
		}
		#menu-menu-movile li a{
			padding: 20px 15px;
		}
		.site-nav-pc{
			background: linear-gradient(to left, rgba(11, 76, 157, 0.95), rgba(11, 76, 157, 0.7));
			backdrop-filter: blur(2px);
			opacity: 0;
			transform: translateX(100%); 
			pointer-events: none;
		}
		body.ready .site-nav-pc {
			transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
		}
		
		.site-nav-pc.open {
			transform: translateX(0%);
			box-shadow: -10px 0 30px rgba(0, 0, 0, 0.4);
			opacity: 1;
			pointer-events: auto;
		}
		
		#site-header.scrolled-down #menu-menu-pc li a{
			color: #ffffff;
		}
	}
	
	@media screen and (max-width: 768px) {
		.div-direcciones{
			display: none;
		}

		
	}
/* 		HEADER PAGINAS INTERNAS */	
	
	.pagina-interna:not(.tax-seguro_categoria):not(.pagina-empresas) #site-header{
		background-color: #ffffff;
		position: static;
	}
	.pagina-interna:not(.tax-seguro_categoria):not(.pagina-empresas) .p-direccion, .pagina-interna:not(.tax-seguro_categoria):not(.pagina-empresas) .p-number{
		color: #323C48;
	}
	
	.pagina-interna:not(.tax-seguro_categoria):not(.pagina-empresas) #menu-menu-pc li a{
		color: #323C48;
	}
	.pagina-interna:not(.tax-seguro_categoria):not(.pagina-empresas) .content-header-2{
		border-bottom: 1px solid #103a6f82;
	}
	
	#site-header#site-header.scrolled-down{
    	position: fixed;
    	padding-block-end: 10px !important;
	}
	#menu-item-697 svg{
		width: 15px !important;
		margin-top: -3px;
	}
	
	#flotante-seguros {
		position: fixed;
		top: 120px;
		left: 50%;
		transform: translateX(-50%);
		background: white;
		padding: 20px;
		box-shadow: 0 5px 20px rgba(0,0,0,0.3);
		z-index: 9999;
		border-radius: 8px; 
		overflow-y: auto;
		width: 60%;
		min-height: 375px;
	}

/* ========== LOADER =========== */
.progress{
	position: relative;
	height: 18px;
	width: 85%;
	border: 1px solid #09543d;
	border-radius: 15px;
	box-sizing: border-box;
	margin: 0 auto;
	z-index: 99999999999;
	margin-top: -10px;
}
.progress .color{
	position: absolute;
	background-color: #00221a;
	width: 0px;
	height: 16px;
	border-radius: 15px;
	animation: progres 3.3s infinite linear;
	border: 2px solid #00c073;
	box-sizing: border-box; 
	animation-delay: 0.3s;
}
@keyframes progres {
	0% {width: 0%;}
	20% {width: 10%;}
	40% {width: 30%;}
	50% {width: 60%;}
	100% {width: 100%;}
}
body.home{
	overflow-y: hidden;
	transition: 500ms;
	overflow-x: hidden;
}
body.home.loaded{
	overflow-y: scroll;
}
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  
	-ms-transform: translateX(-100%);  
	transform: translateX(-100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded  #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%); 
	-ms-transform: translateX(100%); 
	transform: translateX(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded  #loader {
	opacity: 0; /**/
	-webkit-transition: all 0.2s ease-out;  
	transition: all 0.2s ease-out;
}
.loaded  #loader-wrapper {
	visibility: hidden; /**/
	-webkit-transform: translateY(-100%); 
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.2s 1s ease-out;  
	transition: all 0.2s 1s ease-out;
}
.loaded  #loader-wrapper #loader{
	display: none; /**/
}
#loader-wrapper { 
	position: fixed;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column; 
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 99999999999999;
}
#loader-wrapper .loader-section2 {
	position: fixed;
	left: 0;
	width: 100%;
	height: 25%;
	background: linear-gradient(to left, #10396D 0%, #002B62 100%);
	z-index: 1000;
	-webkit-transform: translateX(0);  
	-ms-transform: translateX(0);
	transform: translateX(0); 
}
#loader-wrapper .loader-section2.ls1{
	top: 0;
}
#loader-wrapper .loader-section2.ls2{
	top: 25%;
}
#loader-wrapper .loader-section2.ls3{
	top: 50%;
}
#loader-wrapper .loader-section2.ls4{
	top: 75%;
}
#loader-wrapper .loader-section2.lsl {
	left: 0;
}
#loader-wrapper .loader-section2.lsr {
	right: 0;
}
.loaded #loader-wrapper .loader-section2.lsl {
	-webkit-transform: translateX(-100%);  
	-ms-transform: translateX(-100%);  
	transform: translateX(-100%);
	-webkit-transition: all 0.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded  #loader-wrapper .loader-section2.lsr {
	-webkit-transform: translateX(100%); 
	-ms-transform: translateX(100%); 
	transform: translateX(100%);
	-webkit-transition: all 0.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.3s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loader-inner {
	width: 50%;
	height: auto;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translatex(-50%);
	filter: brightness(0) invert(1);
	opacity: 0;
	animation: zoomIn 3s ease;
}

@keyframes zoomIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: linear-gradient(to bottom, #10396D 0%, #002B62 100%);
	z-index: 1000;
	-webkit-transform: translateX(0);  
	-ms-transform: translateX(0);
	transform: translateX(0); 
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}
#loader{
	margin-top: -10%;
	width: 95%;
}
#loader .wrapper {
	width: 100%;
}
#loader .container {
	width: 100%;
	position: relative;
	z-index: 99999999999;
	min-width: 100%;
}


/* Botón Subir */
.toTop {
	border: none;
	display: flex;
	cursor: pointer;
	transition: opacity 0.3s, transform 0.3s;
	position: fixed; right: 1rem; bottom: 1rem; z-index: 9999;
}
.toTop:not(.is-visible) {
	pointer-events: none;
	opacity: 0;
	transform: translateY(-2rem);
}
.toTop svg {
	stroke-width: 3px;
	stroke: currentColor;
	fill: none;
	width: 24px;
}
/* Personalizar */
.toTop {
	background-color: var(--main-color);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border-radius: 0.5rem;
	padding: 0.75rem;
	color: #fff;
}
.toTop:focus, .toTop:hover{
	background-color: #103A6F;
}

/* ============================= HOME ============================= */
@media (max-width: 768px){
	.banner-img img{
		object-position: right;
	}
}
.banner-description{
	padding: 20px;
    margin: auto;
    width: 100%;
    max-width: 1140px;
    color: #ffffff;
}
.banner-img{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner-img::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var(--gradient-bg);
}
.banner-general{
	width: 100%;
    height: 40vh;
    display: flex;
    justify-content: center;
    position: relative;
}
.banner-img img{
	height: 100%;
	width: 100%;
    object-fit: cover;
}

/* ------------ Section Aseguradoras ------------- */
@media (max-width: 768px){
	.title-aseguradoras>div{
		text-align: center;
		margin-bottom: 30px;
	}
	.title-aseguradoras.title-aseguradoras.title-aseguradoras.title-aseguradoras .elementor-heading-title{
		font-size: 1.7em;
	}
}
.title-aseguradoras.title-aseguradoras.title-aseguradoras .elementor-heading-title {
	color: var(--main-color) !important;
	font-size: 3em;
    line-height: 1.5;
}
.title-aseguradoras.title-aseguradoras.title-aseguradoras .elementor-heading-title strong{
	background: linear-gradient(to right, #227EF0 0%, #103A6F 54%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
    font-weight: 600;
}
.logos-aseguradoras{
	width: 100%;
}
.logos-aseguradoras .gallery{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.logos-aseguradoras .gallery figure{
	filter: grayscale(1);
    opacity: .5;
	transition: 500ms;
}
.logos-aseguradoras .gallery figure:hover{
	filter: grayscale(0);
    opacity: 1;
}
.logos-aseguradoras #gallery-1 figure:nth-child(2) img{
	width: 60%;
}
.logos-aseguradoras #gallery-2 figure:last-child img{
	width: 80%;
}
.logos-aseguradoras #gallery-3 figure:first-child img{
	width: 80%;
}
.logos-aseguradoras #gallery-3 figure:last-child img{
	width: 35%;
}
.logos-aseguradoras #gallery-4 figure img{
	width: 80%;
}
/* ----------------- Section Seguros -------------- */
@media (max-width: 768px){
	.pic-s-empresas.pic-s-empresas.pic-s-empresas.pic-s-empresas{
		display: none;
	}
	.s-title-seguros.s-title-seguros.s-title-seguros.s-title-seguros{
		font-size: 1.8em;
	}
}
.section-seguros.section-seguros{
	padding: 60px 0;
}
.pic-s-empresas img{
	clip-path: polygon(17% 10%, 17% 0, 100% 0, 100% 90%, 39% 90%, 39% 100%, 0 100%, 0 10%);
	position: relative;
	filter: contrast(1.3);
}
.pic-s-empresas .elementor-widget-container::after{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	clip-path: polygon(17% 10%, 17% 0, 100% 0, 100% 90%, 39% 90%, 39% 100%, 0 100%, 0 10%);
	background: linear-gradient(to top, rgb(9 28 51 / 70%) 0%, rgb(0 174 255) 100%);
	opacity: .4;
}
.s-seguros-r.s-seguros-r.s-seguros-r{
	padding-inline: 40px;
}
.s-title-seguros.s-title-seguros.s-title-seguros{
	color: var(--main-color) !important;
	font-size: 2.4em;
    line-height: 1.1;
	font-weight: 600
}
.s-title-seguros.s-title-seguros.s-title-seguros strong{
	background: linear-gradient(to left, #227EF0 0%, #103A6F 54%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
    font-weight: 600;
}
.s-title-seguros-personas.s-title-seguros-personas.s-title-seguros-personas strong{
	background: linear-gradient(to right, #227EF0 0%, #103A6F 54%);
	background-clip: text;
	-webkit-background-clip: text;
}

.pic-s-personas img{
	clip-path: polygon(17% 10%, 17% 0, 100% 0, 100% 64%, 85% 64%, 85% 100%, 0 100%, 0 10%);
	position: relative;
	filter: contrast(1.3);
}
.pic-s-personas .elementor-widget-container::after{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	clip-path: polygon(17% 10%, 17% 0, 100% 0, 100% 64%, 85% 64%, 85% 100%, 0 100%, 0 10%);
	background: linear-gradient(to top, #FFA05D 0%, #227EF0 100%);
	opacity: .4;
}

/* ----------------- Section 70 años -------------- */
@media (max-width: 768px){
	.section-experiencia.section-experiencia.section-experiencia.section-experiencia.section-experiencia{
		padding: 50px 20px;
		background-position: top right 17%;
	}
}
.s-title-anos-experiencia.s-title-anos-experiencia.s-title-anos-experiencia strong{
	background: linear-gradient(to right, #227EF0 0%, #ffffff 54%);
	background-clip: text;
	-webkit-background-clip: text;
}
.p-seccion-experiencia p{
	font-weight: 200;
}
.li-seccion-experiencia ul{
	list-style-type: square;
     padding-left: 1.5rem;
}
.li-seccion-experiencia li {
  color: #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 200;
}
.li-seccion-experiencia li::marker {
   color: #FFD324;
}
.li-seccion-experiencia li:not(:last-child) {
  border-bottom: 1px solid #ffffffa6;
}
.section-experiencia{
	padding: 80px 0;
	position: relative;
}
.section-experiencia>div>div{
	z-index: 1;
}
.section-experiencia::after{
	content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var(--gradient-bg);
}
/* ----------------- Section contador -------------- */
.number-contador {
	padding: 80px 40px;
}

.number-contador .elementor-counter-title{
	font-size:16px !important;
	line-height: 1.5 !important;
	text-align: center !important;
}

.number-contador .elementor-counter-number-wrapper{
	color: #113a6e !important;
}
.seccion-contador{
	background-color: #F5FAFF;
}

.contador-3 .elementor-counter-number-wrapper::before, .contador-4 .elementor-counter-number-wrapper::before, .contador-5 .elementor-counter-number-wrapper::before {
        content: "+";
}
.contador-4 .elementor-counter-number-wrapper::after{
	content: "$";
}
.contador-2 .elementor-counter-number-wrapper::before{
	position: absolute;
	content: "Entre los";
	font-size: 16px;
    left: 75px;
    top: 60px;
    color: #54595f;
    font-weight: 400;
}

@media (max-width: 768px) {
	.seccion-contador {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.number-contador {
		padding: 20px 40px;
	}
	.contador-2 .elementor-counter-number-wrapper::before{	
		top: 0px;
	}
	
}

/* ----------------- Section alianzas -------------- */
@media (max-width: 768px) {
	.alianzas-texto.alianzas-texto.alianzas-texto.alianzas-texto{
		font-size: 1.5em;
	}
	.seccion-alianzas.seccion-alianzas{
		padding: 80px 20px;
	}
}
.seccion-alianzas{
    padding: 100px 20px;
}
.alianzas-texto.alianzas-texto.alianzas-texto{
    color: #323C48 !important;
    text-align: center !important;
    font-weight: 600 !important;
	font-size: 2em;
}
.alianzas-texto span{
	color: inherit;
}
.alianzas-logos.alianzas-logos.alianzas-logos.alianzas-logos img{
	filter: grayscale(1);
    opacity: 0.5;
	width: 60%;
	transition: 500ms;
}
.alianzas-logos.alianzas-logos.alianzas-logos.alianzas-logos img:hover{
	filter: grayscale(0);
    opacity: 1;
}
/* ------------------ Section Noticias ----------------- */
.section-notices{
	padding-top: 60px;
	padding-bottom: 60px;
}


/* ============================= NOSOTROS ============================= */

.nosotros-fundadores.nosotros-fundadores{
	position: relative;
	overflow: hidden;
}
.nosotros-fundadores.nosotros-fundadores:before{
	content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var(--gradient-bg);
}
.title-fundador.title-fundador span{
	font-weight: 400;
	font-size: 2em;
	line-height: 1.5;
}
.subtitle-fundador.subtitle-fundador span{
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.5;
}
.li-seccion-compromiso ul{
	padding-top: 20px;
	list-style-type: square;
     padding-left: 1rem;
}
.li-seccion-compromiso li {
  color: #323C48;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 300;
}
.li-seccion-compromiso b {
  color: #323C48;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 800;
}
.li-seccion-compromiso li::marker {
   color: #FFD324;
}
.li-seccion-compromiso li:not(:last-child) {
  border-bottom: 1px solid #C1D3E9;
}
.seccion-nosotros-compromiso{
	padding: 70px;
}
.seccion-nosotros-compromiso .elementor-element-08b3ace{
	padding-right: 50px;
}
.s-title-seguros-personas-2.s-title-seguros-personas-2.s-title-seguros-personas-2 strong{
	background: linear-gradient(to right, #103A6F 0%, #227EF0 54%);
	background-clip: text;
	-webkit-background-clip: text;
}
.seccion-nosotros-somos, .seccion-nosotros-mejores{
	padding: 100px 0px 40px;
}
.seccion-nosotros-mv{
	padding-bottom: 100px;
}
.pic-history .elementor-widget-container{
	position: relative;
}
.section-directive{
	padding-top: 50px;
	padding-bottom: 80px;
}
.directive-card .elementor-image-box-content .elementor-image-box-title{
	color: #103A6F;
	font-size: 20px;
}
.pic-history .elementor-widget-container::before{
	content: "";
    width: 150%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: -30px;
    background: var(--gradient-bg);
}
.pic-history img{
	z-index: 3;
    position: relative;
}
.seccion-mision span, .seccion-vision span{
	color: var(--main-color) !important;
    font-size: 2rem;
}
.seccion-mision{
	padding-bottom: 50px;
}
.nosotros-logo-direccion{
	background: var(--gradient-btn) !important;
    border-radius: 50%;
	width: 300px;
    height: 300px;
	padding: 0 50px;
}
.nosotros-logo-direccion .elementor-widget-container{
	display: grid;
	align-items: center;
}
.nosotros-logo-direccion span{
	color: white;
}
.nosotros-logo-direccion .elementor-icon-box-content{
	margin-top: -30px;
}

.seccion-riesgos-icono{
	background: var(--gradient-btn2) !important;
    border-radius: 50%;
    width: 160px;
	height: 160px;
	padding: 0 10px;
    z-index: 1;
	
}
.seccion-riesgos-icono span{
	color: white;
}
.seccion-riesgos-icono .elementor-icon-box-icon{
	margin-bottom: 0px !important;
}
.seccion-riesgos-icono .elementor-icon-box-title{
	font-weight: 400 !important;
}
.seccion-riesgos-icono .elementor-widget-container{
	display: grid;
	align-items: center;
}
.seccion-riesgos-descripcion{
	margin-left: -150px;
    padding-left: 60px;
    background-color: #C7D4E2;
    width: 600px;
    height: 100px;
	display: grid !important;
    align-content: center !important;
	border-radius: 0 20px 20px 0px;
}
.elementor-element-955202c.elementor-element-955202c{
	 margin-left: -300px;
}
.seguros-masivos{
	margin-left: 100px !important;
}
.seccion-riesgos-descripcion li::marker {
   color: #FFD324;
}
.seccion-servicios-adicionales{
	padding: 100px 250px !important;
}
.titulos-servicios-adicionales{
    padding-bottom: 70px;
}
.servicios-adicionales-elemento .elementor-image-box-img{
	padding-bottom: 30px;
}

.servicios-adicionales-elemento figure{
	filter: grayscale(1);
    opacity: .5;
	transition: 500ms;
}
.servicios-adicionales-elemento figure:hover{
	filter: grayscale(0);
    opacity: 1;
}

.grid-principal{
	grid-template-areas:
		"confianza confianza confianza actualizacion actualizacion actualizacion actualizacion valor valor valor siniestros siniestros"
		"personalizada personalizada experiencia experiencia experiencia experiencia experiencia experiencia soluciones soluciones siniestros siniestros"
		"personalizada personalizada integracion integracion integracion integracion integracion integracion soluciones soluciones presencia presencia"
		"eficiencia eficiencia eficiencia fidelidad fidelidad fidelidad conocimiento conocimiento conocimiento conocimiento presencia presencia";
	gap: 15px !important;
	padding: 0px !important;
}

.grid-confianza { grid-area: confianza; }
.grid-actualizacion { grid-area: actualizacion; }
.grid-valor { grid-area: valor; }
.grid-personalizada { grid-area: personalizada; }
.grid-experiencia { grid-area: experiencia; }
.grid-siniestros { grid-area: siniestros; }
.grid-integracion { grid-area: integracion; }
.grid-soluciones { grid-area: soluciones; }
.grid-eficiencia { grid-area: eficiencia; }
.grid-fidelidad { grid-area: fidelidad; }
.grid-conocimiento { grid-area: conocimiento; }
.grid-presencia { grid-area: presencia; }

.item-grid .elementor-icon-box-title span{   
	font-size: 0.75rem;
}
.item-grid{
	border: 1px solid #C1D3E9;
	transition: 500ms;
	position: relative;
}
.item-grid.grid-confianza::before, .item-grid.grid-actualizacion::before, .item-grid.grid-valor::before,
.item-grid.grid-personalizada::before, .item-grid.grid-experiencia::before, .item-grid.grid-siniestros::before,
.item-grid.grid-integracion::before, .item-grid.grid-soluciones::before, .item-grid.grid-eficiencia::before,
.item-grid.grid-fidelidad::before, .item-grid.grid-conocimiento::before, .item-grid.grid-conocimiento::before,
.item-grid.grid-presencia::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.item-grid.grid-confianza::before{
	background: url('../../uploads/2025/05/pic-confianza.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-actualizacion::before{
	background: url('../../uploads/2025/05/pic-actualizacion-permanente.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-valor::before{
	background: url('../../uploads/2025/05/pic-valor-agregado.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-personalizada::before{
	background: url('../../uploads/2025/05/pic-personalizada.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-experiencia::before{
	background: url('../../uploads/2025/05/pic-experiencia.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-siniestros::before{
	background: url('../../uploads/2025/05/pic-siniestros.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-integracion::before{
	background: url('../../uploads/2025/05/pic-integracion.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-soluciones::before{
	background: url('../../uploads/2025/05/pic-soluciones.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-eficiencia::before{
	background: url('../../uploads/2025/05/pic-eficiencia.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-fidelidad::before{
	background: url('../../uploads/2025/05/pic-fidelidad.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-conocimiento:before{
	background: url('../../uploads/2025/05/pic-conocimientos.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid.grid-presencia::before{
	background: url('../../uploads/2025/05/pic-presencia.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.item-grid .elementor-widget-container{
	display: grid;
	align-items: center;
	padding: 10px;
    background: #f6faff;
    z-index: 2;
    position: relative;
	transition: opacity 500ms !important;
}
.item-grid.ig-center{
	display: grid;
    align-content: stretch;
}
.item-grid .elementor-icon-box-wrapper{
	align-items: center !important;
}
.contenedor-grid{
	padding: 0 0 0 20px !important;
}
.imagen-nuestros-valores::after{
	content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var(--gradient-bg);
}
.imagen-nuestros-valores .elementor-element-61f3ef0{
	z-index: 1;
}
.seccion-nuestros-valores{
	padding: 100px 0px;
}
@media (min-width: 769px){
	.item-grid:hover .elementor-widget-container{
		opacity: 0;
	}
	.nosotros-fundadores.nosotros-fundadores {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.seccion-mision-vision {
		padding: 40px !important;
	}
}

@media (max-width: 768px){
	.seccion-servicios-adicionales {
    	padding: 100px 15px !important;
	}
	.elementor-element-955202c.elementor-element-955202c{
	 	margin-left: 0px;
	}
	
	.seccion-riesgos{
		display: grid !important;
    	justify-content: center !important;
	}
	.seguros-masivos{
		 margin-left: 0px !important;
	}
	.seccion-riesgos-descripcion{
		margin-left: 0px;
    	padding-left: 0px;
		width: 350px;
    	height: 100px;
		border-radius: 20px 20px 20px 20px;
    	margin-top: -50px;
	}
	.nosotros-logo-direccion{
		width: 200px;
		height: 200px;
		padding: 0 20px;
	}
	.imagen-nuestros-valores{
		height: 30vh !important;
		margin: 0px 10px !important;
	}
	.grid-principal{
		grid-template-areas:
		"confianza" "actualizacion" "valor" "siniestros" "personalizada" "experiencia" "integracion" "soluciones" "eficiencia" "fidelidad" "conocimiento" 	             "presencia";
		gap: 20px !important;
    	padding: 10px !important;
	}
	.contenedor-grid {
		padding: 0px 0px !important;
	}
	.item-grid .elementor-icon-box-wrapper{
		padding: 20px;
	}
	.grid-servicios-adicionales{
		row-gap: 100px !important;
	}
	.title-fundador.title-fundador span{
		font-size: 1.5em;
		/* 		line-height: 1.5; */
	}
	.nosotros-fundadores.nosotros-fundadores {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.seccion-mision-vision {
		padding: 20px !important;
	}
	.directive-card{
		padding-bottom: 35px;
	}
	
}
/* ============================= CONTACTO ============================= */
@media (min-width: 769px){
	#sectionContact, #sectionJob{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#sectionContact::before{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 48%;
		height: 100%;
		background: url(../../uploads/2025/07/pic-fachada-gabel.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#sectionJob::before{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 48%;
		height: 100%;
		background: url(../../uploads/2025/04/pic-contacto.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
}
@media (max-width: 768px){
	#sectionContact, #sectionJob{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#sectionEmergency{
		padding-top: 40px;
	}
	label.label-f .wpcf7-form-control-wrap{
		zoom: .7;
	}
}
#sectionContact, #sectionJob{
	position: relative;
}
#sectionEmergency>div, #sectionEmergency>div>div:last-child{
	padding-bottom: 0;
}
/* ---- Formulario ----- */
.contact-form label{
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 32px;
}
.contact-form .fc-title{
	bottom: 10px;
}
.contact-form .ftarea-title{
	top: 30px;
    z-index: 1;
}
.contact-form .ft-email-phone>p, .contact-form .fc-email-phone>p{
	display: flex;
	column-gap: 15px;
}
.contact-form .fc-title, .contact-form .ftarea-title{
	position: absolute;
	left: 10px;
	font-size: 16px;
	transition: all 0.3s ease;
	pointer-events: none;
	font-weight: 300;
}
.contact-form .ffile-title{
	left: 10px;
	font-size: 16px;
	font-weight: 300;
}
.contact-form .fc-title::after, .contact-form .ftarea-title::after, .contact-form .ffile-title::after{
	content: "*";
	color: var(--acent-color);
}
.contact-form .label-i input{
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--form-line-color);
	width: 100%;
	color: var(--main-color) !important;
	font-weight: 200;
}
.contact-form.contact-form input:focus{
	outline: none;
	border-bottom: 1px solid var(--acent-color) !important;
	background: transparent;
}
.contact-form.contact-form input:-internal-autofill-selected {
	background-color: transparent !important;
	color: inherit !important;
	background-image: none !important;
}
.contact-form .fc-title.active {
	top: -5px;
	font-size: 12px;
}
.contact-form .ftarea-title.active {
	top: -5px;
	font-size: 12px;
}
.contact-form textarea{
	height: 110px;
	resize: none;
	border: 1px solid var(--form-line-color);
}
.contact-form.contact-form textarea:focus{
	outline: none;
	border: 1px solid var(--acent-color) !important;
	background: transparent;
}
.contact-form .fc-policy .first{
	font-size: 12px;
	margin: 0;
}
.contact-form .fc-policy a{
	font-size: 12px;
	color: var(--form-line-color);
	font-weight: 600;
}
.contact-form .fc-policy a:hover{
	text-decoration: underline;
	text-decoration-color: var(--acent-color);
}
.contact-form .label-f input{
	font-weight: 300;
}
.contact-form .fc-bottom, .contact-form .ft-bottom{
	display: flex;
}
.contact-form .fc-bottom>p, .contact-form .ft-bottom>p{
	display: flex;
	flex-direction: row-reverse;
}
.contact-form .fc-bottom .wpcf7-submit, .contact-form .ft-bottom .wpcf7-submit{
	border: 1px solid transparent;
    background: linear-gradient(#f5faff, #f5faff) padding-box, var(--gradient-btn) border-box;
	color: var(--main-color);
	transition: 500ms;
}
.contact-form .fc-bottom .wpcf7-submit:hover, .contact-form .ft-bottom .wpcf7-submit:hover{
	background: var(--gradient-btn);
	color: #fff;
}