/* ==========================================================
   LAYOUT
========================================================== */

main{

    min-height:100vh;

    background:var(--background);

    color:var(--text);

}

/* ==========================================================
   CONTAINER
========================================================== */

.container{

    width:100%;

    max-width:1320px;

    margin:auto;

    padding:0 15px;

}

/* ==========================================================
   SECTIONS
========================================================== */

section{

    position:relative;

    padding:80px 0;

    background:transparent;

}

/* Todas as secções, excepto o Hero */

section:not(.hero){

    color:var(--text);

}

section:not(.hero) h1,
section:not(.hero) h2,
section:not(.hero) h3,
section:not(.hero) h4,
section:not(.hero) h5,
section:not(.hero) h6{

    color:var(--primary);

}

section:not(.hero) p{

    color:var(--text-light);

}

/* ==========================================================
   CARDS
========================================================== */

.card{

    background:#FFF;

    border:none;

    border-radius:var(--radius);

    box-shadow:var(--shadow-sm);

    transition:.35s;

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-lg);

}

.card-body{

    color:var(--text);

}

.card-title{

    color:var(--primary);

}

.card-text{

    color:var(--text-light);

}

/* ==========================================================
   LINKS
========================================================== */

main a{

    color:var(--gold);

}

main a:hover{

    color:var(--gold-dark);

}

/* ==========================================================
   TABELAS
========================================================== */

table{

    background:#FFF;

    color:var(--text);

}

th{

    background:var(--primary);

    color:#FFF;

}

td{

    color:var(--text);

}

/* ==========================================================
   FORMULÁRIOS
========================================================== */

input,
textarea,
select{

    background:#000000;

    color:var(--text);

    border:1px solid var(--border);

}

input::placeholder,
textarea::placeholder{

    color:rgb(0, 0, 0)000;

}

/* ==========================================================
   TEXTO
========================================================== */

.text-dark{

    color:var(--text)!important;

}

.text-light{

    color:#FFF!important;

}

.text-primary{

    color:var(--primary)!important;

}

.text-gold{

    color:var(--gold)!important;

}

/* ==========================================================
   UTILITÁRIOS
========================================================== */

.bg-white{

    background:#FFF;

}

.bg-light{

    background:#F8F9FA;

}

.bg-primary{

    background:var(--primary);

}

.bg-gold{

    background:var(--gold);

}

/* ==========================================================
   RESPONSIVO
========================================================== */

@media(max-width:768px){

    section{

        padding:60px 0;

    }

}