/* Tamanho das Fontes */
.f-sm{font-size: var(--f-sm)} 
.f-md{font-size: var(--f-md)} 
.f-lg{font-size: var(--f-lg)} 
.f-xl{font-size: var(--f-xl)} 
.f-xxl{font-size: var(--f-xxl)} 

.f-space{letter-spacing: .1rem;}

/* Tipos das Fontes */
.goog-bold{font-family: var(--goog-bold)}
.goog-medium{font-family: var(--goog-medium)}
.goog-regular{font-family: var(--goog-regular)}
.goog-semibold{font-family: var(--goog-semibold)}
.montSerrat-semibold{font-family: var(--montSerrat-semibold)}

.txt-justify{text-align: justify;}

/* Espaçamentos */
.m-top-xl{margin-top: var(--s-xl);} 
.m-top-xxl{margin-top: var(--s-xxl);} 
.m-bot-xxl{margin-bottom: var(--s-xxl);} 
.m-bot-md{margin-bottom: var(--s-lg);} 
.m-top-md{margin-top: var(--s-md);} 
.m-top-sm{margin-top: var(--s-sm);} 
.p-rig-md{padding-left: var(--s-md);} 
.p-lr-md{padding: 0px var(--s-md);}
.p-full-md{padding: var(--s-md);}
.p-full-sm{padding: var(--s-sm);}
.p-left-sm{padding-left: var(--s-sm);}

.upper{text-transform: uppercase;}

.bd-std{border: 1px solid var(--clr-bg-elevated); border-radius: var(--b-rd-std);}
.bd-btn{border-radius: var(--b-rd-btn);}
.pd-std{padding: var(--s-md);}

.bg-color{background-color: var(--clr-bg-base);}
.prm-txt-color{color: var(--clr-text-primary)}
.sec-txt-color{color: var(--clr-text-muted)}
.hint-txt-color{color: var(--clr-text-muted)}
.font-header{font-family: var(--goog-bold);}
.bg-btn{background-color: var(--clr-bg-inp);}

.clr-line{color: var(--clr-bg-elevated);}
.s-line{height: 1px;}

/* Cores Fontes - Gráfico */
.clr-prov{color: var(--clr-c-prov)}
.clr-desc{color: var(--clr-c-desc)}
.clr-desc2{color: var(--clr-c-desc2)}
.clr-ben{color: var(--clr-c-ben)}




/* Input */
.inp{
    background-color: var(--clr-bg-inp); 
    border-radius: var(--b-rd-sm);
    padding-left: var(--s-sm);
    height: var(--h-md);
    min-width: 0;
    max-width: 100%;
}

.inp input{
    width: 90%;
    min-width: 0;
}

.shad-card{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}

.inp-txt{font-size: var(--f-md);}
.inp-txt-opt{font-size: var(--f-md);}

/* Selects */ 
.select{
    background-color: var(--clr-bg-inp); 
    border-radius: var(--b-rd-sm);
    padding-left: var(--s-md);
    padding-right: var(--s-md);
    height: var(--h-md);
    font-size: var(--f-lg);
    max-width: 100%;
}

.select select{
    width: 100%;
    min-width: 0;
}

/* Links a: href */
.l-redirect{color: var(--clr-link-redirect);}


.smooth-transition{transition: .2s ease-out;}

/* Botão  ▶ Calcular */
.btn-calc:hover{background-color: var(--clr-bg-surface);}

/* Criação das classses para os cards de resultados */
.grid-card{grid-template-columns: 1fr 5fr 2fr;}

.bd-card-radius{border-radius: var(--b-rd-card);}
.bd-card-left-radius{border-radius: var(--b-rd-card) 0 0 var(--b-rd-card)}

.bd-card-prov{border: 1px solid var(--clr-primary);}
.bd-card-desc{border: 1px solid var(--clr-dange);}
.bd-card-outros{border: 1px solid var(--clr-text-muted);}
.bd-card-liquido{border: 1px solid var(--clr-success);}

.left-bg-card-prov{background-color: var(--clr-primary) ;}
.left-bg-card-desc{background-color: var(--clr-dange) ;}
.left-bg-card-outros{background-color: var(--clr-text-muted) ;}
.left-bg-card-liquido{background-color: var(--clr-success) ;}



@media (max-width: 760px) {
    .bd-std{
        border-radius: var(--b-rd-card);
    }

    .pd-std{
        padding: var(--s-md);
    }

    .p-lr-md{
        padding: 0;
    }

    .txt-justify{
        text-align: left;
    }

    .f-xl{
        font-size: 1.6rem;
    }

    .f-lg{
        font-size: 1.05rem;
    }

    .items-nav{
        font-size: var(--f-md);
        padding: var(--s-sm);
    }

    .btn-calc{
        width: 100%;
        white-space: normal;
    }

    .inp,
    .select{
        width: 100%;
    }
}

@media (max-width: 420px) {
    .pd-std{
        padding: var(--s-sm);
    }

    .f-space{
        letter-spacing: 0;
    }

    .f-xl{
        font-size: 1.4rem;
    }
}