/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row-reverse;
}

.grecaptcha-badge {
    visibility: hidden;
}

/*==================
-------GENERAL------
==================*/
h2>strong{
	color: var(--color-content-secondary);
}

#hero .l-section-img,
#hero .l-section-overlay{ 
	border-radius: 2rem;
    margin: 0.5rem;
}

.fa-location-dot::before{
	content: url(/wp-content/uploads/2026/06/Vector-2.svg);
}

iframe{border-radius: 1rem;}
/*==================
------FIN GENERAL----
==================*/

/*==================
-------BOTONES-------
==================*/

#btn-header .arrow-white,
#btn-header .arrow-blue{
	transition: all .3s ease-in-out;
}

#btn-header .arrow-white,
#btn-header:hover .arrow-blue{
	opacity: 0;
}

#btn-header:hover .arrow-white,
#btn-header .arrow-blue{
	opacity: 1;
}

#btn-header .arrow-white{	transform: rotate(-90deg);}
#btn-header:hover .arrow-white{	transform: rotate(0deg);}
#btn-header .arrow-blue{	transform: rotate(0deg);}
#btn-header:hover .arrow-blue{	transform: rotate(90deg);}

#ver-todo{    padding-inline: 3.5rem;}
/*==================
-----FIN BOTONES-----
==================*/

/*==================
----CUADRÍCULAS-----
==================*/
.servicio-telecomunicacion .w-grid-item-h .img-servicio,
.servicio-telecomunicacion .w-grid-item-h:hover .Imagen.hover{
	opacity: 1;
	transition: all .3s ease-in-out;
}

.servicio-telecomunicacion .w-grid-item-h:hover .img-servicio,
.servicio-telecomunicacion .w-grid-item-h .Imagen.hover{
	opacity: 0;
}

.servicio-telecomunicacion .usg_text_1 .w-text-h,
.servicio-telecomunicacion .usg_text_2 .w-text-h{
	display: flex !important;
	flex-wrap: wrap;
	flex-direction: row;
    align-items: end;
    justify-content: space-between;
	gap: 1rem;
}
.servicio-telecomunicacion .w-text-value {
    max-width: 190px;
}

.servicio-telecomunicacion .usg_text_1 .fa-arrow-right{
	background: var(--color-content-secondary);
}

.servicio-telecomunicacion .usg_text_2 .fa-arrow-right{
	background: white;
}

.servicio-telecomunicacion .usg_text_1 .fa-arrow-right,
.servicio-telecomunicacion .usg_text_2 .fa-arrow-right{
    transform: rotate(-45deg);
    padding: 0.5rem;
    height: 40px;
    width: 40px;
    border-radius: 20px;
	position: relative;
}


.servicio-telecomunicacion .usg_text_1 .fa-arrow-right:before{
	color: white;
}

.servicio-telecomunicacion .usg_text_2 .fa-arrow-right:before{
	color: var(--color-content-secondary);
}

.servicio-telecomunicacion .usg_text_1 .fa-arrow-right:before,
.servicio-telecomunicacion .usg_text_2 .fa-arrow-right:before{
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.valores .vc_column_container{
	margin-bottom: 1rem;
}

.valores .wpb_wrapper,
.valores .w-vwrapper{
	height: 100%;
}

.beneficios-wrapper .w-iconbox, .filosofia-wrapper .w-iconbox{	width: 21%;}
.beneficios-wrapper .w-iconbox-icon {    width: 100%;}
.beneficios-wrapper .w-iconbox-title{	font-weight: 500;}

.beneficios-wrapper .w-iconbox-meta {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #0000001A;
}

.filosofia-wrapper  text {
    fill: var(--color-content-secondary);
}
/*==================
---FIN CUADRÍCULAS--
==================*/

.problemas-frecuentes-col .wpb_wrapper p:first-child{
	margin-bottom: 0.5rem;
}

#beneficios .full-wrapper .w-iconbox .w-iconbox-meta{
	background: #E5F0FF66;
	border-radius: 20px;
	padding: 1rem;
	min-height: 13rem;
}

#beneficios .full-wrapper .w-iconbox{
	min-height: 23.5dvw;
	display: flex;
    flex-wrap: wrap;
    align-content: space-between;
	margin-bottom: 1rem;
}

#beneficios .w-iconbox-text{
	font-size: 0.75rem;
}


/*==================
------ACORDEON------
==================*/

#faqs .w-tabs.accordion>div>.w-tabs-section{
	border-width: 0 0 1px 0;
}

.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus{background: transparent;}
.w-tabs-section-header.active .w-tabs-section-title{	color: black;}

.w-tabs-section-control {
    padding: 0.7rem;
    background: #033369;
	border-radius: 30px;
}

.w-tabs-sections.icon_plus>div>.w-tabs-section-header .w-tabs-section-control:before{
	content: '+';
	background: transparent;
	color: white;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.w-tabs-sections.icon_plus>div>.w-tabs-section-header .w-tabs-section-control:after{	background: transparent;}

.w-tabs-section-title{font-weight: 500;}
/*==================
--- FIN ACORDEON----
==================*/


/*==================
--------FORM--------
==================*/
form label{
	text-transform: uppercase;
	font-weight: 500;
}

form .half-col {
    display: flex;
    gap: 1rem;
}

.aceptacion label{
	display: flex;
	margin-block: 1rem;
	flex-wrap: wrap;
    gap: 0.2rem;
}

.aceptacion .wpcf7-form-control-wrap{
	margin-top: 0;
}

.form-bottom-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}

.wpcf7-spinner{display: none;}
/*==================
------FIN FORM------
==================*/

.w-socials-item-link,
.w-socials-item-link span[class*="fa-"]{
	width: 1.5rem;
}

.w-socials-item-link span::before{
	color: #0B58B0;
}

.fa-calendar{margin-right: 0.4rem;}

.bullets li::marker{
	content: '\f00c';
	font-family: 'fontawesome';
}

.bullets li span {
    margin-left: 1rem;
}
/*==================
-----RESPONSIVE-----
==================*/
@media(max-width: 1250px){
	#valores .vc_column_container,
	#blog .vc_column_container{
		width: 100% !important;
	}
}

@media(max-width: 900px){
	.g-cols.wpb_row.valores.via_flex.valign_top.type_default.stacking_default {
		margin-bottom: 1.5rem;
	}
}

@media(min-width: 900px){
	#faqs .wpb_column:first-child{
		border-right: 2px solid #E6E6E6;
	}
}

@media(max-width: 600px){
	#beneficios .full-wrapper .w-iconbox{
		margin-inline: auto;
	}
	
	.beneficios-wrapper .w-iconbox,
	.filosofia-wrapper .w-iconbox{
		width: 100%;
	}
	
	form .half-col {
		flex-direction: column;
		gap: 0;
	}
}

/*==================
---FIN RESPONSIVE---
==================*/