* {
    box-sizing:border-box;
    padding:0;
    margin:0;
}


section {
    min-height:30px;
    max-height:40px;
    position:sticky;
    top:40px;
    z-index:5;

    #degrade {
        margin-top:0px;
        width:100vw;
        height:3px;
        background-image:linear-gradient(to right, #f0af8a 10%, #bb8769);;
    }

    #rotulo {
        width:100%;
        height:30px;
        padding-left:5px;
        background-color:#000000;

        p {
            display:flex;
            justify-content:center;
            align-items:center;
            width:100%;
            height:30px;
            margin:auto;
            color:#ffffff;
            font-size:clamp(4px, 2.3vw, 17px);

            span {
                margin-right:4px;
                margin-left:4px;
                color:#ff0000;
                font-size:clamp(4px, 2.3vw, 17px);
                font-weight:bold;
            }
        }
    }  
}

@media (min-width:700px) {
    section {
        position:fixed;
    }
}
    /*#rotulo {
        white-space:nowrap;
        overflow-x:auto;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
        background-color:#000000;
        overflow-x:hidden;

        p {
            display:inline-block;
            width:270px;
            color:#ffffff;
        }
    }*/