/*
Theme Name:  Hello Elementor child theme
Description: Tema hijo para hacer personalizaciones de código
Author:      Daniel Bermúdez
Author URL:  /
Template:    hello-elementor
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
*/



/* Custom Styles */


input, button, select, textarea{
	outline: none !important;
	box-shadow: none !important;
}
.header{
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}
.banner::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(46, 64, 159, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
	mix-blend-mode: multiply;
}
.banner-text .elementor-widget-heading .elementor-heading-title{
	text-shadow: 0px 4px 82px #003499;
}
.banner-form{
	border-radius: 20px;
	background: #FAFAFA;
	padding: 40px 30px;
	border-bottom: 8px solid #EF4D03;
}
.banner-form button{
	margin-top: 20px;
}
#nosotros::before{
	content: '';
	position: absolute;
	width: 50%;
	height: 3px;
	background: #EF4D03;
	top: 36px;
	left: 0;
}
#nosotros .elementor-widget-icon-box .elementor-icon-box-wrapper{
	margin-bottom: 20px;
}
#nosotros .elementor-widget-icon-box .elementor-icon-box-title{
	position: absolute;
	left: 0;
	bottom: 0px;
}
#nosotros .elementor-widget-icon-box .elementor-icon-box-icon{
	padding-left: 5px;
}
#servicios .elementor-section .elementor-container{
	gap: 30px;
}
#servicios::before{
	content: '';
	position: absolute;
	width: 8%;
	height: 3px;
	background: #EF4D03;
	top: 40px;
	left: 0;
}
.services-item{
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
	height: max-content !important;
}
.tag-services{
	position: absolute !important;
    z-index: 1;
    border-radius: 8px 0px;
    background: #EF4D03;
    width: 32px !important;
    height: 44px;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
}
.title-services{
	padding: 12px 18px;
	z-index: 2;
	background: #F4F4F4;
	border-radius: 0 0 8px 8px;
}
.icons-services{
	padding: 0 12px 14px;
	z-index: 2;
	background: #F4F4F4;
	border-radius: 0 0 8px 8px;
}
.icons-services .elementor-icon-list-icon+.elementor-icon-list-text{
	padding: 0 !important;
}
.btn-services{
	position: absolute !important;
    bottom: -5px;
    z-index: 1;
	transition: .3s ease-in-out;
}
.services-item:hover .btn-services{
	transform: translateY(40px);
	transition: .3s ease-in-out;
}
.servi-banner::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2023/07/Group-38.png');
	background-repeat: no-repeat;
	background-position: right;
	mix-blend-mode: screen;
	background-size: 20%;
}
.servi-banner::after{
	content: '';
	position: absolute;
	width: 7%;
	height: 3px;
	background: #FFF;
	top: 195px;
	left: 0;
}
#profesionales::before{
	content: '';
	position: absolute;
	width: 20%;
	height: 3px;
	background: #EF4D03;
	top: 120px;
	left: 0;
}

.footer-contact::before{
	content: '';
	position: absolute;
	width: 90px;
	height: 3px;
	background: #EF4D03;
	top: 100px;
	left: 0;
}
.pie-footer{
	padding: 10px 0;
}
.pie-footer p{
	margin: 0;
}
.pie-footer p a{
	color: #fafafa
}
.profe-main{
	background-size: 100% 66%;
}




@media (max-width: 767px){
	#nosotros::before, #servicios::before, .servi-banner::before, .servi-banner::after, .profe-main::after,
	.profe-main::before, #profesionales::before, .footer-contact::before{
		display: none;
	}
	#nosotros .elementor-widget-icon-box .elementor-icon-box-title{
		bottom: inherit;
		top: 55px;
		left: 50%;
		transform: translateX(-50%);
	}
	#nosotros .elementor-widget-icon-box .elementor-icon-box-icon{
		padding: 0;
    	margin-bottom: 30px;
	}
	#nosotros{
		background: none;
	}
	.services-item .btn-services {
		transform: translateY(40px);
		transition: .3s ease-in-out;
	}
	#servicios .elementor-section .elementor-container{
		gap: 80px;
	}
	#profesionales .elementor-widget-image-box .elementor-image-box-img img{
		width: 100%;
	}
}


@media (min-width: 768px) and (max-width: 1024px){
	#nosotros{
		background-size: 50%;
	}
	#nosotros .elementor-widget-icon-box .elementor-icon-box-title{
		bottom: 50px;
	}
	#servicios::before, .servi-banner::after, #profesionales::before, .profe-main::after, .profe-main::before, .footer-contact::before{
		display: none;
	}
	.services-item .btn-services {
		transform: translateY(40px);
		transition: .3s ease-in-out;
	}
	#servicios .elementor-section .elementor-container {
		gap: 80px 30px;
	}
	.servi-banner::before{
		background-position: right bottom;
	}
}

@media (min-width: 1025px) and (max-width: 1300px) {
	#servicios::before, .servi-banner::after, #profesionales::before{
		display: none;
	}
}

@media (min-width: 1025px){
	.profe-main.elementor-section .elementor-container{
		z-index: 2;
	}
}