.p-cabecalho {
    width:100%;
    padding:var(--espaco-2);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--espaco-1); }

.p-cabecalho__logo {
    width:30px;
    height:23px; }

.p-cabecalho__logo .a-img {
    object-position:left; }


.p-titulo {
    width:100%;
    padding:var(--espaco-3);
    display:flex;
    align-items:center;
    justify-content:center; }

.p-idioma {
    width:100%;
    min-height:400px;
    max-height:420px;
    padding:var(--espaco-5) var(--espaco-2);
    aspect-ratio:1;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    position:relative; }

.p-idioma__seletor,
.p-idioma__invalido {
    width:100%;
    max-width:400px;
    padding:var(--espaco-3);
    background-color:#fff;
    border-radius:var(--radius-p);
    position:relative;
    z-index:1;
    text-align:center; }

.p-idioma__invalido {
    align-self:flex-end; }
    

.p-idioma__icone {
    width:45px;
    height:40px;
    position:absolute;
    bottom:-60px;
    right:0; }

.p-idioma__lista {
    width:100%;
    margin-top:var(--espaco-1);
    display:flex;
    flex-direction:column;
    gap:var(--espaco-1); }

.p-idioma__link {
    width:100%;
    padding:12px;
    display:flex;
    gap:var(--espaco-1);
    background-color:var(--hex-crema-2);
    border:1px solid var(--hex-crema-1);
    border-radius:var(--radius-p); }

.p-idioma__bandeira {
    width:40px;
    height:23px;
    display:block; }

.p-idioma__fundo {
    position:absolute;
    top:0;
    left:0;
    z-index:0; }


.p-rodape {
    width:100%;
    padding:var(--espaco-2);
    display:flex;
    justify-content:center; }

@media (min-width:720px) {
    .p-idioma__seletor,
    .p-idioma__invalido {
        width:50%; }

    .p-cabecalho__logo {
        width:126px;
        height:auto;
        margin-right:-96px; }
}

@media (min-width:1024px) {
    .p-idioma {
        aspect-ratio:21/9; }

    .p-idioma__seletor,
    .p-idioma__invalido {
        max-width:800px; }

    .p-idioma__lista {
        margin-top:var(--espaco-2);
        flex-direction:row; }

    .p-idioma__lista__item {
        width:calc((100% / 3) - ((var(--espaco-1) * 2) / 3));;
    }

    .p-idioma__link {
        flex-direction:column; }
}