/*
Theme Name:   Almaita
Theme URI:    https://www.almaita.com/
Author:       Lifting Group
Author URI:   https://www.liftingroup.com/
Description:  Un tema personalizado para Almaita
Template:     naked-wordpress-master
Version:      1.0.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root{
  /* FUENTES */
    --font-default: "Lato", sans-serif;

    /* COLORES */
    --color-1: #0c8742;
    --color-2: #1d1d1d;
    --color-3: #8ec03d;
    --color-4: #255f20;
    --color-5: #FFF;

    /* TAMAÑOS FUENTES */
    --font-size-title-big: 80px;
    --font-size-title-1: 70px;
    --font-size-title-2: 50px;
    --font-size-title-3: 30px;
    --font-size-title-4: 25px;
    --font-size-title-5: 22px;

    --font-size-text-1: 19px;
    --font-size-text-2: 16px;
    --font-size-text-3: 13px;

    /* TAMAÑOS INTERLINEADOS */
    --line-height-title-big: 90px;
    --line-height-title-1: 80px;
    --line-height-title-2: 60px;
    --line-height-title-3: 38px;
    --line-height-title-4: 32px;
    --line-height-title-5: 28px;

    --line-height-text-1: 27px;
    --line-height-text-2: 23px;
    --line-height-text-3: 20px;

    /* CONTAINER */
    --container: 1088px;
}
*:not(.fa):not(.fab){
    font-family: var(--font-default) !important;
}
.fa-solid:before{
	font-family: "Font Awesome 7 Free" !important;
}
body{
	margin: 0px !important;
	padding: 0px !important;
}
.container,
.main-fluid{
    width: 100% !important;
    max-width: var(--container);
    padding: 0px !important;
    margin-left: auto;
    margin-right: auto;
}
article .the-content p,
article .the-content li{
    margin-bottom: 0px;
    color: var(--color-2);
    font-size: var(--font-size-text-2);
    line-height: var(--line-height-text-2);
    text-align: left;
}
article,
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li{
    margin-bottom: 0px !important;
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
.vc_section.vc_section-has-fill+.vc_section{
    padding-top: 0px !important;
}
p{
    margin-bottom: 0px;
    line-height: var(--line-height-text-1);
    margin-block-start: 0px !important;
    margin-block-end: 0px !important;
}
.spacer{
    float: left;
    width: 100%;
}
.display-none{
    display: none !important;
}
/* COLOR */
.color-1,
.color-1 *,
blue,
p.color-1,
.color-1 p{
    color: var(--color-1) !important;
}
.color-2,
.color-2 *,
p.color-2,
.color-2 p{
    color: var(--color-2) !important;
}
.color-3,
.color-3 *,
p.color-3,
.color-3 p{
    color: var(--color-3) !important;
}
.color-4,
.color-4 *,
p.color-4,
.color-4 p{
    color: var(--color-4) !important;
}
.color-5,
.color-5 *,
p.color-5,
.color-5 p{
    color: var(--color-5) !important;
}
/* FUENTES */
.font-title-big,
.font-title-big *{
    font-size: var(--font-size-title-big) !important;
    line-height: var(--line-height-title-big) !important;
    font-weight: 700;
}
.font-title-1,
.font-title-1 *{
    font-size: var(--font-size-title-1) !important;
    line-height: var(--line-height-title-1) !important;
}
.font-title-2,
.font-title-2 *{
    font-size: var(--font-size-title-2) !important;
    line-height: var(--line-height-title-2) !important;
}
.font-title-3,
.font-title-3 *{
    font-size: var(--font-size-title-3) !important;
    line-height: var(--line-height-title-3) !important;
}
.font-title-4,
.font-title-4 *{
    font-size: var(--font-size-title-4) !important;
    line-height: var(--line-height-title-4) !important;
    font-weight: 300;
}
.font-title-5,
.font-title-5 *{
    font-size: var(--font-size-title-5) !important;
    line-height: var(--line-height-title-5) !important;
}
.font-text-1,
.font-text-1 *{
    font-size: var(--font-size-text-1) !important;
    line-height: var(--line-height-text-1) !important;
}
.font-text-2,
.font-text-2 *{
    font-size: var(--font-size-text-2) !important;
    line-height: var(--line-height-text-2) !important;
}
.font-text-3,
.font-text-3 *{
    font-size: var(--font-size-text-3) !important;
    line-height: var(--line-height-text-3) !important;
}
.text-center,
.text-center *{
    text-align: center !important;
}
.text-left,
.text-left *{
    text-align: left !important;
}
.text-right,
.text-right *{
    text-align: right !important;
}
.font-weight-900,
.font-weight-900 *:not(strong){
    font-weight: 900 !important;
}
.font-weight-700,
.font-weight-700 *:not(strong){
    font-weight: 700 !important;
}
.font-weight-600,
.font-weight-600 *:not(strong){
    font-weight: 600 !important;
}
.font-weight-500,
.font-weight-500 *:not(strong){
    font-weight: 500 !important;
}
.font-weight-400,
.font-weight-400 *:not(strong){
    font-weight: 400 !important;
}
.font-weight-300,
.font-weight-300 *:not(strong){
    font-weight: 300 !important;
}
.font-weight-200,
.font-weight-200 *:not(strong){
    font-weight: 200 !important;
}
.font-weight-100,
.font-weight-100 *:not(strong){
    font-weight: 100 !important;
}
.text-transform-uppercase,
.text-transform-uppercase *{
    text-transform: uppercase !important;
}
/* FOOTER */
footer.site-footer{
	float: left;
	width: 100%;
	background: white;
	padding-top: 65px;
	padding-bottom: 25px;
}
footer.site-footer .site-footer-2 *,
footer.site-footer .site-footer-3 *{
	font-size: var(--footer-texto);
	line-height: 1;
	color: var(--color-2);
	text-align: center;
	font-weight: 300;
}
.footer-2-1 > div{
	display: flex;
}
.footer-2-1 > div > div{
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
.footer-2-1 > div > div ul{
	list-style: none;
	margin-left: auto;
	margin-right: auto;
}
.footer-2-1 > div > div ul a{
	text-decoration: none;
}
.site-footer > *{
	float: left;
	width: 100%;
}
.telephone-button > a{
	background: var(--color-1);
	color: white !important;
	transition: 0.5s;
	padding: 7px 15px;
	border: 1px solid var(--color-1);
	border-radius: 50px;
	font-size: var(--text-default);
	font-weight: bold;
}
.telephone-button > a .fa-solid{
	color: var(--color-2);
	transition: 0.5s;
	margin-right: 8px;
}
.telephone-button > a:hover{
	background: var(--color-2);
	color: var(--color-1) !important;
}
.telephone-button > a:hover .fa-solid{
	color: white;
}
/* HEADER */
header.site-header{
	background: white;
	padding-top: 25px;
	padding-bottom: 25px;
}
header.site-header.header-scroll{
	position: fixed;
	top: 0px;
	left: 0px;
	animation-name: headerFixed;
	animation-fill-mode: forwards;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	box-shadow: 1px 1px 3px #4B4F5482;
	z-index: 99999999999;
	width: 100%;
}
.almaita-header-wrapper{
  position: relative;
  float: left;
  width: 100%;
  height: 80vh;
}
.almaita-header-wrapper > .header-image{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-position: 50% 50%;
}
.almaita-header-wrapper > .header-image:after{
	content: "";
	background: #8EC03D;
	background: linear-gradient(90deg,rgba(142, 192, 61, 1) 0%, rgba(37, 95, 32, 1) 100%);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
  	opacity: 0.7;
	position: absolute;
}
.background-width-degradado > .wpb_column{
	z-index: 1;
}
.background-width-degradado:after{
	content: "";
	background: #8EC03D;
	background: linear-gradient(90deg,rgba(142, 192, 61, 1) 0%, rgba(37, 95, 32, 1) 100%);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
  	opacity: 0.7;
	position: absolute;
}
.almaita-header-wrapper > .header-content{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  display: flex;
}
.almaita-header-wrapper > .header-content .text-wrapper{
  height: max-content;
  margin-top: auto;
  margin-bottom: 25px;
}
/* FORM */
.form-section-right > .vc_column-inner{
	max-width: calc(1088px / 2);
}
.section-form{
	display: flex;
	overflow: inherit !important;
}
.section-form-container .label-span{
	font-size: var(--text-little);
	line-height: var(--text-little-line-height);
	color: var(--color-2);
	font-weight: 500;
	margin-bottom: 5px;
}
.section-form-container{
	display: flex;
	column-gap: 15px;
	margin-bottom: 25px;
}
.section-form-container,
.section-form-container > .section-form-1-2,
.section-form-container > .section-form-1-1{
	float: left;
	width: 100%;
}
.section-form-container > .section-form-1-2{
	width: 50%;
}
.section-form-container .label-span,
.section-form-container .wpcf7-form-control-wrap,
.section-form-container .wpcf7-form-control-wrap > input{
	width: 100%;
	float: left;
}
.section-form-container .wpcf7-form-control-wrap > input,
.section-form-container .wpcf7-form-control-wrap > textarea,
.section-form-container .wpcf7-form-control-wrap > select{
	background: #F6F4F4;
	color: #4B4B4B;
	border: none;
	width: calc(100% - 30px);
	outline: none !important;
	padding: 15px;
	font-size: 10px;
	line-height: 14px;
}
.section-form-container .wpcf7-form-control-wrap > select{
	width: 100%;
}
.section-button{
	text-align: right;
}
.section-button > input.wpcf7-form-control{
	float: right;
}
.section-button > input.wpcf7-form-control,
.button-default > a,
.section-blog .vc_general{
	font-family: "Dongle", sans-serif !important;
	color: white !important;
	background: var(--color-1) !important;
	font-size: var(--sutitle-default) !important;
	line-height: 1 !important;
	border: none !important;
	border-radius: 5px !important;
	padding: 8px 15px 5px !important;
	width: 168px !important;
	border: 1px solid var(--color-1) !important;
	transition: 0.5s !important;
}
.section-blog .vc_general{
	padding: 8px 15px 8px !important;
}
.button-default > a{
	width: 242px !important;
}
.section-button > input.wpcf7-form-control:hover,
.button-default > a:hover,
.section-blog .vc_general:hover{
	background: white !important;
	color: var(--color-1) !important;
}
.checkbox-aceptar-condiciones > *{
	float: left;
}
.checkbox-aceptar-condiciones .aceptar-condiciones{
	width: 25px;
}
.checkbox-aceptar-condiciones .checkbox-aceptar-condiciones{
	width: calc(100% - 25px);
}
.aceptar-condiciones .wpcf7-list-item > input + span{
	border: 2px solid #4C4C56;
	width: 16px;
	height: 16px;
	float: left;
	border-radius: 50px;
	position: relative;
}
.aceptar-condiciones .wpcf7-list-item > input{
	display: none !important;
}
.aceptar-condiciones .wpcf7-list-item > input + span:before{
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900 !important;
	color: var(--color-1);
	transition: 0.5s;
	opacity: 0;
	font-size: 25px;
	position: absolute;
	top: 0px;
}
.aceptar-condiciones .wpcf7-list-item > input:checked + span:before{
	opacity: 1;
}
.aceptar-condiciones .wpcf7-list-item{
	margin-left: 0px;
}
.checkbox-aceptar-condiciones{
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
}
.checkbox-aceptar-condiciones > a{
	color: var(--color-2);
	text-decoration: none;
	float: none;
}
.section-form-container .wpcf7-form-control-wrap.recaptcha{
	float: left;
	margin-top: 25px;
}
.image-section-left > .vc_column-inner{
	position: relative;
}
.section-button input.wpcf7-form-control,
.button-default{
	color: white !important;
	background: var(--color-1) !important;
	font-size: var(--sutitle-default) !important;
	line-height: 1 !important;
	border: none !important;
	border-radius: 5px !important;
	padding: 8px 15px 8px !important;
	width: 168px !important;
	border: 1px solid var(--color-1) !important;
	transition: 0.5s !important;
  text-decoration: none !important;
}
.section-button input.wpcf7-form-control{
  float: right;
}
.section-button input.wpcf7-form-control:hover,
.button-default:hover{
	background: white !important;
	color: var(--color-1) !important;
}
input[name="aceptar-condiciones"]{
  display: none !important;
}
input[name="aceptar-condiciones"] + span.wpcf7-list-item-label:before{
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-1);
  position: absolute;
  left: 0px;
  top: 0px;
}
input[name="aceptar-condiciones"] + span.wpcf7-list-item-label:after{
  content: "";
  width: 15px;
  height: 15px;
  background: var(--color-1);
  position: absolute;
  left: 3.5px;
  top: 3.5px;
  transition: 0.5s;
  opacity: 0;
}
input[name="aceptar-condiciones"]:hover + span.wpcf7-list-item-label:after{
  opacity: 0.2;
}
input[name="aceptar-condiciones"]:checked + span.wpcf7-list-item-label:after{
  opacity: 1;
}
.section-form-container .wpcf7-form-control > .wpcf7-list-item{
  margin-left: 0px !important;
  padding-left: 30px;
}
.checkbox-aceptar-condiciones a{
  color: var(--color-1) !important;
  text-decoration: underline !important;
}
.section-form-container textarea{
  resize: vertical !important;
}
.quienes-somos-img img{
  object-fit: cover;
  aspect-ratio: 10 / 8;
}
.vc_wp_text ul{
  padding-left: 17px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.vc_wp_text ul li{
  line-height: 2 !important;
}
.residuo-mitad-right,
.residuo-mitad-left{
  background-size: 50%;
  background-repeat: no-repeat;
}
.residuo-mitad-right{
  background-position: 100% 50%;
}
.residuo-mitad-left{
  background-position: 0% 50%;
}
.pre-header-section-1{
	line-height: 0;
	display: flex;
}
.pre-header-section-1 > div{
	margin-top: auto;
	margin-bottom: auto;
}
.residuo-mitad-right{
	background-color: var(--color-3);
}
.residuo-mitad-left{
	background-color: var(--color-4);
}
.icon-contacto {
    margin: 0px !important;
}
.color-negro a {
    color: black !important;
}
[id], #Servicios {
  scroll-margin-top:  100px;
}
html{
	scroll-behavior: smooth;
}
.contenedor-scroll {
  scroll-padding-top: calc(var(--header-h) + 100px);
}
.section-blog .vc_gitem-zone.vc_gitem-zone-c{
	background: none !important;
}
.section-blog h4{
	color: var(--color-1) !important;
	font-size: var(--font-size-title-5) !important;
	line-height: var(--line-height-title-5) !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}
.pre-header-section-2 .wpml-ls-current-language > a > span{
	font-weight: bold;
	color: var(--color-1);
}
.map-section-contact iframe{
	width: calc(50vw - 30px) !important;
}
.services-image-block img{
	aspect-ratio: 300 / 200;
	object-fit: cover;
}
.banner_home .header-image{
	background-position: bottom !important;
}

/* DESKTOP */
@media(min-width: 1024.5px){
  /* FOOTER */
	footer.site-footer .site-footer-2 .menu{
		display: flex;
		column-gap: 100px;
	}
	.site-footer-2{
		margin-bottom: 25px;
	}
	.site-footer-2 .footer-2-1{
		border-top: 1px solid #4b4b4b52;
		padding-top: 15px;
		margin-top: 45px;
	}
	.site-footer-1 .footer-1-2 .menu,
	.pre-header-section-2 .menu{
		padding-left: 0px;
		list-style: none;
		display: flex;
		margin-left: auto;
		column-gap: 25px;
	}
	.site-footer-1 .footer-1-2 .menu li > a,
	.pre-header-section-2 .menu li > a{
		text-decoration: none;
		color: var(--color-2);
		font-family: var(--text-little);
	}
	.site-footer-1 .footer-1-2 > div > div,
	.pre-header-section-2 > div > div{
		display: flex;
	}
	.pre-header-section-2 > div{
		margin: auto 0px auto auto;
	}
	.footer-1-1,
	.pre-header-section-1{
		float: left;
		width: 145px;
	}
	.footer-1-2,
	.pre-header-section-2{
		float: left;
		width: calc(100% - 145px);
		display: flex;
	}
	.footer-1-2 > div{
		margin-top: auto;
		margin-bottom: auto;
		margin-left: auto;
	}
	.site-footer-1 > .container{
		display: flex;
	}
	.pre-header > .container{
		display: flex;
	}
	.display-none-desktop{
		display: none !important;
	}
	.padding-servicios-right > .vc_column-inner{
		padding-right: 125px !important;
	}
	.padding-servicios-left > .vc_column-inner{
		padding-left: 125px !important;
	}
}


/* RESPONSIVE */
@media(max-width: 1024px){
	:root{
		/* TAMAÑOS FUENTES */
		--font-size-title-big: 70px;
		--font-size-title-1: 50px;
		--font-size-title-2: 35px;
		--font-size-title-3: 25px;
		--font-size-title-4: 22px;
		--font-size-title-5: 18px;

		--font-size-text-1: 14px;
		--font-size-text-2: 12px;
		--font-size-text-3: 10px;

		/* TAMAÑOS INTERLINEADOS */
		--line-height-title-big: 78px;
		--line-height-title-1: 55px;
		--line-height-title-2: 42px;
		--line-height-title-3: 32px;
		--line-height-title-4: 26px;
		--line-height-title-5: 22px;

		--line-height-text-1: 18px;
		--line-height-text-2: 15px;
		--line-height-text-3: 12px;
	}
  /* FOOTER */
	footer.site-footer .site-footer-2 li{
		line-height: 50px;
	}
	.site-footer-1 .footer-1-2{
		display: none;
	}
	.display-none-responsive,
	.display-none-mobile{
		display: none !important;
	}
	.image-section-right > .vc_column-inner,
	.image-section-left > .vc_column-inner{
		background: none !important;
	}
	.seccion-fotos-movibles{
		grid-template-columns: 1fr;
	}
	.container,
	.container-slider{
		max-width: 90% !important;
	}
	.pre-header-section-1 img{
		width: 107px;
	}
	.pre-header-section-1 > *{
		float: left;
		width: 50%;
	}
	.pre-header-section-1{
		display: flex;
	}
	.pre-header-section-1,
	.pre-header-section-2{
		width: 100%;
		float: left;
	}
	header.site-header{
		z-index: 99999999999;
		position: fixed;
		width: 100%;
	}
	.pre-header-section-1 img{
		width: 107px;
	}
	.pre-header-section-1 > *{
		float: left;
		width: 50%;
	}
	.pre-header-section-1{
		display: flex;
	}
	.pre-header-section-1,
	.pre-header-section-2{
		width: 100%;
		float: left;
	}
	header.site-header{
		z-index: 99999999999;
		position: fixed;
		width: 100%;
	}
	.menu-button{
		text-align: right;
		color: var(--color-1);
		font-size: 40px;
		margin-top: auto;
		margin-bottom: auto;
		cursor: pointer;
	}
	.pre-header-section-2{
		position: fixed;
		background: white;
		left: 0px;
		top: -100%;
		width: 100%;
		height: 100%;
		transition: 0.5s;
	}
	.pre-header-section-2.active{
		top: 0%;
	}
	.pre-header-section-2 .menu{
		list-style: none;
		padding-left: 0px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: grid;
		margin-top: 90px;
	}
	.pre-header-section-2 .menu li a{
		font-size: var(--sutitle-default);
		line-height: 1;
		text-decoration: none;
		color: var(--color-2);
	}
	.pre-header-section-2 .menu li{
		margin-top: 40px;
	}
	.pre-header-section-2 .telephone-button{
		order: -1;
		margin-bottom: 30px;
	}
	.menu-button-close{
		color: var(--color-1);
		font-size: 40px;
		cursor: pointer;
		right: 3%;
		top: 20px;
		position: absolute;
	}
	.footer-2-1 .menu{
		padding-left: 0px !important;
	}
	.footer-1-1 > div{
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	div.residuo-mitad-right,
	div.residuo-mitad-left{
		background-image: none !important;
	}
	.section-form-container{
		display: grid !important;
		grid-gap: 25px !important;
	}
	.section-form-container > .section-form-1-2{
		width: 100% !important;
	}
	.section-form-container .section-button{
		display: flex !important;
	}
	.section-form-container .section-button > .wpcf7-form-control{
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.section-form-container .section-button .wpcf7-spinner{
		position: absolute;
		right: 0px;
	}
	.map-section-contact iframe{
		width: 100% !important;
	}
}
@media (max-width: 767px){
	.contactanos-iconos-section{
		display: grid !important;
		grid-template-columns: 30px calc(100% - 30px);
	}
	#contacto {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 0px;
	}

	#contacto > :nth-child(3) {
	  grid-column: 1 / -1;
	}
	#contacto::before {
	  content: none;
	}
	#contacto .wpb_text_column * {
		text-align: center !important;
	}
	#contacto .vc_icon_element {
		text-align: center;
	}
}
@keyframes headerFixed{
  from{
    top: -500px;
  }
  to{
    top: 0px;
  }
}