﻿


#premiosmbp {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight:100;
    padding: 0;
    margin-top:-75px;
}





    #premiosmbp .headpmbp {
        background-color: #f3e5db;
        width: 100%;
        height: 45vh;
        position: relative;
    }


        #premiosmbp .headpmbp .logopmbp {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-right: 0;
            margin-left: 0;
            text-align: center;
        }

            #premiosmbp .headpmbp .logopmbp img {
                width: 100%;
                max-width:800px;
                margin:20px;
            }

    #premiosmbp .menupmbp {
        width: 100%;
        background: #ffefe4;
        font-size: 24px;
        display: flex;
        justify-content: center;
        padding: 20px 0;
    }
        #premiosmbp .menupmbp a {
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
            font-weight: 400;
            text-transform: uppercase;
            color: #000000;
            text-decoration: none;
            margin-right: 20px;
            padding-right: 20px;
            border-right: 1px solid #000000;
            position: relative;
            z-index: 1;
        }
        #premiosmbp .menupmbp a:last-of-type {
            border-right: none;
            margin-right: 0;
        }

            #premiosmbp .menupmbp a:before {
                content: "";
                display: block;
                position: absolute;
                z-index: 2;
                top: 18px;
                height: 2px;
                background: #000000;
                transition: all .25s;
                right: 50%;
                width: 50%;
            }
            #premiosmbp .menupmbp a:after {
                content: "";
                display: block;
                position: absolute;
                z-index: 2;
                top: 18px;
                height: 2px;
                background: #000000;
                transition: all .25s;
                left: calc(50% - 15px);
                width: 48%;
            }


    #premiosmbp .menupmbp a:hover:before {
        width: 0;
    }
            #premiosmbp .menupmbp a:hover:after {
                width: 0;
            }

    #premiosmbp .numeros {
        background-color: #fbdbc6;
        width: 100%;
        padding: 50px 0px;
        display: flex;
        justify-content: center;
    }

        #premiosmbp .numeros div {
            display: inline-block;
            width: 200px;
            text-align: center;
            margin: 0 2%;
            text-transform:uppercase;
        }

            #premiosmbp .numeros div span {
                font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
                font-weight:900;
                font-size: 40px;
                text-align: center;
                color: #5B4333;
                font-weight: 900;
            }
                #premiosmbp .numeros div span:last-of-type {
                    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
                    font-weight:300;
                    font-size: 24px;
                    line-height: 1;
                    color: #000000;
                   
                }

    #premiosmbp .cta {
        width: 100%;
        padding: 15px;
        text-align: center;
        background-color: #6F513E;
        border: 20px solid #f1dfd3;
        display: none;
        
    }

        #premiosmbp .cta a {
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
            font-weight:900;
            font-size: 40px;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;
            position: relative;
            z-index: 1;
            padding: 0 20px;
        }

    #premiosmbp  .cta a:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        top: 50%;
        height: 2px;
        background: #ffffff;
        transition: all .25s;
        right: 50%;
        width: 50%;
    }

    #premiosmbp  .cta a:after {
        content: "";
        display: block;
        position: absolute;
        z-index: 2;
        top: 50%;
        height: 2px;
        background: #ffffff;
        transition: all .25s;
        left: 50%;
        width: 50%;
    }


    #premiosmbp  .cta a:hover:before {
        width: 0;
    }

    #premiosmbp  .cta a:hover:after {
        width: 0;
    }

        #premiosmbp .premios{
            margin-top:50px;    
        }

    #premiosmbp .miolo .conteudo {
        max-width: 600px;
        margin:auto;
    }

        #premiosmbp .miolo .conteudo .categoria {
            font-weight:300;
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
            font-size: 48px;
            line-height: 1;
            text-transform: uppercase;
            text-align: center;
            margin: 50px 0;
        }
        #premiosmbp .miolo .conteudo .categoria span {
            font-size: 24px;
            line-height: 1;
            display:block;
        }

    #premiosmbp .miolo .conteudo img{
        max-width:100%;
    }

        #premiosmbp .miolo .conteudo .cards div {
            padding: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        #premiosmbp .miolo .conteudo .cards a {
            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
            font-weight: 300;
            font-size: 30px;
            line-height: 1;
            text-transform: uppercase;
            margin: 0 10px;
            text-align: center;
            text-decoration: none;
            color: #000000;
            height: 100%;
            justify-content: center;
            display: flex;
            flex-direction: column;
        }
            #premiosmbp .miolo .conteudo .cards div .imag{
                margin:0;
            }

            #premiosmbp .miolo .conteudo .cards .row {
                margin: 0;
                flex-direction: row;
            }

       




    #premiosmbp .juri{
        padding:100px 0;
    }

        #premiosmbp .juri .slick-slide {
            margin-right: 30px;
            margin-left: 30px;
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
        }
            #premiosmbp .juri .slick-slide a {
                text-decoration: none;
                color:#000000;
            }
        #premiosmbp .juri .slick-slide a:hover {
            text-decoration: none;
        }
    
#premiosmbp .slick-slide img {
    border-radius:100%;
    margin-bottom: 20px;

}
    #premiosmbp .slick-slide span {
        font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        font-weight:300;
        text-align: center;
        font-size: 20px;
        line-height: 1;
        text-decoration: none;
        color: #000000;
        display: block;
        margin-bottom: 8px;
    }
    #premiosmbp .slick-slide span:last-of-type {
        font-size: 14px;
        line-height:1.2;
        margin-bottom:0;
        
    }


    #premiosmbp .slick-dots {
        bottom: -50px;
        max-width: 30%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }




        #premiosmbp .slick-dots li button:before {
            font-size: 20px;
            opacity: .7;
            color: #ffefe4;
        }

        #premiosmbp .slick-dots li.slick-active button:before {
            opacity: 1;
            color: #f1dfd3;
        }
    #premiosmbp .slick-prev, #premiosmbp .slick-next {
        border-radius: 100%;
        width: 50px;
        height: 50px;
        top: initial;
        bottom: -88px;
        z-index: 1;

    }

    #premiosmbp .slick-prev {
        background: url(https://www.maxima.pt/staticassets/premios/i/left.svg) no-repeat 50% scroll;
        background-color: #ffefe4;
        background-size: 25px;
        background-position: 10px center;
    }
    #premiosmbp .slick-next {
        background: url(https://www.maxima.pt/staticassets/premios/i/right.svg) no-repeat 50% scroll;
        background-color: #ffefe4;
        background-size: 25px;
        background-position: 15px center;
    }

        #premiosmbp .slick-prev:before, #premiosmbp .slick-next:before {
            display:none;
        }

.slick-next {
    right: 30%;
}
.slick-prev {
    left: 30%;
}

        #premiosmbp .slick-list{
            z-index:2;
            background-color:#ffffff;
        }

      

#premiosmbp .juri .elementos {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight:100;
    text-align: center;
    font-size: 40px;
    line-height: 1;
    margin: 25px 0;
    text-transform: uppercase;
    font-weight:300;
}





@media (max-width: 767px) {


    #premiosmbp .headpmbp {
        background-color: #f3e5db;
        width: 100%;
        height: 35vh;
        position: relative;
    }


        #premiosmbp .headpmbp .logopmbp {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
            left: 0;
            margin-right: 0;
            margin-left: 0;
            text-align: center;
        }

            #premiosmbp .headpmbp .logopmbp img {
                width: 90%;
                max-width: 90%;
                margin: 0;
            }



    #premiosmbp .menupmbp {
        padding: 10px;
        font-size: 14px;
        display: block;
        text-align: center;
        line-height: 2.5;
    }

        #premiosmbp .menupmbp a {
            border: none;
            margin: 0 10px;
            padding:0;
            border-bottom:1px solid #000;
        }
            #premiosmbp .menupmbp a:last-of-type {
                margin: 0 10px;
                padding:0;
            }

            #premiosmbp .menupmbp a:before, #premiosmbp .menupmbp a:after {
                display:none;
            }

        #premiosmbp .menupmbp a {
            white-space: nowrap
        }



    #premiosmbp .numeros {
        flex-direction: column;
        padding: 25px 0;
    }


        #premiosmbp .numeros div {
            width: auto;
            margin-bottom:8px;
        }
            #premiosmbp .numeros div span {
                font-size: 32px;
            }

            #premiosmbp .numeros div span:last-of-type {
                font-size: 14px;
                display: block;
            }


    #premiosmbp .cta a {
       
        font-size: 20px;
        padding:0;
        margin: 0 10px;
        border-bottom: 1px solid #ffffff;

    }
        #premiosmbp .cta a:before, #premiosmbp .cta a:after {
            display:none;
        }

    #premiosmbp .juri .elementos{
        font-size:24px;
        padding:0 20px;
    }

    #premiosmbp .juri {
        padding: 100px 0;
    }
    #premiosmbp .juri .slick-slide {
        margin-right: 10px;
        margin-left: 10px;
        text-align: center;
        text-transform: uppercase;
    }

    #premiosmbp .slick-dots {
        max-width: 100%;
    }

    .slick-prev {
        left: 10%;
    }
    .slick-next {
        right: 10%;
    }

    #premiosmbp .miolo .conteudo .cards a {

        font-weight: 400;
        font-size: 20px;

    }
    #premiosmbp .slick-slide span {
        font-weight: 300;
        font-size: 17px;
    }
        #premiosmbp .slick-slide span:last-of-type {
            font-size: 12px;
        }
}



