:root {
--topbar-h: 40px;
--navbar-h: 70px;
}
/* barra superior */
#topBar {
position: fixed;
top: 0; left: 0; right: 0;
height: var(--topbar-h);
transform: translateY(-100%);
transition: transform .3s ease;
z-index: 50;
}
#topBar.show {
transform: translateY(0);
}
/* navbar */
#mainNavbar {
position: fixed;
top: 0;
left: 0; right: 0;
height: var(--navbar-h);
transition: top .3s ease;
z-index: 40;
}
#mainNavbar.shift {
top: var(--topbar-h);
}
/* espaçamento do conteúdo */
body {
padding-top: 0;
transition: padding-top 0.3s ease;
}
/* Shape divider 495 */
.shapedividers_com-495 {
overflow: hidden;
position: relative;
}
.shapedividers_com-495::before {
content: '';
font-family: 'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.2vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 100%;
background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px) {
.shapedividers_com-495::before {
background-size: 100% calc(2vw + 90px);
}
}
/* Shape divider 9722 */
.shapedividers_com-9722 {
overflow: hidden;
position: relative;
}
.shapedividers_com-9722::before {
content: '';
font-family: 'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 100%;
background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px) {
.shapedividers_com-9722::before {
background-size: 100% calc(2vw + 90px);
}
}
/* Dropdown menu - controle via JS com classe hidden */
.dropdown-content {
display: none;
position: absolute;
z-index: 1000;
background-color: white; /* para garantir visibilidade */
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
border-radius: 0.5rem;
margin-top: 0.75rem; /* mt-3 */
padding: 0.5rem; /* p-2 */
width: 13rem; /* w-52 */
color: #4a5568; /* text-gray-700 */
}
/* Quando a classe hidden for removida, mostra o menu */
.dropdown-content:not(.hidden) {
display: block;
}
/* Removendo o comportamento padrão do DaisyUI para dropdown */
.dropdown:focus-within .dropdown-content,
.dropdown:hover .dropdown-content {
}
.shapedividers_com-4275{
overflow:hidden;
position:relative;
}
.shapedividers_com-4275::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 104% 90px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.shapedividers_com-4275::before{
background-size: 104% calc(2vw + 90px);
}
}
.shapedividers_com-3505{
overflow:hidden;
position:relative;
}
.shapedividers_com-3505::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 104% 90px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.shapedividers_com-3505::before{
background-size: 104% calc(2vw + 90px);
}
}
.shapedividers_com-7816{
overflow:hidden;
position:relative;
}
.shapedividers_com-7816::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw;
background-size: 100% 90px;
background-position: 50% 0%; background-image: url('data:image/svg+xml;charset=utf8, ');
}
@media (min-width:2100px){
.shapedividers_com-7816::before{
background-size: 100% calc(2vw + 90px);
}
}