/* =====================================================
   CENTRO REICHIANO — PADRÃO VISUAL DOS SISTEMAS
   Revista | Anais | Congresso | Portal do Aluno
   ===================================================== */

:root{
    --cr-azul:#15428a;
    --cr-azul-claro:#eef3f9;
    --cr-verde:#008080;
    --cr-texto:#2c2c2c;
    --cr-cinza:#5b6f88;
    --cr-borda:#dfe7ef;
    --cr-fundo:#f4f7fa;
    --cr-branco:#ffffff;
}

/* Container padrão dos sistemas */
.cr-sistema-wrap{
    max-width:1100px;
    margin:0 auto 32px auto;
    padding:0 20px;
}

/* Card padrão */
.cr-card{
    background:var(--cr-branco);
    border:1px solid var(--cr-borda);
    border-radius:16px;
    box-shadow:0 4px 18px rgba(0,0,0,.07);
    padding:28px;
}

/* Cabeçalho de sistema */
.cr-sistema-header{
    background:var(--cr-branco);
    border:1px solid var(--cr-borda);
    border-radius:16px;
    box-shadow:0 4px 18px rgba(0,0,0,.07);
    overflow:hidden;
    margin-bottom:26px;
}

.cr-sistema-banner{
    width:100%;
    display:block;
}

.cr-sistema-title{
    background:var(--cr-azul);
    color:var(--cr-branco);
    text-align:center;
    font-size:20px;
    font-weight:700;
    padding:13px 18px;
    letter-spacing:.04em;
    text-transform:uppercase;
}

/* Menu interno padrão */
.cr-menu-sistema{
    background:var(--cr-branco);
    border-top:1px solid var(--cr-borda);
    padding:14px 18px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
}

.cr-menu-sistema a{
    color:var(--cr-azul);
    background:var(--cr-azul-claro);
    border:1px solid var(--cr-borda);
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    line-height:1.2;
    padding:9px 13px;
    border-radius:999px;
    transition:.2s;
}

.cr-menu-sistema a:hover,
.cr-menu-sistema a.ativo{
    background:var(--cr-verde);
    color:var(--cr-branco);
    border-color:var(--cr-verde);
}

/* Títulos internos */
.cr-titulo,
.cr-card h1,
.cr-card h2{
    color:var(--cr-azul);
    font-weight:700;
}

.cr-titulo{
    font-size:28px;
    margin:0 0 18px 0;
    padding-bottom:10px;
    border-bottom:2px solid var(--cr-verde);
}

/* Avisos */
.cr-aviso{
    background:#fff8e5;
    border-left:5px solid #d49b00;
    border-radius:10px;
    padding:14px 16px;
    margin:18px 0;
    color:var(--cr-texto);
}

/* Botões */
.cr-botao{
    display:inline-block;
    background:var(--cr-azul);
    color:var(--cr-branco);
    text-decoration:none;
    padding:11px 16px;
    border-radius:8px;
    font-weight:700;
}

.cr-botao:hover{
    background:var(--cr-verde);
    color:var(--cr-branco);
}

/* Responsivo */
@media(max-width:700px){
    .cr-sistema-wrap{
        padding:0 12px;
    }

    .cr-card{
        padding:20px;
        border-radius:14px;
    }

    .cr-menu-sistema{
        display:block;
    }

    .cr-menu-sistema a{
        display:block;
        margin:7px 0;
        text-align:center;
    }

    .cr-titulo{
        font-size:23px;
    }
}