/* ----------------------------------------------------------:: Template Name: Geovani Assis Pereira - Madnezz:: Author: Geovani Assis:: Author URL: https://www.geovaniassis.dev.br:: Version: 1.0.0:: Created: 01 de Março de 2025----------------------------------------------------------/***************************************************************************   Cores****************************************************************************	Cinza 		= #333333	Beje    	= #f7a691	Branco 		= #ffffff	Preto 		= #000000	/***************************************************************************   Fonts***************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/***************************************************************************   Variáveis***************************************************************************/
:root {
    --cor-cinza: #333333;
    --cor-beje: #f7a691;
    --cor-branco: #ffffff;
    --cor-preto: #000000;
    --font-montserrat: 'Montserrat', sans-serif;
    --font-open-sans: 'Open Sans', sans-serif;
}

/***************************************************************************    KeyFrames***************************************************************************/
@keyframes animate-balanca {
    0% {
        top: 0px;
    }

    25% {
        top: 15px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: -15px;
    }

    100% {
        top: 0px;
    }
}

/***************************************************************************    All***************************************************************************/
html,
body {
    margin: 0;
    overflow-x: clip;
    background: #fff9ed;
}

* {
    margin: 0;
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
    font-family: var(--font-open-sans);
}

a {
    text-decoration: none !important;
    cursor: pointer;
}

button:focus {
    outline: none;
}

code {
    padding: 20px;
    background: var(--cor-cinza);
    color: #fff !important;
    font-family: inherit !important;
    font-size: 16px !important;
}

.mobile {
    display: none;
}

.transition_on *,
.transition_on {
    transition: ease .5s all !important;
}

.transition_off *,
.transition_off {
    transition: none !important;
}

.branco {
    color: var(--cor-branco) !important;
}

.mrg-0 {
    margin: 0px !important;
}

.mrg-15-0 {
    margin: 15px 0px;
}

.mrg-top-30 {
    margin-top: 30px;
}

.mrg-top-45 {
    margin-top: 45px;
}

.mrg-top-50 {
    margin-top: 50px;
}

.mrg-bot-10 {
    margin-bottom: 10px;
}

.mrg-bot-20 {
    margin-bottom: 20px;
}

.mrg-bot-30 {
    margin-bottom: 30px;
}

.mrg-bot-40 {
    margin-bottom: 40px;
}

.mrg-bot-50 {
    margin-bottom: 50px !important;
}

.mrg-bot-60 {
    margin-bottom: 60px;
}

.mrg-bot-75 {
    margin-bottom: 75px;
}

.pdd-0 {
    padding: 0 !important;
}

.pdd-15 {
    padding: 15px !important;
}

.pdd-0-15 {
    padding: 0 15px !important;
}

.pdd-0-40 {
    padding: 0 40px !important;
}

.pdd-15-0 {
    padding: 15px 0 !important;
}

.pdd-50-0 {
    padding: 50px 0 !important;
}

.pdd-70-0 {
    padding: 70px 0 !important;
}

.pdd-100-0 {
    padding: 100px 0 !important;
}

.pdd-25-0-0 {
    padding: 25px 0 0 !important;
}

.pdd-70-0-0 {
    padding: 70px 0 0 !important;
}

.pdd-0-15-0-0 {
    padding: 0 15px 0 0 !important;
}

.pdd-lef-30 {
    padding-left: 30px !important;
}

.pdd-lef-35 {
    padding-left: 35px !important;
}

.pdd-lef-40 {
    padding-left: 40px !important;
}

.pdd-lef-45 {
    padding-left: 45px !important;
}

.pdd-lef-50 {
    padding-left: 50px !important;
}

.pdd-lef-55 {
    padding-left: 55px !important;
}

.pdd-lef-60 {
    padding-left: 60px !important;
}

.pdd-lef-65 {
    padding-left: 65px !important;
}

.pdd-lef-70 {
    padding-left: 70px !important;
}

.pdd-lef-75 {
    padding-left: 75px !important;
}

.pdd-lef-80 {
    padding-left: 80px !important;
}

.pdd-lef-85 {
    padding-left: 85px !important;
}

.pdd-lef-90 {
    padding-left: 90px !important;
}

.pdd-lef-95 {
    padding-left: 95px !important;
}

.pdd-lef-100 {
    padding-left: 100px !important;
}

.pdd-lef-105 {
    padding-left: 105px !important;
}

.pdd-lef-110 {
    padding-left: 110px !important;
}

.pdd-lef-115 {
    padding-left: 115px !important;
}

.pdd-lef-120 {
    padding-left: 120px !important;
}

.pdd-lef-125 {
    padding-left: 125px !important;
}

.pdd-lef-150 {
    padding-left: 150px !important;
}

.pdd-bot-50 {
    padding-bottom: 50px !important;
}

.txt-center {
    text-align: center !important;
}

.txt-justify-center {
    justify-content: center !important;
}

.txt-left {
    text-align: left !important;
}

.txt-right {
    text-align: right !important;
}

.txt-webkit-right {
    text-align: -webkit-right !important;
}

.nao-quebrar {
    white-space: nowrap;
}

.align_self-center {
    align-self: center;
}

.text_align_last-center {
    text-align-last: center;
}

.dpy-flex {
    display: flex;
}

.dpy-flow-root {
    display: flow-root;
}

.dpy-grid {
    display: grid;
}

.flt-left {
    float: left;
}

.flt-right {
    float: right;
}

.enfeite_balanca {
    transition: ease .8s all;
    animation: animate-balanca 25s infinite;
    position: relative;
}

#espacamento {
    width: 100%;
    height: 121px;
}

.btnBeje {
    background: #00000033;
    padding: 10px 15px;
    color: var(--cor-cinza);
    display: inline-block;
    border-radius: 5px;
}

.btnBeje:hover {
    background: var(--cor-preto);
    color: var(--cor-branco);
    transform: scale(1.2);
}

.btnBranco {
    background: var(--cor-branco);
    padding: 10px 15px;
    color: var(--cor-cinza);
    display: inline-block;
    border-radius: 5px;
}

.btnBranco:hover {
    transform: scale(1.2);
}

.input {
    width: 100%;
    border: solid 1px #3333335c;
    margin: 15px 0 30px;
    border-radius: 5px;
}

.enfeiteDireita {
    background-image: url('https://qa-uploads.madnezz.com.br/54beea11eac576893f18a58bf148173d');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: contain;
}

.enfeiteDireita2 {
    background-image: url('https://qa-uploads.madnezz.com.br/54beea11eac576893f18a58bf148173d');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
}

.enfeiteEsquerda {
    background-image: url('https://qa-uploads.madnezz.com.br/1fc15d69d56e8b8d20a0caa6db328ee3');
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: contain;
}

/***************************************************************************	Menu***************************************************************************/
header {
    background: #fff9ed;
    box-shadow: 0 0 9px 3px #00000047;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
}

header #menuPrimeiro {
    background-color: #fff9ed;
}

header #menuPrimeiro .row {
    align-items: center;
}

header #menuPrimeiro .container {
    border-bottom: solid 1px #0000001c;
    padding-bottom: 5px;
}

header .social img {
    width: 25px;
    height: 25px;
    margin-right: 8px;
    filter: brightness(0);
}

header .social a:hover img {
    filter: brightness(1);
    transform: scale(1.2);
}

header .logomenu img {
    max-width: 100%;
    width: 250px;
    height: 75px;
    object-fit: contain;
    margin: 5px 0 0 0;
}

header #lupa_pesquisa_desktop,
header #lupa_pesquisa_desktop {
    display: none !important;
}

header #lupa_pesquisa_desktop img {
    width: 25px;
    filter: brightness(0);
}

header #lupa_pesquisa_desktop:hover img {
    filter: brightness(1);
    transform: scale(1.2);
}

header #menuSegundo {
    position: absolute;
    width: 100%;
    background-color: #fff9ed;
    box-shadow: 0 0 9px 3px #00000047;
    z-index: -1;
}

header #menuSegundo .col-12 {
    display: flex;
    justify-content: space-evenly;
}

header #menuSegundo ul {
    padding: 0;
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: space-between;
}

header #menuSegundo ul li {
    display: block;
}

header #menuSegundo ul li a {
    padding: 8px 15px;
    display: block;
    color: var(--cor-cinza);
}

header #menuSegundo ul li:hover a {
    transform: scale(1.2);
}

header.drop #menuSegundo {
    margin-top: -120px;
}

header .btnBeje {
    margin: 0 -15px 0 15px;
}

#buscarModal .modal-header {
    display: flex;
    flex-direction: column;
}

#buscarModal .modal-header form {
    width: 100%;
}

#buscarModal .btns {
    display: flex;
    justify-content: space-around;
}

/***************************************************************************	Title***************************************************************************/
#titulo {
    background: url('https://upload.madnezz.com.br/19979b6c969fd7bf6cd6e1198eb7f73d');
    height: 200px;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

#titulo h2 {
    margin: 0;
    font-family: var(--font-montserrat);
    font-size: 40px;
}

/***************************************************************************	Newsletter***************************************************************************/
#newsletter {
    background: radial-gradient(circle, rgba(61, 61, 61, 1) 0%, rgba(0, 0, 0, 1) 100%);
    padding: 70px 0;
}

#newsletter h3,
#newsletter label {
    color: #fff;
}

#newsletter label a {
    color: #fff;
    text-decoration: underline !important;
}

#newsletter .input {
    margin-top: 0px;
    padding: 8px 15px;
    background: #414141;
    margin-bottom: 15px;
    border: solid 1px #fff;
    color: #fff;
}

/***************************************************************************	footer***************************************************************************/
footer .faixaBeje {
    background: #fff9ed;
    padding: 80px 0;
}

footer .faixaBeje .bloc {
    margin: 25px 0;
    border: solid 1px #33333382;
    padding: 10px;
    height: calc(100% - 50px);
    background: #fff;
}

footer .faixaBeje img {
    max-width: 100%;
}

footer .faixaBeje .social {
    display: flex;
    justify-content: space-evenly;
    margin: 15px 0;
}

footer .faixaBeje .social img {
    width: 25px;
    height: 25px;
    margin-right: 8px;
    filter: brightness(0);
    transition: ease .5s all;
}

footer .faixaBeje .social img:hover {
    filter: brightness(0);
    transform: scale(1.2);
}

footer .faixaPreta {
    background: var(--cor-preto);
}

footer .faixaPreta p {
    color: var(--cor-branco);
    margin: 15px 0;
    font-size: 12px;
}

footer .faixaPreta p a {
    font-weight: 900;
    color: var(--cor-branco);
}

footer .faixaPreta .direita {
    text-align: right;
}

footer h3 {
    font-family: var(--font-montserrat);
    font-size: 23px;
    font-weight: 400;
}

footer ul {
    padding: 0;
}

footer ul li {
    display: block;
}

footer .faixaBeje a {
    color: var(--cor-cinza);
    font-weight: 400;
}

footer ul li a:hover {
    padding-left: 10px;
    color: var(--cor-cinza);
}

footer ul li a::before {
    content: "";
    width: 10px;
    height: 2px;
    display: block;
    background: #00000000;
    position: absolute;
    left: 7px;
    margin-top: 11px;
    transition: ease all .7s;
}

footer ul li a:hover::before {
    background: var(--cor-cinza);
}

footer h3 img {
    width: 30px;
}

/***************************************************************************	Responsivo***************************************************************************/
@media (max-width: 1200px) {}

@media (max-width: 991px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none !important;
    }

    header .hamburguer-bt {
        display: inline-block;
        height: fit-content;
        margin: 0px 15px;
    }

    header .hamburguer-bt .hamburguer_line {
        background: var(--cor-cinza);
        width: 30px;
        height: 4px;
        margin: 5px 0;
    }

    header .hamburguer-bt.ativo .hamburguer-top {
        transform: rotate(45deg);
        margin-top: 11px;
    }

    header .hamburguer-bt.ativo .hamburguer-middle {
        opacity: 0;
    }

    header .hamburguer-bt.ativo .hamburguer-bottom {
        transform: rotate(-45deg);
        margin-top: -18px;
    }

    #espacamento {
        height: 81px;
    }

    header #opt_menu {
        position: fixed;
        height: calc(100% - 80px);
        width: 320px;
        background: var(--cor-branco);
        z-index: 9;
        right: -150%;
        top: 80px;
        padding-top: 00px;
        display: block;
        overflow: auto;
        border-top: solid 1px #33333345;
    }

    header #opt_menu .navbar-nav {
        padding: 10px;
    }

    header #opt_menu .navbar-nav li {
        background: #f3f3f3;
        margin: 0 0 10px 0;
    }

    header #opt_menu .navbar-nav li a {
        color: var(--cor-cinza);
        padding: 8px;
        min-height: 39px;
        display: flex;
        align-items: center;
    }

    header #opt_menu .navbar-nav li.social {
        display: flex;
        justify-content: space-evenly;
    }

    header #opt_menu.ativo {
        right: 0;
    }

    header .fundo_menu {
        background: #000000a6;
        width: 100%;
        height: 100%;
        top: 80px;
        right: -100%;
        position: fixed;
        z-index: 8;
    }

    header .fundo_menu.ativo {
        right: 0;
    }

    header #opt_menu .navbar-brand {
        width: 100%;
        margin: 0;
        text-align: -webkit-center;
    }

    header #opt_menu .nav-item {
        text-align: center;
        padding: 10px 0;
        text-transform: uppercase;
    }

    header.drop #opt_menu,
    header.drop .fundo_menu {
        top: 80px;
    }
}

@media (max-width: 767px) {
    footer .faixaPreta p {
        text-align: center;
    }
}