/* CSS FILE. SODIMAC CHILE - MKT. 2019  5*/
.container.breadcrumb {
    top: 5px !important;
}
.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/organizacion/images/Vitrina-N1-Organizacion.jpg);
}
.template-n1 .portada .ctn-portada {
    height: 300px;
}
.template-n1 .portada .ctn-portada .asidemenu { 
    margin-top: 236px; 
    background-color: #fff; 
    border-radius: 8px 8px 0 0;
}

.template-n1 .portada .ctn-portada .promo {
    margin-top: 0;
}

.logo-campana { 
    width: 287px; float: right; margin-top: 16%; border-radius: 6px; background-color: #b9c1ff;
    -webkit-transition: top 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
} 
.logo-campana a p {line-height: 24px; font-size: 14px; font-weight: 300; text-align: center; color: #fff; padding: 10px;}
.logo-campana a p span {
    font-family: 'Kaushan Script', cursive;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 30px;
    text-align: center;
}
.logo-campana a { color: #fff; text-decoration: none !important;}
.logo-campana:hover {
    background: #b9d0ff;
    text-decoration: none !important;
    cursor: pointer;
}


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

@media (max-width: 640px){
    .template-n1 .portada .img-portada {
        min-height: 406px;
        background-image: url(https://www.sodimac.cl/static/categorias/n1/organizacion/images/Vitrina-N1-Organizacion-mobile.jpg);
    }
    .template-n1 .portada .ctn-portada {
        height: 400px;
    }
    .logo-campana { width: 300px; float: right; margin-top: 70%; position: absolute; margin-left: 60px;} 
.logo-campana a p { line-height: 24px; font-size: 14px; font-weight: 300; text-align: center; color: #fff; padding: 10px;}
.logo-campana a p span { font-size: 24px; font-weight: 600; text-transform: uppercase; letter-spacing: 6px;}
.logo-campana a { color: #fff; text-decoration: none !important;}
.logo-campana:hover {
    background: #333;
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: top 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
}