/* ==========================================================
   LOGO
   MISMO TAMAÑO QUE EL ENCABEZADO DE REFERENCIA
   ========================================================== */

.je-blog-header .navbar-brand,
.je-shot-header .navbar-brand {

    display:
        flex !important;

    align-items:
        center !important;

    min-width:
        164px !important;
}


.je-blog-header .navbar-brand img,
.je-shot-header .navbar-brand img {

    width:
        164px !important;

    height:
        118px !important;

    min-width:
        164px !important;

    max-width:
        164px !important;

    min-height:
        118px !important;

    max-height:
        118px !important;

    object-fit:
        contain !important;

    display:
        block !important;

    transition:
        transform .30s ease,
        filter .30s ease
        !important;
}


.je-blog-header .navbar-brand:hover img,
.je-blog-header .navbar-brand:focus-visible img,
.je-shot-header .navbar-brand:hover img,
.je-shot-header .navbar-brand:focus-visible img {

    transform:
        scale(1.06)
        !important;
}


.je-blog-header .navbar-brand:active img,
.je-shot-header .navbar-brand:active img {

    transform:
        scale(.98)
        !important;
}


/* ==========================================================
   HAMBURGUESA
   EN ESCRITORIO NO DEBE APARECER
   ========================================================== */

@media (min-width: 992px) {

    .je-blog-header .navbar-toggler,
    .je-shot-header .navbar-toggler {

        display:
            none !important;
    }
}


/* ==========================================================
   HAMBURGUESA
   SOLO TABLET / MÓVIL
   ========================================================== */

@media (max-width: 991.98px) {

    .je-blog-header .navbar-toggler,
    .je-shot-header .navbar-toggler {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        flex:
            0 0 auto !important;
    }
}


/* ==========================================================
   EFECTOS DE LOS BOTONES DEL MENÚ
   ========================================================== */

.je-blog-header .je-menu-panel .nav-link,
.je-shot-header .je-menu-panel .nav-link {

    transition:
        color .22s ease,
        transform .22s ease
        !important;
}


.je-blog-header .je-menu-panel .nav-link:hover,
.je-blog-header .je-menu-panel .nav-link:focus-visible,
.je-shot-header .je-menu-panel .nav-link:hover,
.je-shot-header .je-menu-panel .nav-link:focus-visible {

    transform:
        translateY(-2px);
}


.je-blog-header .je-menu-panel .nav-link:active,
.je-shot-header .je-menu-panel .nav-link:active {

    transform:
        translateY(0)
        scale(.97);
}


/* ==========================================================
   LLAMAR AHORA
   ========================================================== */

.je-blog-header .je-call-btn,
.je-shot-header .je-call-btn {

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background-color .22s ease
        !important;
}


.je-blog-header .je-call-btn:hover,
.je-blog-header .je-call-btn:focus-visible,
.je-shot-header .je-call-btn:hover,
.je-shot-header .je-call-btn:focus-visible {

    transform:
        translateY(-2px)
        !important;
}


.je-blog-header .je-call-btn:active,
.je-shot-header .je-call-btn:active {

    transform:
        translateY(0)
        scale(.97)
        !important;
}


/* ==========================================================
   ACCESIBILIDAD
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .je-blog-header .navbar-brand img,
    .je-shot-header .navbar-brand img,

    .je-blog-header .je-menu-panel .nav-link,
    .je-shot-header .je-menu-panel .nav-link,

    .je-blog-header .je-call-btn,
    .je-shot-header .je-call-btn {

        transition:
            none !important;
    }
}