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

:root {
  --green: #19a559;
 --darkgray: #1f140f;	
  --gray:#3a3b3d;
}




body, button, input, select, optgroup, textarea {font-family: "Montserrat", sans-serif!important; font-weight:normal!important}

.page {margin:0!important}


p.elementor-icon-box-description b, p.elementor-icon-box-description strong {color:#c2ffff!important}

nav li {margin-left:0}
nav li a {color:var(--gray); display:block; padding: 15px 10px; line-height: 1; font-size:13px; font-weight:bold; text-transform:uppercase }
nav li a:link, nav li a:visited, nav li a:active {color:var(--gray)!important}

nav li a:hover {color:var(--green)!important}

nav li.current_page_item a {color:var(--green)!important; text-decoration:underline!important}


.arcoiris {background-size:100% 3px!important}

.menu-primary-menu-container {width:100%!important}

#hamburger {width:42px; position:relative; flex-wrap:wrap; position:absolute; top:30px; right:30px; cursor:pointer}
#hamburger span {display:block; background:#fff; width:100%; height:3px; margin:8px 0; flex:0 0 100%}
#hamburger:before {content:' '; display:block; background:#fff; width:100%; height:3px; flex:0 0 100%}
#hamburger:after {content:' '; display:block; background:#fff; width:100%; height:3px; flex:0 0 100%} 


.custom-logo {max-width:210px; height:auto; -webkit-transition: 0.5s;
    transition: 0.5s;}
.onsticky .custom-logo {max-width:210px; height:auto;}

.onsticky header#masthead { padding-top: 15px!important; padding-bottom: 15px!important}

.container {max-width: 1205px!important;margin-left:auto; margin-right:auto; padding-left:30px!important; padding-right:30px!important}
header>.container {max-width:1295px!important; padding-left:70px!important; padding-right:70px!important}
.main {position:relative}

header#masthead {border-bottom:1px solid var(--lightblue)!important}

.children {display:none!important}

.buttoncustom a.elementor-button {padding:0!important}
.buttoncustom a.elementor-button>.elementor-button-content-wrapper>.elementor-button-text {padding:15px}
.buttoncustom a.elementor-button>.elementor-button-content-wrapper>.elementor-button-icon {border-left:3px solid var(--green); display: flex; justify-content: center; align-items: center; padding-left:10px; padding-right:10px; width:55px!important}
.buttoncustom a.elementor-button>.elementor-button-content-wrapper>.elementor-button-icon svg {width: auto!important; height:30px!important}


.buttoncustom.darki a.elementor-button>.elementor-button-content-wrapper>.elementor-button-icon {border-left:3px solid #5958FF!important}
.buttoncustom.darki.homebox a.elementor-button>.elementor-button-content-wrapper>.elementor-button-icon {border-left:3px solid var(--green)!important}



.buttoncustom.darki.turni a.elementor-button>.elementor-button-content-wrapper>.elementor-button-text {padding:0 15px!important; display:flex!important; align-items:center!important; height:48px!important}



.buttoncustom.blacki a.elementor-button>.elementor-button-content-wrapper>.elementor-button-icon {border-left:3px solid #000741!important}
.elementor-counter .elementor-counter-title {margin-top:5px!important}


.fixwidthsiblings a {
    width: 232px!important;
}

.fixwidthsiblingsspanish a {width:281px!important}

footer {background:var(--gray); color:#fff; font-size:11px}

div#page {overflow:hidden!important}
.arrowleftbox, .arrowrightbox  {background-size:auto 15px!important}

.buttoncustom.onlyicon a.elementor-button > .elementor-button-content-wrapper > .elementor-button-text {display:none!important}
.buttoncustom.onlyicon a.elementor-button > .elementor-button-content-wrapper > .elementor-button-icon {border:none!important; margin-left:0!important; padding-left:0!important; padding-right:0!important; width:30px!important }


.boxnumberinside {width:100%!important}

.boxnumberinside>.elementor-widget-container>.elementor-counter {display: flex!important; flex-wrap: wrap!important; justify-content: center!important; align-items: center!important; flex-direction: column!important}


.boxnumberinside>.elementor-widget-container>.elementor-counter .elementor-counter-title {margin-top:15px!important; text-align:center!important; margin-left:0!important}


.boxnumberdescription p b, .boxnumberdescription p strong {color:#332dcc!important}

.boxbviolet p b, .boxbviolet p strong {color:#332dce!important}

.boxbviolet p a {text-decoration:underline!important}


.boxaccordion .contaccordion {display:none; flex-wrap:wrap!important; justify-content: space-between!important; flex-direction:row!important; transition: all 0.3s; height:0}
	
.boxaccordion .contaccordion>div {max-width:45%!important; flex: 0 0 45%!important; }

.boxaccordion.active .contaccordion {height:auto!important; display:flex!important}

body.elementor-editor-active .boxaccordion .contaccordion {flex-direction:column!important; display:block!important; height:auto!important}

.boxaccordion:after {content:' '; display:block; width:calc(100% - 10px); border-bottom: 3px solid #332dcd; padding-bottom:0px!important; margin-bottom:10px!important; left:10px!important; right:10px!important; position:relative!important}
	
	
.boxaccordion h2.elementor-heading-title {cursor:pointer; padding-right:46px!important; position:relative; padding-left:10px!important}
.boxaccordion h2.elementor-heading-title:after {display:block; position:absolute; top:1px; right:0; width:36px; height:36px; content:' '; background:url(../images/accordion-desactive.svg) no-repeat}
.boxaccordion.active h2.elementor-heading-title:after {background-image:url(../images/accordion-active.svg)!important}


#nav {
    position: fixed;
    background: var(--green);
    top: 0;
    right: -120%;
    width: 100%;
    height: 100vh;
    z-index: 999;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow-y: auto;
    overflow-x: hidden!important;
}

#nav .menu-principal-container {display:block; text-align:center; width:100%}
html.opened #nav {right:0!important}

.togglemenu {display:block;border-radius:0!important; border:none!important; padding:0!important; width:36px; height:28px; cursor:pointer; position:relative}
.togglemenu>a {display:block; width:36px!important; height:28px!important; border:none!important; position:relative!important}

.togglemenu span.line1 {-webkit-transition: 0.3s; transition: 0.3s; top:0%; left:0; width:100%; height:3px; background:var(--green); display:block; position: absolute; transform-origin:center; }
.togglemenu span.line2 {-webkit-transition: 0.3s; transition: 0.3s; top:50%; left:0; margin-top:-1.5px; width:100%; height:3px; background:var(--green); display:block; position: absolute; transform-origin:center; }
.togglemenu span.line3 {-webkit-transition: 0.3s; transition: 0.3s; bottom:2px; left:0; width:100%; height:3px; background:var(--blue); display:block; position: absolute; transform-origin:center; }
.togglemenu:hover span  {background:var(--green)!important}

html.opened body {overflow:hidden!important}
html.opened .togglemenu {display:block!important}
html.opened .togglemenu span.line1 {top:50%; transform: rotate(45deg); background:#fff!important}
html.opened .togglemenu span.line2 {opacity:0; background:#fff!important}
html.opened .togglemenu span.line3 {top:50%;  transform: rotate(-45deg); background:#fff!important}

#nav .togglemenu {position:relative; margin-top:30px; margin-right:15px; /*right:30px*/align-self: flex-end;}
#nav .togglemenu:hover span {background:var(--green)!important}
#nav .container {min-height:100vh; display:flex; flex-wrap:wrap; align-items: flex-end; justify-content: normal; flex-direction: column; max-width:100%!important}
#nav ul.navbar-nav {flex-direction:column!important; margin:auto!important}
#nav .navbar-nav li {text-align:center!important; margin-left:0!important; margin-bottom:15px!important}
#nav .navbar-nav li a {font-size:25px!important; color:#fff!important; text-transform:none!important; border:none; background:none!important; display:block!important; width:100%!important; text-align:center!important}
#nav .navbar-nav li a:hover{color:var(--green)!important}
#nav .navbar-nav>li a:after {display:none!important}
#nav .navbar-nav li a:hover {text-decoration:none!important}

#nav .navbar-nav li.langES  a, #nav .navbar-nav li.langEN  a {border:3px solid #fff!important; width:auto!important; display:inline-block!important; margin-top:10px!important; margin-right:10px!important}



header nav ul#navItems>li:first-child {margin-right:-2px!important}



.flip-box {
  background-color: transparent;
  /*width: 300px;*/
  height: 280px;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.flip-box:hover .flip-box-inner {
  transform: rotateX(-180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flip-box-back {
	justify-content: space-between;
}



.flip-box-back {
  transform: rotateX(180deg);
  padding: 0px;
}


.flip-box-front .elementor-widget-container { display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; width:100%}
  
.flip-box-back .elementor-widget-container { display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column; width:100%; padding:25px}
  
  
.flip-box-back .elementor-widget-container ul {display: block; width: 100%; text-align: left; list-style: disc; list-style-position: outside; margin:0; padding:0 25px;}

.foto {position:relative}
.iconlinked {background:url(../images/linkedin.svg) 50% no-repeat; width:28px; height:28px; display:block; position:absolute; top:10px; right:10px}

.iconlinked:hover {filter:brightness(100)!important}

.miembrobox {color:var(--green)!important}

.owl-nav img {width:38px; height:38px; display:block}


.equipoboxes {position:relative}
.flechas {position:absolute; width:100%; height:100%; }

#btnLeft {position:absolute; left:100px; top:50%; margin-top:-19px; z-index:7}
#btnRight {position:absolute; right:100px; top:50%; margin-top:-19px; z-index:7}

.carouselequipo  {position:relative; z-index:6}

.flechas img {cursor:pointer; width:38px; height:38px}

.pilarLeft .e-con-inner {margin-right:0!important}
.pilarRight {}

.reflexionbox p {font-size:14px; line-height:1.2; overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    max-height: 65px !important; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}

.reflexionbox h3 {overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical;
    max-height: 192px !important;}
.reflexionbox {position:relative; color:var(--green)!important; background-repeat: no-repeat; background-size: cover; background-position:50%!important}
.readmore {background:var(--green) url(../images/read-more.svg) 50% no-repeat; /*background-size:25px; width:67px; height:67px;*/ background-size:20px; width:48px; height:48px; display:block; position:absolute; top:24px; right:24px; border-radius:50%}

.reflexionbox.ligthtext h3, .reflexionbox.ligthtext  p { color:#fff!important}


.reflexionbox {border:1px solid var(--green)!important; aspect-ratio:3/4}
.reflexionbox:hover p {margin-bottom:50px}

.reflexionbox h3, .reflexionbox p {position:relative; z-index:5 }
.reflexionbox a {z-index:6 }
.reflexionbox.ligthtext:after {position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; display:block; content:' ';  
background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(42,52,74,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(42,52,74,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(42,52,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#2a344a",GradientType=1);}
  
  
  
  
.clientesbox img { filter: grayscale(1)!important}


.titlereflexion {max-width: calc(100% - 190px) !important;}

.elementor-counter-number-wrapper {font-family: "Montserrat", sans-serif!important; font-weight:100!important; font-style:italic!important}
.elementor-counter .elementor-counter-title {display:block; text-align:center}

	li.togglemenu {display:none!important}
	
	
	#page.site {padding-top:0px; -webkit-transition: 0.5s;
    transition: 0.5s;}
body.onsticky #page.site {padding-top:0!important}




form.wpcf7-form label {display: block; font-size:14px; font-weight:400; line-height:1.2; color:var(--gray); margin:0 0 0 0}

form.wpcf7-form p {margin:0!important}

input.custom-input, select.custom-input, textarea.custom-input {background:#fff; border-radius: 25px; padding: 10px 15px; border:none; font-size:14px; font-weight:400; line-height:1.2; color:var(--gray); border:1px solid #000!important; outline:none!important; margin:10px 0 0 0!important; display:block; width:100%}


select.custom-input {padding:15px!important; min-height:50px!important;}
select.custom-input { -webkit-appearance: none;-moz-appearance: none;background-image: url("../images/select-flecha.png");background-repeat: no-repeat; background-position:top right; padding-right:40px!important; background-size: auto 100%!important}


.elementor-widget-text-editor ul li {position:relative; padding-left:20px}
.elementor-widget-text-editor ul li:before {content:'-'; position:absolute; left:0}


/* all */
::-webkit-input-placeholder { color:var(--gray)!important}
::-moz-placeholder { color:var(--gray)!important}
:-ms-input-placeholder { color:var(--gray)!important}
input:-moz-placeholder { color:var(--gray)!important}
input::placeholder {color:var(--gray)!important}





textarea.custom-input {resize:none!important; height:125px!important}

.wpcf7-submit{background: var(--green)!important;
    font-size: 14px;
    font-weight: bold!important;
    color: #fff!important;
	border:1px solid var(--green)!important;
    border-radius: 25px!important;
    padding: 10px !important; cursor:pointer; margin:auto; min-width:140px; text-align:center}
	
	.wpcf7-spinner {
    position: absolute !important;
    right: 120px !important;
    top: 50% !important;
    margin-top: -12px !important;
}
.wpcf7-submit:hover {color:var(--green)!important; background:#fff!important}


.wpcf7-not-valid-tip {font-size: 14px; text-transform: none; letter-spacing: 1px; margin-top:10px}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color: #fff !important; margin: 10px 0 0 0!important; padding: 10px!important; font-size: 14px!important}



.formcontacto .wpcf7 form.invalid .wpcf7-response-output, .formcontacto .wpcf7 form.unaccepted .wpcf7-response-output, .formcontacto .wpcf7 form.payment-required .wpcf7-response-output { color:var(--green)!important}



.main {
    position: relative;
}


.icon-linked {background:url(../images/linkedin.svg) 50% no-repeat; width:28px; height:28px; margin-right:15px; display:block; filter:brightness(100)!important}

.icon-linked:hover {opacity:0.6!important}



.icon-pdfile {width:28px; height:28px; display:block; color: #fff; fill:#fff; margin-right:10px}
.icon-mas svg {width:28px; color: #fff; fill:#fff}

.icon-mas {width:34px; height:34px; display:block; color: #fff; fill:#fff; position:relative; top:-3px; cursor:pointer; margin-left:0}
.icon-mas svg {width:34px; color: #fff; fill:#fff}

.icon-pdfile:hover, .icon-mas:hover, .btncerrar:hover {opacity:0.6!important}



.btncerrar {width:34px; height:34px; display:block; color: var(--green)!important; fill:var(--green)!important; position:relative; cursor:pointer;}
.btncerrar svg {width:34px; color: var(--green)!important; fill:var(--green)!important} 

.ligthtext ul {list-style:disc!important; padding:20px!important; margin:0!important}



#modalContent ul {list-style:disc; margin:0 0 20px 0; padding:0 20px}



.entry-content.container p {margin-bottom:15px!important}

.entry-content.container h2 {font-size: 35px;
    font-weight: 400;
    line-height: 1em;
    color: var(--green); margin-bottom:35px; margin-top:50px;
}


.entry-content.container a {color:var(--green)!important}
.entry-content.container a {color:var(--green)!important; text-decoration:underline!important}



form.wpcf7-form {display:flex!important; flex-direction:column!important}
form.wpcf7-form>div {order:1!important}
form.wpcf7-form>div.wpcf7-turnstile {order:2!important}
form.wpcf7-form>div.lastdiv, form.wpcf7-form>p {order:3!important}


footer b, footer strong, footer a:hover {color: var(--green)!important; font-weight: inherit!important}
footer p {margin-bottom: 15px!important}
footer p:last-child {margin-bottom: 0px!important}


p {margin-bottom: 15px!important}
p:last-child {margin-bottom: 0px!important}



.elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next {
    border: 2px solid var(--green);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


@media (min-width: 1024px) {
    .powercarouselbox {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        height: 100%;
    }
    .main.turnleft .e-con-inner {
        justify-content: flex-end !important;
    }
	    .main.turnleft .powercarouselbox {
        left: 0px !important;
        right: inherit !important;
    }
}
@media (max-width:1666px) {
	.main:before {width:250px!important; height:250px!important}
}
@media (max-width:1500px) {
	.main:before {width:220px!important; height:220px!important}
}

@media (max-width:1399px) {
	header>.container {max-width:1195px!important}
	.elementor-element.e-con-boxed>.e-con-inner {max-width: 1050px!important; --content-width: 1050px!important}

.boxrecommLeft.elementor-element.e-con-boxed>.e-con-inner, .boxrecommRight.elementor-element.e-con-boxed>.e-con-inner {
    max-width: 510px!important;
    --content-width: 510px!important;
}

.carouselequipo.container {max-width: 1070px !important; padding-left:20px!important; padding-right:20px!important}
#btnLeft {left:50px!important}
#btnRight {right:50px!important}

.pilarLeft.elementor-element.e-con-boxed>.e-con-inner, .pilarRight.elementor-element.e-con-boxed>.e-con-inner {
    max-width: 510px !important;
    --content-width: 510px !important;
}
}

@media (max-width:1270px) {
	header>.container {max-width:1095px!important}
	.elementor-element.e-con-boxed>.e-con-inner {max-width: 950px!important; --content-width: 950px!important}
	
	.boxrecommLeft.elementor-element.e-con-boxed>.e-con-inner, .boxrecommRight.elementor-element.e-con-boxed>.e-con-inner {
    max-width: 460px!important;
    --content-width: 460px!important;
}

.carouselequipo.container {max-width: 950px !important;}
#btnLeft {left:50px!important}
#btnRight {right:50px!important}

.pilarLeft.elementor-element.e-con-boxed>.e-con-inner, .pilarRight.elementor-element.e-con-boxed>.e-con-inner {
    max-width: 460px !important;
    --content-width: 460px !important;
}

nav li a {font-size:12px!important; padding:15px 7px!important}

}
@media (max-width:1170px) {
	header>.container {max-width:1010px!important; padding-left:30px!important; padding-right:30px!important}
	.main:before {width:220px!important; height:220px!important; right: -3rem!important; bottom: -1.5rem!important;}
}


@media (max-width:1099px) {
	#hamburger {position:relative!important; top:inherit!important; right: inherit!important}
	.custom-logo {margin-left:0!important}
	.main:before {display:none!important}

}

@media (min-width:1025px) {

ul.sub-menu {display: none;position: absolute; background: #fff;  min-width: 152px; z-index: 5; margin-left: 0px;}
li.menu-item-has-children:hover ul.sub-menu {display: block;}
}
@media (max-width:1024px) {
	.boxrecommLeft.elementor-element.e-con-boxed>.e-con-inner, .boxrecommRight.elementor-element.e-con-boxed>.e-con-inner {
    max-width: 950px!important;
    --content-width: 950px!important;
	padding-left:10px!important; padding-right:10px!important; margin-left:auto!important; margin-right:auto!important
}

.boxrecommLeft.elementor-element.e-con-boxed>.e-con-inner>div, .boxrecommRight.elementor-element.e-con-boxed>.e-con-inner>div {
	padding-left:10px!important; padding-right:10px!important
}

.listingnumbers ol li {padding-right:0!important}

.powercarouselbox  img {width:100%!important}
.powercarouselbox {position: relative!important}
.powercarousel {display: none!important}

#btnLeft {left:0px!important}
#btnRight {right:0px!important}

.carouselequipo.container {max-width:100%!important; padding-left:40px!important; padding-right:40px!important}

.pilarLeft.elementor-element.e-con-boxed>.e-con-inner, .pilarRight.elementor-element.e-con-boxed>.e-con-inner {
max-width: 475px !important;
        --content-width: 475px !important;
        padding-left: 10px;
        padding-right: 10px;
    }
	
	
	ul#navItems li {display:none!important}
	ul#navItems li.togglemenu {display:block!important}


}

@media (min-width:999px) {
.powercarouselbox  {position: absolute; top: 0px; bottom:0px; right:0px; height: 100%}
.powercarousel  {width:100%; height:100%; position:relative; object-fit: cover}	
.powercarousel img  {width:100%; height:100%; position:relative; object-fit: cover; object-position:left}		
.powercarousel .elementor-image-carousel-wrapper.swiper, .powercarousel .swiper-slide-inner {height:100%}

.powerimagebox {position: absolute; top: -15px; bottom:-15px; right:-15px; height: calc(100% + 15px)}


.powercarousel.seccabout img  {object-position:center!important}		


}
@media (max-width:999px) {
	.main:after {display:none!important}
	.children {display:block!important; max-width:100vw!important; width:100vw!important; left:-20px!important}
	.main .e-con-inner {padding-bottom:0!important}
	.main:before {width:200px!important; height:200px!important; display:none!important }
	
	.px-add {padding-left:10px!important; padding-right:10px!important}
	.phrasebox {margin-bottom:15px!important}
	.doblepx-add {padding-left:20px!important; padding-right:20px!important}
	.doblepx-add > .e-con-inner {justify-content:space-between!important}
	header>.container {padding-left:20px!important; padding-right:20px!important}
	.buttoncustom.darki.turni a.elementor-button>.elementor-button-content-wrapper {height:46px!important}

.powercarouselbox {margin-left:-15px; margin-right:-15px; width:calc(100% + 30px)}
.powerimagebox {margin-left:-15px; margin-right:-15px; width:calc(100% + 30px)}

.listingnumbers ol li {width:100%!important}
.boxaccordion>div {max-width: 100%!important; flex: 0 0 100%!important;}

.listingnumbers ol li {padding-bottom:30px!important}

.pilarLeft.elementor-element.e-con-boxed>.e-con-inner, .pilarRight.elementor-element.e-con-boxed>.e-con-inner {
        max-width: 100% !important;
        --content-width: 100% !important;
        padding-left: 25px;
        padding-right: 25px;
    }
	
	
	.main>.e-con-inner>div.powercarouselbox .elementor-widget-image-carousel {
        display: none !important;
    }

}

@media (min-width:768px) {
.crash {height:100%!important; aspect-ratio:inherit!important; background-position: center top; border:none!important}
.min-h480 {min-height:480px!important}
}
@media (max-width:767px) {
	.wpcf7-submit {width: 100%!important}
.evidenceicon .elementor-icon-box-icon, .evidenceicon .elementor-icon-box-content {margin-top:0px!important}
#navItems {flex-direction:column!important}

nav li:last-child a {margin-left:0!important}

nav li a {padding: 0 10px!important; width: auto!important; line-height:36px!important; font-size:16px!important}
.buttoncustom a.elementor-button>.elementor-button-content-wrapper>.elementor-button-text {padding:10px!important}
.buttoncustom a.elementor-button>.elementor-button-content-wrapper>.elementor-button-icon {width:45px!important}
.buttoncustom a.elementor-button>.elementor-button-content-wrapper>.elementor-button-icon svg {height:30px!important}
.buttoncustom.darki.turni a.elementor-button>.elementor-button-content-wrapper>.elementor-button-text {line-height:0.9!important; height:36px!important}
	.buttoncustom.darki.turni a.elementor-button>.elementor-button-content-wrapper {height:36px!important}


footer>.container {display:block!important}
footer>.container>.flex {justify-content:center!important}
footer>.container>.flex:last-child {margin-top:20px!important; display:block!important; text-align:center!important}
footer>.container>.flex:last-child img {display:inline-block!important}

.boxaccordion .contaccordion>div {max-width:100%!important; flex: 0 0 100%!important; padding-left:0!important; padding-right:0!important }
.boxaccordion .contaccordion>div>div {padding-left:0!important; padding-right:0!important}

header nav ul#navItems>li.langEN, header nav ul#navItems>li.langES {display:none!important}
}
@media (max-width:640px) {

.boxnumber {width:100%!important}

footer>.container {flex-direction: column!important}
}

@media (min-width:500px) {
/*	br {display:none!important}*/
}

@media (max-width:530px) {
	footer>.container>.flex {
		flex-direction: column;
	}
	footer>.container>.flex>a {
		margin: 30px 0;
	}
}
@media (max-width:500px) {
	.title-main h2 {font-size:30px!important}
}
@media (max-width:340px) {
	.title-main h2 {hyphens: auto!important}

}


/* MODAL */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  width: 100%; /* Could be more or less, depending on screen size */
  max-width: 300px!important;
  position:relative
}

#signmeup .modal-content {
  max-width: 640px!important;
  margin: 120px auto 30px auto!important
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  line-height:22px; height:22px; display:block; position:absolute; right:5px; top:5px
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


.modal b {font-size:18px; font-weight:700; color: var(--green)}

nav li.current_page_item a, nav li.current_page_item a:link, nav li.current_page_item a:visited, nav li.current_page_item a:active, nav li.current_page_item a:hover

 {
	color: var(--green)!important; text-decoration:underline!important
}

.desaparecer {display:none!important}