:root {
  --bs-primary: #00455c;
  --bs-primary-rgb: 0, 69, 92;
}

/* Cabeçalho */

#header-main {
    background-color: #0f6f86;

    background-image:
        radial-gradient(
            circle at 12% 45%,
            rgba(45, 196, 210, 0.38) 0%,
            transparent 32%
        ),

        radial-gradient(
            circle at 72% 18%,
            rgba(126, 87, 255, 0.32) 0%,
            transparent 30%
        ),

        radial-gradient(
            circle at 92% 78%,
            rgba(0, 220, 255, 0.38) 0%,
            transparent 34%
        ),

        linear-gradient(
            120deg,
            #0b5c73 0%,
            #0f8298 28%,
            #16b8c4 52%,
            #5967d8 76%,
            #13a8c7 100%
        );

    background-size: 220% 220%;
    background-repeat: no-repeat;

    animation: gradientFlow 5s ease-in-out infinite;
}
@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
#header-main .logo {
    width: 100%;
    max-width: 200px;
    height: auto;
}
#header-main-panel .btn-menu {
    background-color: #fff;
    border: none;
    border-radius: 0.25rem;
    padding: 0 0.5rem 0 0.5rem;
    font-size: 1rem;
    color: var(--bs-primary);
    font-weight: 600;
    min-width: fit-content;
}
#header-main-panel form {
    flex-grow: 1;
    padding: 0.25rem;
    border-radius: var(--bs-border-radius-sm);
    overflow: hidden;
    background-color: #fff;
    display: flex;
}
#header-main-panel form input {
    outline: none;
    border: 0;
    border-right: solid 1px var(--bs-border-color);
    padding: 0.25rem;
    background-color: #ffffff00;
    display: block;
    width: 100%;
}
#header-main-panel form button {
    background-color: #ffffff00;
    border: none;
    padding: 0 0.5rem 0 0.5rem;
    font-size: 20px;
    color: var(--bs-primary);
}
#header-main-panel .btn-cart {
    display: block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAMAAAA0hKKwAAAAS1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////+yVYcAAAAAGHRSTlMAECAwQEpQYHCAiJCgsLbAxMjP0Nzg8PFyJa+7AAADqklEQVRo3r2a28KsJgyFA1IwG2i665au93/SXngCh9F/RjR3o8gHWUkAHaKqaZbYK7rVugQAqbulc8vsFJFKEGsikm7QoS2vqGEev0MkIhL4awg3AoAUbh+AIUSMimGJiAzkks8Fk4Wci0FN42cYIiJ9BaIYq2WXGW7qGmGC8OouZcyHDDPiDWTqKSDBEFE/Cd/1YcSnc/JAHdLPzrMAnHaC9Jf1i1/TBUauiUrgjojMdGv897+85RLNLk45JP0a38rFARjF2zmOuoIxFNFlinuWi59uejx3tZ+e1tu1FPTk+M0S74uJ/z1Imu+yzZqOcdJrLMBC+y6RLBHJ9jvuapPhmACKSw96fkzYri1TAUH3AgF0Dsnl6FwY5suGV6lHDN51RKaPZs2lYthqKxSrcQbZYlJL0WbRPVJH1Dk/ANgSxo471xBZFXazWzvcsksVA4kECFtNpHnVZx1SYmW9JABDdMpNoRS09gt7MJkmY+asXM2BaXLQmKiST0AKThMRaRsSlpgMHWnjuDdauQySKxIXB7Eh0m5p0w17iUmXGmPTPUVmZi+QDMJFqk8OUoYlAYtGLnd1X8mkCRKwc3cdMkdwGMss9O6lNOwgicqkWDp+gZjebKusNo6jm7NQ8uow1CBSSR1Xg8wJF9iZbbHtTM9RCuXVO8jOg+YtZK0eEtiZrRIYwyyyhXwFUpPpGLI6RzzbEmYqFUTmheGdTFxLkgqMOV8UtWUvQwGpcF8hAT8wEeZdfAQZ4V+fD1WIxc8tSeQ8GImIvKR9BFfyJOFjSxIrwZgATHupV4jH1zbuIt8Y1nVIh8u2D8ZKWRnQygbxvapDerS0pKoQ1RSCvl6FQ1OI1CHmCchxaWkF6Z+A6Ccg667xVoh9AvJNlfwc4p+A6Ccg+93TPRD3BKSd9EcQ/wREPwFpJv0hxD0BaSX9McQ/AdFPQBpJfwJxT0DaSH8G8U9A9BOQJtKfQtwTkBbSn0N8E8jvY4huAvlzDGkg/bm7Gkgvm7LvINell+0tx1vI5RNR/AHksvT9dp7mH75n/9iS2nR9D6H+wpk7xfyNLdNttqlq7kLoLHKOIJbj3/yJ/Qqz/SPFGfc9xLY7C0d1W8rncVD/HNry9AhgrM1FpbaQG3dFucPuqFwvZu7aRH4GEf7cziHhXLYzG08hO+G/+eofToUvQ/irj9jlK7pwmvDf/X3Bl6vLyWzdl4VYzsoKkZ09Nn6/GiwRJgf/sXBexNsri4rqgwiv0/gfKXH/zjTU8WUAAAAASUVORK5CYII=");
}
#header-main-panel .btn-cart span {
    top: 55%;
    font-size: 12px;
}
@media (min-width: 768px) {
    #header-main .logo {
        max-width: 280px;
    }
    #header-main-panel {
        background-color: rgb(255 255 255 / 50%) !important;
        border-radius: var(--bs-border-radius) !important;
    }
    #header-main-panel form {
        border: var(--bs-border-width) solid var(--bs-border-color);
    }
    #header-main-panel form button {
        font-size: 30px;
    }
    #header-main-panel .btn-cart {
        width: 60px;
        height: 60px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAMAAAA0hKKwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTA3LTA5VDE0OjQ4OjM3LTAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wNy0wOVQxNDo1MTo0My0wMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wNy0wOVQxNDo1MTo0My0wMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMmExZjUwNC02ZTcwLWVl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);
    }
    #header-main-panel .btn-cart span {
        color: #fff !important;
        font-size: 14px;
    }
}

/* Menu */

#navbar-main .offcanvas {
    max-width: 70% !important;
}
#navbar-main, #navbar-main a {
    color: #fff !important;
}
#navbar-main .icon {
    vertical-align: middle;
}
#navbar-main, #navbar-main .offcanvas {
    background-color: var(--bs-primary) !important;
}
#navbar-main .dropdown-menu {
    background-color: var(--bs-link-hover-color) !important;
}
@media (min-width: 768px) {
    @supports (display: grid) {
        #navbar-main .dropdown-menu-cols.show {
            display: grid !important;
            grid-auto-flow: column;
            grid-template-rows: repeat(var(--rows, 6), minmax(0, auto));
            gap: 0 8px;
            padding-left: 3px;
            padding-right: 3px;
        }
        #navbar-main .dropdown-menu.show {
            padding-left: 3px;
            padding-right: 3px;
        }
    }
}
#navbar-main .dropdown-item .icon {
    margin-right: 5px;
}
@media (max-width: 767.98px) {
    #navbar-main .nav-link .icon {
        margin-right: 5px;
    }
}
#navbar-main .dropdown-item:hover, #navbar-main .dropdown-item:focus, #navbar-main .dropdown-item:active {
    background-color: rgb(0 0 0 / 25%) !important;
}
@media (min-width: 768px) {
    #navbar-main .offcanvas {
        max-width: 100% !important;
    }
	#navbar-main .nav-item {
		flex: 1 1 0;
		min-width: 0;
		border-left: 1px solid rgba(0, 0, 0, 0.10);
	}
    #navbar-main .nav-item:last-child {
        border-right: 1px solid rgba(0, 0, 0, 0.10);
    }
    #navbar-main .nav-link {
        padding: 5px 5px;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #navbar-main .nav-link .icon {
        margin: auto;
        display: block;
    }
}

.background-gradient-flow {
    background-color: #0f6f86;

    background-image:
        radial-gradient(
            circle at 12% 45%,
            rgba(45, 196, 210, 0.38) 0%,
            transparent 32%
        ),

        radial-gradient(
            circle at 72% 18%,
            rgba(126, 87, 255, 0.32) 0%,
            transparent 30%
        ),

        radial-gradient(
            circle at 92% 78%,
            rgba(0, 220, 255, 0.38) 0%,
            transparent 34%
        ),

        linear-gradient(
            120deg,
            #0b5c73 0%,
            #0f8298 28%,
            #16b8c4 52%,
            #5967d8 76%,
            #13a8c7 100%
        );

    background-size: 220% 220%;
    background-repeat: no-repeat;

    animation: gradientFlow 20s ease-in-out infinite;
}

.icon::before {
	filter: brightness(0) invert(1);
}