.grid_conteudo { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 96px; width: 100%; overflow-y: hidden; }
.grid_conteudo .bloco_central { display: flex; flex-direction: column; gap: 48px; width: calc(100vw - 40px); max-width: 1920px; }
.grid_titulo { font-size: 40px; margin-bottom: 48px; color: #002F8E; }
.grid_titulo .bold { font-weight: 600; }
.grid_objetos { display: flex; gap: 24px; justify-content: space-between; }
.grid_objetos > * { border-radius: 16px; flex: 1 1 0; }
.grid_personas > * { display: flex; flex-direction: column; gap: 12px; padding: 36px 24px; color: white; font-size: 32px; }
.conteudo0 { background: #FACE47; position: relative; overflow: hidden; }
.conteudo0 .design_mancha { width: 1754px; height: 1530px; transform: rotate(-15deg); background: url("mancha_fundo_amarelo.png") no-repeat; position: absolute; z-index: 0; left: 50%; top: -800px; mix-blend-mode: multiply; }
.conteudo1 { background: linear-gradient(to bottom, #FFE3BB 0%, rgba(255, 227, 187, 0) 100%); padding-top: 128px; }

.conteudo0 .decoracao_home {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: row;
}

.conteudo0 .decoracao_home .esquerda{
    flex: 1;
    height: 100%;
    background-image: url(decoracao_modulo_continuacao.png);
    background-repeat: repeat-x;
    background-position-y: bottom;
    background-position-x: center;
    background-size: 44px 183px;
}

.conteudo0 .decoracao_home .centro{
    width: 100%;
    height: 100%;
    max-width: 1366px;
    background-image: url(decoracao_modulo.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: center;
    background-size: 1366px 183px;
}

.conteudo0 .decoracao_home .direita{
    flex: 1;
    height: 100%;
}





.conteudo1 .decoracao_home {
    z-index: 10;
    width: 100%;
    height: 576px;
    position: absolute;
    display: flex;
    flex-direction: row;
}

.conteudo1 .decoracao_home .esquerda{
    flex: 1;
    height: 100%;
}

.conteudo1 .decoracao_home .centroesquerda{
    width: 100%;
    height: 100%;
    max-width: 683px;
    background-image: url(esquerda_area_2.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    /* background-size: 1366px 183px; */
}

.conteudo1 .decoracao_home .centrodireita{
    width: 100%;
    height: 100%;
    max-width: 683px;
    background-image: url(direita_area_2.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    /* background-size: 1366px 183px; */
}

.conteudo1 .decoracao_home .direita{
    flex: 1;
    height: 100%;
    background-image: url(direita_area_2_continuacao.png);
    background-repeat: repeat-x;
    background-position-y: center;
    background-position-x: right;
}

.conteudo1{
    height: fit-content;
}

.conteudo1 .conteudo_layout{
    z-index: 30;
}











.conteudo0 .area_util
{
    background-image: url(aspas.svg);
    background-repeat: no-repeat;
    background-position-y: 700px;
    background-position-x: center;
}


.grid_intro { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-areas: "a b" "c d"; grid-gap: 24px; margin-top: 96px; align-items: center; z-index: 10; position: relative }
.grid_intro_grid_video {
    grid-area: b;
}
.grid_intro_grid_video iframe {
    width: 45vw;
    max-width: 560px;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    overflow: hidden;
}
.grid_intro .grid_intro_grid_menina {
    position: relative;
    aspect-ratio: 8 / 9;
    grid-area: c;
    display: flex;
    justify-content: end;
}
.grid_intro .grid_intro_img_menina { position: absolute; bottom: 0; right: 0; height: 108% }
.intro_texto_grande { font-size: 48px; font-weight: 700; color: #00227F; line-height: 100%; }
.intro_texto_pequeno { color: #00275D; line-height: 140%; margin: 48px 0; }

.grid_personas_cont1, .grid_personas_cont2, .grid_personas_cont3 { background-size: 100% 160%; background-position: 0 0; transition: background-position 0.5s ease; text-decoration: none; }
.grid_personas_cont1:hover, .grid_personas_cont2:hover, .grid_personas_cont3:hover { background-position: 0 40%; }
.grid_personas_cont1 { background-image: linear-gradient(to bottom, #962172 0%, #3359A5 70%); }
.grid_personas_cont2 { background-image: linear-gradient(to bottom, #3359A5 0%, #006F76 70%); }
.grid_personas_cont3 { background-image: linear-gradient(to bottom, #DB8101 0%, #7D0E5B 70%); }

.grid_plataformas > * { position: relative; aspect-ratio: 16 / 9; }
.grid_plataformas > * div { position: absolute; bottom: 0; background-color: white; font-size: 28px; padding: 8px 12px; border-radius: 0 12px; }

.grid_plataformas_cont1 { background: url("logo_andar.png"), #002570; }
.grid_plataformas_cont2 { background: url("logo_cartografias.png"), #3E1A60; }
.grid_plataformas_cont3 { background: url("logo_hector.png"), #3E1A60; background-size: 100%; background-repeat: no-repeat; background-position: center; color: black; transition: background-size 0.5s ease; }
.grid_plataformas_cont1, .grid_plataformas_cont2 { background-size: 60%; background-repeat: no-repeat; background-position: center; color: black; transition: background-size 0.5s ease; }
.grid_plataformas_cont1:hover, .grid_plataformas_cont2:hover { background-size: 70%; }
.grid_plataformas_cont3:hover { background-size: 110%; }

.grid_destaque { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; grid-template-areas: "a b"; }
.grid_destaque_conteudo { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(3, min-content) 1fr; align-items: start; grid-area: a; }
.grid_destaque .grid_destaque_secao { color: #962172; font-size: 28px; line-height: 120%; }
.grid_destaque .grid_destaque_titulo { color: #002F8E; font-size: 40px; line-height: 120%; margin-bottom: 48px; }
.grid_destaque .grid_destaque_intro { color: #222; font-size: 16px; letter-spacing: 0.64px; }
.grid_destaque .grid_destaque_btn_container { align-self: end; padding: 12px 0; }
.grid_destaque .grid_destaque_btn { align-self: end; background-color: #002F8E; color: white; padding: 12px 24px; border-radius: 6px; font-size: 16px; display: inline; }
.grid_destaque .grid_destaque_thumb { grid-area: b; }
.grid_destaque .grid_destaque_thumb div { aspect-ratio: 16 / 9; background-position: center; background-size: contain; }

.grid_intro .grid_intro_grid_menina img{
    width: 120%;
    margin-top: auto;
}

@media (max-width: 800px) {
    .grid_personas { flex-direction: column; }
    .line_break { display: none; }

    .grid_intro { display: grid; grid-template-columns: 1fr; grid-template-areas: "a" "b" "d" "c"; grid-gap: 48px; }
    .grid_intro_grid_video iframe { width: calc(100vw - 48px); max-width: unset; }
    /* .grid_intro .grid_intro_grid_menina { aspect-ratio: unset; margin-bottom: -4px; } */
    .grid_intro .grid_intro_grid_menina {
        position: initial;
        width: 100%;
        height: fit-content;
        display: flex;
        aspect-ratio: unset;
        /* background-color: #0000ff; */
    }
    .grid_intro .grid_intro_grid_menina img{
        width: 100%;
    }

    .grid_destaque { grid-template-columns: 1fr; grid-template-rows: 1fr min-content; grid-template-areas: "b" "a"; }
    .grid_destaque .grid_destaque_thumb { aspect-ratio: 16 / 9; }
    .grid_destaque .grid_destaque_thumb div { width: 100%; aspect-ratio: 16 / 9; }

    .grid_plataformas > * div { font-size: 22px; }
}

@media (max-width: 1366px) {
    .grid_plataformas { flex-direction: column; }
    .conteudo1 { padding-top: 96px; }
    .intro_texto_grande { font-size: 40px; }
    .intro_texto_pequeno { font-size: 18px; }
}