#pagina-padrao .container {
display: flex;
column-gap: 96px;
padding: 65px 0 85px;
max-width: 1367px;
}
#pagina-padrao h1.titulo {
font-family: var(--poppins);
font-size: 34px;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--branco);
text-align: center;
width: 100%;
}
#pagina-padrao .esq p {
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;
color: var(--preto);
margin-bottom: 30px;
}
#pagina-padrao .esq a {
font-weight: 700;
color: var(--roxo);
}
#pagina-padrao .esq mark {
font-weight: 700;
background-color: var(--verde);
}
#pagina-padrao .esq img {
margin-top: 45px;
margin-bottom: 60px;
max-width: 100%;
}
#pagina-padrao .esq h2 {
font-size: 30px;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--preto);
margin-bottom: 18px;
margin-top: 60px;
}
#pagina-padrao .esq h3 {
font-size: 28px;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--preto);
margin-bottom: 18px;
margin-top: 50px;
}
#pagina-padrao .esq h4 {
font-size: 26px;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--preto);
margin-bottom: 18px;
margin-top: 50px;
}
#pagina-padrao .esq h5 {
font-size: 24px;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--preto);
margin-bottom: 18px;
margin-top: 50px;
}
#pagina-padrao .esq h6 {
font-size: 22px;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--preto);
margin-bottom: 18px;
margin-top: 50px;
}
#pagina-padrao .esq ul {
display: flex;
flex-direction: column;
list-style: disc;
padding-left: 25px;
row-gap: 14x;
font-size: 16px;
line-height: 26px;
}
#pagina-padrao .esq ol {
display: flex;
flex-direction: column;
padding-left: 25px;
list-style: auto;
row-gap: 12px;
font-size: 16px;
line-height: 26px;
}
#pagina-padrao .esq ul li::marker,
#pagina-padrao .esq ol li::marker {
color: var(--preto);
font-weight: 600;
}
#pagina-padrao .esq .btn-verde.btn-laranja {
background: linear-gradient(89.1deg, #FFCD83 -45.83%, #F39200 103.42%);
}
#pagina-padrao .esq .btn-verde.btn-laranja:hover {
background-position: 100% 0;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#pagina-padrao .esq .btn {
border-radius: 10px;
padding: 15px 20px;
background-color: var(--roxo);
color: var(--branco); 
margin-right: 15px;
} #pagina-padrao .sidebar {
width: 400px;
min-width: 400px;
}
#pagina-padrao .sidebar .area-menus {
row-gap: 15px;
display: flex;
width: 100%;
flex-direction: column;
margin-bottom: 60px;
}
#pagina-padrao .sidebar .area-menus .menu {
width: 100%;
cursor: pointer;
background-color: #EDEFF7;
border-radius: 10px;
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo img {
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo {
width: 100%;
height: 68px;
text-decoration: none;
border: none;
text-align: left;
font-weight: 700;
font-size: 16px;
letter-spacing: 1px;
color: var(--branco);
border-radius: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 32px;
transition: 0.3s all;
cursor: pointer;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
position: relative;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/outsourcing-squads/fundo-botoes-padrao.png);
background-repeat: no-repeat;
background-position: right;
}
#pagina-padrao{
background-color: #fafbff;
}
#pagina-padrao .sidebar .area-menus.menus-verde .menu .area-titulo {
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/outsourcing-squads/fundo-botoes-padrao-verde.png);
}
#pagina-padrao .sidebar .area-menus .area-titulo:hover{
background: linear-gradient(89.1deg, #26276c -55.83%, #9F00FF 103.42%);
}
#pagina-padrao .sidebar .area-menus .area-titulo:hover img {
filter: invert(1);
}
#pagina-padrao .sidebar .area-menus.menus-verde .area-titulo:hover{
background-color: #26276C;
}
#pagina-padrao .sidebar .area-menus.menus-verde .menu .area-titulo:hover p {
color: var(--branco)
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo:hover p {
color: var(--branco);
}
#pagina-padrao .sidebar .area-menus .menu.aberto .area-titulo img {
filter: invert(1);
transform: rotate(90deg);
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo p {
color: #26276C; 
font-size: 16px;
font-weight: 700;
transition: .2s all ease-in-out;
}
#pagina-padrao .sidebar .area-menus.menus-verde .menu .area-titulo p {
color: #26276C
}
#pagina-padrao .sidebar .area-menus .menu svg {
color: #08A8F7;
transition: .2s all ease-in-out;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
#pagina-padrao .sidebar .area-menus.menus-verde .menu .area-titulo:hover svg path {
color: var(--branco)
}
#pagina-padrao .sidebar .area-menus .menu:hover svg path {
fill: var(--branco);   
}
#pagina-padrao .sidebar .area-menus .menu.aberto svg {
fill: var(--branco);
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo+div {
padding: 0px 30px 0; display: none;
background: var(--branco); }
#pagina-padrao .sidebar .area-menus .menu .area-titulo+div ul {
display: flex;
flex-direction: column;
list-style: none;
margin-top: 2px;
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo+div ul li {
background-color: var(--branco);
padding: 20px 0;
border-bottom: 1px solid #E4E4E4;
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo+div ul li:last-child {
border-bottom: none;
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo+div ul li a {
font-size: 16px;
font-weight: 400;
color: var(--preto);
transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo+div ul li a:hover {
font-weight: 700;
}
#pagina-padrao .sidebar .fale-conosco {
background-image: url(https://mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/tecnologia/mistral-contato-sidebar.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 444px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 60px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
#pagina-padrao .sidebar .fale-conosco .box {
width: 84.6%;
height: 345px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
#pagina-padrao .sidebar .fale-conosco .box .box-bg {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
z-index: 0;
}
#pagina-padrao .sidebar .fale-conosco .box .titulo {
font-size: 32px;
font-weight: 700;
text-align: center;
color: var(--branco);
margin-bottom: 29px;
position: relative;
z-index: 1;
}
#pagina-padrao .sidebar .fale-conosco .box svg {
margin-bottom: 10px;
position: relative;
z-index: 1;
}
#pagina-padrao .sidebar .fale-conosco .btn {
z-index: 1;
color: var(--branco);
background-color: var(--roxo);
padding: 15px 20px;
border-radius: 10px;
font-size: 14px;
line-height: 14px;
font-weight: 700;
}
#pagina-padrao .sidebar .menu-azul {
display: flex;
flex-direction: column;
row-gap: 15px;
width: 100%;
}
#pagina-padrao .sidebar .menu-azul a {
width: 100%;
height: 60px;
text-decoration: none;
border: none;
text-align: left;
font-weight: 700;
font-size: 16px;
letter-spacing: 1px;
color: var(--preto);
border-radius: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 32px;
transition: 0.2s all;
cursor: pointer;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
-ms-transition: 0.2s all;
-o-transition: 0.2s all;
background-size: 300% 100%;
background-color: #EEEEEE;
position: relative;
}
#pagina-padrao .sidebar .menu-azul a::before {
content: '';
display: block;
width: 5.52vw;
height: 2.55vw;
background-image: url(//mistraltecnologia.com.br/wp-content/themes/mistral-tecnologia/refeicao-transportada/geral/folha-btn.png);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: 0px;
left: 0;
opacity: 0.7;
}
#pagina-padrao .sidebar .menu-azul a:hover {
background: linear-gradient(89.1deg, #FFCD83 -45.83%, #F39200 103.42%);
color: var(--branco);
}
#pagina-padrao .sidebar .menu-azul a img {
transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
}
#pagina-padrao .sidebar .menu-azul a:hover img {
filter: invert(1);
}
strong{
color: #08A8F7;
}
@media screen and (max-width: 1440px) {
#pagina-padrao .container {
column-gap: 40px;
}
}
@media screen and (max-width: 1280px) {
#pagina-padrao .sidebar {
width: 380px;
min-width: 380px;
}
#pagina-padrao .sidebar .fale-conosco {
height: 422px;
}
}
@media screen and (max-width: 1200px) {
#pagina-padrao .sidebar {
width: 330px;
min-width: 330px;
}
#pagina-padrao .sidebar .fale-conosco {
height: 380px;
}
#pagina-padrao .sidebar .fale-conosco .box .titulo {
font-size: 28px;
}
}
@media screen and (max-width: 1024px) {
#pagina-padrao .container {
flex-direction: column;
row-gap: 60px;
}
#pagina-padrao .sidebar {
width: 100%;
min-width: auto;
max-width: 400px;
margin: 0 auto;
}
#pagina-padrao .sidebar .area-menus .menu .area-titulo::before,
#pagina-padrao .sidebar .menu-azul a::before {
width: 101px;
height: 42px;
}
#pagina-padrao .esq h2 {
font-size: 28px;
}
#pagina-padrao .esq h3 {
font-size: 26px;
}
#pagina-padrao .esq h4 {
font-size: 24px;
}
#pagina-padrao .esq h5 {
font-size: 22px;
}
#pagina-padrao .esq h6 {
font-size: 20px;
}
}
@media screen and (max-width: 360px) {
#pagina-padrao .sidebar .fale-conosco .box {
width: 90.6%;
}
}