@charset "utf-8";
/* CSS Document */

/*
Theme Name: InfoTrabajo
Theme URI: https://infotrabajo.ar/
Author: Belen Croce |  Marina Quaranta
Author URI: URL del autor del tema
Description: Te asesoramos y acompañamos en procesos de reclamos laborales
Version: Número de versión (p.e. 1.0)
License: Licencia (p.e. GNU General Public License v2 or later)
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: etiquetas
Text Domain: Identificador para hacer tu tema traducible
*/


body, html { 
	padding: 0; 
	margin: 0;
	line-height: 1;
	width:100%;
	font-size: 13px;
	color: var(--petrol);
/*	font-family: "Fraunces", serif;*/
	font-family: "Inter", Helvetica, Arial, "sans-serif";
	}


body{
	/*overflow: hidden;*/
	}



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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, h1,h2,h3,h4
{
	border: 0;
	font-style: inherit;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
}

p, a, li, div{ margin:0; padding:0; }

a, a.btn, input[type='submit']{
	text-decoration:none;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	color: inherit;
	font-family: 'Inter', sans-serif;
}

a img{ border:none;}

:focus, a:focus {
	outline: 0!important;
	text-decoration: none!important;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background: none;
}

ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}

.clear{ clear:both;}

.clear:after{
	display: block;
	content: '';
	clear:both;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}  



.padding-remove{
	padding: 0;
}

.padding-remove-l{
	padding-left: 0;
}


.padding-remove-r{
	padding-right: 0;
}


a:hover, a:focus{
	text-decoration: none;
	color: var(--green2);
}


.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

form:after{
	display: block;
	content: '';
	clear: both;
}

.vertical-center{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


/*------------------------------------------------------------------

	Fonts

-------------------------------------------------------------------*/


.league {
  font-family: "League Gothic", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.fraunces {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-style: normal;
}




/*GENERALES --------------------------------------*/


.arrow {
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
}



h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}

h1{
	font-size: 110px;
	line-height: 85%; 
	font-family: "League Gothic", serif;
	text-transform: uppercase;
}

h2{
	font-family: 'Inter', sans-serif;
	font-size: 44px;
	line-height: 110%;
	font-weight: 400;
}

h3{
	font-family: 'Inter', sans-serif;
	font-size: 23px;
	line-height: 140%;
}



h4{
	font-family: "League Gothic", serif;
	font-size: 58px;
	line-height: 122%; 
}



h1 .small {
    font-size: 70%;
    position: relative;
    top: 7px;
}




/*

h5{
	font-family: "Fraunces", serif;
	font-size: 20px;
	line-height: 122%; 
}
h6{
	font-size: 30px;
	line-height: 122%; 
}
*/




p, div, li, a{
	font-size: 17px;
	font-weight: 400;
	font-weight: 400;
	line-height: 124%;
}

strong{
	font-weight: 600;
}


.content-img .img.bg{
	height: 100%;
	background-color: #f1eee3;
}


.img.bg img, img.bg{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
/*
    top: -30px;
	position: absolute;
*/
}





:root {
	--pl: 160px;
	--ml: calc(((100vw - var(--container)) / 2) + 15px);
	--green1: #C8FFAA;
	--green2: #47DF8A;
	--green3: #25C47B;
	--green4: #2da563;
	--greenfluo: #29ef79;
	--petrol: #167F7F;
	--viole: #4E12AD;
	--lila: #D9CBE5;
	--orange: #F17A45;
}



.w-small{
	max-width: 560px;
}

.w-medium{
	max-width: 780px;
}

.w-large{
	max-width: 1080px;
}

.w-xlarge{
	max-width: 1400px;
}


.center{
	margin-left: auto;
	margin-right: auto;
}


.pgreen1{
	color: var(--green1);
}

.pgreen2{
	color: var(--green2);
}

.pgreen3{
	color: var(--green3);
}
.ppetrol{
	color: var(--petrol);
}
.plila{
	color: var(--lila);
}

.pwhite{
	color: #fff;
}



/*HEADER --------------------------------------*/
header {
    position: absolute;
    width: 100%;
    padding: 20px 0;
}




.menu {
    background-color: var(--green3);
    display: flex;
    align-items: center;
    padding: 15px;
    padding-left: var(--pl);
    padding-right: 12px;
    border-radius: 0 80px 80px 0;
    position: relative;
    z-index: 11;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.menu:hover {
    cursor: pointer;
    background-color: var(--green2);
}

.menu p {
    color: #fff;
    font-family: 'Inter', sans-serif;
}

.menu .icon {}

.menu .icon img {
    width: 40px;
    margin-left: 20px;
}





div#logo {
    margin-left: 15px;
    max-width: 175px;
}

div#logo a {
    display: block;
}

div#logo a img {
    max-width: 100%;
	display: block
}


div#logo a img.logoOn {
    display: none;
}

div#logo a:hover img.logoOn {
    display: block;
}

div#logo a:hover img.logoOff {
    display: none;
}

/*------------------------------------------------------------------

	NAVBAR COLLAPSE

-------------------------------------------------------------------*/

body.menuopen {
    overflow: hidden;
    position: relative;
    /* height: 100% !important; */
}
	
body .bodycerrar {
    background-color: rgb(0 0 0 / 70%);
    mix-blend-mode: multiply;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    z-index: -3;
    transition: all 0.3s ease-out;
}	

body.menuopen .bodycerrar {
    opacity: 0.9;
    z-index: 6;
    transition: all 0.3s ease-out;
}
	
div#navbar {
    position: fixed;
    top: 0;
    left: 100%;
	width: 42%;
    max-width: inherit;
    height: 100vh;
    background-color: var(--green3);
    z-index: 9;
    padding: 110px 10px 130px var(--pl);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /* overflow: hidden; */
    opacity: 0;
    border-radius: 0 50px 50px 0px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

.navbar-expand-lg .navbar-toggler {
	display: block;
    position: relative;
    right: 0;
    left: 0;
    padding: 0;
    width: auto;
    margin-right: 18px;
}
	
button.navbar-toggler {
	width: 36px;
	height: 30px;
	margin-right: 2px;
}
button.navbar-toggler span.line {
	background-color: #fff;
	width: 100%;
	height: 2px;
	display: block;
}
	
button.navbar-toggler span.line + .line {
	margin-top: 6px;
}
	
	
#logo, button.navbar-toggler {
    position: relative;
    z-index: 11;
}




button.navbar-toggler img.cerrarmenu {
    width: 16px;
	display: none;
}
	




body.menuopen img.hambur{
	display: none;
}

body.menuopen button.navbar-toggler img.cerrarmenu {
	display: block;
}
	
body.menuopen .menu p {
    opacity: 0;
    visibility: hidden;
}


div#navbar {
}

nav.navbar {
    border: 0;
    margin-bottom: 0;
    min-height: inherit;
    padding: 0;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.navbar-nav>li>a {
    font-size: 18px;
    color: var(--petrol);
    padding: 20px 50px;
}



.navbar-nav>li>a, header ul li a {
    padding: 15px 20px;
    display: block;
}
	
	
.navbar-expand-lg .navbar-nav {
	flex-direction: column;
	padding-top: 40px;
	padding-left: 0px;
	}
	
.navbar-collapse {
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
	
header .navbar-nav>li>a, header ul li a {
	padding: 20px 0px;
	font-size: 40px;
	letter-spacing: 1px;
	color: #fff;
	font-family: 'Inter';
}


.navbar-nav>li>a:hover {
    color: var(--green1);
}

.menuopen button.navbar-toggler span.line{
	background-color: #fff
}



.redes {
    color: #095450;
}

.redes ul {
    display: flex;
    gap: 16px;
}

.redes ul li {}

.redes ul li a {
    font-size: 40px;
    color: #095450;
}

.redes ul li a img {
    width: 35px;
    position: relative;
    top: -3px;
}

.redes ul li a.linkedin img {
    width: 42px;
    position: relative;
    top: -3px;
    left: 3px;
}


/*------------------------------------------------------------------

	HERO

-------------------------------------------------------------------*/





.hero , .derechos, .comunidad{
    display: flex;
    flex-wrap: wrap;
    height: 680px;
	position: relative;
}





.hero .content-img{
	border-radius: 50px 0 0px 50px;
	overflow: hidden;
	position: relative;
}

.heroStar{
    position: absolute;
    z-index: 3;
    top: 160px;
    left: 160px;
}


.heroStar img {
    width: 110px;
    height: auto;
}


.page-home .hero .content-color, 
.page-servicios .hero .content-color{
	background-color: var(--petrol);
}



/*
.page-home .hero .img.bg img{
	object-position: center 45%;
}
*/

.hero > div, 
.comunidad > div, 
.derechos > div {
    flex-basis: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
}



.hero .content-color{
	 max-width: 42%;
	 display: flex;
	 align-items: flex-end;
	 border-radius: 0 50px 50px 0px;
	 padding: 0px 0 50px var(--pl);
}


.page-home .hero .content-color h2,
.comunidad .content-color h2, 
.page-servicios .hero .content-color h2 {
    color: #fff;
}


.page-home .hero .content-color h2 {
    font-weight: 300;
}


.page-home .hero .content-color h2 strong{
    font-weight: 600;
}



.page-home .hero .content-color h2 img {
    position: relative;
    top: -5px;
    margin-left: 5px;
}


/*
.page-home .hero .img.bg img, img.bg {
    object-position: center -150px;
} 
*/

.hero .content-color .icon {
    width: 65px;
    height: 65px;
    text-align: center;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 130px;
}

.page-home .hero .content-color .icon {
    background-color: var(--green3);
	border-radius: 50%;
}



a.whatsap {
    background-color: var(--green3);
    display: flex;
    align-items: center;
    padding: 15px;
    padding-left: 17px;
    padding-right: 12px;
    border-radius: 80px 0 0 80px;
	color: #fff;
    font-size: 15px;
    gap: 20px;
    font-family: "Inter", serif;
    align-items: center;
    position: fixed;
    right: 0;
    top: 67%;
    z-index: 3;
    height: 70px;
    width: 300px;
	-webkit-box-shadow: 0px 7px 11px -7px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 7px 11px -7px rgba(0,0,0,0.40);
	box-shadow: 0px 7px 11px -7px rgba(0,0,0,0.40);
}


a.whatsap:hover {
    background-color: var(--green4);
}

.hero a.whatsap {
    position: absolute;
    right: 0;
    top: 20px;
    height: 60px;
    width: 257px;
}


.page-home .hero a.whatsap {
	top: unset;
    bottom: 40px;
	height: 70px;
    width: 300px;
}



a.whatsap p {
    font-size: 17px;
    font-family: 'Inter', sans-serif;
}

a.whatsap .fa {
    font-size: 47px;
    position: relative;
    top: -2px;
}

/*------------------------------------------------------------------

	CONTENIDO

-------------------------------------------------------------------*/
.green1{
	background-color: var(--green1)
}
.green2{
	background-color: var(--green2)
}
.green3{
	background-color: var(--green3)
}
.green4{
	background-color: var(--green4)
}
.greenfluo{
	background-color: var(--greenfluo)
}

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

.greendark{
	background-color: #095450;
}

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

.lila{
	background-color: var(--lila)
}
.orange{
	background-color: var(--orange)
}
.white{
	background-color: #fff
}


.btn {
	padding: 10px 30px;
    text-align: center;
    border-radius: 50px;
    margin: auto;
    font-size: 17px;
}

.btn.petrol {
    color: #fff;
    font-family: 'Inter', sans-serif;
}


.btn.borde {
    color: var(--petrol);
    border: 1px solid var(--petrol);
    font-family: 'Inter', sans-serif;
}

.btn.greenfluo {
    color: #4e12ad;
    border-color: var(--greenfluo);
}


.btn.azul {
    color: #47df8a;
    background-color:#4e12ad ;
	border: 1px solid #4e12ad;
    padding-left: 25px;
    padding-right: 25px;
}

.btn.borde.azul {
    color: #4e12ad;
    background-color:transparent;
	border: 1px solid #4e12ad;
}


.btn.borde.bgreen1 {
    color: var(--green1);
    border-color: var(--green1);
}


.btn.borde.bgreen2 {
    color: #47df8a;
    border-color: #47df8a;
}

.btn.borde.bwhite {
    color: #fff;
    border: 1px solid #fff;
}


.btn:hover, .btn.bwhite:hover, .btn.borde.bgreen1:hover, .btn.borde.azul:hover , .btn.borde.bgreen2:hover {
    background-color: var(--green1);
    border-color: var(--green1)!important;
    color: var(--petrol)!important;
}










.banner {
    padding: 100px 0;
}

.bannerin {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.banner p {
    line-height: 190%;
}


.comments{
	padding: 100px 0;
}



.ti-widget.ti-goog .ti-controls .ti-next:before, .ti-widget.ti-goog .ti-controls .ti-next:after,
.ti-widget.ti-goog .ti-controls .ti-prev:before, .ti-widget.ti-goog .ti-controls .ti-prev:after {
    display: none!important;
}

.ti-widget.ti-goog .ti-controls > div.ti-next, .ti-widget.ti-goog .ti-controls > div.ti-prev {
    width: 32px;
    height: 32px;
    padding: 0;
	background-position: top;
    background-image: url(images/arrow-green2.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.ti-widget.ti-goog .ti-controls > div.ti-prev {
    left: -70px;
	transform: rotate(90deg);
}

.ti-widget.ti-goog .ti-controls > div.ti-next {
    right: -70px;
	transform: rotate(-90deg);
}



.ti-widget.ti-goog .ti-controls .ti-prev:hover {
     transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg)
}


.ti-widget.ti-goog .ti-controls .ti-next:hover {
    transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -webkit-transform: rotate(-90deg)
}


#homeInfo {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 600px;
    overflow: hidden;
}

#homeInfo .content-img {
    position: relative;
	border-radius: 0 50px 50px 0;
    overflow: hidden;
}


#homeInfo .content-img .img.bg img {
    height: 120%;
    position: absolute;
    top: -30px;
}



#homeInfo > div {
    flex-basis: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
}


#homeInfo .modulos {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	max-width: 730px;
}



#homeInfo .modulos > div {
    height: 50%;
    border-radius: 50px 0 0px 50px;
    overflow: hidden;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: relative;
}




#homeInfo img.star {
    position: absolute;
    right: 10px;
    top: 10px;
}

#homeInfo .text {
    color: #fff;
}

#homeInfo .text h3 img {
    display: block;
    margin: 10px 0;
    width: 290px;
}




#homeInfo .modulos a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
}

#homeInfo .modulos a .fa {
    margin-right: 10px;
    font-weight: 700;
    font-size: 20px;
}


#homeInfo .modulos .lila a:hover{
	color: #fff;
}

#homeInfo .modulos .greenfluo a {
    font-size: 12px;
	margin-top: 0;
}

#homeInfo .modulos .greenfluo img {
    width: 300px;
    margin-left: 40px;
}


#comentarios .owl-nav button {
    position: absolute;
    top: calc(50% - 32px);
}

#comentarios .owl-nav button.owl-prev {
    left: -110px;
}

#comentarios .owl-nav button.owl-next {
    right: -110px;
}

#comentarios .owl-nav button img {
    width: 32px;
}

#comentarios .owl-nav button img.arrow-left {
    transform: rotate(90deg);
}

#comentarios .owl-nav button img.arrow-right {
    transform: rotate(-90deg);
}



.page-quienes .hero h1 {
    color: var(--green1);
}

.page-servicios .hero h1 {
    color: var(--green3);
}


.derechos {
    height: 600px;
    align-items: center;
}




.derechos .content-color, .comunidad .content-color  {
	 display: flex;
	 align-items: flex-end;
	 border-radius: 0 50px 50px 0px;
	 padding: 0px 0 50px var(--pl);
}

.derechos .content-color.green2{
	align-items: center;
	padding: 0px var(--pl) 0px var(--pl);
}


.derechos .content-img {
    border-radius: 0 50px 50px 0;
    overflow: hidden;
}

.derechos .content-color.lila, .derechos .content-color.orange {
	max-width: 41%;
	border-radius: 50px 0 0 50px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

derechos .content-color.orange a {
    display: block;
}

.derechos .content-color.lila img, .derechos .content-color.orange img {
    /* max-height: 430px; */
}

.derechos .content-color.orange a img {
    width: 1px;
    width: 300px;
}


.derechos .content-color p {
    line-height: 210%;
    color: #166866;
}


.derechos .redes {
    margin-top: 60px;
}

.derechos .redes ul {
    margin-top: 10px;
}

.derechos .redes ul li {
    list-style-type: none;
    margin: 0!important;
}














.banner.img{
	padding: 0;
	height: 380px;
	overflow: hidden;
}

.banner.img .img.bg img{
	height: auto;
}

.banner.img .img.bg img {
    object-position: center -210px;
}




.comunidad .content-color {
    padding-left: var(--pl);
    padding-top: 160px;
    align-items: flex-start;
}



.comunidad .content-color.petrol, .comunidad .content-color.viole {
    max-width: 40%;
    align-items: flex-start;
    padding-right: 90px;
   
}

.comunidad .content-color.green2 {
    border-radius: 50px 0 0 50px;
    flex-direction: column;
    padding-right: var(--pl);
     justify-content: space-between;
}

.comunidad .content-color.petrol p, .comunidad .content-color.viole p {
    color: #fff;
} 

.comunidad .green2 .cta {
    gap: 15px;
}

.comunidad .content-color p {
    line-height: 30px;
}

.comunidad .green2 strong {
    color: #4e12ad;
}



.page-servicios .comunidad .content-color a.btn.petrol {
    margin: 0;
    color: var(--greenfluo);
}


.mt-60 {
    margin-top: 60px;
}


.text p + p {
    margin-top: 30px;
}


.cta {
    gap: 30px;
}

.cta a {
    font-weight: 500;
    font-size: 15px;
}



.petrol{
	color: #fff;
}

.banner.petrol h4 {
    color: #D9CBE5;
    text-transform: uppercase;
	text-align: center;
}




.page-faq .hero h1 {
    color: var(--viole);
}



.page-faq .derechos, .page-servicios .derechos {
    height: 344px;
    overflow: hidden;
}


.page-faq .derechos .img.bg {
    position: relative;
}




.page-faq .derechos .img.bg img {
    height: auto;
    object-position: center 36%;
	position: absolute;
    top: -47%;
	z-index: 1;
}


.page-faq .derechos .img.bg .micselaneas {
    position: absolute;
    right: 130px;
    top: 60px;
    z-index: 2;
    width: 340px;
    height: 150px;
}

.page-faq .derechos .img.bg .micselaneas img {
    position: relative;
    top: 0;
    object-fit: contain;
}



.faqs {
    display: flex;
    flex-wrap: wrap;
}

.faqs .box {
	flex-basis: 33.33%;
    height: auto;
    aspect-ratio: 1.1 / 1;
    border-radius: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.faqs .box:not(.intro) {
	flex-direction: column;
}

.faqs .box.intro.lila {
    border-radius: 0 55px 55px 0;
}

.faqs .box.intro.lila {
    border-radius: 0 55px 55px 0;
    justify-content: flex-start;
    padding-left: var(--pl);
    background-image: url(images/boxlila-bg.png);
    background-size: cover;
    background-position: center;
}


.faqs .box:not(.intro) img {
    max-height: 190px;
	margin-top: 50px;
}

.faqs .box p.cta {
    margin-top: 58px;
}

.faqs .box:hover {
    color: inherit;
}

a.box.greenfluo:hover {
    background-color: rgb(41 240 120 / 70%);
}

a.box.green2:hover {
    background-color: rgb(71 223 138 / 70%);
}

a.box.green3:hover {
    background-color: rgb(37 196 123 / 70%);
}
a.box.green1:hover {
    background-color:rgb(200 255 170 / 60%);
}
a.box.green1:hover {
    background-color:rgb(200 255 170 / 60%);
}
a.box.greendark:hover {
    background-color: rgb(9 84 80 / 94%);
}
a.box.orange:hover {
    background-color: rgb(241 122 69 / 80%);
}
a.box.lila:hover {
    background-color: rgb(217 203 229 / 70%);
}



.faqs .box p.cta{
    border: 1px solid #d9cbe5;
    border-radius: 30px;
    text-align: center;
    padding: 10px 25px;
    min-width: 280px;
}



.faqs .box p.cta.white {
    border-color: #d9cbe5;
}


.faqs .box.lila p.cta, .faqs .box.greenfluo p.cta {
    border-color: #167f7f;
}



.page-faq .banner.green3 p {
    color: #166866;
}






.page-contacto .formulario{
	height: 680px;
}


.page-contacto .formulario .content-color{
	align-items: flex-start;
    color: #fff;
    padding-top: 110px;
	padding-bottom: 50px;
}

.page-contacto .derechos .content-color.green3 {
	max-width: 32%;
	padding-left: 70px;
	padding-right: var(--pl);
}
.page-contacto .derechos .content-color.petrol {
	padding-left: var(--pl) ;
	padding-right:  var(--pl);
	border-radius: 50px 0 0 50px;
}


.page-contacto .formulario .content-color.green3 h3 {
    line-height: 150%;
}

.page-contacto .derechos .content-color.green3 h3 a {
    font-size: inherit;
}
.page-contacto .derechos .content-color a:hover{
	color: var(--petrol)
}


.form {
    width: 100%;
}

.form .form-group {
    margin-bottom: 25px;
}

.form .form-group:last-child {
    margin: 0;
}


.form .form-group .form-control {
	background-color: transparent;
    border: none;
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 40%);
    border-radius: 0;
    font-size: 17px;
    padding: 10px 0 10px 0;
	box-shadow: 0;
}


.form .form-group textarea.form-control{
	resize: none;
	height: 100px;
}

#enviar {
    margin-top: 30px;
}


.form-control:focus {
    box-shadow: none;
}


.form-control::-webkit-input-placeholder{
   color:#fff;
}

.form-control:-moz-placeholder{ /* Firefox 18- */
   color:#fff; 
}

.form-control::-moz-placeholder{  /* Firefox 19+ */
   color:#fff; 
}

.form-control:-ms-input-placeholder{  
   color:#fff;
}




.form-control:focus::-webkit-input-placeholder{
   color:transparent;
}

.form-control:focus:-moz-placeholder{ /* Firefox 18- */
   color:transparent; 
}

.form-control:focus::-moz-placeholder{  /* Firefox 19+ */
   color:transparent; 
}

.form-control:focus:-ms-input-placeholder{  
   color:transparent;
}




.wpcf7-validation-errors, .wpcf7-mail-sent-ok,
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
    border: none !important;
	padding: 0;
	color: var(--green1);
}








.page-contacto .mapa .content-color.lila {
    max-width: 32%;
    padding: 0px 50px 0px 100px;
	align-items: center;
    justify-content: flex-start;
}




.page-contacto .mapa .content-color p {
    line-height: 140%;
}


.especialistas {
    position: relative;
}

.links {}

.links a {
    position: absolute;
    font-size: 13px;
}

.links a.insta {
    left: -80px;
    top: 40px;
}

.links a.spoty {
    top: 92px;
    left: 380px;
    color: var(--green1);
}

.links a.tiktok {
    top: 124px;
    right: 77px;
}

.links a.yt {
    left: 99px;
    top: 220px;
    color: #fff;
}

.links a.linkedin {
    right: 220px;
    bottom: 16px;
}




.page-servicios .derechos .img.bg {
    position: unset;
}

.page-servicios .derechos .img.bg img {
    position: relative;
    top: -100px;
	height: auto;
}


.page-servicios .comunidad .content-color {
    padding-top: 130px;
    align-items: flex-start;
}


.page-servicios .comunidad .content-color li img {
    margin: 4px 0;
}

.content-color.green2 ul{
	list-style-type: disc
}

.content-color.green2 ul li + li {
    margin-top: 13px;
}




/*------------------------------------------------------------------

	FOOTER

-------------------------------------------------------------------*/


footer {
    padding: 80px 0;
    line-height: 23px;
    background: #fff;
}




footer .redes ul {
    justify-content: center;
	gap: 20px;
}


footer .redes ul a:hover{
	filter: invert(0.5)
}


footer .footerMenu{
	margin-top: 20px;
}


footer .navbar-nav {
    flex-direction: row;
    justify-content: center;
    
}


footer .navbar-nav>li>a {
    font-weight: 300;
}

footer .navbar-nav>li>a:hover {
    color: #3F3F3F;
}


footer .fa-whatsapp {
    color: var(--green3);
}


footer .copyright {
    margin-top: 25px;
}

footer .copyright p {
    font-size: 14px;
    text-align: center;
    font-family: 'Inter', sans-serif;
}

/*------------------------------------------------------------------

	RESPONSIVE

-------------------------------------------------------------------*/





@media only screen and (min-width: 1800px) {
	.banner.img {
    height: 460px;
	}
   
}



@media only screen and (max-width: 1690px) {
	h1{
	font-size: 103px;
	}

	h2{
	font-size: 37px;
	}
	
	.page-home .hero .content-color h2{
	font-size: 31px;
	line-height: 120%;
	}


	
	.page-home .hero .content-color h2 img {
    top: -4px;
    max-width: 210px;
	}

}



@media only screen and (max-width: 1512px) {
	.w-medium {
    max-width: 600px;
	}
	.banner {
    padding: 70px 0;
	}
	#homeInfo .modulos {
    max-width: 650px;
	}
	
	.page-servicios .comunidad .content-color.petrol li {
    transform-origin: 0 0;
    transform: scale(0.9);
	}
	
	.page-servicios .derechos .img.bg img{
    top: -40px;
	}
	
	.page-faq .derechos .img.bg img {
    top: -80px;
	}
}



@media only screen and (max-width: 1440px) {
	:root {
    --pl: 100px;
	}
	
	h1{
	font-size: 98px;
	}

	h2{
	font-size: 33px;
	}
	
	.hero {
    height: 610px;
	}
	.page-home .hero .content-color h2 img {
    top: -3px;
    width: 193px;
	}
	
	header .navbar-nav>li>a, header ul li a {
    font-size: 30px;
	}
	#homeInfo .modulos {
    max-width: 630px;
	}
}


@media only screen and (max-width: 1366px) {
	.page-home .hero .img.bg img {
    
	}
	
	.especialistas {
    transform: scale(0.85);
	}
	.links a {
    font-size: 12px;
	}
	
	.links a.spoty {
	top: 93px;
	left: 360px;
	}

	.links a.yt {
	left: 99px;
	top: 224px;
	}

	.links a.linkedin {
	right: 234px;
	bottom: 16px;
	}
	
/*
	.links a.spoty {
    top: 63px;
    left: 310px;
	}
	
	.links a.yt {
    left: 79px;
    top: 200px;
	}
	
	.links a.linkedin {
    right: 144px;
    bottom: 6px;
	}
*/
}


@media only screen and (max-width: 1199px) {
	:root {
    --pl: 70px;
	}
	
	h1 {
	font-size: 74px;
    }

	h2{
	font-size: 27px;
	}
	
	.w-medium {
    max-width: 490px;
	}
	
	div#logo {
    max-width: 150px;
	}
	.banner {
    padding: 60px 0;
	}
	
	#homeInfo .modulos {
    max-width: 550px;
	}
	#homeInfo .content-img .img.bg img {
	top: -20px;
    }
	.w-large {
    max-width: 890px;
	}
	
	.especialistas {
	transform: scale(0.80);
    }
	.links a.spoty {
	top: 73px;
	left: 290px;
	}

	.links a.yt {
	left: 79px;
	top: 204px;
	}

	.links a.linkedin {
	right: 144px;
	bottom: 6px;
	}

}



@media only screen and (max-width: 1024px) {
	.hero {
	height: 540px;
    }
	#homeInfo {
    height: 480px;
	}
	#homeInfo .modulos > div {
    gap: 10px;
	}
	
	h3 {
    font-size: 20px;
    line-height: 140%;
	}
	
	#homeInfo .modulos .lila img {
    width: 65px;
	}
	
	#homeInfo .modulos .green2 img {
    width: 200px;
	}
	
	.page-home .hero .img.bg img, img.bg {
    object-position: center -100px;
	}
	
	.banner.img {
    height: 260px;
	}
	.banner.img .img.bg img{
    object-position: center -100px;
	top: -40px;
	position: relative;
	}
	
	.banner.img .img.bg {
    height: 100%;
	}
	
	.page-servicios .comunidad .content-color.petrol li + li {
    margin-top: 3px;
	}
	.page-servicios .comunidad .content-color.petrol li {
    transform-origin: 0 0;
    transform: scale(0.7);
	}
}

@media only screen and (orientation:portrait)
	and (max-device-width: 1024px) {	
	#homeInfo .content-img .img.bg img {
    top: 10px;
	}
}



@media only screen and (max-width: 991px) {
	:root {
	--pl: 50px;
    }
	div#logo {
    max-width: 155px;
	}
	
	
	header .navbar-nav>li>a, header ul li a {
	font-size: 25px;
	padding: 15px 0px;
    }

	.hero {
	height: 510px;
    }
	#homeInfo {
    height: 530px;
	}
	.page-home .hero .img.bg img, img.bg {
	object-position: center;
    }
	
	.especialistas {
	transform: scale(0.70);
	}
	.links a.spoty {
	top: 61px;
	left: 230px;
	}

	.links a.yt {
	left: 65px;
	top: 174px;
	}

	.links a.linkedin {
	right: 84px;
	bottom: 5px;
	}
	
	.comunidad .content-color.petrol .contentin {
    overflow: hidden;
	}
	
} /* 991 */

@media only screen  and (max-width: 991px) and (min-width: 769px) {
	.redes {
    transform: scale(0.8);
    transform-origin: 0;
	}

} /* min 768 */


@media only screen and (min-width: 769px) {
	header a.whatsap{
	display: none;
	}
	.derechos.mapa {
    flex-direction: row-reverse;
	}

} /* min 768 */


@media only screen and (max-width: 768px) {
	:root {
	--pl: 20px;
    }
	
	.navbar-expand-lg .navbar-toggler {
    margin-right: 0;
	}

	.hero, #homeInfo, .derechos, .comunidad {
	flex-wrap:nowrap;
	flex-direction: column;
	height: 100vh;
	}
	
	
	.hero > div, #homeInfo > div, .derechos > div {
	flex-basis: 50%;
	height: 50%;
	}
	
	.hero .content-color {
	width: 100%;
	border-radius: 0;
	padding: 150px 0 50px var(--pl);
	max-width: inherit;
	height: 420px;
	}
	
	.content-color{
	width: 100% !important;
	max-width: unset !important;
	}
	
	.derechos .content-color {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
	}
	.menu p, .hero a.whatsap, header a.whatsap p {
    display: none;
	}
	
	div#navbar {
    width: 66%;
	}
	header nav.navbar {
    justify-content: space-between;
	}
	header a.whatsap {
    position: relative;
    z-index: 1;
    height: 60px;
    width: 70px;
	}

	
	header #logo {
    margin-left: 0;
	}
	
	.page-home .hero .img.bg img, img.bg {
	object-position: center 20%;
    }
	
	#homeInfo .content-img .img.bg img {
	top: 0;
    }


	#homeInfo .modulos {
	max-width: 100%;
    }
	
	#homeInfo .content-img {
	height: 470px;
	flex-basis: inherit;
	flex-grow: inherit;
	}
	
	footer .navbar-nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
	}
	
	footer .navbar-nav>li>a {
    padding: 10px 20px;
	}
	
	footer .navbar-nav>li>a {
    font-size: 11px;
	}
	
	footer .copyright p {
    font-size: 8px;
    text-align: center;
	}
	
	.banner {
	padding: 30px 15px;
    }
	
	.comments {
    padding: 100px 20px;
	}
	.owl-nav {
    text-align: center;
    margin-top: 30px;
	}
	
	#comentarios .owl-nav button {
    position: relative;
    top: unset;
    left: unset !important;
    right: unset !important;
	padding: 0 10px !important;
	}
	
	.banner.img .img.bg img {
	object-position: center 45%;
	height: 100%;
	top: 0;
	}
	
	 .comunidad {
	height: auto;
	}
	.comunidad .content-color{
	padding-top: 90px;
	}
	
	.derechos, .page-contacto .formulario {
	height: auto;
    }
	
	
	.page-faq .derechos, .page-servicios .derechos {
    height: auto;
	}
	.page-faq .banner {
    padding: 60px 30px;
	}

	.page-faq .derechos .img.bg img, .page-servicios .derechos .img.bg img {
    height: 100%;
    object-position: center bottom;
    position: relative;
    top: 0;
    z-index: 1;
	}
	
	
	.faqs {
	flex-direction: column;
	}

	.faqs .box {
	flex-basis: 100%;
	width: 100%;
	}

	
	.faqs .box.intro.lila {
    padding-left: 60px;
	aspect-ratio: unset;
	}

	.faqs .box {
    aspect-ratio: 2 / 1;
	padding: 50px 30px;
	}
	.faqs .box:not(.intro) img {
    height: 170px;
    margin-top: 10px;
	max-width: 100%;
	}
	
	.mapa .content-img {
    height: 300px;
    flex-grow: unset;
    flex-basis: unset;
	}
	
	
	.page-servicios .comunidad .content-color {
    padding-top: 60px;
    align-items: flex-start;
    padding-left: 50px;
	}
	.comunidad .content-color.green2{
	padding-right: 90px;
	}
	
	
	.heroStar {
    top: 20%;
    left: 20%;
	}
	
	.page-home .hero .content-color h2 {
	font-size: 25px;
    }
} /* max 768 */



@media only screen and (max-width: 767px) {
	#homeInfo .modulos > div, .content-color, .faqs .box {
    border-radius: 0!important;
	}
	
	a.whatsap {
    top: 76%;
	}
	a.whatsap:not(header a.whatsap){
	height: 50px;
    width: 60px;
	}
	
	header a.whatsap {
	box-shadow: none;
	visibility: hidden;
    }
	
	header {
    position: fixed;
    width: 100%;
    padding: 20px 0;
    z-index: 2;
    background-color: var(--green3);
	}
	
	body.home header, body.page-servicios header {
    background-color: var(--petrol);
	}
	
	body.page-faq header {
    background-color: var(--green2);
	}
	body.page-contacto header {
    background-color: var(--lila);
	}
	
	body .bodycerrar {
    display: none;
	}
	

	div#navbar {
	width: 90%;
    }
	
	
	.comunidad .green2 .cta {
    gap: 15px;
    flex-direction: column;
	}
	
	.comunidad .green2 .cta a {
    margin: 0;
	}
	
} /* 767 */



@media only screen and (min-width: 544px) {
	.visible-xxs {
    display: none;
	}
	
	
} 

@media only screen and (max-width: 543px) {
	.hidden-xxs, .hero .content-color .icon {
    display: none;
	}

	.w-medium {
	max-width: 80%;
    }
	
	header .navbar-nav>li>a, header ul li a {
	font-size: 21px;
	}
	
	a.btn {
	font-size: 13px;
	padding: 10px 20px;
    }
	
	p, div, li, a {
	font-size: 15px;
    }
	footer .navbar-nav>li>a {
	font-size: 14px;
    }
	
	footer .copyright p {
	font-size: 11px;
	}
	h3 {
	font-size: 16px;
    }
	
	
	.hero > div {
    flex-basis: inherit;
	}
	
	.hero .content-color {
	padding: 150px 0 50px var(--pl);
	height: 310px;
    }
	
	
	#homeInfo > div {
	flex-basis: 56%;
	height: 56%;
    }
	
	.menu .icon img {
    width: 30px;
	}
	
	.menu {
    padding: 13px 15px;
	}
	
	header a.whatsap {
	height: 56px;
    }
	
	a.whatsap .fa {
    font-size: 37px;
	}
	
	h2 {
	font-size: 26px;
    }
	
	#homeInfo {
	height: auto;
    }
	#homeInfo .content-img {
	height: 370px;
	}
	
	.redes ul li a {
    font-size: 22px;
	}
	
	.redes ul li a img {
    width: 22px;
	}
	.redes ul li a.linkedin img {
    width: 26px;
	}
	
	.hero, .derechos, .comunidad {
    height: auto;
		
	}
	.derechos .content-color.lila img {
    max-height: 310px;
	}
	
	.banner.img {
    padding: 0;
    height: 170px;
	}
	
	
	
	.comunidad .content-color.petrol {
    max-width: 40%;
    align-items: center;
    padding-right: 20px;
	
	}
	.cta a {
    padding: 10px 15px;
	}
	
	.page-faq .derechos .content-img {
	height: 180px;
    }
	.page-faq .derechos .img.bg .micselaneas {
    right: -40px;
    top: 30px;
    height: 90px;
	}
	
	
	.especialistas {
	transform: none;
	padding: 30px;
    }
	.links {
    text-align: center;
    margin-top: 20px;
	}
	
	.links a {
    position: relative;
    font-size: 10px;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    margin: 6px;
	}
	
	#homeInfo .modulos > div {
    padding: 50px 30px;
	}

	
	.comunidad .content-color.green2 {
	padding-right: 20px;
    }
	
	.cta {
    gap: 20px;
	}
	
	.page-servicios .comunidad .content-color {
	padding-left: 30px;
    }
	
	
	.derechos .content-color.orange a img {
    position: relative;
    left: -15px;
	}
	
	.page-faq .banner.petrol .w-medium {
    width: 100%;
    max-width: unset;
	}
	
	.banner.petrol h4 {
    font-size: 34px;
	}
	
	.heroStar img {
    width: 70px;
	}
	
} /* 543 */

@media only screen and (max-width: 414px) {	
	
} /* 414 */

@media only screen and (max-width: 375px) {
	div#navbar {
	width: 90%;
    }
	
	.page-quienes-somos .cta, .page-contacto .cta {
	flex-direction: column;
	align-content: flex-start;
    }
	.page-quienes-somos .cta a, .page-contacto .cta a{
	margin: 0;
    }
}


@media only screen and (max-width: 360px) {
	
	.page-servicios .comunidad .content-color.petrol li {
	transform-origin: 0 0;
	transform: scale(0.65);
    }

}

@media only screen and (max-width: 320px) {
}