@import url(base-torre.css);

#Description .band
{
    --img-01: url('../../../img/figures/fig-comp-treinamento-de-vendas.png');
    background-image: var(--img-01);
}

#Description {
    --inside-bottom-margin: var(--default-inside-bottom-margin);
    --outside-bottom-margin: var(--default-outside-bottom-margin);
}

#Curiosity
{
    border-radius: calc(var(--base-size) * 2);
    padding: var(--half-gap);
}

#Diferentials
{
    --columns: 3;
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--row-gap);
}

#Diferentials > header
{
    grid-column: 1 / -1;
}

#Diferentials > article
{
    grid-column: span 1;
}

@media (max-width: 800px)
{   
    #Diferentials
    {
        --columns: 1;
    }    
}

@media (max-width: 480px) 
{        
    #Description .diagram
    {
        --columns: 1;
    }
}