/* CSS FILE. SODIMAC CHILE - MKT. 2019 */

.template-n1 .portada .img-portada {
    background-position: center;
    width: 100%;
    height: 300px;
    min-height: 300px;
    position: absolute;
    background-size: cover;
    background-image: url(https://www.sodimac.cl/static/categorias/n1/muebles/images/Vitrina-N1-Muebles-360.jpg);
}

.template-n1 .portada .ctn-portada {
    height: 300px;
}

.template-n1 .portada .ctn-portada .promo {
    margin-top: 30px;
    width: 360px;
    height: 251px;
    margin-right: -140px;
    -webkit-animation: anilogo 0.6s 1 ease-in;
    -moz-animation: anilogo 0.6s 1 ease-in;
    -o-animation: anilogo 0.6s 1 ease-in;
}

@-webkit-keyframes anilogo {
    0% {
        -webkit-transform: translatey(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translatey(0px);
        opacity: 1;
    }
}

@-moz-keyframes anilogo {
    0% {
        -moz-transform: translatey(20px);
        opacity: 0;
    }
    100% {
        -moz-transform: translatey(0px);
        opacity: 1;
    }
}

@-o-keyframes anilogo {
    0% {
        -o-transform: translatey(20px);
        opacity: 0;
    }
    100% {
        -o-transform: translatey(0px);
        opacity: 1;
    }
}

.template-n1 .portada .ctn-portada .asidemenu {
    margin-top: 286px;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
}

@media (max-width: 768px) {
    .template-n1 .portada .img-portada {
        min-height: 406px;
        background-image: url(https://www.sodimac.cl/static/categorias/n1/muebles/images/vmb-N1-Muebles-360.jpg);
    }
}

@media (max-width: 640px) {
    .template-n1 .portada .img-portada {
        min-height: 406px;
        background-image: url(https://www.sodimac.cl/static/categorias/n1/muebles/images/vmb-N1-Muebles-360.jpg);
    }
    .template-n1 .portada .ctn-portada {
        height: 400px;
    }
}