/* =====================================================
   ESCOLA ANTÔNIO JOAQUIM LUSTOSA
   BASE CSS
   Estilos Globais
===================================================== */

/* ================= RESET ================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* ================= VARIÁVEIS ================= */

:root{

    --azul-principal:#0F4C81;
    --azul-secundario:#1565C0;
    --azul-hover:#0B3C67;

    --verde:#198754;
    --vermelho:#DC3545;
    --laranja:#F57C00;

    --branco:#FFFFFF;

    --cinza-fundo:#F4F6F9;
    --cinza-claro:#E9ECEF;
    --cinza:#6C757D;

    --texto:#1F2937;

    --borda:#DCE3EA;

    --radius:12px;

    --sombra:
        0 10px 30px rgba(15,76,129,.08);

    --transicao:.25s;

}

/* ================= HTML ================= */

html{

    scroll-behavior:smooth;

}

/* ================= BODY ================= */

body{

    min-height:100vh;

    background:var(--cinza-fundo);

    color:var(--texto);

    font-family:"Poppins",sans-serif;

    line-height:1.5;

}

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

a{

    text-decoration:none;

    color:inherit;

}

/* ================= IMAGENS ================= */

img{

    display:block;

    max-width:100%;

}

/* ================= BOTÕES ================= */

button{

    font-family:inherit;

    cursor:pointer;

}

/* ================= CAMPOS ================= */

input,
select,
textarea{

    font-family:inherit;

    outline:none;

}

/* ================= LISTAS ================= */

ul,
ol{

    list-style:none;

}

/* ================= TÍTULOS ================= */

h1,
h2,
h3,
h4,
h5,
h6{

    font-weight:600;

    color:var(--texto);

}

/* ================= PARÁGRAFOS ================= */

p{

    color:var(--cinza);

}

/* ================= CONTAINER PADRÃO ================= */

.container{

    width:min(1200px,95%);

    margin:auto;

}

/* ================= LOGO DA ESCOLA ================= */

.logo{

    display:flex;

    justify-content:center;

    align-items:center;

}

.logo img,
.logo-escola-principal{

    background:white;

    padding:8px;

    border-radius:12px;

    box-shadow:
        0 6px 20px rgba(0,0,0,.08);

}

/* ================= SCROLLBAR ================= */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#ECEFF3;

}

::-webkit-scrollbar-thumb{

    background:#B9C4CF;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#8FA3B7;

}

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

@media(max-width:768px){

    .container{

        width:94%;

    }

}