/*
Theme Name: Alemental Child
Version: 1.0
Description: A child theme of Hello Elementor
Author: lumiesal@gmail.com
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");

:root {
  --color-primary: #145177;
  --color-secondary: #437591;
  --color-accent: #7297AD;
  --color-light: #A1B9C9;
  --color-background: #D0DCE4;
  --color-text: #121212;
  --color-white: #ffffff;
}
/********* GOLBAL *********/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  line-height: 1.5;
  color: var(--color-text);

}

ol,
ul{
	padding-left: 25px;
}

/* Clases que llaman a cada color */
.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-accent {
  color: var(--color-accent);
}

.color-light {
  color: var(--color-light);
}

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

.color-white {
  color: var(--color-white);
}

/* Tipografía base */


/* Contenedor */
.box-content {
  width: 100%;
  max-width: 83.33333rem;
  margin: 0 auto;
  padding: 1rem;
}

/* Sistema de columnas */
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}

.elementor-widget-text-editor p{margin-bottom:0;}


#header{
	background-color: #FFFFFF;	
	z-index: 99999;
}

#header #home-logo{
	display:none;
}
body.home #header #home-logo{
	display:block;
}
body.home #header #global-logo{
	display:none;
}
body.home #header{
	position: fixed;
    z-index: 99999;
    background-color: #181A2000;
	transition: background-color .5s;
}

body:not(.home) #header.fixed{
	position: fixed;
    z-index: 99999;
    transition: background-color .5s;
}

#header.fixed,
body.home #header.fixed{
	background-color: #181A20;
}

#header.fixed li a,
#header.fixed li svg{
	color: #fff;
	fill:#fff;
}

.home #header .elementor-nav-menu .elementor-item {
    color: #fff;
    fill: #fff;
}
	
#header .e-con-inner{
	transition: padding .5s;
}
#header.fixed .e-con-inner{
	padding-top:0.694rem;
	padding-bottom:0.694rem;
}

.home-testimonials-box,
.slick-slider .slick-track{
	padding-bottom: 2.777rem;
}
.swiper-pagination .swiper-pagination-bullet,
.slick-slider .slick-dots li button{
	width:1.04166rem !important;
	height:1.04166rem !important;	
	padding:0;
	background:#C7C7C7 !important;
	border-radius:50rem !important;	
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active,
.slick-slider .slick-dots li.slick-active button{
	background:#145277 !important;
}
.swiper-pagination .swiper-pagination-bullet-active{
	border:0.13888rem solid #fff;
}
.slick-slider .slick-dots li button:before {
	display:none;
}

/********* GOLBAL *********/

/********* HOME *********/
#tower-project_hero > .e-con-inner{
	width: 100%;
	max-width: 65.2777rem;
}	
#home-hero-search{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 999;
    background: #fff;
    width: 100%;
    max-width: 69.4444rem;
    padding: 1.04166rem 2.5rem 1.04166rem 2.5rem;
    border-radius: 0.4166rem 0.4166rem 0.4166rem 0.4166rem;
}
#home-hero-search input,
#home-hero-search select{
	border: 0px solid var(--color-primary);
	border-bottom: 1px solid var(--color-primary);
}
#home-hero-search button{
	background-color:var(--color-primary);
    font-family: "Avenir LT Std", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0.4166rem 0.4166rem 0.4166rem 0.4166rem;
    padding: 1.04166rem 2.5rem 1.04166rem 2.5rem;
	border: none;
}
#home-create-projects-imgs{
	position:unset;
}
#home-create-projects-texts{
	max-width: 39.1666rem;
    margin: auto;
	z-index: 99;
}
#home-create-projects-imgs > .elementor-widget-image{
	border-radius:0.3472rem;
	overflow:hidden;
	position: absolute;
}
#home-create-projects-imgs > .elementor-widget-image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
#home-create-projects-imgs > .elementor-widget-image:nth-child(1) {
    left: -5%;
    top: 5%;
    width: 200px;
    height: 150px;
}
#home-create-projects-imgs > .elementor-widget-image:nth-child(2) {
    left: 50%;
    top: 7%;
    transform: translate(-50%, 0px);
    width: 220px;
    height: 150px;
}
#home-create-projects-imgs > .elementor-widget-image:nth-child(3) {
    display:none;
}
#home-create-projects-imgs > .elementor-widget-image:nth-child(4){
    bottom: 10%;
    left: -2%;
    width: 150px;
    height: 107px;
}
#home-create-projects-imgs > .elementor-widget-image:nth-child(5) {
    bottom: 3%;
    right: 8%;
    width: 160px;
    height: 150px;
}
#home-create-projects-imgs > .elementor-widget-image:nth-child(6) {
    bottom: 77%;
    right: 0rem;
    width: 150px;
    height: 150px;
}
#home-featured-projects .container-projects .slick-arrow{
	display:none !important;
}

.container-projects{
	display: flex;
	flex-wrap: wrap;
	gap:2.083rem;
}

.container-projects .card-project{
	box-shadow: 0 0.2777rem 0.6944rem #00000026;
    border-radius: 0.4333rem;
    overflow: hidden;
}
.container-projects.slick-slider .card-project{
	margin:0 1.0416rem;
}
.container-projects .card-project-info{
	padding: 1.04166rem 1.1888rem;	
	background:#fff;
}
.container-projects .card-project-info *{
	font-family: "Avenir LT Std", Sans-serif;
}
.container-projects .card-project-info-top{
	display:flex;
	gap:0.69444rem;
}
.container-projects .card-project-info-top .info-top-state,
.container-projects .card-project-info-top .info-top-location{
	background: #E8E8E8;
	color:#415364;
    padding: 0.3472rem 0.5888rem;
    font-size: 0.8333rem;
    line-height: 0.7333rem;
    border-radius: 0.2777rem;
}
.container-projects .card-project-info-top .info-top-state{
	background: #145277;
	color:#fff;
}

.container-projects .card-project-info-top .card-project-price{
	font-size: 1.52777rem;
    font-weight: 600;
    margin: 1.0416rem 0 0.34722rem 0;
}

.container-projects .card-project-price{
	font-size: 1.52777rem;
	line-height: 1.32777rem;
    font-weight: 600;
    margin: 1.0416rem 0 0.34722rem 0;
}
.container-projects .card-project-name{
	font-size: 1.66666rem;
    font-weight: 600;
    margin: 0 0 1.0416rem 0;
}
.container-projects .card-project-info-bottom{
	padding: 1.0416rem 0;
    border-top: 0.0694rem solid #DFDFDF;
    font-size: 1.1111rem;
    line-height: 1.4;
}
.container-projects .card-project-info-bottom p{
	margin: 0;
}
.container-projects .card-project-btnMore{
	text-align: center;
    display: block;
	padding: 1.0416rem 2.08333rem;
	color:#145277;
	background:#14527700;	
	width:100%;
    border: 0.13888rem solid #145277;
	border-radius: 0.4166rem;
    font-size: 1.25rem;
    line-height: 1.2;
	transition:all .5s;
}
.container-projects .card-project-btnMore:hover{
	color:#fff;	
	background:#145277;	
}

#home-state-box{
	width: 100%;
	max-width:27.7222rem;
	margin: auto;
}

#home-testimonials .home-testimonials-box{
	max-width: 51.7361rem;
    margin: auto;
}
#home-testimonials .home-testimonials-box .swiper {
	overflow:visible;
}
#home-testimonials .home-testimonials-box .swiper .swiper-slide{
	padding:0 10px;
}

#home-testimonials .home-testimonials-box .bloq-img *{
	width:100%;
	height:100%;
}
#home-testimonials .home-testimonials-box .bloq-img img{
	object-fit:cover;
}

#banner-newsletter-title{
	max-width: 44.0277rem;
    margin: auto;
}
#banner-newsletter-form{
	max-width: 27.777rem;
	margin: auto;
}
#banner-newsletter-form .content-form{
	display: flex;
    align-items: center;
}
#banner-newsletter-form .content-form label{
	display: none;    
}
#banner-newsletter-form .content-form p{
    display: flex;
    margin: 0;
}
#banner-newsletter-form .content-form .email-form,
#banner-newsletter-form .content-form .email-form p > span{
	width:100%;
}
#banner-newsletter-form .content-form .email-form input{
	color:#fff;
	background: transparent;
    border-radius: 0.4166rem;
    border: 0.0694rem solid #fff;
}
#banner-newsletter-form .content-form .email-form input::placholder{
	color:#fff;
}
#banner-newsletter-form .content-form .btn-form{
    position: absolute;
    right: 0;
	top: 0;
}
#banner-newsletter-form .content-form .btn-form input{
    border-radius: 0.4166rem;
    border: 0.0694rem solid #fff;
    color: #fff;
}
#banner-newsletter-form .content-form .wpcf7-spinner{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

}
#banner-newsletter-form  form.invalid .wpcf7-response-output{
	color:#fff;
}

/********* HOME *********/

/********* POP-UP CONTACT *********/
.popup-contact{
	z-index:99999999 !important;	
}
.contact-form-grid {
  padding: 30px;
  border-radius: 10px;
  font-family: 'Arial', sans-serif;
}

.contact-form-grid .form-row {
  display: flex;
  gap: 10px;
}

.contact-form-grid .form-row p{
  width:100%;
}

.contact-form-grid .form-row.name p{
  display: flex;
  gap:10px;
}

.contact-form-grid .form-row input {
  width: 100%;
}

.contact-form-grid .wpcf7 input[type="text"],
.contact-form-grid .wpcf7 input[type="email"],
.contact-form-grid .wpcf7 input[type="tel"] {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: none;
  margin-bottom: 15px;
}

.contact-form-grid .contact-form-checkbox {
  margin: 15px 0;
  font-size: 14px;
}

.contact-form-grid .contact-form-checkbox label{
    display: flex;
}

.contact-form-grid .contact-form-checkbox input{
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.contact-form-grid .contact-form-checkbox .wpcf7-list-item-label{
    display: inline-block;
    width: auto;
}

.contact-form-grid .contact-form-submit input[type="submit"] {
    background-color: var(--color-primary);
    font-family: "Avenir LT Std", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0.4166rem 0.4166rem 0.4166rem 0.4166rem;
    padding: 1.04166rem 2.5rem 1.04166rem 2.5rem;
    border: none;
}

/********* ABOUT - START *********/
#about-choisse .elementor-widget-text-editor img{
	width: 280px;
}
/********* ABOUT - END  *********/

@media screen and (min-width: 620px) {

    .container-projects:not(.slick-slider) .card-project{
        width:calc(50% - 20px);
    }
}
@media screen and (min-width: 1024px) {
	
 	:root {
    	font-size: 1.2vw;
 	}
	
	/********* HOME *********/
	#home-create-projects-imgs > .elementor-widget-image:nth-child(1){
		left: 7.3333rem;
		top: 14.5833rem;
		width: 17.5rem;
		height:13.9583rem;
	}
	#home-create-projects-imgs > .elementor-widget-image:nth-child(2){
		left: 50%;
		top: 7.3333rem;
		transform: translate(-50%, 0px);
		width: 23.0555rem;
		height:17.9861rem;
	}
	#home-create-projects-imgs > .elementor-widget-image:nth-child(3){
		display:block;
		right: 13.1944rem;
		top: 22.055rem;
		width: 11.944rem;
		height: 9.1666rem;
	}
	#home-create-projects-imgs > .elementor-widget-image:nth-child(4){
		bottom: 13.8888rem;
		left: -4rem;
		width: 28.6804rem;
		height: 20.1388rem;
	}
	#home-create-projects-imgs > .elementor-widget-image:nth-child(5){
		bottom: 3.125rem;
		right: 12.5rem;
		width: 19.444rem;
		height: 15.7638rem;
	}
	#home-create-projects-imgs > .elementor-widget-image:nth-child(6){
		bottom: 23.8888rem;
		right: 0rem;
		width: 13.8888rem;
		height: 14.5833rem;
	}
	.container-projects:not(.slick-slider) .card-project{
		width:calc(33.33% - 1.388rem);
	}
	
	#home-testimonials .home-testimonials-box .swiper .swiper-slide{
		padding:0 1.38888rem;
	}
	/********* HOME *********/
	
}
@media screen and (min-width: 1200px) {
	
	:root {
		font-size: 1vw;
	}
	
	ol,
	ul{
		padding-left: 1.73611rem;
	}
	
	/********* ABOUT - START *********/
	#about-choisse .elementor-widget-text-editor img{
		width: 21.041rem;
	}
	/********* ABOUT - END  *********/

}