/*
Theme Name: Agencia Elévate v1.0 (2024)
Author URI: http://graficolab.cl
Description: agencialevate.cl
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=Montserrat:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
/*VARIABLES*/
:root{
	--bg1:#FFF;
	--bg2:#F5F5F5;
    --bg3:#FAFAFA;
    --text1:#17202A;
    --text2:#666;
    --text3:#555;
    --text4:#444;
    --high1: #2E3959;
    --high2: #F2C21A;
    --high3: #0A1635;
    --shadow1:rgba(4,255,255,.5);
    --shadow2: rgba(255,44,227,.5);
    --font1: 'Montserrat', sans-serif;
	--font2: 'Raleway', 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;
}

/*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(--bg2); color:var(--text4); padding: 0px 0;}

/*GLOBAL*/
.pos{position: relative; float: left;}
.boton{transition: all .1s ease-out;z-index: 1; position: relative; font-size: 16px; padding: 15px 20px; border:1px solid;}
.boton:hover{box-shadow: 8px 8px 0px; transition: all .1s ease-out; }
.boton::before{content:""; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: var(--high2); z-index: -1; transform: scaleX(0); transform-origin: center;transition: transform .2s ease-out;}
.boton:hover::before{transform: scaleX(1); transform-origin: center; transition: transform .2s ease-out;}

/*MISC*/
.fullsize{position: absolute; width: 100%; height: 100%; top:0; left: 0; background-size: cover;}

/*404*/
.wrapper-404{width: 100%; height: 100vh; background: var(--high3);}
.container-404{position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.txts-404{width: 80%; margin-left: 10%;font-family: var(--font1); color:var(--bg1);}
.txts-404 h1{font-size: 4em; text-transform: uppercase; margin-bottom: 20px;}
.txts-404 h2{font-size: 1.2em;margin-bottom: 50px;}
.bg-404{position: absolute; width: 100%; height: 100%; top:0; left: 0; background: url('images/bg/bg-404.jpg') center; background-size:cover;filter: grayscale(1); opacity: .1;}

/*HEADER*/
.header{position: fixed; width: 100%; height: auto; z-index: 1500; display: flex; flex-direction: column;}
.header-bg{width: 100%; height: 140px; background: #17202A; backdrop-filter:blur(10px); top:0; left: 0;transform: translateY(-100%); border-bottom: 1px solid rgba(255,255,255,.06);}
.logo{position: fixed; width: 100%; height: 50px; background: url('images/logo.svg') center no-repeat; margin-left:0; top: 15px; background-size: contain; z-index: 2000; transform: translateX(100px); opacity: 0;}
.header-rrss{position: absolute; width: 90%;display: flex; flex-direction: row; justify-content: space-around; top: 80px; padding:10px 0; right: 5%; border-top:1px solid #F2C21A00;}
.header-rrss > a{display: block; height: 25px; aspect-ratio:1; background: transparent; border: 2px solid var(--high2);  border-radius: 100px; margin-left: 3px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5px; box-shadow: 0px 0px 0px 0px var(--high2);transition: box-shadow .3s var(--cubic1); transform: translateY(20px); opacity: 0;}
.header-rrss > a:hover{box-shadow: 5px 5px 0px 0px var(--high2); transition: box-shadow .3s var(--cubic1);}
.header-rrss > a > svg{fill: var(--high2); width: 100%; height: 100%;}

/*BODY*/

.wrapper{background: var(--bg3); width: 100%;}
.content{width: 100%;}



/*HOME_HERO*/
.home-hero{min-height: 100vh; width: 100%; background: var(--text1); display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; overflow: hidden;}
.home-hero-bg{background: var(--high3) url('images/bg/bg-home-hero.jpg') center no-repeat; background-blend-mode: multiply;background-size: cover;filter: grayscale(0) blur(0px); opacity:.4; }
.hero-wrapper-content{width: 90%;min-height: 100%; margin-top: 0px; padding: 0 5%; display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: center;}
.hero-left{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; opacity: 0; z-index: 5;}
.hero-left-h1{font-size: 2em; width: 100%; margin-top: 00px; line-height: 1em; color:var(--bg1); font-family: var(--font1); text-transform: uppercase; font-weight: 800;}
.hero-left-dinamico{height: 1.5em; width: 100%; margin-top: 10px; z-index: 10;}
.hero-left-h1 > span.text{font-weight: 800; font-size: 1em; color:var(--high2); height: 3em;}
.hero-left-button{text-decoration: none; font-weight: 700; color:var(--bg1); background: transparent; text-transform: uppercase; margin-top: 30px; font-family: var(--font2); box-shadow: 5px 5px 0px 0px var(--bg1); overflow: hidden; margin-bottom: 40px;}
.hero-right{width: 100%; margin-left: 0%; aspect-ratio:1; opacity: 0; z-index: 1; margin-bottom: 0px;}
.hero-right-illustration{position: absolute; width: 100%; aspect-ratio:1; background: url('images/bg/bg-home-hero-right.svg') center no-repeat; background-size: contain;}

/*HOME_VALOR*/
.home-valor{min-height: 100vh; width:100%; background: var(--bg2); display: flex; flex-direction: column; align-items: flex-start;}
.home-valor-header{width: 90%; display: flex; flex-direction: column; align-items: flex-start; background: var(--high2); padding: 50px 5%;color:var(--bg2); color:var(--high3); overflow: hidden;}
.home-valor-header-bg{background: url('images/bg/bg-valor.jpg') center no-repeat; background-size: cover; filter: grayscale(1) contrast(3); opacity: .1; background-attachment: fixed;}
.home-valor-header-h1{font-size: 1.6em; width: 100%; margin-right: 0px; font-weight: 900; text-transform: uppercase; line-height: .9em; margin-bottom: 20px;}
.home-valor-header-txt{line-height: 1.6em; font-size: 1em; width: 100%; font-weight: 500;}
.home-valor-items-wrapper{width: 90%; padding: 50px 5%; flex-direction: column;display: flex; justify-content: space-between;}
.home-valor-item{width: 100%; min-height: 200px; display: flex; flex-direction: column; margin-bottom: 20px;}
.home-valor-item-icon{width: 120px; aspect-ratio:1; background: rgba(0,0,0,.05); margin-bottom: 30px; background-size: contain;}
.home-valor-item-h1{font-size: 1.4em; font-weight: 600; font-family: var(--font1); margin-bottom: 20px;}
.home-valor-item-txt{font-size: 1em; line-height: 1.6em;}
#efectiva{background: url('images/objetivo.svg')center no-repeat;}
#optimizar{background: url('images/optimizar.svg')center no-repeat;}
#presencia{background: url('images/presencia.svg')center no-repeat;}

/*HOME_COMPROMISO*/
.home-compromiso{width: 100%; padding: 0px 0; display: flex; flex-direction: column;align-items: stretch; justify-content: space-between; background: var(--bg1);}
.home-compromiso-left{width: 100%; aspect-ratio:1;padding: 30px 0;}
.home-compromiso-left-img{width: 100%; aspect-ratio:1;background: url('images/jose-barrientos.webp') center no-repeat; background-size: contain; }
.home-compromiso-right{width: 90%; padding: 100px 5%; display: flex; flex-direction: column; justify-content: center;color:var(--text1); background: var(--high2); overflow: hidden; }
.home-compromiso-h1{font-size: 2em; margin-bottom: 30px; font-weight: 900; text-transform: uppercase;}
.home-compromiso-txt{line-height: 1.6em;}
.home-compromiso-boton-wrapper{margin-top: 60px;}
.home-compromiso-boton{text-decoration: none; font-size: 1.5em; font-weight: 700; color:var(--text1); background: transparent; text-transform: uppercase; padding: 20px 30px; font-family: var(--font2); border:2px solid var(--text1); box-shadow: 10px 10px 0px 0px var(--text1); align-self: flex-start;}

/*HOME_SERVICIOS*/
.home-servicios{width: 100%; min-height: 100vh; display: flex; flex-direction: column;}
.home-servicios-header{width: 90%; padding: 100px 5%; background: var(--high3); color:var(--high2); font-family: var(--font1);}
.home-servicios-h1{font-size: 2em; font-weight: 500; text-transform: uppercase;}
.home-servicios-h1 > strong{font-weight: 800; color: var(--bg1);}
.home-servicios-txt{font-size: 1em; font-weight: 400; margin-top: 20px; width: 100%; line-height: 1.6em;}
.home-servicios-items-wrapper{width: 90%; padding: 40px 5%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.home-servicios-item{background: var(--bg1); width: 100%; margin-bottom: 40px; box-shadow: 0px 15px 25px -20px rgba(0,0,0,.5); border-radius: 30px; overflow: hidden;}
.home-servicios-item-img-wrapper{width: 100%; aspect-ratio:16/11; overflow: hidden;}
.home-servicios-item-img{width: 100%; height: 100%; transition: transform .3s var(--cubic1);}
@keyframes shake{0%{transform: rotate(0deg)}5%{transform: rotate(-2deg)}8%{transform: rotate(2deg)}10%{transform: rotate(-2deg)}15%{transform: rotate(0deg)}}
.home-servicios-item-boton-wrapper{position: absolute; z-index: 100; margin-top: -20px; margin-left: 30px; transform:translateX(-150%); transition: transform .3s .1s var(--cubic1); }
.home-servicios-item-boton-wrapper:hover .home-servicios-item-boton{animation: none;}
.home-servicios-item-boton{background: var(--high2); text-transform: uppercase; font-weight: 700; color:var(--high3); padding: 10px 20px; font-family: var(--font1); border:1px solid var(--high3); box-shadow: 5px 5px 0px 0px var(--high3); animation: shake 2s .5s forwards infinite; display: flex; align-items: center;  cursor: pointer;text-decoration: none;}
.home-servicios-item-boton > svg{height: 25px; aspect-ratio:1; fill: var(--high3); margin-right: 5px;}
.home-servicios-item-txts{width: calc(100% - 60px); padding: 50px 30px; color: var(--high3);}
.home-servicios-item-txts::before{content:""; position: absolute; width: 100%; height: 100%; top:0; left: 0; background: var(--high3); transform: scaleX(0); transition: transform .3s var(--cubic1); transform-origin: right;}
.home-servicios-item:hover .home-servicios-item-txts{color: var(--bg1); transition: color .2s var(--cubic1);}
.home-servicios-item:hover .home-servicios-item-txts::before{transform:scaleX(1); transform-origin: left;}
.home-servicios-item:hover .home-servicios-item-img{transform: scale(1.2) translateY(-4%) rotate(-2deg); transition: transform .3s var(--cubic1);}
.home-servicios-item:hover .home-servicios-item-boton-wrapper{transform:translateX(0); transition: transform .3s .1s var(--cubic1);}
.home-servicios-item:hover .home-servicios-item-boton{}
.home-servicios-item-h1{font-size: 1.1em; font-weight: 800; width: 100%; margin-bottom: 30px;text-transform: uppercase; font-family: var(--font1);}
.home-servicios-item-txt{font-size: .9em; text-align: left;line-height: 1.6em; width: 100%;}

#servicios-img-1{background:var(--high3) url('images/bg/servicios/s1.jpg'); background-size: cover; background-blend-mode: screen;}
#servicios-img-2{background:var(--high3) url('images/bg/servicios/s2.jpg'); background-size: cover; background-blend-mode: screen;}
#servicios-img-3{background:var(--high3) url('images/bg/servicios/s3.jpg'); background-size: cover; background-blend-mode: screen;}
#servicios-img-4{background:var(--high3) url('images/bg/servicios/s4.jpg'); background-size: cover; background-blend-mode: screen;}
#servicios-img-5{background:var(--high3) url('images/bg/servicios/s5.jpg'); background-size: cover; background-blend-mode: screen;}
#servicios-img-6{background:var(--high3) url('images/bg/servicios/s6.jpg'); background-size: cover; background-blend-mode: screen;}
#servicios-img-7{background:var(--high3) url('images/bg/servicios/s7.jpg'); background-size: cover; background-blend-mode: screen;}
#servicios-img-8{background:var(--high3) url('images/bg/servicios/s8.jpg'); background-size: cover; background-blend-mode: screen;}

/*HOME_OBTENDRAS*/
.home-obtendras{min-height: 100vh; width: 100%; display: flex; flex-direction: column;align-items: stretch; justify-content: center; --grad_limit1: 50%; background: linear-gradient(180deg,var(--high2) var(--grad_limit1), var(--high3) var(--grad_limit1)); overflow: hidden;}
.home-obtendras-bg{background: url('images/bg/bg-obtendras.jpg') center; background-size: cover; filter: grayscale(1) blur(5px); opacity: .1;}
.home-obtendras-left{width: calc(100% - 100px); height: 50vh; padding: 50px; color:var(--bg1); display: flex; flex-direction: column; justify-content: center;}
.home-obtendras-left .home-obtendras-h1{color: var(--high3);}
.home-obtendras-left .home-obtendras-txt{color: var(--high3);}
.comilla-open-2{display: flex; flex-direction: column; justify-content: center; align-items: center;position: absolute; width: 1em; height: 1em; background: var(--bg1) url('images/comilla-open-2.svg') center no-repeat;background-size:contain; color:var(--high1); border-radius: 100px; margin-top: -25px; margin-left: -.7em; z-index: -1; animation: float 1s ease-in-out alternate infinite;}
.comilla-close-2{display: flex; flex-direction: column; justify-content: center; align-items: center;position: relative; float: right;width: 1em; height: 1em; background: var(--bg1) url('images/comilla-close-2.svg') center no-repeat;background-size:contain; color:var(--high1); border-radius: 100px; margin-top: -25px; margin-left: -.9em; margin-right: .1em; z-index: -1; right: 0; animation: float 1s -1s ease-in-out alternate infinite;}
.home-obtendras-right{width: calc(100% - 100px);  height: 50vh; padding: 50px; color:var(--bg1); display: flex; flex-direction: column; justify-content: center;}
.home-obtendras-h1{font-size: 2em; margin-bottom: 30px; font-weight: 200; text-transform: uppercase; line-height: .9em; z-index: 10;}
@keyframes float{0%{transform: translateY(0)}100%{transform: translateY(-10px);}}
.comilla-open{display: flex; flex-direction: column; justify-content: center; align-items: center;position: absolute; width: 1em; height: 1em; background: var(--high2) url('images/comilla-open.svg') center no-repeat;background-size:contain; color:var(--high1); border-radius: 100px; margin-top: -25px; margin-left: -.7em; z-index: -1; animation: float 1s ease-in-out alternate infinite;}
.comilla-close{display: flex; flex-direction: column; justify-content: center; align-items: center;position: relative; float: right;width: 1em; height: 1em; background: var(--high2) url('images/comilla-close.svg') center no-repeat;background-size:contain; color:var(--high1); border-radius: 100px; margin-top: -25px; margin-left: -.9em; margin-right: .1em; z-index: -1; right: 0; animation: float 1s -1s ease-in-out alternate infinite;}
.home-obtendras-h1 > span{font-weight: 900;}
.home-obtendras-txt{line-height: 2em;}
.home-obtendras-txt::selection{background: var(--high2);}
.home-obtendras-boton{text-decoration: none; font-size: 1.5em; font-weight: 700; color:var(--bg1); background: transparent; text-transform: uppercase; padding: 20px 30px; margin-top: 30px; font-family: var(--font2); border:2px solid var(--bg1); box-shadow: 10px 10px 0px 0px var(--bg1); align-self: flex-start;}

/*HOME_TESTIMONIO*/
.home-testimonios{width: 100%; padding: 100px 0; background: var(--bg1) ;display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--text1); overflow: hidden;}
.home-testimonios-bg{background: url('images/bg/bg-testimonios.jpg') center no-repeat; filter: grayscale(1); opacity: .05; background-attachment: fixed;}
.home-testimonios-wrapper{width: 90%; display: flex; flex-direction: column;}
.home-testimonios-left{width: 100%; min-height: 200px; display: flex; flex-direction: column; color:var(--bg1);}
.testimonios-left-h2{font-size: 1em; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.testimonios-left-h1{font-size: 3em; font-weight: 900; text-transform: uppercase; line-height: .8em; color:var(--high2);}
.home-testimonios-right{width: 100%; min-height: 200px; margin-top: 20px;}
.home-testimonios-slide-wrapper{width: 100%;}
.home-testimonios-slide{width: 100%;}
.testimonio-item{width: calc(100% - 60px); padding: 30px; margin: 10px; border-radius: 20px; display: flex; flex-direction: column; background: var(--bg2); color: var(--text1);}
.testimonio-txt{line-height: 1.6em; font-size: .9em;}
.testimonio-foot{margin-top: 30px; width: 100%; display: flex; justify-content: center; align-items: center;}
.testimonio-icon{width: 60px; aspect-ratio:1; border-radius: 100px;}
.testimonio-foot-txt{width: calc(100% - 100px); margin-left: 20px;}
.testimonio-nombre{font-size: 1.1em; margin-bottom: 8px; font-weight: 700;}
.testimonio-cargo{font-size: .9em; font-style: italic;}

/*TESTIMONIOS DOTS*/
.testimonios-dots{display: flex; justify-content: flex-start;width: calc(100% - 60px;); margin: 0 30px 30px 30px;}
.testimonios-dots li{margin-right: 10px;}
.testimonios-dots li button{border: 0; background: rgba(255,255,255,.3); color:var(--bg1); border-radius: 100px;aspect-ratio:1; font-size: 0;cursor: pointer; transition: all .5s ease-out; padding: 5px;}
.testimonios-dots li.slick-active button{background: var(--high2); transform: scale(1.2); transition: all .5s ease-out}

/*HOME_AGENDAR*/
.home-agendar{width: 100%; min-height: 100vh; display: flex; flex-direction: column; overflow: hidden;}
.home-agendar-header{width: calc(100% - 60px); padding:60px 30px; background: var(--high3); display: flex; flex-direction: column; justify-content: center;}
.home-agendar-header-bg{background: url('images/bg/bg-agendar.jpg') center; background-size: cover; filter: grayscale(1); opacity: .1;}
.home-agendar-h1{font-size: 2em; color:var(--high2); text-transform: uppercase; font-weight: 800; font-family: var(--font1);}
.home-agendar-txt{font-size: 1.2em; margin-top: 10px; color:var(--high2); text-transform: uppercase; font-weight: 800; font-family: var(--font1);}
.home-agendar-form{width: calc(100% - 30px); padding: 15px; background: var(--bg1);}
.meetings-iframe-container{width: 100%;}

/*HOME_PODCAST*/
.home-podcast{width: 100%; padding: 50px 0; background: var(--bg1); align-items: center; justify-content: center; background: var(--high2);}
.home-podcast-wrapper{width: 90%; color:var(--text1); display: flex; flex-direction: column; margin-left: 5%;}
.home-podcast-left{width: 100%; min-height: 200px; margin-right: 0%;}
.home-podcast-right{width: 100%; display: flex; flex-direction: column; margin-top: 30px;}
.home-podcast-right-h1{font-size: 2.5em; font-weight: 900; line-height: .9em; text-transform: uppercase; margin-bottom: 20px;}
.home-podcast-right-h2{font-size: 1.2em; font-weight: 600; margin-bottom: 10px;}
.home-podcast-right-txt{line-height: 1.6em;}
.home-podcast-right-boton{display: block; font-size: 1.2em; text-decoration:none; font-weight: 700; color: var(--high3); font-family: var(--font1); border:2px solid var(--high3); text-transform: uppercase; padding: 20px 25px; align-self: flex-start; box-shadow: 3px 3px 0px 0px var(--high3); margin-top: 20px;}
.home-podcast-right-boton::before{background: #1DB954;}
.home-podcast-right-boton > svg{width: 1em; aspect-ratio:1; margin-right: 5px; fill:var(--high3); }

/*HOME_ACORDEON*/
.home-acordeon{width: 90%; padding: 50px 5%; display: flex; flex-direction: column; align-items: flex-start ; background: var(--text1);}
.home-acordeon-bg{background: url('images/bg/bg-acordeon.jpg') center no-repeat; background-size: cover; background-attachment: fixed; filter: grayscale(0); opacity: .1;}
.home-acordeon-left{width: 100%; margin: 0; display: flex; flex-direction: column;}
.home-acordeon-h1{font-size: 2em; text-transform: uppercase; line-height: 1em; font-weight: 900; color:var(--high2); margin-bottom: 30px;}
.home-acordeon-txt{font-size: 1em; color: var(--bg1); line-height: 1.6em; font-weight: 500; margin-bottom: 50px;}
.home-acordeon-wrapper{width: 100%;}
.home-acordeon-wrapper > .accordion{background: var(--bg1); box-shadow: 0px 20px 20px -30px rgba(0,0,0,1); color:var(--text1); width: calc(100% - 60px); padding: 30px; border-radius: 30px;}
.accordion-item{margin-bottom: 10px;}
.accordion-header{font-size: 1em; line-height: 1.2em; cursor: pointer; padding: 10px 0; margin-left: 1.2em;}
.accordion-header::before{content:""; position: relative; float: left; width: 1em; height: 1em; background: url('images/arrow-high2.svg') center no-repeat; background-size: contain;margin-right: 5px; margin-left: -1.2em; transition: all .1s ease-out;}
.accordion-header.active::before{transform: rotate(180deg); transition: all .1s ease-out;}
.accordion-content{width: calc(100% - 60px); padding: 30px; background: var(--bg2); border-radius: 20px; line-height: 1.6em; display: none;}
.home-acordeon-right{width: 100%;}



/*FOOT*/
.foot{position: relative; float: left;width: 100%; background: url('images/bg/bg-foot.webp'); background-size: cover;font-size: 1em; color:var(--bg1);}


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

@media screen and (min-width:800px){
    
/*GLOBAL*/
.boton{font-size: 20px; padding: 20px 30px; border:2px solid;}
 
/*HEADER*/
.header-bg{height: 60px;}
.logo{position: fixed; width: 400px; height: 50px; margin-left: 5%; background: url('images/logo.svg') left no-repeat; }
.header-rrss{top:20px; right: 40px; width: auto;justify-content: flex-end; padding:0; border-top:0; }
.header-rrss > a{height: 22px; border: 2px solid var(--high2); margin-left: 10px; padding: 10px; box-shadow: 0px 0px 0px 0px var(--high2);transition: box-shadow .3s var(--cubic1);}
    
/*HOME_HERO*/
.home-hero{min-height: 100vh; width: 100%; flex-direction: row; justify-content: center; align-items: center; overflow: hidden;}
.hero-wrapper-content{width: 90%;min-height: 100vh; flex-direction: row; justify-content: center; align-items: center; margin-top: 0}
.hero-left{width: 50%; height: 100%;}
.hero-left-h1{font-size: 3em; margin-top: 200px; line-height: 1em;}
.hero-left-dinamico{height: 3em; margin-top: 10px;}
.hero-left-h1 > span.text{font-weight: 800; font-size: 1.5em; height: 3em;}
.hero-left-button{font-size: 1.5em; font-weight: 700; color:var(--bg1); padding: 20px 30px; margin-top: 30px; margin-bottom: 0px;}
.hero-right{width: 45%; height: calc(100% - 180px); margin-left: 5%; margin-bottom: 0;}
    
/*HOME_VALOR*/
.home-valor{min-height: 100vh;}
.home-valor-header{flex-direction: row; padding: 100px 5%;}
.home-valor-header-h1{font-size: 4em; width: calc(60% - 100px); margin-right: 100px; margin-bottom: 0;}
.home-valor-header-txt{line-height: 1.4em; font-size: 1.3em; width: 40%; font-weight: normal;}
.home-valor-items-wrapper{width: 90%; padding: 100px 5%; flex-direction: row;}
.home-valor-item{width: 30%; margin-bottom: 0;}
.home-valor-item-icon{width: 120px; margin-bottom: 30px;}
.home-valor-item-h1{font-size: 1.4em; margin-bottom: 20px;}
.home-valor-item-txt{font-size: 1em; line-height: 1.6em;}
    
/*HOME_COMPROMISO*/
.home-compromiso{padding: 0px 0; flex-direction: row; align-items: stretch; justify-content: space-between;}
.home-compromiso-left{width: 40%;}
.home-compromiso-right{width: 40%; padding: 100px 10%;}
.home-compromiso-h1{font-size: 4em; margin-bottom: 30px;}
.home-compromiso-txt{line-height: 1.6em;}
.home-compromiso-boton-wrapper{margin-top: 60px;}
.home-compromiso-boton{text-decoration: none; font-size: 1.5em; font-weight: 700; color:var(--text1); background: transparent; text-transform: uppercase; font-family: var(--font2); border:2px solid var(--text1); box-shadow: 10px 10px 0px 0px var(--text1); align-self: flex-start;}    
    
/*HOME_SERVICIOS*/
.home-servicios-header{padding: 100px 5%;}
.home-servicios-h1{font-size: 4em;}
.home-servicios-txt{font-size: 1.3em; margin-top: 20px; width: 60%; line-height: 1.6em;}
.home-servicios-items-wrapper{padding: 40px 5%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.home-servicios-item{width: 23%; margin-bottom: 40px;}
.home-servicios-item-h1{font-size: 1.1em; margin-bottom: 40px;}
.home-servicios-item-txt{font-size: .8em;line-height: 1.6em;}   

/*HOME_OBTENDRAS*/
.home-obtendras{flex-direction: row;background: linear-gradient(90deg,var(--high2) var(--grad_limit1), var(--high3) var(--grad_limit1));}
.home-obtendras-left{width: calc(50% - 200px); height: auto; padding: 100px;}
.home-obtendras-right{width: calc(50% - 200px); height: auto; padding: 100px;}
.home-obtendras-h1{font-size: 4em; margin-bottom: 30px;}
    
/*HOME_TESTIMONIO*/
.home-testimonios{padding: 100px 0; display: flex; flex-direction: row;}
.home-testimonios-wrapper{flex-direction: row;}
.home-testimonios-left{width: 40%;}
.testimonios-left-h2{font-size: 1em; margin-bottom: 20px;}
.testimonios-left-h1{font-size: 5em; line-height: .8em;}
.home-testimonios-right{width: 60%; margin-top: 0;}
.testimonio-txt{line-height: 1.6em; font-size: 1em;}
.testimonio-icon{width: 60px;}
.testimonio-foot-txt{width: calc(100% - 100px); margin-left: 20px;}
.testimonio-nombre{font-size: 1.1em;}
.testimonio-cargo{font-size: .9em; font-style: italic;}    
    
/*HOME_AGENDAR*/
.home-agendar{display: flex; flex-direction: row;}
.home-agendar-header{width: calc(50% - 120px); padding: 60px;}
.home-agendar-h1{font-size: 4em;}
.home-agendar-txt{font-size: 2em;}
.home-agendar-form{width: calc(50% - 60px); padding: 30px;}
    
/*HOME_PODCAST*/
.home-podcast{padding: 100px 0;}
.home-podcast-wrapper{flex-direction: row;}
.home-podcast-left{width: 55%; margin-right: 5%;}
.home-podcast-right{width: 35%; margin-top: 0;}
.home-podcast-right-h1{font-size: 4em; margin-bottom: 30px;}
.home-podcast-right-h2{font-size: 1.6em; margin-bottom: 30px;}  
    
   
/*HOME_ACORDEON*/
.home-acordeon{padding: 100px 5%; flex-direction: row;}
.home-acordeon-left{width: calc(50% - 100px); margin: 0 50px;}
.home-acordeon-h1{font-size: 5em; margin-bottom: 30px;}
.home-acordeon-txt{font-size: 1.1em; margin-bottom: 50px;}
.accordion-header{font-size: 1.2em;}
.home-acordeon-right{width: 50%;}    
    
    
}


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

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

}

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