﻿#cabecera {
    background-color:transparent!important;
}

body > .wrpContenido {
    padding:0px!important;
}
body > .wrpContenido > .contenido {
    width:100%!important;
}


/*--------------------------------------------- Banner Principal */
#banner_Principal {
    width:100%;
}

#banner_Principal .bannerItem {
    max-width:100%;
    overflow:hidden;
}

#banner_Principal img {
    width:100%;
}


/*--------------------------------------------- Banner Secundario */
.wrpBanner2 {
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: center;
}
.wrpBanner2 .widgetBanner {
    margin-top:-80px;
    margin-bottom:30px;
    width: 1200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.wrpBanner2 .widgetBanner .bannerItem {
    background-color: white;
    border-radius: 30px;
    padding: 10px;
    width: 180px;
    height: 180px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.wrpBanner2 .widgetBanner .bannerItem  .texto {
    font-weight:bold;
    text-align:center;
    color:#666;
}



/*--------------------------------------------- H1 */
h1 {
    width:100%;
    text-align:center;
    padding:20px 0px;
    margin:30px 0;
    text-transform:uppercase;
    background-color: var(--fondoSecciones);
}
h2 {
    width:100%;
    text-align:center;
    padding:20px 0px;
    text-transform:uppercase;
}



/*---------------------------------------------- Botones centrados*/
.wrpBotones {
    width:100%;
    display:flex;
    justify-content: center;
}

/*--------------------------------------------- Listado Articulo */
.wrpListadoArticulos {
    width:100%;
    display:flex;
    justify-content: center;
}




/*--------------------------------------------- Marcas destacadas */
.wrp_familia_destacado,
.wrp_marca_destacado,
.wrp_licencia_destacado {
    width:100%;
    display: flex;
    justify-content: center;
    background-color: var(--fondoSecciones);
    flex-direction: column;
    align-items: center;
    grid-gap:0px;
    padding:20px 0 0 0;
    margin:20px 0;
}



.wrp_familia_destacado > .carrusel,
.wrp_marca_destacado > .carrusel,
.wrp_licencia_destacado > .carrusel {
    /*width:1200px;*/
    width:100%;
    max-width:100%;
}


.wrp_familia_destacado > .titulo,
.wrp_marca_destacado > .titulo,
.wrp_licencia_destacado > .titulo {
    text-transform:uppercase;
    padding:0;
    margin:0;
    margin-bottom:8px;
}


/*--------------------------------------------- Texto SEO */
.wrpTextoSeo {
    width:100%;
    display:flex;
    flex-direction: row;
    justify-content: center;
}

.wrpTextoSeo .widgetBloqueTexto {
    /*width:1200px;*/
    padding:20px;
}

.wrpTextoSeo .widgetBloqueTexto h2 {
    text-align:center;
    margin-bottom:10px;
}



@media (max-width: 800px) {
    h1 {
        padding:10px;

    }

    .wrpBanner2 {
        margin-top:0px;
        margin-bottom:0px;
    }

    .wrpBanner2 .widgetBanner {
        width:100%;
        margin-top:0px;
    }

    .wrpBanner2 .widgetBanner .bannerItem {
        width:100%;
        box-shadow:none;
        height:100%;
        justify-content: flex-start;
        padding:5px;
        border-radius:0px;
    }

    .wrpBanner2 .widgetBanner .bannerItem img {
        height:50px;
    }



    h1 {
        margin:0;
    }

    .wrpBanner2 .widgetBanner .bannerItem  .texto {
        font-size:14px;
        line-height:15px;
    }

    .wrp_familia_destacado, 
    .wrp_marca_destacado, 
    .wrp_licencia_destacado {
        padding:10px 0;
    }

}