/**
 *  INTRO PAGE
 */

#ns__MieleIntro h2 {
    text-align: center;
    font-size: 1.6em;
    opacity: .85;
}

#ns__MieleIntro h1 {
    font-size: 2.4em;
    margin: 0;
    padding: 1em 0 0 0;
}

h2#lblMieleNP {
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
}

/** **/

#NEWproducts {
    margin-top: 2em;
}

#NEWproducts p {
    line-height: 150%;
}

#NEWproducts h3 {
    text-align: center;
    opacity: .9;
}

#NEWproducts .layout-0 {
    margin-bottom: 1.2em;
}

/** **/

#INFOmieleArticles div {
    background-color: #f5f5f5;
    padding: 1em 2em;
}

#INFOmieleArticles h3 {
    text-align: center;
}

#INFOmieleArticles {
    gap: 1em 1em;
}

/** **/

#introBorder {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2em 1.2em;
    margin: 2em 0 3em 0;
}

#introBorder div {
    position: relative;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 19%);
    overflow: hidden;
}

#introBorder strong,
#introBorder a {
    display: block;
}

#introBorder a {
    text-align: center;
}

#introBorder a:hover strong {
    background-color: var(--theme-background);
}

#introBorder a:hover img {
    transform: scale(1.1);
    transition: transform 0.5s;
}

#introBorder img {
    width: 100%;
    display: block;
}

#introBorder strong {
    padding: 1em;
    background-color: #8c0014c4;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#introBorder div::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 97 97' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M0.561,20.971L46.512,78.576C47.272,79.527 48.879,79.527 49.639,78.576L95.595,20.967C96.142,20.278 96.304,19.251 96.009,18.357C95.948,18.17 95.88,18.027 95.823,17.92C95.472,17.27 94.798,16.864 94.058,16.864L2.093,16.864C1.357,16.864 0.679,17.269 0.331,17.92C0.272,18.029 0.204,18.173 0.147,18.346C-0.15,19.251 0.011,20.28 0.561,20.971Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/svg%3E");
    background-size: 100%;
    width: .6em;
    height: .6em;
    z-index: 6;
    position: absolute;
    bottom: 1.2em;
    right: 1em;
}

#introBorder ul {
    padding: 0;
    margin: 0 0 1em 0;
    list-style: none;
}

#introBorder li a {
    padding: .4em .4em;
    font-size: 1.1em;
    font-weight: bold;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='96.154px' height='96.154px' viewBox='0 0 96.154 96.154' style='enable-background:new 0 0 96.154 96.154;' xml:space='preserve'%3E%3Cpath d='M0.561,20.971l45.951,57.605c0.76,0.951,2.367,0.951,3.127,0l45.956-57.609c0.547-0.689,0.709-1.716,0.414-2.61 c-0.061-0.187-0.129-0.33-0.186-0.437c-0.351-0.65-1.025-1.056-1.765-1.056H2.093c-0.736,0-1.414,0.405-1.762,1.056 c-0.059,0.109-0.127,0.253-0.184,0.426C-0.15,19.251,0.011,20.28,0.561,20.971z'/%3E%3C/svg%3E%0A");
    background-size: auto .5em;
    background-position: left 2em center;
    text-align: left;
    padding-left: 4em;
}