/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 5 de dez de 2023, 21:25:36
    Author     : diego_to671lg
*/


@media screen and (max-width: 40em) {
    .produto-video {
        width:100%;
        height: 40vw;
        border: 1px solid #dbdbdb;
        background-color: #000;
        margin-left: 0em;
    }
    .texto-apresentacao {
        font-size: calc(1em + 6 * ((100vw - 320px) / 680))!important;
    }
    .diferenciais-icone {
        margin-left: 1em!important;
        font-size: 1.7em!important;
    }
    .diferenciais-texto {
        font-size: 1em!important;
        margin-left: 1em!important;
    }
}
@media screen and (min-width:40em) and (max-width: 64em) {
    .produto-video {
        width:100%;
        height: 15em;
        border: 1px solid #dbdbdb;
        background-color: #000;
        margin-left: 1em;
    }
    .texto-apresentacao {
        font-size: calc(0.95em + 6 * ((100vw - 320px) / 680))!important;
    }
    .diferenciais-icone {
        margin-left: 1.5em!important;
        font-size: 1.7em!important;
    }
    .diferenciais-texto {
        font-size: 1.2em!important;
        margin-left: 1em!important;
    }
}
@media screen and (min-width:64em) and (max-width: 90em) {
    .produto-video {
        width:100%;
        height: 20em;
        border: 1px solid #dbdbdb;
        background-color: #000;
        margin-left: 2em;
    }
}