/*
    Theme Name: WETMEX
    Theme URI:
    Author: Sergio Sanchez S. - Front-end Web Developer, Back-end Developer and Web Designer
    Author URI: https://sergioss.net/
    Description: Theme designed for "Water Equipments Tecnologies de Mexico"
    Version: 1.0.0
    Requires at least: 6.0
    Tested up to: 6.0.1
    Requires PHP: 7.4
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Flexbox, CSS Grid, Mobile First, PHP8, JavaScript ES6, HTML5, ReactS, CSS3.
    Text Domain: wetmex
*/
/* CSS Custom Properties (CSS Variables) */
:root{
    /**Fuentes**/
    --fuentePrincipal: 'Roboto', sans-serif;

    /**Colores**/
    --azulPrincipal: #1d6490;
    --azulSecundario: #10374F;
    --azulHoverButton: #2C98DB;
    --grisClaro: #c8c7c8;
    --grisOscuro: #332E33;
    --rojo: #D6412F;
    --amarillo: #ffb900;
    --blanco: #ffffff;
    --negro: #000000;
}

/*** 1er snippe a usar
    Paul Irish - * { Box-sizing: Border-box } FTW
    USO: Si se tiene un div de 200px y le qgregas un padding de 20px, evitas que ese div crezca a 220px
*/
html {
    box-sizing: border-box;
    /* this is the "root" in "root em." */
    font-size: 62.5%; /* Now 10px = 1rem! */
}
*, *:before, *:after {
    box-sizing: inherit;
}
/* end 1er snippe */

/*** 2do snippe a usar
    gist 1rem = 10px - "Sanity-ize" REMs by setting them to 10px-baseline aka "Tiny Happy Pixels Dancing."
    USO: Reiniciamos a que 1rem sea igual a 10px
*/
body {
    font-size: 20px; /* px fallback */
    font-size: 1.7rem; /* default font-size for document */
    line-height: 1.5; /* a nice line-height */
    font-family: var(--fuentePrincipal);
}
/* end 2do snippe a usar */

h1, h2, h3, h4, h5, h6{
    margin: 1rem 0;
    line-height: 1.2;
}

/* Globales */
a{
    text-decoration: none;
}
p{
    margin: 1rem 0;
}
/* Color Palette */
.has-azul-color{
    color: var(--azulPrincipal);
}
.has-azuloscuro-color{
    color: var(--azulSecundario);
}
.has-azulclaro-color{
    color: var(--azulHoverButton);
}
.has-grisclaro-color{
    color: var(--grisClaro);
}
.has-grisoscuro-color{
    color: var(--grisOscuro);
}
.has-rojo-color{
    color: var(--rojo);
}
.has-amarillo-color{
    color: var(--amarillo);
}
.has-blanco-color{
    color: var(--blanco);
}
.has-negro-color{
    color: var(--negro);
}

/* responive all images */
img{
    max-width: 100%;
    height: auto;
}
.contenedor{
    max-width: 1200px;
    width: 95%;/*para un dispositivo movil 95% su maximo*/
    margin: 0 auto;/*centrar el contenedor*/
}

/* Utilities */
.text-center{
    text-align: center;
}
.text-header{
    color: var(--azulPrincipal);
    text-transform: uppercase;
    font-size: 3.5rem;
    margin-bottom: 5.5rem;
}

/* Button */
.boton{
    padding: 1.5rem 3rem;
    border: none;
    border-radius: .6rem;
    cursor: pointer;
    font-size: 1.7rem;
}
.boton-primario{
    background-color: var(--grisClaro);
    color: var(--grisOscuro);
    transition: all 0.65s ease-out;
}
.boton-primario:focus{
    outline: 0px;
}
.boton-primario:hover{
    background-color: var(--grisOscuro);
    color: var(--blanco);
}
/* End Button */

/* header *//* header front */
.front-end .contenedor-header,
.contenedor-header{
    padding-top: 1rem;
    /* height: 100vh; */
    height: auto;
    /* min-height: 70rem; */
    min-height: 50rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .contenedor-header{
        /* height: 100vh; */
        min-height: 45rem;
    }
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .front-end .contenedor-header{
        min-height: 14.5rem;
    }
}
.site-header{
    background-color: rgba(29, 100, 144, .7);
    /*background-color: rgba(6.3, 28.6, 38.0, .6);*/
    padding: .5rem 0 0;
    margin-top: 2rem;
}
.front-end .site-header{
    padding: .5rem 0 0;
    margin-top: .2rem;
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .barra-navegacion{
        display: flex;
        justify-content: space-between;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .barra-navegacion{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.site-header .logo{
    display: flex;
    justify-content: center;
}
@media (min-width: 768px) and (max-width: 992px){
    .site-header .logo{
        margin-bottom: 1rem;
    }
}
.site-header .logo img{
    margin-right: 1.5rem;
    width: 172px;
    height: auto;
}
.site-header ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Menu Principal */
.menu-principal{
    display: none;
}


/*** Menu desplegable CSS e items ***/
/* items del menu */
@media (min-width: 768px) {
    .menu-principal ul li {
        position:relative;
        float:left;
        margin:0;
        padding:0;
    }
    /* menu desplegable */
    .menu-principal ul ul{
        display: none;
        position:absolute;
        top:100%;
        left:0;
        padding:0;
        z-index: 1;
    }
    .menu-principal ul ul ul{/* items hijos seran desplegados a un constado del item padre */
        top: 0;
        left: 15rem;
        padding: 0;
        z-index: 1;
    }
    /* items del menu desplegable */
    .menu-principal ul ul li {
        float:none;
        width:15rem;/*max-content*/
        background-color: rgba(29, 100, 144, .9);
    }
    /* enlaces de los items del menu desplegable */
    .menu-principal ul ul a {
        line-height: 120%;
        padding: 1rem .8rem;
    }
    /* items del menu desplegable al pasar el ratón */
    .menu-principal ul li:hover > ul {
        display:block;
    }


    /*Animacion a los items hijos del menu*/
    .menu-principal ul ul li a::before,
    .menu-principal ul ul li a::after{
        position: absolute;
        left: 0;
        content: '';
        display: block;
        width: 100%;
        height: 50%;
        background-color: var(--grisClaro);
        z-index: -1;
        transform: scaleY(0);
        transition: transform .6s;
    }
    .menu-principal ul ul li a::before{
        top: 0;
        transform-origin: bottom;
    }
    .menu-principal ul ul li a::after{
        top: 50%;
        transform-origin: top;
    }
    .menu-principal ul ul li a:hover::before{
        transform: scaleY(1);
    }
    .menu-principal ul ul li a:hover::after{
        transform: scaleY(1);
    }
}
/*** Fin Menu desplegable CSS e items ***/


@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .menu-principal{
        display: flex;
        align-items: center;/*alinear verticalmente los items del menu*/
        justify-content: flex-end;/*colocar el menu al lado derecho*/
    }
    .menu-principal .menu{
        display: flex;
        justify-content: space-around;/*colocar los items del menu uno del lado del otro*/
    }
    .menu-principal .menu li{
        margin-right: .5rem;/*separacion entre items del menu principal*/
    }
    .menu-principal .menu li:last-of-type{
        margin-right: 0;/*eliminar el margin-right al ultimo item del menu*/
    }
}
.menu-principal li.current_page_item{
    border-bottom: 5px solid var(--grisClaro);
}
.menu-principal a{
    color: var(--blanco);
    font-size: 1.5rem;
    padding: 1.2rem .6rem .5rem;/*ancho de efecto en items del menu*/
    display: block;
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    /* .menu-principal a{
        position: relative;
        z-index: 1;
    }
    .menu-principal a::before,
    .menu-principal a::after{
        position: absolute;
        left: 0;
        content: '';
        display: block;
        width: 100%;
        height: 50%;
        background-color: var(--grisClaro);
        z-index: -1;
        transform: scaleX(0);
        transition: transform .6s;
    }
    .menu-principal a::before{
        top: 0;
        transform-origin: left;
    }
    .menu-principal a::after{
        top: 50%;
        transform-origin: right;
    }
    .menu-principal a:hover::before{
        transform: scaleX(1);
    }
    .menu-principal a:hover::after{
        transform: scaleX(1);
    } */
    .menu-principal a:hover{
        border-bottom: 1px solid var(--grisClaro);
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .menu-principal{
        padding-bottom: 1rem;
    }
    .menu-principal a{
        padding: 1.5rem .3rem 1rem;/*ancho de efecto en items del menu*/
    }
}

/* Movil Menu */
.slicknav_menu{
    background-color: rgba(16, 73, 97, 0);
    text-align: center;/*alinear el menu*/
}
.slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 6px 0px;/*quitar padding a los lados*/
    margin: 2px 0;/*quitar margin a los lados*/
    padding-left: 1rem;/* padding a los enlaces <a> que tienen items hijos*/
}
.slicknav_nav .slicknav_row:hover{
	background-color: rgba(16, 55, 79, .7);/* item-has-children */
}
.slicknav_nav .slicknav_row a:hover{
    background: none;/* quitar background a los items <a> en su :hover */
}
.slicknav_nav .sub-menu li{
    padding-left: 1rem;/* padding a todos los items <li> que los envuelva la clase .sub-menu */
}
.slicknav_nav li.current_page_item{
    background-color: rgba(6.3, 28.6, 38.0, .6);
    border-radius: 1rem;
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .slicknav_menu{
        display: none;
    }
}
.slicknav_btn{
    background-color: var(--azulSecundario);
    margin: 3rem 0 1.5rem;
    padding: 1.5rem;
    display: inline-block;/*alinear el menu*/
    float: none;/*alinear el menu*/
}
.slicknav_nav a {
    font-size: 1.6rem;
    text-align: left;/* alinear el texto de los enlaces <a> */
    padding-left: .8rem;/* padding a los enlaces <a>*/
}
.slicknav_nav a:hover{
    background-color: rgba(16, 55, 79, .7);
    color: var(--blanco);
}

/* Footer */
.site-footer{
    background-color: var(--azulSecundario);
}
.contenido-footer{
    padding: 3rem 0;
}
.contenido-footer h3{
    text-align: center;
    color: var(--grisClaro);
    margin: 2rem 0;
}
.contenido-footer h3 a{
    color: var(--grisClaro);
    transition: color 0.25s ease-out;
}
.contenido-footer h3 a:hover{
    color: var(--blanco);
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .contenido-footer h3{
        margin: 1rem 0;
    }
}
@media (min-width: 768px) {
    .footer-box{
        font-size: 1.5rem;
    }    
}
.footer-box p{
    color: var(--blanco);
    text-align: center;
}
.footer-box ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer-box ul a{
    color: var(--blanco);
    transition: color 0.25s ease-out;
}
.footer-box ul a:hover{
    color: var(--grisClaro);
}
/* .footer-box ul.ultimas-publicaciones li:before{
    font-family: "dashicons";
	content: "\f119";
	display: inline;
	margin-right: .3rem;
    vertical-align: middle;
    font-size: 2rem;
    color: var(--grisClaro);
} */
.footer-box ul.ultimos-comentarios li{
    color: var(--blanco);
}
/* .footer-box ul.ultimos-comentarios li:before{
    font-family: "dashicons";
	content: "\f125";
	display: inline;
	margin-right: .5rem;
    vertical-align: middle;
    font-size: 2rem;
    color: var(--grisClaro);
} */
.footer-box ul.ultimos-comentarios li span{
    font-size: 1.3rem;
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .contenido-footer{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 1rem;
    }
}
/* Social Networks */
.redes-sociales .sr-text{
    display: none;
}
.redes-sociales nav.sociales{
    padding: 0 0 1.5rem 0;
}
.redes-sociales nav.sociales ul{
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
    margin: 0;
    list-style: none;/* remove the bullet from the <ul> */
    column-gap: 1rem;
    justify-content: center;
}
.redes-sociales nav.sociales a::before{
    font-family: "dashicons";
	display: inline;
    vertical-align: middle;
    font-size: 5rem;
    color: var(--blanco);
    transition: color 0.4s ease-out;
}
.redes-sociales nav.sociales a:hover::before{
    color: var(--grisClaro);
}
.redes-sociales nav.sociales a[href*="facebook.com"]:before{
    content: "\f304";
}

/* Copyright */
.copyright{
    background-color: var(--grisClaro);
}
.copyright p{
    margin: 0;
    padding: 3rem 0;
    text-align: center;
    color: var(--azulSecundario);
    font-size: 1.8rem;
}

/* Developed */
.developed{
    background-color: var(--grisOscuro);
    padding: 1rem 0;
}
.developed p{
    margin: 0;
    padding: 0;
    text-align: center;
    color: var(--blanco);
    font-size: 1.1rem;
}
.developed a{
    color: var(--blanco);
    font-size: 1.2rem;
    font-weight: bold;
    transition: color 0.25s ease-out;
}
.developed a:hover{
    color: var(--amarillo);
}

/* Page main content */
main .contenido-principal{
    margin: 4rem 0;
}

/* Page Nosotros - Section Contactanos */
.p-contacto{/*clase ingresada desde el editor*/
    margin: 0;
}
span.obligatorio{
    color: var(--rojo);
    font-size: 2.2rem;
}

/* Form Contact */
.wpcf7{
    display: flex;
    justify-content: center;
}
.wpcf7-form{
    width: 100%;
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .wpcf7-form{
        width: 50%;
    }
}
.wpcf7-form label{
    color: var(--grisClaro);
}
.wpcf7-form input[type=text].wpcf7-form-control,
.wpcf7-form input[type=email].wpcf7-form-control,
.wpcf7-form input[type=tel].wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control{
    width: 100%;
    border: .4rem solid var(--grisClaro);
    border-radius: .6rem;
    padding: 1rem;
}
.wpcf7-form input[type=text].wpcf7-form-control:focus-visible,
.wpcf7-form input[type=email].wpcf7-form-control:focus-visible,
.wpcf7-form input[type=tel].wpcf7-form-control:focus-visible,
.wpcf7-form textarea.wpcf7-form-control:focus-visible{
    border: none;
    outline: .4rem solid var(--azulSecundario);
}
.wpcf7-form .wpcf7-not-valid-tip{
    font-weight: bold;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
    border: 3px dotted var(--grisClaro);
    text-align: center;
    background-color: var(--amarillo);
}
.wpcf7-form input[type=submit].wpcf7-form-control{
    /* display: block; */
    margin: 0 auto;
    border: none;
    background-color: var(--grisClaro);
    padding: 1.5rem 3.5rem;
    color: var(--negro);
    font-size: 2.1rem;
    font-weight: bold;
    border-radius: .6rem;
    transition: all 0.35s ease-out;
}
.wpcf7-form input[type=submit].wpcf7-form-control:hover{
    cursor: pointer;
    background-color: var(--grisOscuro);
    color: var(--blanco);
}
.wpcf7-spinner::before{
    margin: 0 auto;
}
.wpcf7-spinner{
    background-color: var(--azulSecundario);
    display: block;
    margin: 1rem auto;
}

/* Lista Cards */
ul.lista-cards{
    list-style: none;
    margin: 2rem 0 0 0;
    padding: 0;
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    ul.lista-cards{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
ul.lista-cards li.card{
    margin-bottom: 4rem;
    text-align: center;/*centrar el contenido de cada item*/
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    ul.lista-cards li.card{
        flex: 0 0 calc(50% - 1.5rem);/*tamaño de cada card*/
    }
}
ul.lista-cards li.card h3{
    color: var(--azulPrincipal);
    margin-bottom: 2rem;
}
ul.lista-cards li.card .the_excerpt{
    text-align: justify;
}
li.card .contenido{
    padding: 1rem 0 3rem;
}
/* li.card img{
    filter: drop-shadow(5px 5px 5px #000000) brightness(85%);
    filter: drop-shadow(3px 3px 3px #000000);
} */
ul.lista-cards .contenedor-boton {
    margin-top: 4rem;
}
.contenedor-boton{
    display: flex;
    justify-content: flex-start;
}

/* Blog */
.blog ul.lista-cards li.card .meta{
    color: var(--azulPrincipal);
    font-size: 1.7rem;
}
.blog ul.lista-cards li.card .meta span{
    color: var(--grisClaro);
    font-weight: bold;
}
.blog ul.lista-cards li.card .by_date{
    display: flex;
    justify-content: space-between;
}

/* Pagination Blog */
.paginacion{
    display: flex;
    justify-content: center;
    column-gap: 1.2rem;
    font-size: 2rem;
    font-weight: bold;
    color: var(--azulSecundario);
    margin-bottom: 4rem;
}
.paginacion a{
    color: var(--azulPrincipal);
}
.paginacion a:hover{
    color: var(--grisClaro);
}
.paginacion .current{
    color: var(--grisClaro);
}
@media (min-width: 768px){/*a partir del valor 768px del "min-width" hacia adelante*/
    .paginacion{
        margin: 4rem 0;
    }
}
/* End Pagination Blog */

/* Single Blog */
.single-blog .autor-fecha{
    display: flex;
    justify-content: space-between;    
}
.single-blog .autor-fecha p{
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--azulPrincipal);
}
.single-blog .autor-fecha span{
    color: var(--grisClaro);
    font-weight: 700;
}

/* Single Blog - comentarios */
@media (min-width: 768px){
    /* .comment-respond{
        display: flex;
        justify-content: center;
    } */
    /* .comment-form{
        width: 50%;
    } */
}
.comentarios .comment-respond{
    margin: 3rem 0;
}
.comentarios h3{
    color: var(--azulPrincipal);
    text-align: center;
}
.comentarios .comment-respond h3 a,
.comentarios .comment-respond h3 small a{
    color: var(--azulPrincipal);
    transition: color 0.25s ease-out;
}
.comentarios .comment-respond h3 a:hover,
.comentarios .comment-respond h3 small a:hover{
    color: var(--azulHoverButton);
}
.comentarios .comment-respond form .comment-notes{
    font-size: 1.8rem;
    text-align: center;
}
.comentarios .comment-respond form span.required{
    color: var(--rojo);
    font-weight: 700;
    font-size: 2.2rem;
}
.comentarios .comment-respond form label{
    display: block;
    margin-bottom: .5rem;
    color: var(--grisClaro);
}
.comentarios .comment-respond form input:not([type="submit"]),
.comentarios .comment-respond form textarea{
    width: 100%;
    border: .4rem solid var(--grisClaro);
    border-radius: 1rem;
    padding: 1rem;
}
.comentarios .comment-respond form input:not([type="submit"]):focus-visible,
.comentarios .comment-respond form textarea:focus-visible{
    border: .4rem solid var(--azulSecundario);
}
.comentarios .comment-respond form p.logged-in-as{
    font-size: 1.8rem;
    text-align: center;
}
.comentarios .comment-respond form p.logged-in-as a{
    color: var(--grisClaro);
    transition: color 0.25s ease-out;
}
.comentarios .comment-respond form p.logged-in-as a:hover{
    color: var(--azulHoverButton);
}
/*checkbox comment form*/
.comentarios .comment-respond p.comment-form-cookies-consent{
    display: block;
    padding: 1rem 0;
}
[type="checkbox"] + label[for], [type="radio"] + label[for] {
    cursor: pointer;
}
.comentarios .comment-respond p.comment-form-cookies-consent input[type="checkbox"] {
    position:absolute;left:-999em;
}
.comentarios .comment-respond p.comment-form-cookies-consent input[type="checkbox"] + label {
    color: var(--grisClaro);
    background:url("img/checkbox-uncheck_wetmex.png") no-repeat scroll left top transparent;display:inline;height:16px;width:16px;padding-left:25px;
}
.comentarios .comment-respond p.comment-form-cookies-consent input[type="checkbox"]:checked + label {
    background-image:url("img/checkbox-check_wetmex.png");
}
.comentarios .comment-respond .form-submit{
    display: flex;
    justify-content: center;
}
/*end checkbox comment form*/
/* End Single Blog - comentarios */

/* Single Post - Comment list*/
.comentarios ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    color: var(--azulSecundario);
}
.comentarios ul.lista-comentarios .comment{
    padding: 1rem;
    border-top: .4rem dotted var(--azulSecundario);
    border-right: .3rem solid var(--azulSecundario);
    border-bottom: .1rem dashed var(--azulSecundario);
    border-left: .1rem solid var(--azulSecundario);    
    border-radius: 2rem 4rem;
    margin-top: .8rem;
    margin-bottom: .1rem;
}
.comentarios ul.lista-comentarios .comment cite{
    font-style: normal;
    font-size: 1.6rem;
}
.comentarios ul.lista-comentarios .comment cite a{
    color: var(--azulPrincipal);
    transition: color 0.25s ease-out;
}
.comentarios ul.lista-comentarios .comment cite a:hover{
    color: var(--azulHoverButton);
}
/* .comentarios .lista-comentarios .comment cite::before{
    font-family: "dashicons";
	content: "\f125";
	display: inline;
	margin-right: .4rem;
    vertical-align: middle;
    font-size: 2.4rem;
    color: var(--grisClaro)
} */
.comentarios .lista-comentarios .comment .comment-meta a,
.comentarios .lista-comentarios .comment .reply a{
    color: var(--grisClaro);
    transition: color 0.25s ease-out;
}
.comentarios .lista-comentarios .comment .comment-meta a:hover,
.comentarios .lista-comentarios .comment .reply a:hover{
    color: var(--azulHoverButton);
}
.comentarios .botones_sociales_single{
    text-align: center;
    margin: 3rem 0 2rem;
}
/* slider publicidad */
.publicidad .bx-wrapper{
    box-shadow: none;
    border: none
}
.publicidad .bx-wrapper ul.listado-publicidad{
    margin-top: 0px;
    padding: 0px;
}
.publicidad .bx-wrapper .bx-controls a.bx-pager-link{
    background: var(--azulSecundario);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.publicidad .bx-wrapper .bx-controls a.bx-pager-link.active{
    background-color: var(--grisClaro);
}

/* Slogan home page */
.slogan{
    background-color: var(--azulPrincipal);
}
.slogan .contenido-slogan{
    padding: 2rem 0;
    margin: 4rem 0;
}
.slogan .contenido-slogan p{
    text-align: center;
    color: var(--blanco);
    font-size: 2rem;
}
@media (min-width: 768px) {/*a partir del valor 768px del "min-width" hacia adelante*/
    .slogan .contenido-slogan p{
        font-size: 2rem;
    }
}

/* Marcas */
.marca{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.marca h2{
    color: var(--azulPrincipal);
    margin-bottom: 3rem;
    text-align: center;
    font-size: 2rem;
}

.ab-sub-wrapper #wp-admin-bar-edit-profile a{
    display: none;/*hide link edit profile */
}

.error-404{
    text-align: center;
    color: var(--azulSecundario);
}

.leaflet-map{
    margin-top: -1.5rem;
}