testes/Css/page/Ambiente/Home/sec_cap_3.css

149 lines
2.6 KiB
CSS

.subCapitulo_1 {
width: 100%;
height: 20vh;
}
.subCapitulo_1 .carrossel_host {
width: 100%;
height: 20vh;
display: flex;
align-items: center;
position: relative;
}
.subCapitulo_1 .carrossel_host .list {
overflow: hidden;
width: 100%;
height: 15vh;
scroll-behavior: smooth;
padding: 1vw;
display: flex;
align-items: center;
gap: 2vw;
}
.subCapitulo_1 .carrossel_host .list .item button {
background: none;
border: none;
outline: none;
border-radius: 2vw;
background-color: var(--Matriz);
padding: 2.5vw;
color: var(--Cor_Segundaria_5_1);
font-family: var(--font_titulo);
}
.subCapitulo_1 .carrossel_host .button button {
background: none;
outline: none;
border: none;
padding: 0.5vw;
border-radius: 0.5vw;
backdrop-filter: blur(2px);
background-color: #00000070;
}
.subCapitulo_1 .carrossel_host .button img {
width: 2vw;
}
#next {
position: absolute;
right: 0;
top: 8vh;
}
#prev {
position: absolute;
left: 0;
top: 8vh;
}
.subCapitulo_2 {
width: 100%;
padding-bottom: 2vh;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.subCapitulo_2 .titulo_Sub_cap {
font-family: var(--font_titulo);
font-size: 1vw;
color: var(--Matriz);
width: 90%;
display: flex;
justify-content: start;
}
.subCapitulo_2 .relatorio {
margin-top: 2vh;
padding-top: 1vh;
width: 40vw;
display: flex;
flex-direction: row;
gap: 0.5vw;
}
.subCapitulo_2 .relatorio .icon img {
width: 3vw;
padding: 0.5vw;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
}
.subCapitulo_2 .relatorio .painel_Ren {
width: 20vw;
height: 8vh;
padding: 0.5vw;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.subCapitulo_2 .relatorio .painel_Ren .cabecario {
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
border-radius: 1vw;
gap: 1vw;
font-family: var(--font_titulo);
color: var(--Cor_Segundaria_5_1);
background-color: var(--Matriz);
font-size: 0.7vw;
}
.subCapitulo_2 .relatorio .painel_Ren .cabecario button {
background: none;
border: none;
outline: none;
border-radius: 2vw;
background-color: var(--Cor_Segundaria_5_1);
width: 6vw;
height: 4vh;
color: var(--Matriz);
font-family: var(--font_titulo);
font-size: 1vw;
}