/* Fundo */

body{
    background: linear-gradient(135deg,#fafafa,#f2f2f2);
    font-family: "Segoe UI", sans-serif;
}

/* Card */

.painel{

    border-radius:20px;

    overflow:hidden;

    background:white;

    box-shadow:
            0 15px 45px rgba(0,0,0,.08);

}

/* Barra superior */

.barra-topo{

    height:8px;

    background:linear-gradient(
            90deg,
            #c88d14,
            #f2c94c,
            #c88d14
    );

}

/* Logo */

.logo{

    width:170px;

}

/* Título */

.titulo{

    color:#b8860b;

    font-weight:700;

}

/* Texto */

.subtitulo{

    color:#666;

    font-size:15px;

}

/* Label */

.form-label{

    font-weight:600;

    color:#333;

}

/* Campo */

.form-control{

    border:2px solid #E8C75E;

    border-radius:10px;

    padding:12px;

    transition:.3s;

}

.form-control:focus{

    border-color:#c88d14;

    box-shadow:0 0 0 .20rem rgba(200,141,20,.15);

}

/* Botão */

.botao{

    background:linear-gradient(
            90deg,
            #f2c94c,
            #d8a317
    );

    color:#222;

    font-weight:bold;

    padding:13px;

    border:none;

    border-radius:10px;

    transition:.3s;

}

.botao:hover{

    transform:translateY(-2px);

    background:linear-gradient(
            90deg,
            #ffd75f,
            #c88d14
    );

    color:#111;

    box-shadow:0 10px 25px rgba(212,160,23,.30);

}

/* Botão secundário */

.btn-certificados{

    border:2px solid #c88d14;

    color:#b8860b;

    font-weight:600;

    border-radius:10px;

    padding:10px 25px;

    transition:.3s;

}

.btn-certificados:hover{

    background:#c88d14;

    color:white;

}

/* Linha */

hr{

    border-color:#d6b252;

    opacity:.4;

}

.header-home {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    display: flex;
    justify-content: flex-end;
    align-items: center;

    padding: 15px;
    z-index: 1000;

}