.matriz {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    align-content: center;
    background-color: var(--fundo_4);
}

.menu {
    background-color: var(--fundo_1);
    width: 15vw;
    height: 100vh;

    display: flex;
    flex-direction: column;
    align-content: start;
    align-items: start;
    justify-content: start;

}

.menu .catalos_1,
.menu .catalos_2,
.menu .catalos_3,
.menu .catalos_4,
.menu .catalos_5,
.menu .catalos_6 {
    display: flex;
    align-items: center;
    margin-top: 5vh;
    align-content: center;
    margin-left: 2vw;
    padding-left: 0.5vw;
    gap: 2vw;

}

.menu .catalos_1:hover,
.menu .catalos_2:hover,
.menu .catalos_3:hover,
.menu .catalos_4:hover,
.menu .catalos_5:hover,
.menu .catalos_6:hover {

    border-left: 0.5vh solid var(--fudno_3);

}


.menu .catalos_1 img,
.menu .catalos_2 img,
.menu .catalos_3 img,
.menu .catalos_4 img,
.menu .catalos_5 img,
.menu .catalos_6 img {

    width: 3vw;
}

.menu .catalos_1 a,
.menu .catalos_2 a,
.menu .catalos_3 a,
.menu .catalos_4 a,
.menu .catalos_5 a,
.menu .catalos_6 a {
    text-decoration: none;
    color: var(--variante_font_1);
    font-family: fonteTi;
}

.apresentacao {
    display: flex;
    align-content: center;
    align-items: center;
    width: 80vw;
    height: 100vh;
}

.apresentacao iframe {
    width: 100%;
    height: 99%;
}

.estilos {
    padding: 10px;
}

.estilos label {
    font-family: var(--font_titulo);
}

.tema_usuario input {}


.mudanca_Img {}

.mudanca_Img .Cap_1 {}

.mudanca_Img .Cap_2 {}

.tema_Pesonalizavel {

    display: flex;
    flex-direction: row;

}

.tema_Pesonalizavel {}

.tema_Pesonalizavel .fundo_1 {}

.tema_Pesonalizavel .fundo_1 img {
    width: 10vw;
    height: 10vh;
}

.tema_Pesonalizavel .fundo_2 {}

.tema_Pesonalizavel .fundo_2 img {
    width: 10vw;
    height: 10vh;
}

.tema_Pesonalizavel .fundo_3 {}

.tema_Pesonalizavel .fundo_3 img {
    width: 10vw;
    height: 10vh;
}


.conteiner2 {

    width: 20vw;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 7px;
    box-shadow: var(--sombra_variante_1) 0 0 10px;
}

.image-container2 {
    width: 20vw;
    height: 30vh;

    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0 auto 30px auto;
    border-radius: 50%;
    background-color: #ffffff;
    overflow: hidden;
}

.image-container2 img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;

}

.figcaption {
    margin: 20px 0 30px 0;
    text-align: center;
    color: #2a292a;
}

.container2 input[type="file"] {
    display: none;
}

.container2 label {
    display: block;
    position: relative;
    background-color: #025bee;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    width: 300px;
    padding: 18px 0;
    border-radius: 5px;
    margin: auto;
    cursor: pointer;
}



.conteiner {

    background-color: var(--variante_font_1);
    width: 20vw;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 7px;
    box-shadow: var(--sombra_variante_1) 0 0 10px;
}

.image-container {
    width: 30vw;
    height: 30vh;

    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0 auto 30px auto;

    background-color: #ffffff;
    overflow: hidden;
}

.image-container img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;

}

.figcaption {
    margin: 20px 0 30px 0;
    text-align: center;
    color: #2a292a;
}

.container input[type="file"] {
    display: none;
}

.container label {
    display: block;
    position: relative;
    background-color: #025bee;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    width: 300px;
    padding: 18px 0;
    border-radius: 5px;
    margin: auto;
    cursor: pointer;
}