/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
  --verde: #00aaba;
  --azul: #004e80;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
:focus {outline:none!important}

body {font-family: 'Montserrat', sans-serif;}
.elementor-section>.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0 15px;
}
p:last-child {
    margin-bottom: 0!important;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif!important}

.logo-desktop {display:block; width:230px}
.logo-mobile {display:none; width:150px}

.hide-dekstop { display:none}
.hide-mobile {display:block}

.navbar-nav {flex: 0 0 100%; justify-content:right; margin-right:-20px!important}

.navbar {padding:70px 0}
.navbar-nav a {color:var(--azul); font-size:15px; font-weight:700; padding:0 20px; text-transform:uppercase}
.navbar-nav li.current_page_item  a, .navbar-nav a:hover {color:var(--verde)!important}
.navbar-toggler:focus {box-shadow:none!important}

button.navbar-toggler {border:none!important; padding:0!important}
.navbar-toggler svg {fill:var(--azul)!important; width:50px}

.entry-header h1 {font-weight:800; color:#fff; font-size:60px; line-height:1.1; margin:0; padding:100px 0 0 0; height: calc(66px * 3); display: block!important; box-sizing: content-box; position:relative}

.entry-header h1:after {content:' '; display:block; position:absolute; bottom:-65px; width:210px; height:3px; background:var(--verde); }
.entry-content{margin-top:0!important}
body.page, article.page {margin-bottom:0!important}

.wpcf7-form label, .wpcf7-form label input.input-form, .wpcf7-form label textarea.input-form {display:block; width:100%; font-size:16px; line-height:1.3; color:var(--azul)}
.wpcf7-form label>span {color:var(--verde)}

.wpcf7-form label input.input-form, .wpcf7-form label textarea.input-form {border:1px solid var(--azul); border-radius:10px; padding:10px 15px; height:50px}
.wpcf7-form label textarea.input-form {height:100px; resize:none}
.wpcf7-not-valid-tip {margin-top:5px}

.btn-enviar {background:var(--azul)!important; color:#fff!important; border:none!important; border-radius:10px!important; padding:10px 15px!important; max-width:310px!important; width:100%!important; text-transform:uppercase!important; font-weight:bold!important; height:50px}
.btn-enviar:hover {background:var(--verde)!important}

.btn-whatsapp svg {fill: var(--verde)!important; width:90px}
.btn-whatsapp:hover svg {fill:#fff!important}

.box-producto {flex: 0 0 16.66%!important; margin-bottom:40px!important}
.box-producto .elementor-icon-box-wrapper {display:flex!important; flex-wrap:wrap!important; flex-direction:column!important}
.box-producto .elementor-icon-box-wrapper>.elementor-icon-box-icon {order:2; padding:0 15px; width:100%}
.box-producto .elementor-icon-box-wrapper>.elementor-icon-box-icon .elementor-icon svg {width:100%; height:auto; /*max-width:145px*/}
.box-producto .elementor-icon-box-wrapper>.elementor-icon-box-content {order:1; height:48px; margin-bottom:20px}

footer {position:relative}
footer a.btn-whatsapp {position:fixed; right:30px; bottom: 30px}
footer a.btn-whatsapp:hover svg {opacity:0.7!important}
footer a.btn-whatsapp svg {width:auto!important;  height:80px!important}
.pt-60 {padding-top:60px!important}
.pb-60 {padding-bottom:60px!important}
.pt-115 {padding-top:115px!important}
.pb-115 {padding-bottom:115px!important}
.pt-120 {padding-top:120px!important}
.pb-120 {padding-bottom:120px!important}

.container {padding-left:15px!important; padding-right:15px!important}


.sinpaddX .elementor-element-populated {
    padding-left: 0!important;
    padding-right: 0!important;
}

.show-smallmobile {display:none!important}

@media (min-width: 992px) {
	.elementor-section.elementor-section-boxed > .elementor-container {max-width: 960px!important}
}
@media (min-width: 1200px) {
.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1140px!important}

}
@media (min-width: 1400px) {
.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1320px!important}
}



@media (max-width: 1199px) {
.box-producto {
    flex: 0 0 20%!important;
}
.logo-desktop {width:220px!important}
.navbar-nav a {padding:0 10px!important; font-size:16px!important}
.navbar-nav {margin-right:-10px!important}
}

@media (max-width: 1099px) {
	.navbar-collapse {margin-right:15px!important}
	.navbar-nav {margin-right: -20px!important;}
}
@media (max-width: 1024px) {
.hide-dekstop {display:block!important}
.hide-mobile {display:none!important}
.elementor-section.elementor-section-boxed > .elementor-container {max-width:100%!important}

.elementor-section>.elementor-column-gap-default>.elementor-column>.elementor-element-populated, .container {padding-left:30px!important; padding-right:30px!important}
.entry-header h1 br {display:none!important}
.entry-header h1:after {position:relative!important}
.container {max-width:100%!important}

.box-duo .elementor-image-box-wrapper {text-align:center!important; display:block!important}
.box-duo .elementor-image-box-wrapper .elementor-image-box-img {margin-left:auto!important; margin-right:auto!important; width:66.66%!important; display:block!important; text-align:center!important; margin-bottom:20px!important}

.elementor-icon-box-title br {display:none!important}
.box-producto .elementor-icon-box-title br {display:block!important}
.box-producto {
    flex: 0 0 25%!important;
}
.box-producto .elementor-icon-box-wrapper>.elementor-icon-box-icon .elementor-icon svg {/*max-width:180px!important*/}

.elementor-section.sinpaddX >.elementor-column-gap-default>.elementor-column>.elementor-element-populated {padding-left:15px!important; padding-right:15px!important}

}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse { display:block!important}
}
@media (max-width: 992px) {

.logo-desktop {display:none!important}
.logo-mobile {display:block!important}

.navbar {padding:35px 0!important; position:relative}

.navbar-collapse {margin-right:0!important; background:var(--azul)!important; margin:0px -30px!important; position:absolute; top:100%; z-index:99; width:100%!important; padding:30px 0px!important; min-height:600px!important; display:flex!important; }
.navbar-collapse .navbar-nav {margin:0!important; position:relative}
.navbar-collapse:not(.show) {display: none!important} 
.navbar-nav a {color:#fff!important; text-transform:none!important; display:block; padding:10px 30px!important; font-size:26px!important}

.btn-enviar {max-width:100%!important}
}

@media (max-width: 890px) {
.box-producto {
    flex: 0 0 33.33%!important; 
}
}
@media (max-width: 768px) {
	.entry-header h1:after {position:relative!important; bottom:-55px!important}
	.entry-header h1 {font-size:50px!important; height: calc(55px * 3)!important;}
	h2 {font-size:35px!important}
	h3 {font-size:28px!important}
	.con-guion h2, .con-guion h3 {hyphens: auto!important}
	.box-producto h3 {font-size:16px!important}
	.show-smallmobile {display:block!important}
	.hide-smallmobile {display:none!important}
	.navbar-collapse {min-height:500px!important}
}
@media (max-width: 640px) {
.box-producto {
    flex: 0 0 50%!important;
}
}
@media (max-width: 540px) {
	.entry-header h1 {font-size:45px!important; height: calc(50px * 3)!important;}
	.entry-header h1:after {position:relative!important; bottom:-50px!important}
	h2 {font-size:30px!important}
	h3 {font-size:25px!important}
	.box-producto h3 {font-size:16px!important}
}

@media (max-width: 480px) {
	.entry-header h1 {font-size:35px!important; height: calc(39px * 3)!important;}
	.entry-header h1:after {position:relative!important; bottom:-39px!important}
	.box-producto {
		flex: 0 0 100%!important;
	}
}

@media (max-height: 500px) and (max-width: 992px) {
	.navbar-collapse {max-height:calc(100vh - 180px)!important; min-height:360px!important}
}