﻿/*COMPUTADOR*/

.menu-midia-movel { display: none }

.barra-menu 
{ display: flex; align-items: center; top: 0; transform: translateY(0); width: auto; height: clamp(6.075rem, 7.1vw, 16.2vh); 
  background-image: linear-gradient(to right, rgb(243, 238, 234), rgb(247, 242, 239)); float: right; padding-top: clamp(0.375rem, 0.2vw, 0.5vh); 
  box-sizing: border-box; position: relative; z-index: 9999999; }

.menu ul { list-style: none; margin: 0; padding: 0; width: auto; height: max(1rem, 1vw); display: inline; background-color: transparent }

.menu ul li { height: max(1rem, 1vw); width: auto; display: inline-block; margin-right: clamp(1.59rem, 1.65vw, 3.45vh) }

.menu ul li.ultimo { padding-right: max(0.15rem, 0.22vw, 0.5vh) }

.menu ul li a, .menu ul li a:visited, .menu ul li a.ativo
{ letter-spacing: 0.05rem; text-transform: uppercase; font-family: "poppinslight"; color: rgb(114, 0, 46); font-size: clamp(1.013rem, 1.186vw, 2.7vh); }

.menu ul li a, .menu ul li a:visited, .menu ul li a.ativo:hover { font-weight: 300; text-decoration: none; }

.menu ul li a:hover, .menu ul li a.ativo { color: rgb(133, 125, 113) }

/*CELULAR EM PÉ*/
@media only screen and (max-width: 600px) and (orientation: portrait)
{

.barra-menu { display: none }

/*MENU HAMBURGUER*/

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: none; }

.menu-midia-movel { position: absolute; right: 0.6rem; left: auto; top: 3.1rem; width: 2rem; height: 1.5rem; display: block; z-index: 1000 }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: none; }

.menu-midia-movel .menu-faketrigger { opacity: 0; cursor: pointer; Z-index: 1002; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span 
{ display: block; height: 0.25rem; margin-bottom: 0.35rem; border-radius: 30px; background-color: rgb(114, 0, 46); transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background-color: rgb(114, 0, 46); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: center; transform: translateY(0.60rem) rotate(45deg); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; transform: scaleX(0); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: center; transform: translateY(-0.60rem) rotate(-45deg); }

/*BARRA DE MENU*/

.area-menu-midia-movel 
{ position: fixed; top: 5.15rem; left: 100%; width: 9.09rem; height: calc(100vh - 5.15rem); background-color: rgb(243, 238, 234); transition: all ease .3s; }

.barra-menu-midia-movel 
{ width: 100%; left: 0; height: calc(100vh - 4rem); display: flex; justify-content: flex-start; align-items: center; flex-direction: column; 
  padding: 0; box-sizing: border-box; }

.barra-menu-midia-movel { margin: 0rem 0 0 0; background-image: linear-gradient(to right, rgb(243, 238, 234), rgb(247, 242, 239)); }

.menu-midia-movel .menu-faketrigger:checked ~ .area-menu-midia-movel { left: calc(100% - 9.15rem); }

/*ITENS DO MENU*/
.itens-menu
{ display: flex; flex-direction: column; height: calc(100vh - 5.15rem); height: calc(100dvh - 5.15rem); justify-content: space-evenly; align-items: center; 
  margin: 0; padding: 0; list-style: none; box-sizing: border-box; transition: height 0.4s ease-in-out;  overflow: hidden; }

.itens-menu li { display: flex; align-items: center; margin-top: 25%; margin-bottom: 25%; width: 100%; text-align: right; justify-content: flex-end }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited, .itens-menu li a.ativo 
{ letter-spacing: 0.05rem; text-transform: uppercase; font-family: "poppinslight"; font-size: 1.03rem; }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited { color: rgb(114, 0, 46); }

.itens-menu li a, .itens-menu li a.ativo:hover { text-decoration: none; font-weight: normal }

.itens-menu li a:hover, .itens-menu li a.ativo { color: rgb(133, 125, 113); }

.itens-menu li a, .itens-menu li a:visited, .itens-menu-home li a, .itens-menu-home li a:visited { background-color: transparent; white-space: nowrap; }
}

/*ipad em pé e deitado*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) 
{

.barra-menu { display: none }

.menu-midia-movel { display: block }

/*MENU HAMBURGUER*/

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: none; }

.menu-midia-movel { position: absolute; right: 0.6rem; left: auto; top: 4rem; width: 2rem; height: 1.5rem; display: block; z-index: 1000 }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: none; }

.menu-midia-movel .menu-faketrigger { opacity: 0; cursor: pointer; Z-index: 1002; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span 
{ display: block; height: 0.25rem; margin-bottom: 0.35rem; border-radius: 30px; background-color: rgb(114, 0, 46); margin-right: 0; transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background-color: rgb(114, 0, 46); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: center; transform: translateY(0.60rem) rotate(45deg); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; transform: scaleX(0); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: center; transform: translateY(-0.60rem) rotate(-45deg); }

/*ITENS DO MENU*/

.itens-menu li, .itens-menu li a, .itens-menu li a:visited, .itens-menu li a.ativo 
{ letter-spacing: 0.05rem; text-transform: uppercase; font-family: "poppinslight"; font-size: 1.03rem; }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited { color: rgb(114, 0, 46); }

.itens-menu li a, .itens-menu li a.ativo:hover { text-decoration: none; font-weight: normal }

.itens-menu li a:hover, .itens-menu li a.ativo { color: rgb(133, 125, 113); }

.itens-menu li a, .itens-menu li a:visited, .itens-menu-home li a, .itens-menu-home li a:visited { background-color: transparent; white-space: nowrap; }
}

/*ipad em pé */
@media only screen and (min-width: 601px) and (max-width: 1280px) and (orientation: portrait) 
{
/*BARRA DE MENU*/

.area-menu-midia-movel
{ position: fixed; top: 6.2rem; left: 100%; width: 9.09rem; height: calc(100vh - 6.2rem); transition: all ease .3s; }

.barra-menu-midia-movel 
{ width: 100%; left: 0; height: calc(100vh - 4rem); display: flex; justify-content: flex-start; align-items: center; flex-direction: column; 
  padding: 0; box-sizing: border-box; margin: 0; background-image: linear-gradient(to right, rgb(243, 238, 234), rgb(247, 242, 239)); }

.menu-midia-movel .menu-faketrigger:checked ~ .area-menu-midia-movel { left: calc(100% - 9.05rem); }

/*ITENS DO MENU*/
.itens-menu
{ display: flex; flex-direction: column; height: calc(100vh - 5.15rem); height: calc(100dvh - 5.15rem); justify-content: space-evenly; align-items: center; 
  margin: 0; padding: 0; list-style: none; box-sizing: border-box; transition: height 0.4s ease-in-out;  overflow: hidden; }

.itens-menu li { display: flex; align-items: center; margin-top: 35%; margin-bottom: 35%; width: 100%; text-align: right; justify-content: flex-end }
}

/*Mídia móvel deitado*/

/*IPAD DEITADO*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) and (orientation: landscape) 
{

.area-menu-midia-movel
{ position: fixed; top: 4.2rem; left: 0; width: 100vw; height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease; display: flex; flex-direction: row; 
  padding: 0; z-index: 998 }

.menu-midia-movel .menu-faketrigger:checked ~ .area-menu-midia-movel { height: 2rem; opacity: 1; margin: 1.7rem 0 0 0; }

.barra-menu-midia-movel 
{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; 
  background-image: linear-gradient(to right, rgb(243, 238, 234), rgb(247, 242, 239)); }

/*ITENS DO MENU*/
.itens-menu { display: flex; flex-direction: row; width: 100%; height: auto; list-style: none; margin: 0; padding: 0; justify-content: space-between }

.itens-menu li { display: flex; align-items: center; width: auto; margin: 0 }

.itens-menu li:first-child { margin-left: 0.6rem; }

.itens-menu li:last-child { margin-right: 0.6rem; }

/*ITENS DO MENU*/
.itens-menu { display: flex; flex-direction: row; width: 100%; height: auto; list-style: none; margin: 0; padding: 0; justify-content: space-between }

.itens-menu li { display: flex; align-items: center; width: auto; margin: 0 }

.itens-menu li:first-child { margin-left: 0.6rem; }

.itens-menu li:last-child { margin-right: 0.6rem; }
}

/*tim*/
@media screen and (max-width : 570px) and (orientation : landscape) 
{
.barra-menu { display: none }

/*MENU HAMBURGUER*/

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: none; }

.menu-midia-movel { position: absolute; right: 0.6rem; left: auto; top: 3.1rem; width: 2rem; height: 1.5rem; display: block; z-index: 1000 }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: none; }

.menu-midia-movel .menu-faketrigger { opacity: 0; cursor: pointer; Z-index: 1002; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span 
{ display: block; height: 0.25rem; margin-bottom: 0.35rem; border-radius: 30px; background-color: rgb(114, 0, 46); transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background-color: rgb(114, 0, 46); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: center; transform: translateY(0.60rem) rotate(45deg); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; transform: scaleX(0); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: center; transform: translateY(-0.60rem) rotate(-45deg); }

/*BARRA DE MENU*/

.area-menu-midia-movel
{ position: fixed; top: 0; left: 100%; height: 100vh; width: 9.09rem; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; 
  padding: 0; margin: 0; box-sizing: border-box; transition: all ease .3s; z-index: 998; }

.barra-menu-midia-movel 
{ width: 100%; left: 0; height: calc(100vh - 5rem); display: flex; justify-content: flex-start; align-items: center; flex-direction: column; padding: 0; 
  box-sizing: border-box; }

.barra-menu-midia-movel { margin: 5.15rem 0 0 0; background-image: linear-gradient(to right, rgb(243, 238, 234), rgb(247, 242, 239)); }

.menu-midia-movel .menu-faketrigger:checked ~ .area-menu-midia-movel { left: calc(100% - 9.09rem); }

/*ITENS DO MENU*/
.itens-menu
{ display: flex; flex-direction: column; min-height: calc(100vh - 5rem); height: auto; justify-content: space-evenly; align-items: center; 
  margin: 0; padding: 0; list-style: none; box-sizing: border-box; transition: height 0.4s ease-in-out;  overflow: hidden; }

.itens-menu li { display: flex; align-items: center; margin-top: 5%; margin-bottom: 5%; width: 100%; text-align: right; justify-content: flex-end }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited, .itens-menu li a.ativo 
{ letter-spacing: 0.05rem; text-transform: uppercase; font-family: "poppinslight"; font-size: 1.03rem; }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited { color: rgb(114, 0, 46); }

.itens-menu li a, .itens-menu li a.ativo:hover { text-decoration: none; font-weight: normal }

.itens-menu li a:hover, .itens-menu li a.ativo { color: rgb(133, 125, 113); }

.itens-menu li a, .itens-menu li a:visited, .itens-menu-home li a, .itens-menu-home li a:visited { background-color: transparent; white-space: nowrap; }
}

/*IPHONE MÃE*/
@media screen and (min-width: 571px) and (max-width: 670px) and (orientation: landscape) 
{
.barra-menu { display: none }

/*MENU HAMBURGUER*/

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: none; }

.menu-midia-movel { position: absolute; right: 0.6rem; left: auto; top: 3.1rem; width: 2rem; height: 1.5rem; display: block; z-index: 1000 }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; height: 100%; margin: 0; transform: none; }

.menu-midia-movel .menu-faketrigger { width: 100%; opacity: 0; cursor: pointer; Z-index: 1002; }

.menu-midia-movel .linhas-menu { z-index: 999; width: 2rem }

.menu-midia-movel .linhas-menu span 
{ display: block; height: 0.25rem; margin-bottom: 0.35rem; border-radius: 30px; background-color: rgb(114, 0, 46); transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background-color: rgb(114, 0, 46); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: center; transform: translateY(0.60rem) rotate(45deg); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; transform: scaleX(0); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: center; transform: translateY(-0.60rem) rotate(-45deg); }

/*BARRA DE MENU*/

.area-menu-midia-movel
{ position: fixed; top: 3.15rem; left: 0; width: 100vw; height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease; display: flex; flex-direction: row; 
  padding: 0; z-index: 998 }

.menu-midia-movel .menu-faketrigger:checked ~ .area-menu-midia-movel { height: 2rem; opacity: 1; margin: 1.7rem 0 0 0; }

.barra-menu-midia-movel 
{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; 
  background-image: linear-gradient(to right, rgb(243, 238, 234), rgb(247, 242, 239)); }

/*ITENS DO MENU*/
.itens-menu { display: flex; flex-direction: row; width: 100%; height: auto; list-style: none; margin: 0; padding: 0; justify-content: space-between }

.itens-menu li { display: flex; align-items: center; width: auto; margin: 0 }

.itens-menu li:first-child { margin-left: 0.6rem; }

.itens-menu li:last-child { margin-right: 0.6rem; }

/*ITENS DO MENU*/
.itens-menu { display: flex; flex-direction: row; width: 100%; height: auto; list-style: none; margin: 0; padding: 0; justify-content: space-between }

.itens-menu li { display: flex; align-items: center; width: auto; margin: 0 }

.itens-menu li:first-child { margin-left: 0.6rem; }

.itens-menu li:last-child { margin-right: 0.6rem; }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited, .itens-menu li a.ativo 
{ letter-spacing: 0.05rem; text-transform: uppercase; font-family: "poppinslight"; font-size: 1.03rem; }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited { color: rgb(114, 0, 46); }

.itens-menu li a, .itens-menu li a.ativo:hover { text-decoration: none; font-weight: normal }

.itens-menu li a:hover, .itens-menu li a.ativo { color: rgb(133, 125, 113); }

.itens-menu li a, .itens-menu li a:visited, .itens-menu-home li a, .itens-menu-home li a:visited { background-color: transparent; white-space: nowrap; }
}


/*Celulares grandes*/

@media only screen and (min-width: 671px) and (max-height: 600px) and (orientation: landscape) and (pointer: coarse) 
{
.barra-menu { display: none }

/*MENU HAMBURGUER*/

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: none; }

.menu-midia-movel { position: absolute; right: 0.6rem; left: auto; top: 3.1rem; width: 2rem; height: 1.5rem; display: block; z-index: 1000 }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { position: absolute; left: 0; top: 0; height: 100%; margin: 0; transform: none; }

.menu-midia-movel .menu-faketrigger { width: 100%; opacity: 0; cursor: pointer; Z-index: 1002; }

.menu-midia-movel .linhas-menu { z-index: 999; width: 2rem }

.menu-midia-movel .linhas-menu span 
{ display: block; height: 0.25rem; margin-bottom: 0.35rem; border-radius: 30px; background-color: rgb(114, 0, 46); transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background-color: rgb(114, 0, 46); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: center; transform: translateY(0.60rem) rotate(45deg); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; transform: scaleX(0); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: center; transform: translateY(-0.60rem) rotate(-45deg); }

/*BARRA DE MENU*/

.area-menu-midia-movel
{ position: fixed; top: 3.15rem; left: 0; width: 100vw; height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease; display: flex; flex-direction: row; 
  padding: 0; z-index: 998 }

.menu-midia-movel .menu-faketrigger:checked ~ .area-menu-midia-movel { height: 2rem; opacity: 1; margin: 1.7rem 0 0 0; }

.barra-menu-midia-movel 
{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; 
  background-image: linear-gradient(to right, rgb(243, 238, 234), rgb(247, 242, 239)); }

/*ITENS DO MENU*/
.itens-menu { display: flex; flex-direction: row; width: 100%; height: auto; list-style: none; margin: 0; padding: 0; justify-content: space-between }

.itens-menu li { display: flex; align-items: center; width: auto; margin: 0 }

.itens-menu li:first-child { margin-left: 0.6rem; }

.itens-menu li:last-child { margin-right: 0.6rem; }

/*ITENS DO MENU*/
.itens-menu { display: flex; flex-direction: row; width: 100%; height: auto; list-style: none; margin: 0; padding: 0; justify-content: space-between }

.itens-menu li { display: flex; align-items: center; width: auto; margin: 0 }

.itens-menu li:first-child { margin-left: 0.6rem; }

.itens-menu li:last-child { margin-right: 0.6rem; }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited, .itens-menu li a.ativo 
{ letter-spacing: 0.05rem; text-transform: uppercase; font-family: "poppinslight"; font-size: 1.03rem; }

.itens-menu li, .itens-menu li a, .itens-menu li a:visited { color: rgb(114, 0, 46); }

.itens-menu li a, .itens-menu li a.ativo:hover { text-decoration: none; font-weight: normal }

.itens-menu li a:hover, .itens-menu li a.ativo { color: rgb(133, 125, 113); }

.itens-menu li a, .itens-menu li a:visited, .itens-menu-home li a, .itens-menu-home li a:visited { background-color: transparent; white-space: nowrap; }
}

