/*
*Estilos da section de video na home ("mobile")
*/

.section-videos .card-first-home-video .site-card .card-image{
    margin-bottom: 0;
}
.section-videos .card-first-home-video .site-card .card-image .card-image-src{
    background-size: cover;
}
.section-videos .card-first-home-video .site-card .card-text{
    padding: 10px 0 10px 0;
    
}

.section-videos .card-first-home-video .site-card .card-play-icon{
    left:15px;
    bottom:15px;
}

.section-videos .card-first-home-video .site-card .card-play-icon .title-duration{
    font-size: 20px;
    line-height: 45px;
}

.section-videos .card-first-home-video .site-card .card-play-icon .icon-play{
    font-size: 45px;
}

.section-videos .card-first-home-video .site-card .card-title .title .title-text{
    color: #000000;
    font-size: 16px;
    font-weight: 700;
}
.section-videos .card-second-home-video  .site-card .card-text{
    padding-left: 5px;
    
}

.section-videos .card-second-home-video .site-card .card-hat{
    margin-bottom:5px;
}

.section-videos .card-second-home-video .site-card .card-hat .hat{
    font-size:10px;
}
.section-videos .card-second-home-video .site-card .card-title .title .title-text{
    color: #000000;
    line-height: 1.3;
    font-size: 13px;
    font-weight: 700;
}
.section-videos .btn-area-veja-mais{
    margin-top: 30px;
}
.section-videos .button-veja-mais-videos-home{
    font-size: 15;
    font-family: 'Roboto' , 'Arial' , 'Arial', 'sans-serif';
    font-weight: 700;
    text-transform: uppercase;
    color:#001a82;
    border-color:#8B95BE;
}

@media only screen and (min-width:992px) {

    .section-videos .card-first-home-video .site-card .card-title .title .title-text{
        font-size: 32px;
        line-height: 1.2;
    }
    .section-videos .card-second-home-video  .site-card {
        padding:0;
        margin-bottom: 20px;
        
    }
    .section-videos .card-second-home-video .site-card .site-card-content{
        margin-bottom: 0;
        padding-bottom: 0;
        padding-left: 20px;
    }

    .section-videos .card-second-home-video .card-image{
        margin-bottom:15px;
    }

    .section-videos .card-second-home-video  .site-card .card-text{
        padding:0;    
    }
    .section-videos .card-second-home-video .site-card .card-title{
        margin-bottom:0;
    }
    .section-videos .card-second-home-video .site-card .card-title .title .title-text{
        font-size: 20px;
        line-height: 1.2;
    }
    .section-videos .card-second-home-video .site-card .card-hat{
        margin-bottom:10px;
    }
    .section-videos .card-second-home-video .site-card .card-hat .hat{
        font-size:12px;
    }
    .section-videos .btn-area-veja-mais-desktop{
        position: relative;
    }  
    .section-videos .button-veja-mais-videos-desktop{
        position: absolute;
        right: 0;
        top: 0;
        font-size: 18px;
        display: block;
        line-height: 1;
        font-family: 'Roboto' , 'Arial' , 'Arial', 'sans-serif';
        font-weight: 700;
        text-transform: uppercase;
        color:#8B95BE;
        border-color:#8B95BE;
        padding:10px 15px;
    }

    .section-videos .button-veja-mais-videos-desktop:hover,
    .section-videos .button-veja-mais-videos-desktop:link,
    .section-videos .button-veja-mais-videos-desktop:active{
        background: #fff ;
        box-shadow: none;
        border: 1px solid var(--nd-azul);
        color: var(--nd-azul);
    }

}