/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
.mi-blog-wrap{
    width:100%;
}
.mi-blog-filtros{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0 0 24px 0;
}
.mi-blog-filtro{
    display:inline-block;
    padding:10px 14px;
    border:1px solid #d9d9d9;
    border-radius:8px;
    text-decoration:none;
    color:#222;
    background:#fff;
}
.mi-blog-filtro.activo{
    font-weight:700;
}
.mi-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.mi-blog-item{
    border:1px solid #e5e5e5;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}
.mi-blog-img img{
    width:100%;
    height:auto;
    display:block;
}
.mi-blog-contenido{
    padding:16px;
}
.mi-blog-meta{
    font-size:13px;
    margin:0 0 8px 0;
    opacity:.7;
}
.mi-blog-titulo{
    font-size:22px;
    line-height:1.2;
    margin:0 0 10px 0;
}
.mi-blog-titulo a{
    text-decoration:none;
    color:#111;
}
.mi-blog-extracto{
    margin:0 0 14px 0;
}
.mi-blog-boton{
    display:inline-block;
    padding:10px 14px;
    border:1px solid #222;
    border-radius:8px;
    text-decoration:none;
    color:#222;
}
.mi-blog-paginacion{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:28px 0 0 0;
}
.mi-blog-pag{
    display:inline-block;
    padding:8px 12px;
    border:1px solid #d9d9d9;
    border-radius:8px;
    text-decoration:none;
    color:#222;
    background:#fff;
}
.mi-blog-pag.activa{
    font-weight:700;
}
@media (max-width:1024px){
    .mi-blog-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (max-width:767px){
    .mi-blog-grid{
        grid-template-columns:1fr;
    }
}
.mi-login-empleado{
    max-width:420px;
    margin:0 auto;
}
.mi-login-empleado form p{
    margin-bottom:12px;
}
.mi-login-empleado form p label{
    width:100%;
    max-width:320px;
}
.mi-login-empleado input[type="text"],
.mi-login-empleado input[type="password"]{
    width:100%;
    max-width:320px;
    padding:10px 12px;
    font-size:14px;
    box-sizing:border-box;
}
.mi-login-empleado .login-remember label{
    font-size:14px;
}
.mi-login-empleado input[type="submit"]{
    padding:10px 18px;
    font-size:14px;
    cursor:pointer;
}
.mi-logout-wrap{
    margin:20px 0;
}
.mi-boton-logout{
    display:inline-block;
    padding:10px 18px;
    border:1px solid #222;
    border-radius:8px;
    text-decoration:none;
    color:#222;
    background:#fff;
    font-size:14px;
    line-height:1.2;
}
.mi-boton-logout:hover{
    opacity:.85;
}