.menu-topo {
    background-color: #FDC400;
    height: 100px;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: rgb(66 37 106);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.navbar-nav {
    font-size: 18px;
    margin-left: 4em;
    font-weight: 600;
}

.slide1 {
    background-image: url('../images/BANNER_HOME_01.png'); 
    width: 100%; 
    background-repeat: no-repeat; 
    background-size: cover;
}

.slide2 {
    background-image: url('../images/BANNER_HOME_02.png'); 
    width: 100%; 
    background-repeat: no-repeat; 
    background-size: cover;
}

.slide3 {
    background-image: url('../images/BANNER_HOME_03.png'); 
    width: 100%; 
    background-repeat: no-repeat; 
    background-size: cover;
}


/*#menu-item {
    color: #43266C;
}*/
#menu-item:hover {
    color: #ffffff;
}



.nav-item {
    float: left;
    margin-right: 14px;
}
.navbar-brand{
    margin-left: 10em;
}
.navbar-brand img {
    width:  120px;
    height: 160px;
    position: relative;
    z-index: 1;
}
.logomarca {
    margin-top: 4em;
}


.active {
    background-color: #43266C;
    color: #ffffff;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #ffffff;
}

.splide__slide img {
    width: 100%;
}

.conteudo-slide {
    padding-left: 10em;
    padding-top: 10em;
}

.splide__slide h1 {
    color: #ffffff;
    font-weight: 700;
}

.splide__slide a {
    color: #43266C;
    font-weight: 500;
    width: 180px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.splide__slide p {
    color: #ffffff;
    font-weight: 400;
    margin-top: 6em;
    font-size: 18px;
}


.area-produtos h2 {
    margin-top: 1em;
    text-align: center;
    color: #43266C;
    font-weight: 700;
}


#menu ul { padding:0px;
    margin:0px;
    list-style:none;
}

#menu ul li { display: inline; }

#menu ul li a { 
    padding: 2px 16px; 
    display: inline-block; /* visual do link */ 
    color: #43266C; 
    font-weight: 500;
    text-decoration: none; 
    border-bottom: 0px solid #EDEDED; 
}

#menu ul li a { 
    padding: 2px 16px; 
    display: inline-block; /* visual do link */ 
    color: #43266C; 
    font-weight: 500;
    text-decoration: none; 
    border-bottom: 0px solid #EDEDED; 
}

/* CSS embalagens */

#menuEmbalagens ul { padding:0px;
    margin:0px;
    list-style:none;
}

#menuEmbalagens ul li { display: inline; }

#menuEmbalagens ul li a { 
    padding: 2px 16px; 
    display: inline-block; /* visual do link */ 
    color: #43266C; 
    font-weight: 500;
    text-decoration: none; 
    border-bottom: 3px solid #EDEDED; 
}

#menuEmbalagens ul li a:hover { 
    background-color: #fdc400;
    padding: 2px 16px; 
    display: inline-block; /* visual do link */ 
    color: #43266C; 
    font-weight: 500;
    text-decoration: none; 
    border-bottom: 3px solid #EDEDED; 
}


#menu .active {
    font-weight: 780;
    background-color: #FDC400;
    color: #43266C;
}

#categorias img {
    width: 323px;
    height: 133px;
}

.embalagens img {
    padding: 2em;
    width: 250px;
}

.embalagens li a{
    padding: 2em;
    border-style: solid;
    border-color: #E5E5E5;
    border-width: 2px;
    margin-left: 1em;
}

.btn-body {
    background-color: #43266C;
    color: #ffffff;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 4px;
    text-decoration: none;

}

.btn-body:hover {
    background-color: #FDC400;
    color: #43266C;
}


.btn-body2 {
    background-color: #FDC400;
    color: #43266C;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
}

#divcatalogo {
    background-color: #43266C; 
    padding-top: 2em; 
    padding-bottom: 2em; 
    text-align: left; 
    padding-left: 12em;
}

.btn-body2:hover {
    background-color: #ffffff;
    color: #43266C;
}


.section-receitas {
    margin-top: 4em;
    padding-top: 0.5em;
    padding-bottom: 3em;
    background-color: #FFF4CF;
}

.card-img-top {
    width: 100%;
    padding: 0;
}

.card-body {
    background-color: #FDC400;
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.card-text {
    text-align: left;
}

.section-catalogo {
    width: 100%;
    
}

.container-catalogo {
    max-width: 100%;
}

.redes-homepage img{
    width: 260px;
}

.section-conhecer {
    margin-bottom: 2em;
}

footer {
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #43266C;
}

footer h5{
    font-size: larger;
    color: #42256a;
    font-weight: 500;
}


.footerBase {
    padding-top: 2em;
    padding-bottom: 1em;
    background-color: #FDC400;
    border-radius: 6px;
}

.footerBase p {
    font-size: 20px;
    color: #43266C;
    font-weight: 500;
}

.form-control {
    border-radius: 0px;
    /* border-radius: 0px; */
    border-color: #42256a;
    border-bottom-width: 2px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-top-style: 0px;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff0;
    background-clip: padding-box;
    /* border: var(--bs-border-width) solid #3d2362; */
    /* border-radius: var(--bs-border-radius); */
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/*.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff0;
    background-clip: padding-box;
    border: var(--bs-border-width) solid #3d2362;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}*/

.footerBase label {
    font-size: 14px;
}

.footerBase2 {
    margin-top: 1em;
}

.logo-footer {
    width: 80px;
    height: 106px;
}

.navbar-nav-footer {
    font-size: 18px;
    font-weight: 600;
}

.menu-base ul { padding:0px;
    margin:0px;
    list-style:none;
}

#menu-item-footer {
    color: #ffffff;
    margin-left: 2em;
}
#menu-item-footer:hover {
    border-color: #FDC400;
    border-bottom-style: solid;
    border-width: 2px;
}

#menu-item-footer2 {
    font-weight: 400;
    color: #ffffff;
    margin-left: 2em;
}

.area-colaborador {
    width: 230px;
}

#sociais-footer {
    width: 20px;
    height: 20px;
    margin-right: 1em;
}


.btn-body-newsletter {
    background-color: #43266C;
    color: #ffffff;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 4px;
    text-decoration: none;

}

.btn-body-newsletter:hover {
    background-color: #ffffff;
    color: #43266C;
}