/* Banner da página inicial */

.bannerIndex{
    background-color: var(--cianoee);
    padding: 8rem 5%;
}

.bannerIndex .destaque{
    color: var(--douradoc);
    font-size: 2.5rem;
}




/*Página de Login */

.pagLogin{
    container: pagLogin / inline-size;
    display: flex;
    flex-grow: 1;
}

.pagLogin .secLogin{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-grow: 1;
}

.pagLogin .direito{
    padding: clamp(1.5rem, 2.5vw, 3rem);
    display: flex;
    align-items: center;
    background-color: var(--cinza250);
}

@container pagLogin (max-width: 1200px){

    .pagLogin .secLogin{
        display: flex;
        flex-direction: column;
    }

    .pagLogin .imgEsquerda{
        height: 15vw;
    }

    .pagLogin .direito{        
        align-items: flex-start;
        flex-grow: 1;
    }
}