@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url(./base/reset.css);
@import url(./base/01_header/00_header.css);
@import url(./base/02_main/00_main.css);
@import url(./base/03_footer/00_footer.css);

@import url(./base/04_pages/pages.css);

@import url(./others/others.css);
@import url(./media_queries/media_queries.css);

:root {
    --azul: #203D68;
    --azul-escuro: #00357c;
    --azul-imperial: #002147;
    --azul-celeste: #1f59cc;
    --azul-discord: #5762F0;
    --azul-banner: #0E397E;

    --amarelo: #F4C015;

    --branco: #FFFFFF;
    --cor-de-fundo: #EBECEE;

    --vermelho: #FF1744;

    --preto: #000000;
    --cinza: #141414;
    --cinza-claro: #1f1f1f;
    --azul-ciano: #00F0FF;
    --verde-whatsapp: #25D366;
    --verde-trauma-team: #418B7F;
    --fonte-principal: "Montserrat", sans-serif;
}

body {
    background:
        /* Camada Superior (Horizontal): faz a transição do Azul para o Amarelo */
        linear-gradient(90deg, rgba(0, 53, 124, 1) 0%, rgba(28, 103, 230, 1) 45%, rgba(244, 192, 21, 1) 75%, rgba(244, 192, 21, 1) 100%),
        /* Camada Base (Vertical): traz o Azul vibrante do topo (#1d6199) descendo até a base */
        linear-gradient(180deg, #1d6199 0%, #3a7cae 40%, #5a91b8 100%);
    font-family: var(--fonte-principal);
    margin: 0 auto;
    text-align: center;
}

a,
a:link,
a:visited {
    text-decoration: none;
    /* Opcional: remove o sublinhado */
}

details:hover,
button:hover {
    cursor: pointer;
}

textarea {
    resize: none;
}

hr {
    width: 100%;
}

input:focus {
    outline: none;
}

.logo {
    max-width: 5em;
}

.instagram,
.whatsapp {
    width: 2em;
}

.whatsapp-contato {
    padding: 0.7em;
    border-radius: 1em;
}

.whatsapp-contato,
.whatsapp-popup {
    font-weight: 600;
    background-color: var(--verde-whatsapp);
    color: var(--branco) !important;
}

.email-popup {
    font-weight: 600;
    background-color: var(--branco);
    color: var(--vermelho) !important;
}