/*
Theme Name: MAYENER
Thme URI:
Author: Jesús González
Author URI:
Description: Tema para la empresa Mayener
Version: 1.0
License: GNU General Public Licence v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mayener
*/
body {font-family: 'Montserrat', sans-serif;}
header {position: fixed;width: 100%;transition: .5s all ease;z-index: 9;top: 0;}
header.animado {background: #fff;border-bottom: 1px solid #00000017;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;}
header.animado li a.nav-link {color: #000;}
a.nav-link {color: #fff;font-weight: 500;transition: .5s all ease;}
header li.active a, .current_page_item a {color: #f0912d!important;}
header.animado img.logoCambio {width: 250px;}
p {font-weight: 500;margin-bottom: 0;}
div#contenedorHero {height: 100vh;display: flex;align-items: center;justify-content: center;}
.form-control, .form-control:focus {background-color: #fff;border: transparent;border-bottom: 1px solid #ff951b;color: #495057 !important;border-radius: 0;font-weight: 500;}
.form-control:focus {box-shadow: none;}

.wpcf7 .ajax-loader {position: absolute;}
.wpcf7-response-output {color: #6d6b6b;text-align: center;}
.textoHero {color: #fff;max-width: 700px;margin: 0 auto;}
.textoHero h1 {text-align: center;font-size: 3rem;font-weight: 800;margin-bottom: 20px;}
.textoHero p {text-align: justify;}
.btnContacto {background: #f0912d;border: 1px solid #fff;color: #fbfbfb;padding: 5px 40px;border-radius: 20px;font-size: 17px;transition: .5s all ease;font-weight: 500;}
.btnContacto:hover {background: #da7307;color: #fff;text-decoration: none;}
.menuMovil {display: none;}
footer {background: #000;color: #fff;}
footer p {padding: 7px 0;}
section#nosotros, section#satec, section#medidores-IoT, section#servicios, section#contacto {padding: 80px 0;}
h2 {color: #f0912d;text-align: center;margin-bottom: 30px;font-weight: 700;}
b {color: #f0912d;font-weight: 600;}
ul#tabProducto {text-align: left;border: none;}
ul#tabProducto li {background: #1d1d1b;margin-bottom: 5px;text-align: center;transition: .5s all ease;}
ul#tabProducto li:hover {background: #f0912d;border: 1px solid #fff;}
ul#tabProducto li a {color: #fff;display: block;padding: 5px 10px;text-decoration: none;}
ul#tabProducto li a.active {background: #f0912d;border: 1px solid #fff;}
section#satec {background: #f0912d;}
section#satec h2 {color: #fff;}
#satec a,#medidores-IoT a {text-decoration: none;}
#satec a:hover,#medidores-IoT a {text-decoration: none;}




.cajaProducto {text-align: center;border: 1px solid #fff;transition: .5s all ease;overflow: hidden;position: relative;}
.cajaProducto figure {overflow: hidden;transition: 1.5s all ease;height: 100%}
.cajaProducto:hover figure {transform: scale(1.5);}
.cajaProducto img {width: 250px;}
.cajaProducto p {background: #fff;color: #000;position: relative;transition: .5s all ease;border-top: 1px solid #fff;}
.cajaProducto figure {margin: 10px 0;}
.imgArchive {width: 250px;}
.contenido-entrada {padding: 10px 5px;}
.contenido-entrada a.tituloProductoArchive {color: #1d1d1b;font-size: 20px;text-decoration: none;transition: .5s all ease;}
.contenido-entrada a.tituloProductoArchive:hover {color: #f0912d;}



#medidores-IoT {background: url(img/circuitos-textura.webp);background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;}
#medidores-IoT .overlay{background: rgba(255, 255, 255, .2);}
#medidores-IoT .cajaProducto {text-align: center;border: 1px solid #f0912d;transition: .5s all ease;overflow: hidden;position: relative;}
#medidores-IoT .cajaProducto figure {overflow: hidden;transition: 1.5s all ease;height: 100%}
#medidores-IoT .cajaProducto:hover figure {transform: scale(1.5);}
#medidores-IoT .cajaProducto img {width: 250px;}
#medidores-IoT .cajaProducto p {background: #f0912d;color: #fff;position: relative;transition: .5s all ease;border-top: 1px solid #f0912d;}
#medidores-IoT .cajaProducto figure {margin: 10px 0;}
#medidores-IoT .imgArchive {width: 250px;}
#medidores-IoT .contenido-entrada {padding: 10px 5px;}
#medidores-IoT .contenido-entrada a.tituloProductoArchive {color: #1d1d1b;font-size: 20px;text-decoration: none;transition: .5s all ease;}
#medidores-IoT .contenido-entrada a.tituloProductoArchive:hover {color: #f0912d;}




section#servicios {background: url(img/servicios.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;height: 400px;display: none;}
.blanco {color: #fff!important;}
.enlacesContacto {display: block;text-decoration: none;width: max-content;margin: 0 auto;color: #fff;transition: .5s all ease;font-weight: 600;}
.enlacesContacto:hover {text-decoration: none;color: #000;}
.btn_naranja {color: #fff;padding: 5px 20px;background: #f0912d;transition: .5s all ease;}
.btn_naranja:hover {background: #e67c0c;color: #fff!important;}
.enlaceAnimate {transition: .5s all ease;}
#back-to-top {background: #1d1d1b;transition: .5s all ease;border: 1px solid #fff;}
#back-to-top:hover {background: #2b2b2b;}

section#contacto {/*height: 65vh;*/display: flex;align-items: center;background: #f0912d;padding: 0;}
section#contacto h2{color: #fff;}

div#formulario {padding: 10px;}
section.entrada_producto {margin-top: 100px;}
section.entrada_producto figure {text-align: center;margin: 20px 0;}
section.entrada_producto p {margin-bottom: 20px;text-align: justify;}
.productoEntrada {width: 400px;}
.contenido-producto {margin: 30px 0;}
a.btn_regresar {display: block;width: max-content;padding: 5px 20px;background: #f0912d;border-radius: 20px;color: #fff;transition: .5s all ease;margin: 20px 0;}
a.btn_regresar:hover {background: #e67c0c;text-decoration: none;}
.direccion {font-weight: 600;}
.contenedorArchive {margin-top: 80px;}



.imagenDestacada {position: relative;background-repeat: no-repeat!important;background-position: center!important;height: 500px;display: flex;justify-content: center;align-items: center;}
.imagenDestacada::after {content: "";background: rgba(0, 0, 0, .6);height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.alineartituloDestacado {position: relative;z-index: 2;color: #fff;}
.alineartituloDestacado h1 {font-size: 5rem;font-weight: 800;color: #fff!important;}
p,.textoSingle ul li, .cajatab li {font-weight: 500;margin-bottom: 0;}
.cajatab li {margin-bottom: 10px;text-align: justify;}
.toglertab {display: none;}
.cajatab {border-bottom: 1px solid #0e0e0e30;padding-bottom: 20px;}
.cajatab:last-child {border-bottom: none;padding-bottom: 0;}
.cajatab h5 {margin-bottom: 15px;font-weight: 700;font-size: 22px;color: #f0912d;}
.cajatab p {margin-bottom: 1rem;text-align: justify;}
ul.cajaEnlaces {background-color: #1c1c1b;padding: 10px;}
ul.cajaEnlaces li { border-bottom: 1px solid #ffffff42;}
ul.cajaEnlaces li:last-child {border-bottom: none;}
.pagina .nav-pills .nav-link {color: #fff;text-decoration: none;}
.pagina .nav-pills .nav-link.active, .pagina .nav-pills .show>.nav-link, .pagina .nav-pills .nav-link:hover {color: #f0912d;transition: .5s all ease;background-color: transparent;font-weight: 600;}


.toglertab {display: none;}
.listadoDescargas {position: relative;}
.listadoDescargas ul {list-style-type: none;}
.listadoDescargas ul li a {color: #000;transition: .5s all ease;text-decoration: none;display: block;width: 200px;padding: 5px;position: relative;border: 1px solid rgba(0,0,0,.125);}
.listadoDescargas ul li a:hover {color: #f0912d;}
.listadoDescargas ul li a i {position: absolute;bottom: 8px; right: 5px; color:#000 !important}


.textoPrivacidad p{text-align: justify !important;}
footer a {display: block;padding: 7px 0;color: #fff;text-decoration: none;transition: .5s all ease;}
footer a:hover {text-decoration: none;color: #f0912d;}

.gridSoporte {display: grid;grid-template-columns: 30% 70%;gap: 20px;align-items: center;justify-content: center;border-bottom: 1px solid #bbb;padding-bottom: 20px;}
.gridSoporte a{color: #000;text-decoration: none;}
.infoblogSoporte a:hover h4 {color: #f0912d;}
.gridSoporte h4{color: #000;transition: .5s all ease;}
.gridSoporte p{}
.btn_blog{display: block;width:max-content;padding: 5px 20px;border-radius: 5px;color: #fff !important;background:#f0912d;margin-top: 10px;transition: .5s all ease;}
.btn_blog:hover{background:#995c1d;color: #fff;}
.wp-caption.aligncenter {margin: 0 auto;text-align: center;max-width: 100%;}
.wp-caption-text{display: none;}
.textoSingle b {color: #000;}

main {margin-top: 76px;}

@media(max-width: 1366px){
	.imagenDestacada {height: 300px;}
	.alineartituloDestacado h1 {font-size: 3rem;}
}

@media(max-width:1199px) {
   main{margin-top: 62px;}
}

@media(max-width: 991px){
	.toglertab {display: block;padding: .25rem .75rem;width: 100%;background-color: #c5c5c5;border: 1px solid #50505038;border-radius: .25rem;}
}
@media(max-width:850px) {
	  main {margin-top: 80px;}
    section#inicio {margin-top: 66px;}
	.textoHero, .formulario {margin-bottom: 30px;}
	header {background: #fff;}
	header a.nav-link {color: #000;}
	header img.logoMovil {width: 250px;}
	div#contenedorHero {height: auto;display: flex;padding-top: 150px;padding-bottom: 80px;}
	ul#tabProducto {margin-bottom: 30px;}
	section#servicios {height: 250px;}
	section#contacto {height: auto;}

	.imagenDestacada {height: 200px;}
	.alineartituloDestacado h1 {font-size: 2rem;}
	.cajatab h5 {font-size: 19px;}
}

@media(max-width:768px) {
    .menuMovil {display: block!important;}
	.menuDesktop {display: none!important;}
	.cajaProducto {width: 300px;margin: 0 auto;}
}

@media(max-width:575px) {
    .cajaProducto {width: auto;margin: 0 auto;}
}
@media(max-width:475px) {
    header img.logoMovil {width: 185px;}
	header .container-fluid {padding: 0;}
}
