/*
Theme Name:    Seguros Capema
Description:   Tema personalizado para seguros Capema
Version:       1.0.0
Author:        wuXuw
Author URI:    https://www.wuXuw.com
Template:      bb-theme
*/
:root{
	--azul-corporativo: #1d3960;
	--gris-fondo: #e9e9e9;
	--gris-oscuro: #aaa;
}

/* ESTILOS COMUNES */
.azul-corporativo{
	color: var(--azul-coporativo);
}

.titulo-azul h3{
	color: var(--azul-corporativo);
	font-weight: bold;
	font-size: 40px;
}

.titulo-blanco h3{
	color: #fff;
	font-weight: bold;
	font-size: 40px;
}

.mayusculas{
	text-transform: uppercase;
}

.fondo-azul{
	background: var(--azul-corporativo);
}

.fl-button{
	border-radius: 25px !important;
}

/* CABECERA */
.fl-page-bar-container{padding: 0}
.fl-page-bar-row .text-left, .fl-page-bar-row .text-right{padding: 0}
.fl-page-bar-row .text-left .fl-page-bar-text i{
	background: var(--azul-corporativo);
	color: #fff;
	border-radius: 50%;
	padding: 6px;
}
/* .fl-page-bar-row .text-right{background: var(--gris-oscuro); padding-right: 20px} */
.fl-page-bar-row .text-right .fl-page-bar-text{background: #333; color: #fff; padding: 5px 10px}
.fl-page-bar-row .text-right .fl-page-bar-text .fas{
	background: #fff;
	border-radius: 50%;
	padding: 6px;
}

.fl-page-nav-wrap{
	border: none;
}

#menu-principal-es .nav-link{
	padding-bottom: 5px;
	margin-bottom: 10px;
}

	#menu-principal-es .nav-link:hover, #menu-principal-es .current-menu-item a{
		border-bottom: 3px solid var(--azul-corporativo);
		padding-bottom: 2px;
	}

	#menu-principal-es .current-menu-item ul li a{
		border: none;
		padding-bottom: 5px;
	}

	#menu-principal-es li ul li a.nav-link{
		padding: 5px 10px;
		margin: 0 10px;
		border-bottom: 2px solid var(--gris-oscuro);
	}

		#menu-principal-es li ul li:last-child a.nav-link{
			border-color: var(--gris-fondo);
		}

		#menu-principal-es li ul li a.nav-link:hover{
			padding-bottom: 5px;
			border-bottom: 2px solid var(--azul-corporativo);
		}

		/* #menu-principal-es ul.sub-menu{
			width: 500px;
			columns: 2;
		} */


/* PORTADA */
#home-slider{

}

	#home-slider .fl-slide-content{
		background: rgba(255,255,255,.8);
		padding: 20px;
	}

		#home-slider .fl-slide-content *{
			color: #000;
		}

		#home-slider .fl-slide-cta-link{
			border: 2px solid var(--azul-corporativo);
			border-radius: 25px;
			padding: 10px  25px!important;
			font-size: 12pt;
			display: inline-block;
			background: var(--azul-corporativo);
			color: #fff;
		}

			#home-slider .fl-slide-cta-link:hover{
				background: var(--azul-corporativo);
				color: #fff;
				text-decoration: none;
			}

		/* #home-slider .fl-slide-content::before{
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			background: #fff
		} */


#portada-tipos-seguro{

}

	#portada-tipos-seguro .fl-node-5bcd9d5895021 .fl-module-heading{
		background: var(--azul-corporativo);
		color: #fff;
		font-size: 18px;
		padding: 15px 0;
	}

		#portada-tipos-seguro .fl-node-5bcd9d5895021 .fl-module-heading h3, #portada-tipos-seguro .fl-node-5bcd9d5895021 .fl-module-heading h3 a{
			color: #fff;
		}

	#portada-tipos-seguro .fl-photo-content{
		background: var(--azul-corporativo);
		border-radius: 50%;
		padding: 16px;
		width: 110px;
	}


.icono_portada .fl-photo-content{
	background: #fff;
	border-radius: 50%;
	padding: 20px;
}


#home-blog{

}

	#home-blog .fl-post-grid-image{

	}

	#home-blog .fl-post-grid-image img{
		object-fit: cover;
		object-position: center;
		height: 180px !important;
	}



/* TIPOS DE SEGURO */
.fl-row-bg-photo .fl-module-button a[href="#contacto-interior"] span{
	color: #1d3960;
}

.descripcion-seguro{

}

	.descripcion-seguro h3{
		color: var(--azul-corporativo);
		text-transform: uppercase;
		font-weight: bold;
		text-align: center;
	}

	.descripcion-seguro p{
		color: var(--azul-corporativo);
		font-size: 18px;
		text-align: justify;
	}

	.descripcion-seguro li{
		color: var(--azul-corporativo);
		font-size: 18px;
	}

.tabla-seguro{
	margin-top: -2em;
}

	.tabla-seguro tr{
		border-bottom: 1px solid #aaa;
	}

		.tabla-seguro tr:last-child{
			border: none;
		}

	.tabla-seguro td{
		border-right: 1px solid #aaa;
		padding: 10px;
		text-align: center;
	}

		.tabla-seguro td:last-child{
			border: none;
			text-align: left;
		}

		.tabla-seguro td strong{
			color: var(--azul-corporativo);
		}

.desplegables-seguro{
	margin-bottom: 4em;
}

	.desplegables-seguro .fl-accordion-item{
		border: none;
		border-top: 2px solid var(--azul-corporativo);
		margin: 0;
		padding: 5px 0;
	}

		.desplegables-seguro .fl-accordion-item:last-child{
			border-bottom: 2px solid var(--azul-corporativo);
		}

		.page-id-80 .desplegables-seguro .fl-accordion-item:last-child{
			background: var(--azul-corporativo);
		}

			.page-id-80 .desplegables-seguro .fl-accordion-item:last-child .fl-accordion-button-label,
			.page-id-80 .desplegables-seguro .fl-accordion-item:last-child .fl-accordion-button-icon,
			.page-id-80 .desplegables-seguro .fl-accordion-item:last-child .fl-accordion-content{
				color: #fff;
			}

				.page-id-80 .desplegables-seguro .fl-accordion-item:last-child .fl-accordion-content a{
					color: #fff;
					font-weight: bold;
					text-decoration: underline;
				}

		.desplegables-seguro .fl-accordion-item .fl-accordion-content{
			text-align: justify;
		}

	.desplegables-seguro .fl-accordion-item .fl-accordion-button-label{
		color: var(--azul-corporativo);
		font-weight: bold;
		font-size: 18px;
	}

	.desplegables-seguro .fl-accordion-item .fl-accordion-button-icon{
		color: var(--azul-corporativo);
		opacity: 1;
	}


.contenedor-testimonios{

}

	.contenedor-testimonios .pp-infolist-icon-inner .pp-icon::before{
		font-size: 100px !important;
	}

	.contenedor-testimonios .pp-infolist-title-text{
		font-size: 30px;
		margin-bottom: .5em !important;
	}

	.contenedor-testimonios .pp-infolist-description{
		font-size: 20px;
	}


/* BLOG */
.fl-post-content{
	text-align: justify;
}

body.has-blocks .fl-post-content ul, body.has-blocks .fl-post-content ol{
	max-width: 90%;
}


#bannerBlog{
	width: 800px;
	margin: 0 auto;
}


/* FORMULARIO CONTACTO */
#formularioContacto{

}

	#formularioContacto h3{
		color: #fff;
	}

	#formularioContacto label{
		color: #bbb;
	}

	#formularioContacto .wpforms-submit-container{
		text-align: center;
	}

	#formularioContacto .wpforms-submit{
		border-radius: 25px;
		padding: 10px 35px;
		font-weight: bold;
	}

		#formularioContacto .wpforms-submit::before{
			content: "\f0e0";
			font-family: "Font Awesome 5 Free";
			display: inline-block;
			margin: 0 10px 0 0;
			font-size: 20px;
			vertical-align: top;
		}



/* PIE DE PAGINA */
.fl-page-footer-widgets{

}

	.fl-page-footer-widgets .fl-widget-title{
		text-transform: uppercase;
		color: var(--azul-corporativo);
		font-weight: bold;
	}


@media (max-width: 768px){
	body{
		overflow-x: hidden;
	}

	.icono_portada .fl-photo-content{
		width: 100px;
	}
	
	#bannerblog{
		width: 100%;
	}
}
