/*
Theme Name: Aseta v2.0 (2024)
Author URI: http://graficolab.cl
Description: Grafico Lab
Author: Pablo Jiménez Marín
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright:
*/

/*FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');
/*VARIABLES*/
:root{
	--bg1:#FFF;
	--bg2:#F5F5F5;
    --bg3:#FAFAFA;
    --text1:#777;
    --text2:#666;
    --text3:#555;
    --text4:#444;
    --high1: #63BC16;
    --high2: #317C09;
    --high3: #7FEF1D;
    --shadow1: 0px 30px 50px -30px rgba(0,0,0,.2);
    --shadow2: rgba(255,44,227,.5);
    --font1: 'Barlow', sans-serif;
	--font2: 'Montserrat', sans-serif;
    --bgforminput: rgba(255,255,255,.05);
    --cubic1: cubic-bezier(.25,.96,.42,.93);
    --bounce1: cubic-bezier(0.175, 0.885, 0.32, 1.5);
    --logoaspectratio: 2.8;
    --radius1: 0px;
}

/*GLOBAL*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left; border-top:0px solid #01005E;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

body {font-size: 1em; font-family: var(--font2); background:var(--bg1); color:var(--text4); padding: 0px 0;}

/*GLOBAL*/
.pos{position: relative; float: left;}
.only-desktop{display: none;}
.only-mobile{display: block;}
.fullsize{position: absolute; width: 100%; height: 100%; top:0; left: 0;}

/*404*/
.wrapper-404{width: 100%; height: 100vh; background: var(--high1);}
.wrapper-404-bg{background: url('images/bg/bg-404.jpg') center; background-size: cover; filter: grayscale(1) blur(5px); opacity: .2; z-index: 1;}
.container-404{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; z-index: 5;}
.txts-404{width: 80%; margin-left: 10%; color:#FFF;}
.txts-404 h1{font-size: 2em; width: 80%; text-transform: uppercase;font-weight: 700;margin-bottom: 20px; margin-top: 0px; font-family: var(--font1);}
.txts-404 h2{font-size: 1.1m;margin-bottom: 50px; font-weight: normal; font-family:var(--font2);}

/*GSAP_STATES*/
.enter-bottom{transform: translateY(20px); opacity: 0;}

/*MISC*/
.en-construccion{width: 100%; min-height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.en-construccion-h1{font-size: 1.2em; width: 80%; font-weight: 500; line-height: 1.6em;}
/*HEADER*/
.header{position: fixed; width: 100%; z-index: 1500; display: flex; flex-direction: column;background: var(--bg1);}
.header-bg{position: absolute; width:100%; height: 100%; top:0; left: 0; background: #FFF; transform: translateY(-100%); transform-origin: top; backdrop-filter:blur(10px); opacity: .95; box-shadow: var(--shadow1); opacity: 0;}
.header-content{position: relative; float: left; display: flex; flex-direction: column;width: 100%; margin-left: 0%; justify-content: space-between; z-index: 1;}
.header-content > a{display: block;}
.mostrar{visibility: visible;width: 100%; min-height: 200px; background: red; position: relative; float: left;}
.logo-wrapper{width: 100%;}
.logo{position: relative; height: 70px; margin: 10px 0; background: url('images/logo.svg') center no-repeat; float: left; width: 100%;}
.main-navigation{width: auto; display: flex; flex-direction: row; justify-content:flex-end; align-items: center; align-content: center;}
.menu-desktop{display: none;}
.header-safe-bg{position: absolute; width: 100%; height: 300px; top:0; left: 0; background: linear-gradient(#000000 20%, #63BC1600 100%); z-index:1; opacity: .4;}
/*BODY*/
.wrapper{background: var(--bg1); padding-top: 130px; width: 100%;}
.content{width: 100%;}

/*BUTTONS*/
.boton{display: block; padding: 15px 20px; font-size: 1.2em; font-weight: 600; text-transform: uppercase;  font-family: var(--font1); background: var(--high1); color:var(--bg1); text-decoration: none; border-radius: 100px; position: relative; float: left; overflow: hidden; z-index: 1;}
.boton2{background: transparent; border:1px solid var(--bg1);}
.boton::after{content:""; position: absolute; width: 100%; height: 100%; background: var(--high2); top:0; left: 0; z-index: -1; transform: scaleX(0); transform-origin: left; transition:all .3s var(--cubic1);}
.boton:hover::after{transform: scaleX(1); transform-origin: left; transition:all .3s var(--cubic1);}
.boton3{text-decoration:none; color: var(--high1);font-size: 1.1em; font-family: var(--font1); text-transform: uppercase; font-weight: 500;}
.boton3::after{content:""; position: relative; float: right; width: 1em; height: 1em; background: url('images/flecha-high1.svg') center no-repeat; background-size: contain;margin-left: 5px; opacity: 0; transform: translateX(-.5em); transition: all .3s ease-out;}
.boton3:hover::after{opacity: 1; transform: translateX(0); transition: all .3s ease-out;}


/*NAV-ICONS*/
.nav-icons{position: relative; display: flex; flex-direction: row; justify-content: flex-end;align-items: center; text-align: center; min-height: 40px; background: var(--high1); width: 90%; padding: 0 5%;}
.nav-icon{position: relative;float: left; margin: 0 10px; height: 20px; width: 20px; fill:var(--bg1);}
.nav-icon > svg{max-width: 100%; aspect-ratio:1;}
.nav-icon:hover{fill:var(--high1); transform: scale(1); transition: transform .2s ease;}
.bars-icon{display:block; display: flex; flex-direction: column; justify-content: space-around;}
.bar-icon{width: 100%; height: 2px; background: var(--bg1); border-radius: 10px;}


/*NAV*/
.nav-main{font-family: var(--font1); width: 100%; float: left; position: relative; background: transparent;}
.dd {display: flex; flex-direction: column; justify-content: center; align-items: flex-end;position: relative; width: 100%; height: auto;}
.dd li{text-align: right; margin: 0 8px;}
#dd li.current-menu-item:hover{margin-bottom: 0px;}
.dd li a{color: var(--text1); text-transform: uppercase; text-decoration: none; white-space: nowrap; padding: 25px 0; display:block; font-weight: 500; letter-spacing: .06em; position: relative;}
.dd li a::after{content:"";position: absolute; width: 100%; height: 2px; background: var(--bg1); bottom:0px; padding: 0 4px; left: -4px; transform: scaleX(0);transition: transform .3s var(--cubic1); transform-origin: left;}
.dd li a:hover::after{transform: scaleX(1); transform-origin: left;}
#dd > li.current-menu-item a, .current-menu-parent > a{animation: current-menu-a .3s  .2s var(--cubic1) forwards;}
#dd > li.current-menu-item a::before, #dd > li.current-menu-parent > a::before{content:""; position:absolute; float: left; width: 30px; aspect-ratio:1; background: url('images/hoja-blanca.svg') center no-repeat; margin-left: calc(0% - 0px); margin-top: -30px; animation: current-main-nav .8s var(--bounce1) forwards; transform: scale(0) rotate(45deg); opacity: 0; transform-origin: 21% 95% ;}
@keyframes current-main-nav{100%{transform: scale(1) rotate(0deg); opacity: 1;}}
.dd li a:hover span{background: var(--high1);}

/*NAV_SECOND_LEVEL*/
:root{ --spacer_submenu: 15px; --padding_ul: 3px;}
.dd li ul::before{content:"";position: absolute; margin-top: calc((var(--spacer_submenu) + var(--padding_ul)) * -1); width: 100%; height: var(--spacer_submenu); background: transparent; margin-left: -10px;}
.dd li ul{background: var(--bg1);  position: absolute; display: none; flex-direction: column; margin: calc(0px + var(--spacer_submenu)) 0 0 -10px; border-radius: 10px; box-shadow:var(--shadow1); padding: var(--padding_ul);}
.dd li:hover ul{display: flex; }
.dd li ul li{text-align: left; margin: 1px 0;}
.dd li ul li a{padding: 10px 12px; margin: 0; font-size: .9em; font-weight: 500; color:var(--text1); border-radius: 8px; width: calc(100% - 24px); transition: all .1s ease-in-out;}
.dd li ul li a::after{content:"";position: absolute; width: 100%; height: 2px; background: var(--high1); bottom:0px; padding: 0 4px; left: -4px; transform: scaleX(0);transition: transform .3s var(--cubic1); transform-origin: left;}
.dd li ul li a:hover{background: var(--high1); color:#FFF; padding: 10px 2px 10px 22px; width: calc(100% - 24px); transition: all .1s ease-in-out;}
.dd li ul li a:hover::after{transform: scaleX(0); transform-origin: left;}
.sub-menu li.current-menu-item a{background: var(--high1); color:#FFF;}
.sub-menu li a::before{display: none;}

/*CUSTOM CLASS NAV MAIN*/
.servicios-main-nav{position: relative;}
.servicios-main-nav > a::before{content:"+"; position: relative; left: 0; top:-.1em; float: left; margin-right: 1px; font-size: 1.3em; transform: rotate(0deg);transition: transform 1s var(--bounce1);}
.servicios-main-nav > a:hover::before{transform: rotate(180deg);}


/*MENU MOBILE*/
.menu-mobile-wrapper{ position: fixed; z-index: 1000; top:130px; width: 100%; height: calc(100vh - 130px); background: var(--bg1);transform: translateX(100%); opacity: 0;}
.menu-mobile{width: calc(100% - 60px); display: flex; flex-direction: column; align-items: flex-end; margin: 20px 30px; }
.menu-mobile > li{display: flex; flex-direction: column; align-items: flex-end;}
.menu-mobile > li.menu-item-has-children > a::after{content:"";position: relative; float: right; width: 1em; height: 1em; background: url('images/arrow-menu.svg') center no-repeat; background-size: contain;}
.menu-mobile > li.menu-item-has-children{margin-right: -1.4em;}
.menu-mobile > li > a{font-size:1.4em; text-decoration: none; color: var(--high1); font-weight: 500; letter-spacing: .05em; text-transform: uppercase; padding: 5px 0px; display: block; text-align: right;}
.menu-mobile > li > ul{float:right; width: calc(100% - 50px); padding: 10px 20px; margin-right: 10px; text-align: right; overflow: hidden; border-right: 1px solid var(--high3);}
.menu-mobile > li > ul > li{ margin-bottom: 10px;}
.menu-mobile > li > ul > li:last-of-type{margin-bottom: 0;}
.menu-mobile > li > ul > li > a{text-decoration: none; color:var(--high1); text-transform: uppercase; font-weight: 400; font-size: 1em;}


/*PAGES*/
.page-header{width: 100%; height: calc(50vh - 90px); display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; overflow: hidden; background: linear-gradient(45deg, var(--high1),var(--high3));}
.page-header-bg-img{position: absolute;  width: calc(100% + 20px); height: 100%; transform: translateX(-20px); top:0; left: 0;}
.page-header-bg-waves{position: absolute; width: 100%; height: 100%; bottom:0; left: 0; background: url('images/bg/page-header-wave.svg') bottom center no-repeat; background-size: contain;}
.page-header-h1{overflow: hidden; width: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10;}
.page-header-h1 > h1{font-size: 2em; color:var(--bg1); font-family: var(--font1); text-transform: uppercase; transform: translateY(100%);}

/*INICIO*/

/*HOME_HERO*/
.home-hero{width: 100%; min-height: calc(100vh - 130px);}

/*HOME_HERO_SLIDE*/
.home-hero-slider-wrapper{position: absolute; width: 100%; height: 100%; background: var(--high1);}
.home-slider-safe-bg{background: linear-gradient(#00000000 30%, #000000); z-index:1; opacity: .7;}
.home-hero-slider{width: 100%; height: 100%;}
.home-hero-slide{width: 100%; height: 100%; display: flex; flex-direction: column; align-content: flex-end; color:var(--bg1);}
.home-hero-slide-2{background: url('images/bg/bg-slide-servicios.jpg') center; background-size: cover;}
.slide-txt{padding: 60px 5%; color:var(--bg1); display: flex; flex-direction: column; z-index: 10;}
.slide-h1{width:95%; font-size: 1.8em;text-transform: uppercase; color: var(--bg1); font-weight: 700; font-family: var(--font1);}
.slide-h1 > a{text-transform: uppercase; text-decoration: none; color: var(--bg1);}
.slide-buttons{margin-top: 30px;}


/*SLIDE_POST_INICIO (SLIDE1)*/
.post-inicio-wrapper{width: 100%; height: 100%;}
.post-inicio{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.post-inicio-image{position: absolute; width: 100%; height: 100%; top:0; left: 0;}
.post-inicio-ultimo{text-transform: uppercase; font-size: 1em; font-weight: 700; letter-spacing: .1em; padding: 5px 0px; margin-bottom: 10px; border-bottom:2px solid var(--bg1); align-self: flex-start;}
.inicio-ver-proyectos{margin-left: 0px; margin-top: 10px;}


/*HOME_SLIDE_SERVICIOS (SLIDE2)*/
.slide-servicios-icon-wrapper{width: 60%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px;}
.slide-servicios-icon{width: 30%; aspect-ratio:1;}
.slide-servicios-icon-oc{background: url('images/icons/obras-civiles-blanco.svg') center no-repeat; background-size: contain;}
.slide-servicios-icon-of{background: url('images/icons/obras-forestales-blanco.svg') center no-repeat; background-size: contain;}
.slide-servicios-icon-omym{background: url('images/icons/obras-menores-y-mantencion-blanco.svg') center no-repeat; background-size: contain;}

/*HOME_HERO_DOTS*/
.home-hero-dots{position: absolute; right: 0px; top:50%; z-index: 100; display: flex; flex-direction: column;justify-content: flex-start; margin: 10px;}
.home-hero-dots li{margin-right: 0px; margin-bottom: 0px;}
.home-hero-dots li button{border: 0; background: rgba(255,255,255,1); color:var(--bg1); border-radius: 100px;aspect-ratio:1; font-size: 0;cursor: pointer; transition: all .5s ease-out; padding: 5px;}
.home-hero-dots li.slick-active button{background: var(--high1); transform: scale(1.2); transition: all .5s ease-out}


/*HOME_EMPRESA*/
.home-empresa{width: 100%; background:var(--bg1); display: flex; flex-direction: column;overflow: hidden;}
.home-empresa-left{width: calc(100% - 60px); padding:60px 30px; background: #63BC16DD; color:var(--bg1); font-family: var(--font1); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: sticky; top:0px; z-index: 10; }
.home-empresa-left-h1{font-size: 2em; margin-bottom: 30px; text-transform: uppercase;}
.home-empresa-left-txt{line-height: 1.6em; font-family: var(--font1); font-size: 1em; font-weight: 300;}
.home-empresa-left-boton{margin-top: 30px;}
.home-empresa-right{width: calc(100% - 60px); padding: 50px 30px;  }
.home-empresa-slide-bg-wrapper{position: absolute; width: 100%; height:100%; top:0; left: 0; z-index: 5;}
.home-empresa-slide{width: 100%; height: 100%; background-size: cover;}
.home-empresa-slide-bg{width: 100%; height: 100% !important;}
.home-empresa-slide-bg-1{background: url('images/bg/home-empresa-slide-1.jpg') center;}
.home-empresa-slide-bg-2{background: url('images/bg/home-empresa-slide-2.jpg') center;}
.home-empresa-slide-bg-3{background: url('images/bg/home-empresa-slide-3.jpg') center;}



.home-empresa-right-slide{width: 100%;border-radius: 30px; border:2px solid rgba(255,255,255,.4); background: rgba(255,255,255,.95); backdrop-filter:blur(20px); z-index: 100;}
.home-empresa-right-item{display: flex; flex-direction: column; margin: 1px;   width: calc(100% - 120px); padding: 30px;}
.home-empresa-right .slick-item{box-shadow: 0px 20px 20px 35px rgba(0,0,0,1);}
.home-empresa-right-icon{width: 120px; aspect-ratio: 1; background: rgba(0,0,0,.05); margin-bottom: 30px;}
.home-empresa-right-h1{font-size: 2em; font-family: var(--font1); font-weight: 500; color:var(--high1); margin-bottom: 20px;}
.home-empresa-right-txt{color:var(--text1); line-height: 1.6em;}
.home-empresa-dots{display: flex; justify-content: flex-start;width: calc(100% - 60px); margin: 0 30px 30px 30px;}
.home-empresa-dots li{margin-right: 10px;}
.home-empresa-dots li button{border: 0; background: rgba(0,0,0,.3); color:var(--bg1); border-radius: 100px;aspect-ratio:1; font-size: 0;cursor: pointer; transition: all .5s ease-out; padding: 5px;}
.home-empresa-dots li.slick-active button{background: var(--high1); transform: scale(1.2); transition: all .5s ease-out}

.responsabilidad-icon{background: url('images/icons/responsabilidad-icon.svg') center no-repeat; background-size: contain;}
.objetivos-icon{background: url('images/icons/objetivos-icon.svg') center no-repeat; background-size: contain;}
.experiencia-icon{background: url('images/icons/experiencia-icon.svg') center no-repeat; background-size: contain;}
.lista-home-empresa-right{margin-top: 20px;}
.lista-home-empresa-right li::before{content:""; position: relative; float: left; width: .5em; aspect-ratio: 1; margin-top: .5em; background: var(--high1); margin-right: 10px;}

/*HOME_SERVICIOS*/
.home-servicios{width: 90%; margin-left: 5%; background:var(--bg1);display: flex; flex-direction: column;  align-items: flex-start;justify-content: center;padding: 50px 0;}
.home-servicios-header{display: flex; flex-direction: column;}
.home-servicios-header-h1{widows: 100%; margin: 5px 0; font-size: 2em; font-family: var(--font1);}
.home-servicios-header-h2{widows: 100%; margin-bottom: 60px;font-weight: 100; font-size: 1.5em; font-family: var(--font1); color:var(--text1);}
.home-servicios-header-h2 span{color: var(--high1); font-weight: 600;}
.home-servicios-gral-txt{line-height: 1.6em; margin-bottom: 50px;}
.home-servicios-wrapper{width: 100%; min-height: 200px; display: flex; flex-direction: column;justify-content: space-between;}
.home-servicios-item{display: flex; flex-direction: column; background: var(--bg1); width: calc(100% - 60px); margin-bottom: 30px; padding: 30px; border-radius: 30px; box-shadow: var(--shadow1);}
.home-servicios-icon{width: 100px; aspect-ratio:1; background-size: contain; margin-bottom: 30px;}
.home-servicios-h1{font-size: 1.7em; font-weight: 400; font-family: var(--font1); color: var(--high1); margin-bottom: 30px;}
.home-servicios-txt{line-height: 1.6em; font-size: .9em; margin-bottom: 40px;}
.home-servicios-boton{align-self: flex-start;}
#servicios-icon-oc{background: url('images/icons/obras-civiles.svg');}
#servicios-icon-of{background: url('images/icons/obras-forestales.svg');}
#servicios-icon-omym{background: url('images/icons/obras-menores-y-mantencion.svg');}



/*HOME_CLIENTES*/
.home-clientes{width: 100%;  background:var(--bg1);}

/*HOME_CLIENTES_HEADER*/
.home-clientes-header{width: 90%; padding: 50px 5%; background: var(--high1);}
.home-clientes-header-bg{background: url('images/bg/bg-home-clientes.jpg') center no-repeat; background-size: cover; filter: grayscale(1) contrast(2); opacity: .1}
.home-clientes-header-h1{font-size: 2em; font-weight: 700; font-family: var(--font1); width: 100%; text-align:center; color:var(--bg1);}

/*HOME_CLIENTE_SLIDE*/
.home-clientes-slide-wrapper{width: 90%; margin-left: 5%; min-height: 200px;}
.home-clientes-slide-overlay{position: absolute; width: 100%; height: 100%; top:0; left: 0; z-index: 10; opacity: 1; pointer-events: none; background: linear-gradient(90deg, var(--bg1) 2%, #FFFFFF00 20% , #FFFFFF00 80% ,var(--bg1) 98%)}
.home-clientes-slide{width: 100%; min-height: 200px;}
.home-clientes-slide-item{width: 20%; aspect-ratio:2;  margin: 50px; filter: grayscale(1); opacity: .8; transition: filter .2s ease-out,  opacity .2s ease-out;}
.home-clientes-slide-item:hover{filter: grayscale(0); opacity: 1; transition: filter .2s ease-out,  opacity .2s ease-out;}

/*HOME_PROYECTOS*/
.home-proyectos{width: 100%; background:var(--bg1); display: flex; flex-direction: column;}
.home-proyectos-header{width: calc(100% - 60px); min-height: 200px; background: var(--high1); padding:60px 30px; color:var(--bg1); display: flex; flex-direction: column; justify-content: center;}
.home-proyectos-h1{font-size: 2em; line-height: 1.3em; font-family: var(--font1);text-transform: uppercase;line-height: .8em; margin-bottom: 30px;}
.home-proyectos-txt{font-size: 1em; margin-bottom: 30px; line-height: 1.6em;}
.home-proyectos-boton{align-self: flex-start; }
.home-proyectos-wrapper{width: calc(100% - 30px); padding: 0 15px; min-height: 200px; background: var(--bg2);}
.home-proyectos-wrapper > .loop{width: 100%; padding:60px 0; margin: 0;}
.home-proyectos-wrapper > .loop .loop-item{margin:0 0 10px 0;}

/*HOME_CONTACTO*/
.home-contacto{width: 100%; min-height: 100vh; background:var(--bg1);}


/*NOSOTROS*/
.nos-desc-wrapper{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--high1);}
.nos-desc-bg{position: absolute; width: 100%; height: 100%; background: url('images/bg/mision.jpg') center no-repeat; background-size: cover; filter: grayscale(1); opacity: .1; background-attachment: fixed;}
.nos-desc-txt{width: 80%; margin: 60px 0; color:var(--bg1); font-size: 1.2em; font-family: var(--font1); line-height: 1.6em; font-weight: 100;}

/*NOSOTROS_MV*/
.mv-wrapper{width: 80%; padding: 100px 10%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: var(--bg1); perspective: 1000px;}
.mv-item{width: 100%; margin-bottom: 40px;}
.mv-item-h1-wrapper{width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.mv-item-icon{width: 120px; aspect-ratio:1; margin-right: 10px;}
.mv-item-h1{font-size: 2.2em; font-family: var(--font1); color: var(--text2);}
.mv-item-txt{color:var(--text2); font-size: .9em; line-height: 2em; text-align: justify; width:100%; margin-top: 40px; padding-left: 0px;}
#mision-icon{background:#FFF url('images/icons/mision-icon.svg') left no-repeat; background-size: contain; }
#vision-icon{background:#FFF url('images/icons/vision-icon.svg') left no-repeat; background-size: contain; }

/*EQUIPO*/
.equipo-page-header{width: 100%; min-height: calc(100vh - 90px); overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.equipo-page-header-content-wrapper{width: 60%; text-align: center; font-size: 3em; font-weight: bold; letter-spacing: .1em; text-transform: uppercase; color:#FFF;}
.equipo-intro{width: 80%; z-index: 1; padding: 60px 10%; background: var(--high1);text-align: left; }
.equipo-intro-txt{font-size: 1.2em; font-weight: 100; line-height: 1.2em; color:var(--bg1); font-family: var(--font1);transform: translateY(50px); opacity:0;}

/*EQUIPO_LOOP_GERENCIA*/
.equipo-loop-gerencia{width: 90%; padding: 60px 5%; background: var(--bg1); height: auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; perspective: 1000px;}
.equipo-loop-item-gerencia{width: 100% ; margin-bottom: 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; perspective: 1000px;}
.equipo-loop-item-gerencia:first-of-type{margin-right: 40px;}
.equipo-loop-item-gerencia-bg{ position: absolute; width: 100%; height: 100%; background: red; filter: grayscale(1) blur(5px); z-index: 1; opacity: 0;}
.equipo-loop-item-gerencia-img{width: 100%; aspect-ratio: 9/11; border-radius: 20px; background: rgba(0,0,0,.05); opacity: 1; z-index: 5;}
.equipo-loop-item-gerencia-txt{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 0px; z-index: 5; padding: 20px 0;}
.equipo-loop-item-gerencia-txt .equipo-loop-item-h1{font-size: 1.5em;}
.equipo-loop-item-gerencia-txt .equipo-loop-item-cargo::after{content:""; position: relative; float: right; height: 1.5em; width: 1.5em; margin-top: -.6em; background: url('images/hoja.svg') center no-repeat; background-size: contain; margin-right: 5px;}

/*EQUIPO_LOOP*/
.equipo-loop{width: 90%; padding: 20px 5%; background: var(--bg1); height: auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; perspective: 1000px; background: rgba(0,0,0,.02);}
.equipo-loop-item{width: calc(100% - 50px); margin: 25px; display: flex; flex-direction: column; justify-content: center;align-items: stretch;}
.equipo-loop-item-img{width: 100%; aspect-ratio: 1; border-radius: 30px; background: rgba(0,0,0,.05); opacity: 1; z-index: 5;}
.equipo-loop-item-txt{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 30px;}
.equipo-loop-item-h1{font-size: 1.1em; font-weight: 500; font-family: var(--font2);}
.equipo-loop-item-profesion{margin-top: 5px; font-size: .9em; font-style: italic;}
.equipo-loop-item-cargo{margin-top: 20px; font-size: 1.1em; font-weight: 500; color:var(--high2);clear: both;}
.equipo-loop-item-cargo::after{content:""; position: relative; float: right; height: 1.5em; width: 1.5em; margin-top: -.6em; background: url('images/hoja.svg') center no-repeat; background-size: contain; margin-right: 5px;}

/*SLICK_SLIDER*/
.slick-slider{overflow: hidden;}
.slick-list{width: 100%; height: 100%;}
.slick-track{width: 100%; height: 100%;}
.slick-arrow{pointer-events: none; position: absolute; height: calc(100% - 100px); padding:0; width: 30px; box-shadow: -10px 0px 20px -14px rgba(0,0,0,1); border:0px; background: #FFF;}
.slick-next{right: -60; float: right;z-index: 10; }
.slick-prev{z-index: 10; float: left;transform:rotate(180deg);}

/*ESTRUCTURA ORGANIZACIONAL*/
:root{  --height_lines: 30px;
        --line_weight: 1px;
        --min_height: 82px;
        --color_line: #00000040;
}
.estructura-organizacional{width: 100%; padding: 100px 0; }
.est-wrapper{width: 90%; margin-left: 5%;min-height: 200px;}
.est-level{width: 100%; display: flex; justify-content: space-around; perspective: 1000px;}
.est-item{min-height: var(--min_height); width: 30%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.est-item-hidden{visibility: hidden;}
.est-item-content{min-height: var(--min_height); width: calc(100% - 20px); padding: 10px; background: var(--bg2); box-shadow: var(--shadow1); border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.est-item-content-h1{font-size: 1em; font-family: var(--font1); margin-bottom: 10px;}
.est-item-content-h2{font-size: .7em; font-style: italic;}
.est-item-content-h3{font-size: 1em; font-family: var(--font1);}

/*ITEMS_COLORS*/
.type-1{background: var(--high1); color: var(--bg1);}
.type-2{background: #BF9000; color: var(--bg1);}
.type-3{background: var(--high2); color: var(--bg1);}
.type-4{background: var(--high1); color: var(--bg1);}

/*LEVEL 1*/
.est-item-level-1{width: 30%; min-height: var(--min_height); }

.est-line-level-1{width: 50%; min-height: var(--height_lines);border: var(--line_weight) solid var(--color_line); border-top:0;}

/*LEVEL 2*/
.est-level-2{align-items: center; justify-content: center;}
.est-item-level-2{width: 30%; min-height: var(--min_height);}
.est-item-level-2-aux{height: var(--line_weight); width: 10%; background: var(--color_line);}
.est-line-level-2{width: var(--line_weight); min-height: calc((3*var(--height_lines)) + var(--min_height) +  22px); margin-bottom: calc(((2*var(--height_lines)) + var(--min_height) + 22px)* (-1)); background: var(--color_line);}

/*LEVEL 3*/
.est-line-level-3{width: 66.6%; min-height: var(--height_lines);border: var(--line_weight) solid var(--color_line); border-bottom:0; margin-top: var(--height_lines);}

/*LEVEL 4*/
.est-level-4{justify-content: center; align-items: center;}
.est-line-level-4{width: var(--line_weight); min-height: calc(4* var(--height_lines) + 2.5 * (var(--min_height)) + 22px); margin-bottom: calc((3* var(--height_lines) + 2.5 * (var(--min_height)) + 20px) * (-1)); background: var(--color_line);}
.est-item-level-4-aux{width: 20%; height: var(--line_weight); background: var(--color_line);}
.est-tamara-acuna{margin-left:10%;}

/*LEVEL 5*/
.est-level-5{margin-top: var(--height_lines); justify-content: center; align-items: center;}
.est-item-level-5-aux{width: 20%; height: var(--line_weight); background: var(--color_line);}

/*LEVEL 6*/
.est-level-6{margin-top: var(--height_lines); justify-content: center; align-items: center;}
.est-item-level-6-aux{width: 10%; height: var(--line_weight); background: var(--color_line);}

/*AREA DE ACCION*/
.area-accion{width: 100%; min-height: 200px; padding: 60px 0;}
.area-accion-wrapper{width: 90%; margin-left: 5%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.area-accion-left{width: 100%; aspect-ratio:1;min-height: 200px; background: url('images/area-de-accion-general.svg') right no-repeat; background-size: contain; position: relative; top: 0px; float: left;}
.area-accion-right{width: 100%; margin-left: 0%; margin-top: 40px; display: flex; flex-direction: column; perspective: 1000px;}
.area-accion-item{display: flex; flex-direction: column; margin-bottom: 50px; width: calc(100% - 62px); padding: 30px; border:1px solid rgba(0,0,0,.1); box-shadow: var(--shadow1); border-radius: 30px;}
.area-accion-h1{font-size: 1.3em; color: var(--high1); margin-bottom: 20px;}
.area-accion-txt{font-size: .9em; color: var(--text1); line-height: 1.6em; margin-bottom: 20px;}
.area-accion-boton{align-self: flex-start;}

/*ACCION SOCIAL Y COMPROMISO AMBIENTAL*/
.asyca-wrapper{padding: 50px 10%; display: flex; flex-direction: column;justify-content: space-between; gap:20px;}
#asyca-reciclaje{background: url('images/icons/reciclaje.svg') center no-repeat; background-size: contain;}
#asyca-energia{background: url('images/icons/energia.svg') center no-repeat; background-size: contain;}
#asyca-seguridad{background: url('images/icons/seguridad.svg') center no-repeat; background-size: contain;}
#asyca-navidad{background: url('images/icons/navidad.svg') center no-repeat; background-size: contain;}

/*ASYCA_FILES*/
.asyca-files-wrapper{width: 80%; margin-left:10%; display: flex; flex-direction: column; flex-wrap: wrap; gap:30px; padding: 50px 0;}
.archivo-loop-item{width: calc(100% - 60px); padding: 30px; border-radius: 30px; background: var(--bg1); box-shadow: var(--shadow1); display: flex; flex-direction: row;}
.archivo-loop-item-txt{width: calc(100% - 100px); display: flex; flex-direction: column;}
.archivo-loop-category{text-transform: uppercase; font-size: .6em; letter-spacing: .5em; opacity: .6; margin-bottom: 10px; color:var(--high1); font-weight: 800;}
.archivo-loop-item-h1{line-height: 1.6em; font-size: .8em; font-weight: 600; color:var(--text3); text-decoration: none;}
.archivo-loop-item-h1:hover{text-decoration: underline;}
.archivo-loop-item-icon{width: 80px; aspect-ratio: 1; border-radius: 20px; margin-left: 20px; background:#FAFAFA url('images/icons/download-icon.svg') center no-repeat; background-size: contain;transition: .5s ease-in-out;}
.archivo-loop-item-icon:hover{transform: scale(1.1);box-shadow: 10px 10px 30px -20px rgba(0,0,0,.7);transition: .2s ease-out;}

/*SERVICIOS*/
.servicios-header{width:100%; padding: 60px 0; display: flex; justify-content: center; background: var(--high1); color:var(--bg1); overflow: hidden;}
.servicios-header-h1{font-size: 1.2em; line-height: 1.6em; font-weight: 100; color:var(--bg1); width: 80%; font-family: var(--font1);}
.servicios-intro-txt{line-height: 1.6em;padding: 100px 10%; font-size: 1.3em; background: var(--bg3);}
.servicios-items-wrapper{width: 90%; padding: 50px 5%; overflow: hidden;}
.servicios-item{width: 100%; padding: 0px 0 0px 0;}
.servicios-item-left{width: calc(100% - 20px); padding: 20px 20px 20px 0px; display: flex; flex-direction: column; justify-content: center; position: relative; top:0px; border-bottom-right-radius: 30px; box-shadow: 20px 30px 50px -30px rgba(0,0,0,.2); z-index: 10; background: var(--bg1); aspect-ratio: 16/5; margin-bottom: 30px; margin-top: 50px;}
.servicios-item-left-header{display: flex; flex-direction: row; align-items: flex-end;}
.servicios-item-icon{width: 60px; aspect-ratio:1; margin-bottom: 0px;}
.servicios-item-h1{font-size: 1.6em; color:var(--high1); font-family: var(--font1); margin-bottom: 0px; margin-left: 10px;}
.servicios-item-txt{line-height: 1.6em; font-size: .9em; display: none;}
.servicios-item-boton{align-self: flex-start; margin-top: 20px;}
.servicios-item-right{width: 100%; font-size: .9em; margin-left: 0px; line-height: 2em;}

#servicios-icon-oc{background: url('images/icons/obras-civiles.svg') center no-repeat; background-size: contain;}
#servicios-icon-of{background: url('images/icons/obras-forestales.svg') center no-repeat; background-size: contain;}
#servicios-icon-omym{background: url('images/icons/obras-menores-y-mantencion.svg') center no-repeat; background-size: contain;}
#servicios-icon-turismo{background: url('images/icons/turismo.svg') center no-repeat; background-size: contain;}

.servicios-list li{font-size:1.2em; margin-bottom: 1em; line-height: 1.5em; margin-left: 2em;}
.servicios-list li::before{content:""; position: relative; float: left; width: 1em; aspect-ratio: 1; background: url('images/check.svg') center no-repeat; background-size: contain; margin-right: .5em; margin-top: .1em; margin-left: -2em;}

/*CONTACTO*/
.contacto-items{width: 80%; padding: 100px 10%; display: flex; flex-direction: column; justify-content: flex-start;background: linear-gradient(45deg,var(--high2),var(--high1)); color:var(--bg1); font-weight: 600; letter-spacing: .1em; overflow: hidden;}
.contacto-items-bg{background: url('images/bg/bg-contacto-items.jpg') center; background-size: cover; filter: grayscale(1); opacity: .1; background-attachment: fixed;}
.contacto-item{margin-bottom: 20px; margin: 10px 20px; display: flex; justify-content: flex-start; align-items: flex-start;}
.contacto-item-icon{width: 30px; aspect-ratio:1; background: red;}
.contacto-item-txt{width: calc(100% - 80px); margin-left: 20px; font-family: var(--font1); font-size: 1.6em;}
.contacto-wrapper{width: 80%; margin-left: 10%; padding: 50px 0 0 0; display: flex; flex-direction: row; justify-content: center;}
.contacto-form{width: 100%;}

#icon-correo{background: url('images/icons/contacto-mail.svg') center no-repeat; background-size: contain;}
#icon-telefono{background: url('images/icons/contacto-phone.svg') center no-repeat; background-size: contain;}
#icon-direccion{background: url('images/icons/contacto-direccion.svg') center no-repeat; background-size: contain;}


/*FORMULARIO CONTACTO*/
.wpcf7{width: 100%; margin-top: 0px; font-size: 1em;}
.wpcf7-form{display: flex; flex-direction: column; justify-content: center;width: 100%; float: left; position: relative; font-family: var(--font1);}
.wpcf7-form > p{margin-bottom: 30px; float: left; position: relative; width: 100%; font-size: 1.2em;}
.wpcf7-form > p:last-of-type{text-align: center;}
.wpcf7-form > p:last-of-type > button{width: 100%;}
.wpcf7-form > p > label{float: left; position: relative; width: calc(100% - 35px); border-radius: 28px; padding-left: 35px;}
.wpcf7-form > p > label > span{position: relative; float: left;width: 100%;}
.wpcf7-form > p > label > span > input, .wpcf7-form > p > label > span > textarea{width: calc(100% - 38px); margin-left: -35px; padding:15px 15px 15px 55px;background: rgba(0,0,0,.04); resize: none; color: var(--text1); border-radius: 28px; font-family: var(--font2);border: 1px solid rgba(0,0,0,0); font-size: .9em; font-weight: 600; transition: border 1s var(--cubic1);}
.wpcf7-form > p > label > span > input:focus, .wpcf7-form > p > label > span > textarea:focus{border:1px solid var(--high1); transition: border 1s var(--cubic1);}
.wpcf7-form > p > label > span > input::placeholder, .wpcf7-form > p > label > span > textarea::placeholder{opacity: .6; font-weight: normal;}
.wpcf7-form > p > label > span > textarea{height: 100px; overflow-y: auto;}
.wpcf7-form > p > label > span > textarea::-webkit-scrollbar-track {background:rgba(255,255,255,.1); border-radius: 100px;}
.wpcf7-form > p > label > span > textarea::-webkit-scrollbar-thumb {background: rgba(255,255,255,.2); border-radius: 10px;animation: scrollbar-thumb-bg-animated 1s linear alternate infinite; cursor: pointer !important;}
.wpcf7-form > p > label > span > textarea::-webkit-scrollbar-thumb:hover {border-radius: 10px; background: rgba(4,255,255,.8)}
.wpcf7-form > p > label{--bg_position: 0 0; background-position: top;}
.wpcf7-form > p > label:before{content: ""; position: absolute; height: 25px; width: 25px; top:12px; left: 15px;  background-size: cover;background-position: var(--bg_position);}
.form-name:before{background: url('images/icons/user.svg') top; z-index: 1}
.form-mail:before{background: url('images/icons/mail.svg') top; z-index: 1}
.form-message:before{background: url('images/icons/message.svg') top; z-index: 1}
.send-contact{border:0px; padding: 15px 40px; color:#FFF; background: linear-gradient(128deg,  var(--high1) 50%,var(--high2) 100%); background-size: 300% 100%; background-position:0 0; font-family: var(--font2); font-size: 1.1em; text-transform: uppercase; font-weight: bold; letter-spacing: .1em; border-radius: 50px; cursor: pointer;transition: all 2s var(--cubic1); width: 100%; margin-top: -20px;}
.send-contact:hover{background-position:100% 0; transition: all 1s var(--cubic1);}

/*CONTACTFORM 7*/
@keyframes not-valid-tip{0%{transform: translateY(20px);}100%{transform: translateY(0);}}
.wpcf7-not-valid-tip{margin-top: 10px; color: var(--high2) !important; font-family: var(--font2); font-weight: 600 !important; font-size: .8em !important; animation: not-valid-tip .3s var(--bounce1) forwards; transform-origin: center;}
@keyframes response-output-bg{0%{background-color:var(--high2);}100%{background-color: var(--high2);}}
@keyframes response-output{0%{transform: scale(0); opacity: 0;}100%{transform: scale(1); opacity: 1;}}
.wpcf7-response-output{font-family: var(--font2); font-weight: normal; color:#FFF; background: var(--high2); border: 0px !important; width: calc(100% - 40px) !important; padding: 20px !important; margin:-80px 0 20px 0 !important; border-radius: 20px; font-size: .9em; line-height: 1.6em;animation:response-output .2s var(--cubic1) forwards, shake2 .8s .5s var(--cubic1) forwards; transform-origin: top;}
.wpcf7-spinner{margin: 20px 0 20px calc(50% - 12px) !important; background-color:var(--high1) !important;}
/*SINGLE*/
.post-meta{width: 100%; background: #FFF; display: flex; flex-direction: column;align-items: center;}
.featured-image-single{width: 100%; aspect-ratio: 16/9;}
.single-meta{ width: 80%; margin:30px 10%; display: flex; flex-direction: column; justify-content: center;}
.single-meta > h1{font-size: 1.5em; color:var(--text3); font-family: var(--font2);}
.fecha-single{font-family: var(--font2); font-size: .8em; opacity: .6; margin-top: 10px;}

/*SINGLE_CONTENT*/
.post-content{width: 90%; padding: 100px 5%; font-family: var(--font2); line-height:1.6em;}
.post-content-meta{width: 30%; min-height: 200px; position: sticky; top:120px; display: flex; flex-direction: column;}
.post-content-meta-item{display: flex; flex-direction: column; margin-bottom: 20px;}
.post-content-content{width: calc(70% - 120px); padding: 0 60px;}
.post-content-meta-item-header{text-transform: uppercase; font-size: .8em; display: flex; align-items: center;}
.post-content-meta-item-header-icon{width: 1.5em; aspect-ratio:1; background: red; margin-right: 5px;}
.post-content-meta-item-h1{font-size: 1.1em;  font-weight: 600;}
#cliente-proyecto-icon{background: url('images/icons/cliente-proyecto.svg') center no-repeat; background-size: contain;}
#obra-proyecto-icon{background: url('images/icons/obra-proyecto.svg') center no-repeat; background-size: contain;}
#ano-proyecto-icon{background: url('images/icons/ano-proyecto.svg') center no-repeat; background-size: contain;}
.post-content > p{margin-bottom: 50px; font-size: 1em;}
.post-content > h2{font-size: 1.3em; margin-bottom: 20px;}
.post-content > h3{font-size: 1.1em; margin-bottom: 15px;}
.post-content > p > a, .post-content > p > a:visited{color: var(--high1); display: inline-block;font-weight: 500; text-decoration: none;}
.post-content > p > a:after{content:""; position: relative; float: left; height: 1px; width: 100%; background: var(--high1); margin-top: -4px; transform: scaleX(0);transition: transform .3s var(--cubic1); transform-origin: right;}
.post-content > p > a:hover:after{transform: scaleX(1); transition: transform .3s var(--cubic1); transform-origin: left;}
.post-content > p > a[target="_blank"]:before{content:""; position: relative; float: right; width: 10px; height: 10px; top:-3px; background: url('images/external-link.svg') center no-repeat; background-size: contain;transition: transform 1s var(--bounce1);}
.post-content > p > a[target="_blank"]:hover:before{transform: rotate(-360deg); transition: transform 1s var(--bounce1);}
.post-content > p > a[target="_blank"]:after{content:""; position: relative; float: left; height: 1px; width: calc(100% - 10px); background: var(--high1); margin-top: -4px; transform: scaleX(0);transition: transform .3s var(--cubic1); transform-origin: right;}
.post-content > p > a[target="_blank"]:hover:after{transform: scaleX(1); transition: transform .3s var(--cubic1); transform-origin: left;}

/*AUTOR*/
.autor-container{display: none;}
.autor-avatar{width: 40px; height: 40px; border-radius: 30px; overflow: hidden; float: left;}
.autor-txt{margin-left: 10px; display: flex; flex-direction: column;}
.autor-nombre{width: 100%;font-family: var(--font2); font-size: .9em; font-weight: 500; letter-spacing: .1em; color:var(--text2); width: 100%;}
.autor-mail{width: auto;font-family: var(--font2); font-size: .7em; color:rgba(0,0,0,.5); font-weight: 500; align-self: flex-start;}
.autor-mail a{color:var(--high1); text-decoration:none; display: block;}
.autor-mail a::after{content: ""; position: relative; float: left; width: 100%; height: 1px; background: var(--high1); margin-top: 3px; transform: scaleX(0); transition: transform .5s var(--cubic1); transform-origin: right;}
.autor-mail a:hover::after{transform: scaleX(1);transition: transform .5s var(--cubic1); transform-origin: left;}
    

/*LOOP*/
.loop{width: 90%; margin-left: 5%; margin-top: 40px; margin-bottom: 60px;display: flex; flex-direction: column;}
.loop-header-bg{background: url('images/bg/bg-loop-header.jpg') center no-repeat; background-size: cover;}
.content-title{display: none;}
.post{width: 100%;}
.loop-item{width:100%; background:#FAFAFA;box-shadow: 0px 10px 40px -20px rgba(0,0,0,.4); border-radius: 20px; overflow: hidden;margin:10px 0; overflow:none; display: flex; flex-direction: column; transform: translateY(200px); opacity: 0;}
.loop-image{width: 100%; padding-top: 56.25%; background: rgba(0,0,0,.05);}
.loop-txt{width: calc(100% - 40px); height: auto; bottom: 0; left: 0; padding: 20px; font-family: var(--font2); color:rgba(0,0,0,.6); }
.loop-h1{width:100%; line-height: 1.3em;}
.loop-h1 a{color:rgba(0,0,0,.6); font-weight: 600; text-decoration: none; font-size: 1.1em;}
.loop-h1 a:hover{text-decoration: underline;}
.loop-category{ margin-top: 10px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.loop-category a{color:rgba(0,0,0,.4); text-transform: uppercase; font-weight: 700; font-size: .7em; text-decoration: none;}
.loop-category a:hover{text-decoration: underline;}

/*AUTOR_LOOP_BLOG*/
.autor-loop-container{width:calc(100% - 40px); border-top: 1px solid rgba(0,0,0,.05); padding: 20px; display: flex; flex-direction: row; align-items: center;}
.autor-loop-avatar{width: 40px; height: 40px; min-width: 40px; min-height: 40px;opacity: .8;  border-radius: 30px; overflow: hidden; float: left; margin-right: 10px;}
.autor-loop-avatar > img{width: 100%; height: 100%;}
.autor-loop-txt{letter-spacing: .05em; width: 100%;}
.autor-loop-nombre{width: 100%;font-family: var(--font2); font-size: .7em; font-weight: 600; color:rgba(0,0,0,.5); width: 100%;}
.autor-loop-mail{width: 100%;font-family: var(--font2); font-size: .6em; margin-top: 3px; color:rgba(0,0,0,.5); font-weight: 600; width: 100%;}
.autor-loop-mail a{color:#4FC8B7 !important; text-decoration: none;}
.autor-loop-mail a:hover{text-decoration: underline;}


/*BLOG*/

/*PAGINATION*/
.pagination{width:90%; padding:0 5% 60px 5%; margin-top: -30px; display: flex; justify-content: flex-end;}
.pagination a{display: block; padding: 12px 25px; text-decoration: none; font-weight: 700; background: var(--high1); text-transform: uppercase; color: var(--bg1); border-radius: 100px; margin: 0px 5px;}
.pagination a:hover{background: var(--high2);}
/*FOOTER*/
.foot{position: relative; float: left;width: 100%; font-size: 1em; color:var(--bg1); background: var(--high1); padding: 60px 0;}
.foot-bg{background: url('images/bg/bg-foot.jpg') center; background-size: cover; filter: grayscale(1); opacity: .1;}
.foot-logo{display: block;width: 150px; aspect-ratio:1; background: url('images/logo-foot.svg') top center no-repeat; background-size: contain;}
.foot-row{width: 90%; margin-left: 5%;}
.foot-columns-wrapper{width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap;}
.foot-description{line-height: 2em; font-size: .8em; text-align: justify;}
.foot-column{width: 100%; margin-left: 0px; margin-bottom: 40px; display: flex; flex-direction: column; border-left:0;}
.foot-column-logo{margin-bottom: 30px !important;}
.foot-column-h1{font-weight: 550; text-transform: uppercase; letter-spacing: .1em;font-size: .8em; margin-bottom: 30px; width: 100%;}
.foot-column-h1::after{content:""; position: relative; float: left; width: 100%; height: 3px; margin-top:10px; transform: scaleX(.2); transform-origin: left; background:var(--bg1);}
.foot-column:first-of-type{margin-left: 0;}
.foot-contacto-wrapper{display: flex; flex-direction: column;}
.foot-contacto-item{margin-bottom:5px; display: flex; align-items: center; font-size: .9em;}
.foot-contacto-item-icon{width:20px; aspect-ratio:1; margin-right: 10px;}
.foot-contacto-item-icon > svg{width: 100%; height: 100%; fill:var(--bg1);}
.foot-contacto-item-text > a{text-decoration: none; color:var(--bg1);}
.foot a::after{content:""; position: relative; float: left; background: var(--bg1); width: 100%; height: 1px; margin-top: 2px; transform: scaleX(0); transform-origin: left; transition: transform .2s var(--cubic1);}
.foot a:hover::after{transform: scaleX(1); transform-origin: left; transition: transform .2s var(--cubic1);}

.foot-credits{width: 100%; margin-left: 0; min-height: 60px; background: var(--high1); margin-top: 50px;}
.foot-credits-content{height: 60px; width: 90%; margin-left: 5%;  display: flex; flex-direction: row; align-items: center;}
.foot-credits-logo{height: 40px; aspect-ratio: var(--logoaspectratio); background: url('images/logo-foot.svg') left no-repeat; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: -5px;}
.foot-credits-txt{margin-left: 20px; padding-left: 20px; height: 30px; border-left: 1px solid rgba(255,255,255,.3); display: flex; flex-direction: row; align-items: center; font-size: .7em; letter-spacing: .1em; opacity: .8;}
.foot-credits-txt a{color:var(--bg1); text-decoration: none; margin-left:5px;}
.foot-credits-txt a:hover{text-decoration:underline;}
.foot-credits-txt > svg{height: 1.5em; aspect-ratio:1; fill: var(--bg1); margin: 0 5px; animation: float-cloud 2s ease-in-out infinite alternate;}
@keyframes float-cloud{
    0%{transform: translate(0px)}
    100%{transform: translateX(8px)}
}
/*NAV FOOT*/
.nav-foot{width: 100%;}
.nav-foot li{margin-bottom: 30px; width: 100%;}
.nav-foot li a{text-decoration: none; color: var(--bg1); display: block;letter-spacing: .1em; width: 100%; font-size: .9em;}
.nav-foot li a::after{content:""; position: relative; float: left; height: 1px; width: 100%; margin-top: 5px; background: var(--bg1); transform: scaleX(.0); transition: transform .2s var(--cubic1); transform-origin: left;}
.nav-foot li a:hover::after{transform: scaleX(.2);}
.nav-rrss-foot{width: 100%;}
.nav-rrss-foot > a{margin-bottom: 20px;}
.nav-rrss-foot > a:hover{fill:var(--high1);}
.nav-foot li ul{margin-left: 10px; margin-top: 10px; font-size: .8em; height: auto !important;}
.nav-foot li ul li{margin-bottom: 10px;}
.nav-foot li.current-menu-item > a{background: transparent !important;}

/*FORM FOOT*/
.foot-form > .wpcf7 > .wpcf7-form > p > label > span > input, .foot-form > .wpcf7 > .wpcf7-form > p > label > span > textarea{width: calc(100% - 38px); margin-left: -35px; padding:15px 15px 15px 55px;background: rgba(255,255,255,1); resize: none; color:var(--text1); border-radius: 28px; font-family: var(--font2);border: 1px solid rgba(0,0,0,0); font-size: .9em; font-weight: 600; transition: border 1s var(--cubic1);}

/*BG*/
.safe-bg{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+79 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 79%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 79%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 79%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}

.gradient-animated{animation: gradient-animate 2.5s linear infinite; background-size: 200% 200%; background-position: 0 0;}
@keyframes gradient-animate{
    0%{background-position: 0 0;}
    50%{background-position: 100% 100%;}
    100%{background-position: 0 0;}
}

.gradient1{background: linear-gradient(30deg, var(--high1) 40%, var(--high2));}


/******************/
/**DESKTOP*********/
/*****************/

@media screen and (min-width:800px){
    
/*404*/
.txts-404 h1{font-size: 4em; width: 80%;margin-bottom: 20px; margin-top: 50px; }
.txts-404 h2{font-size: 1.3em;margin-bottom: 50px;}    
    
/*GLOBAL*/
    .only-desktop{display: block;}
    .only-mobile{display: none;}
    
/*MISC*/
.en-construccion-h1{font-size: 3em; width: 60%; font-weight: 700;}
    
/*HEADER*/
    .header{background: transparent}
    .header-bg{background: #63BC16; opacity: 1;}
    .header-content{height: auto; width: 93%; margin-left: 5%; flex-direction: row-reverse;}
    .menu-desktop{display: block; width: auto; position: relative; float: left; margin-right: 0px; border:1px solid #FFFFFF90; padding: 5px 20px; border-radius: 100px; backdrop-filter: blur(10px);}
    .logo-wrapper{width: 200px;}
    .logo{height: 120px; margin: 20px 0; background: url('images/logo-foot.svg') left no-repeat;}
    .wrapper{position: relative; float: left; padding-top: 0px;}
    
/*NAV*/
    .nav-main{background: var(--bg1); border-radius: 100px; background: transparent;}
    .dd{display: flex; flex-direction: row; justify-content: center; align-items: center;position: relative; width: 100%;}
    .dd li{text-align: center; margin: 0px 10px;}
    .dd li a{padding: 10px 5px; color:var(--bg1);}
    
    /*NAV-ICONS*/
    
/*NAV_ICONS*/
    .nav-icons{display: none;}
    
/*HOME_HERO*/
.home-hero{width: 100%; min-height: 100vh;}    
    
/*HOME_HERO_SLIDE*/
.slide-txt{padding: 60px 5%; color:var(--bg1); display: flex; flex-direction: column; z-index: 10;}
.slide-h1{width:80%; font-size: 5em;text-transform: uppercase; color: var(--bg1); font-weight: 700;font-family: var(--font1);}
.slide-buttons{margin-top: 30px;}
    
/*SLIDE_POST_INICIO (SLIDE1)*/
.inicio-ver-proyectos{margin-left: 10px; margin-top: 0px;}    
    
/*HOME_SLIDE_SERVICIOS (SLIDE2)*/
.slide-servicios-icon-wrapper{width: 30%;}
.slide-servicios-icon{width: 30%;}
    
/*HOME_HERO_DOTS*/
.home-hero-dots{right: 20px; margin: 30px;}
    
/*HOME_EMPRESA*/
.home-empresa{flex-direction: row;}
.home-empresa-left{width: calc(50% - 120px); padding:60px; top:90px;}
.home-empresa-left-h1{font-size: 3em; margin-bottom: 30px;}
.home-empresa-left-txt{font-size: 1.2em; font-weight: 300;}
.home-empresa-left-boton{margin-top: 30px;}
.home-empresa-right{width: calc(50% - 120px); padding: 100px 60px;}
    
/*HOME_SERVICIOS*/
.home-servicios{padding: 100px 0; width: 80%; margin-left: 10%; }
.home-servicios-header-h1{font-size: 4em;}
.home-servicios-header-h2{margin-bottom: 60px;font-size: 2em;}
.home-servicios-wrapper{flex-direction: row; justify-content: space-between; gap:20px;}
.home-servicios-item{width: calc(30% - 60px); margin-bottom: 0;}
.home-servicios-icon{width: 100px; margin-bottom: 30px;}
.home-servicios-h1{font-size: 1.7em; margin-bottom: 30px;}
.home-servicios-txt{line-height: 1.6em; font-size: .9em; margin-bottom: 40px;}
.home-servicios-boton{align-self: flex-start;}
    
/*HOME_CLIENTES_HEADER*/
.home-clientes-header{padding: 150px 5%;}
.home-clientes-header-h1{font-size: 3em;}

/*HOME_CLIENTE_SLIDE*/
.home-clientes-slide-item{width: 20%; aspect-ratio:1;  margin: 50px; filter: grayscale(1); opacity: .8; transition: filter .2s ease-out,  opacity .2s ease-out;}
    
/*HOME_PROYECTOS*/
.home-proyectos{flex-direction: row;}
.home-proyectos-header{width: calc(40% - 120px); padding: 60px;}
.home-proyectos-h1{font-size: 3em; margin-bottom: 50px;}
.home-proyectos-txt{font-size: 1em; margin-bottom: 50px;}
.home-proyectos-wrapper{width: calc(60% - 30px);}
.home-proyectos-wrapper > .loop .loop-item{margin:0 15px 30px 15px;}
    
/*PAGES*/
.page-header{height: calc(100vh - 90px);}
.page-header-h1 > h1{font-size: 6em;}
    
/*NOSOTROS*/
.nos-desc-txt{margin: 150px 0; font-size: 2em;}   
    
/*NOSOTROS_MV*/
.mv-wrapper{width: 80%; padding: 100px 10%; flex-direction: row;}
.mv-item{width: 45%; margin-bottom: 0;}
.mv-item-h1-wrapper{flex-direction: row; align-items: center;}
.mv-item-icon{width: 80px;}
.mv-item-h1{font-size: 3em;}
.mv-item-txt{font-size: .9em; line-height: 2em;width:calc(100% - 90px); margin-top: 40px; padding-left: 90px;}
    
/*EQUIPO*/
.equipo-intro{padding: 150px 10%;}
.equipo-intro-txt{font-size: 3em;}

/*EQUIPO_LOOP_GERENCIA*/
.equipo-loop-gerencia{width: 90%; padding: 60px 5%; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.equipo-loop-item-gerencia{width: calc(50% - 20px); margin-bottom: 0; flex-direction: row; justify-content: center; align-items: flex-end;}
.equipo-loop-item-gerencia:first-of-type{margin-right: 40px;}
.equipo-loop-item-gerencia-txt{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 0px; padding: 20px;}
.equipo-loop-item-gerencia-txt .equipo-loop-item-h1{font-size: 1.5em;}
.equipo-loop-item-gerencia-txt .equipo-loop-item-cargo::after{content:""; position: relative; float: right; height: 1.5em; width: 1.5em; margin-top: -.6em; background: url('images/hoja.svg') center no-repeat; background-size: contain; margin-right: 5px;}

/*EQUIPO_LOOP*/
.equipo-loop{width: 90%; padding: 20px 5%; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.equipo-loop-item{width: calc(25% - 50px); margin: 25px; justify-content: center;align-items: stretch;}
.equipo-loop-item-profesion{margin-top: 5px; font-size: .9em; font-style: italic;}
    
/*SLICK_SLIDER*/    
.slick-slider{overflow: hidden;}
.slick-list{width: 100%; height: 100%;}
.slick-track{width: 100%; height: 100%;}
.slick-arrow{pointer-events: none; position: absolute; height: calc(100% - 100px); padding:0; width: 30px; box-shadow: -10px 0px 20px -14px rgba(0,0,0,1); border:0px; background: #FFF;}
.slick-next{right: -60; float: right;z-index: 10; }
.slick-prev{z-index: 10; float: left;transform:rotate(180deg);}
    
/*AREA DE ACCION*/
.area-accion{padding: 100px 0;}
.area-accion-wrapper{display: flex; flex-direction: row; justify-content: center; align-items: flex-start;}
.area-accion-left{width: 40%; position: sticky; top: 100px;}
.area-accion-right{width: 50%; margin-top: 0; margin-left: 10%;}
.area-accion-item{margin-bottom: 50px; width: calc(100% - 100px); padding: 40px;}
.area-accion-h1{font-size: 1.3em; margin-bottom: 20px;}
.area-accion-txt{font-size: .9em; line-height: 1.6em; margin-bottom: 20px;} 

/*ACCION SOCIAL Y COMPROMISO AMBIENTAL*/
.asyca-wrapper{padding: 50px 10%; display: flex; flex-direction: row;justify-content: space-between; gap:20px;}

/*ASYCA_FILES*/
.asyca-files-wrapper{width: 80%; margin-left:10%; flex-direction: row; flex-wrap: wrap; gap:30px; padding: 50px 0;}
.archivo-loop-item{width: calc(50% - 90px); padding: 30px; border-radius: 30px;}
.archivo-loop-item-h1{font-size:1em; line-height: 1.6em;}
.archivo-loop-item-icon{width: 80px; border-radius: 20px; margin-left: 20px;}

    
/*ESTRUCTURA ORGANIZACIONAL*/
.est-item-content-h1{font-size: 1.6em; margin-bottom: 10px;}
.est-item-content-h2{font-size: 1em;}
.est-item-content-h3{font-size: 1.5em;}
.estructura-img{position: relative; float: left; width: 90%; margin-left: 5%; aspect-ratio: 16/9; background: url('images/estructura-organizacional.jpg') center top no-repeat; background-size: contain; }
    
/*SERVICIOS*/
.servicios-header{padding: 100px 0;}
.servicios-item-left-header{flex-direction: column; align-items: flex-start;}
.servicios-header-h1{font-size: 2.5em;}
.servicios-items-wrapper{padding: 50px 5%;}
.servicios-item{padding: 100px 0 0px 0;}
.servicios-item-left{width: calc(30% - 60px); padding: 30px; position: sticky; top:120px; aspect-ratio: auto; margin-top: 0; margin-bottom: 0;}
.servicios-item-icon{width: 100px; margin-bottom: 25px;}
.servicios-item-h1{font-size: 2em; margin-bottom: 20px; margin-left: 0;}
.servicios-item-txt{font-size: .9em; display: block;}
.servicios-item-boton{ margin-top: 20px;}
.servicios-item-right{width: calc(70% - 100px); font-size: .9em; margin-left: 100px;}
    
/*LOOP*/
    .loop{flex-wrap: wrap; justify-content: flex-start;flex-direction: row; }
    .loop-item{width: calc(33.33% - 20px); margin: 10px;}
    
/*AUTOR*/
    .autor-container{height: 40px; margin-top: 100px; display: flex; flex-direction: row; align-items: center;}    
    
/*SINGLE*/
    .post-meta{flex-direction: row;align-items: center;}
    .featured-image-single{width: 50%;}
    .single-meta{width: calc(50% - 50px); margin: 0 0 0 50px;}
    .single-meta > h1{font-size: 3em;}

/*PAGES*/
    .section-h2{font-size: 4em; margin-top: 20px;}
    .page-txts > h1{font-size: 6em;}

/*CONTACTO*/
.contacto-items{padding: 100px 10%; flex-direction: row; justify-content: center;}
.contacto-item{margin: 0 20px; justify-content: center; align-items: center;}
.contacto-item-icon{width: 100px;}
.contacto-item-txt{font-size: 2em;}
.contacto-wrapper{width: 80%; margin-left: 10%; padding: 100px 0 0 0; display: flex; flex-direction: row; justify-content: center;}
.contacto-form{width: 60%;}

#icon-correo{background: url('images/icons/contacto-mail.svg') center no-repeat; background-size: contain;}
#icon-telefono{background: url('images/icons/contacto-phone.svg') center no-repeat; background-size: contain;}
#icon-direccion{background: url('images/icons/contacto-direccion.svg') center no-repeat; background-size: contain;}
    
/*FORMULARIO CONTACTO*/
    .contacto-left > div[role="form"]{width: 100%;}
    form.wpcf7-form > p:last-of-type{text-align: left;}
    form.wpcf7-form > p:last-of-type > button{width: auto;}

/*FOOT*/
    .foot-columns-wrapper{flex-direction: row; justify-content: space-between;}
    .foot-column{width: calc(33% - 60px); border-left: 1px solid rgba(255,255,255,.4); padding-left: 30px; margin-left: 30px; margin-bottom: 0;}
    .foot-column-logo, #foot-column-1{border-left:0;}
    
    
}


/* inicio barra desplazamiento*/
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar:hover {
	opacity:.1;
}
::-webkit-scrollbar-track {
	background:#eee;

}
::-webkit-scrollbar-thumb {
background: var(--high1);

}

/* Fin barra desplazamiento */
/* webkit, opera, IE9 */
::selection { 
background:var(--high1); 
color:var(--bg1); 
}
/* mozilla firefox */
::-moz-selection { 
background:var(--high1); 
color:var(--bg1); }