#intro {background-color:var(--lightyellow);display:flex;align-items:center;justify-content:center;padding:7vw;}
#intro .conteudo {display: flex;width: 100%;color:#000000;}
#intro .foto {position: relative;}
#intro .foto img {width: 100%;height: 100%;object-fit: cover;}
#intro .foto h2 {color:var(--lightyellow);position:absolute;right: 0.5vw;bottom: -0.65vw;text-align: right;font-weight: 600;}
#intro .foto h2 span {font-size: 0.86em;font-weight: 400;}
#intro .nossa-paixao {background-color: #ffffff;padding: 3vw;background-color: var(--lightgrey3);}
#intro .nossas-delicias {background-color: var(--lightgrey3);padding: 3vw;}
#intro h3 {text-align: right;text-transform: uppercase;padding:0 0 1.6rem 0;position: relative;width: max-content;margin: 0 0 0 auto;}
#intro h3:before {content: '';position: absolute;left: 0;top:3.8rem;background-color: #000000;width: 3rem;height: 0.15rem;}
.txt_base {font-family: 'Source Sans 3';font-weight: 400;text-align: justify;font-size:1.2rem;}
p.txt_base ~ p.txt_base {margin-top: 1rem;}
ul.list_base {list-style: none;padding: 1rem 0 0 0;line-height:1.6rem}
ul.list_base li:before {content: '';background-color: var(--br-yellow);width: 0.4rem;height: 0.4rem;margin: 0 0.35rem 0.25rem 0;display: inline-block;}
.link_base {font-weight: 600;color: var(--maroon0);text-decoration: underline;}


@media screen and (min-width:820px){
	#intro .conteudo{flex-direction: row;}
	#intro .foto {width:25%;}
	#intro .foto h2 {font-size: 4vw;line-height: 4.5vw;}
	#intro .nossa-paixao,#intro .nossas-delicias {width:75%;}
	#intro h3 {font-size:2.75rem;line-height: 3.7rem;}
	#intro h3:before {top:3.8rem;}
}
@media screen and (max-width:819px){
	#intro .conteudo{flex-direction: column;max-width: 600px;}
	#intro .foto {height:50vw;max-height: 340px;}
	#intro .foto h2 {font-size: 12vw;line-height: 13.5vw;}
	#intro .conteudo > div {width: 100%;}
	#intro h3 {font-size:2.3rem;line-height: 2.9rem;}
	#intro h3:before {top:2.9rem;}
}

#menu-brcacau {background-color: #ffffff;}
#menu-brcacau .strip {display: flex;}
#menu-brcacau .strip .foto {background-image: url('/assets/images/banner1.webp');background-size: 100% auto;padding:3vw;background-position: center 40%;position: relative;}
#menu-brcacau .strip .foto:before {content: '';display: block;width: 100%;height: 100%;position: absolute;background-color: rgba(0,0,0,0.35);left: 0;top:0;}
#menu-brcacau .strip .foto .frame {border: 2px solid #ffffff;height: 100%;border-radius: 1rem;display:flex;align-items:flex-end;justify-content:flex-end;padding: 6vw 0 0 0;position: relative}
#menu-brcacau .strip .foto .frame h2 {text-transform: uppercase;width: max-content;color: #000000;background-color:#ffffff;font-size:var(--titulo-h2);line-height:1.166666667em;border-radius:1rem;padding:0.8rem 1.5rem 0.75rem 1.5rem;mix-blend-mode: screen;}
#menu-brcacau .strip .foto .frame h2 span {font-size:1.166666667em;}
#menu-brcacau .strip .txt {padding:3vw;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #000000;text-align: justify;}

#menu-brcacau .delivery {display:flex;gap:1.5rem;align-items:flex-end;padding:1.5rem 0 0 0;flex-wrap:wrap;justify-content: center;}
#menu-brcacau .delivery a {padding:1rem;border:2px solid #000000;height: 62px;display: flex;align-items: center;justify-content: center;border-radius: 1rem;}
#menu-brcacau .delivery a:hover {background-color:var(--lightgrey0);} 

@media screen and (min-width:700px){
	#menu-brcacau {padding:5vw 0;}
	#menu-brcacau .strip {flex-direction: row;}
	#menu-brcacau .strip >div{width: 50%;}
	#menu-brcacau .strip .txt {padding:0 3vw;}
	#menu-brcacau .strip .txt p {padding: 0 1rem 0 0;}
}
@media screen and (max-width:699px){
	#menu-brcacau {padding:0;}
	#menu-brcacau .strip {flex-direction: column;}
	#menu-brcacau .strip >div{width: 100%;}
	#menu-brcacau .strip .txt {padding: 1rem 1rem 3rem 1rem;}
	#menu-brcacau .strip .txt p {padding: 0 ;}
}


#menu-brcacau .cardholder {display: flex;justify-content:center;width:92%;margin:0 auto;padding:5vw 0;flex-wrap:wrap;gap: 2rem 5.5vw;}
#menu-brcacau .cardholder .card {width: 13rem;display: flex;flex-direction: column;}
#menu-brcacau .cardholder .card .titulo {background-color: var(--maroon0);flex: 1 1 auto;display: flex;align-items: flex-end;justify-content: flex-end;min-height:7.875rem;}
#menu-brcacau .cardholder .card h3 {text-align:right;font-size:2rem;padding:0 0.5rem 0 0;line-height:2.35rem;margin:1rem 0 -0.4rem 0;}



.bloco-base {padding: 3vw;position: relative;}
.bloco-base .foto {position: relative;width: 34vw;z-index: 2;background-color: #000000;height: 44vw;}
.bloco-base .foto img {opacity: 0.75;object-fit: cover;height: 100%;object-position: center 62%;}
.bloco-base .foto .frame {position: absolute;border: 2px solid #ffffff;left: 2vw;top: 2vw;right: 2vw;bottom: 2vw;border-radius: 1rem;display: flex;align-items: flex-start;justify-content: flex-end;}
.bloco-base .foto .frame h2 {text-transform: uppercase;width: max-content;color: #000000;background-color: #ffffff;font-size:var(--titulo-h2);line-height:1.166666667em;border-radius: 0.75rem;padding: 0.5rem 1.5rem 0.75rem 1.5rem;mix-blend-mode: screen;}
.bloco-base .txt {color: #000000;text-align: left;background-color: rgba(0,0,0,0.125);display: flex;align-items: center;}

.bloco-base:nth-child(even) .foto {margin:0 0 0 auto;}

@media screen and (min-width:1280px){
	.bloco-base .txt {width: 97vw;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 0;height:73%;}
	.bloco-base:nth-child(odd) .txt {padding: 1vw 5vw 1vw 42vw;}
	.bloco-base:nth-child(even) .txt {padding:1vw 42vw 1vw 5vw;left:3vw;}
}

@media screen and (min-width:1000px) and (max-width:1279px){
	.bloco-base .txt {width: 97vw;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 0;height:73%;}
	.bloco-base:nth-child(odd) .txt {padding: 1vw 2.5vw 1vw 39.5vw;}
	.bloco-base:nth-child(even) .txt {padding:1vw 39.5vw 1vw 2.5vw;left:3vw;}
}

@media screen and (max-width:999px){
	.bloco-base:nth-child(odd) .txt, .bloco-base:nth-child(even) .txt {padding: 1rem;}
	.bloco-base .foto {position: relative;width: 94vw;height: 55vw;min-height: 220px;}
}

#brcacau {background-color: var(--lightyellow);}
#brcacau .foto .frame h2 span {font-size:1.22222222em;}


#historia {background-color: var(--lightgrey3);}
#historia .foto .frame h2 {padding:0.85rem 1.5rem 0.75rem 1.5rem;}
#historia .foto .frame h2 span {font-size:1.466666667em;}


#cultura {background-color: var(--lightyellow);}
#cultura .foto .frame h2 {padding:0.85rem 1.5rem 0.75rem 1.5rem;}
#cultura .foto .frame h2 span {font-size:1.4em;}


#curiosidade {background-color:var(--br-yellow);padding:5vw;position: relative;overflow:hidden}
#curiosidade .icone {opacity: 0.7;position: absolute;top:100%;transform:translatey(-55%);width:0vw;padding:0 100% 0 0;background-image:url(/assets/images/curiosidade.svg);background-repeat:no-repeat;background-size: auto 100%;background-position: right 0;}
#curiosidade .txt h2 {color: #000000;font-size: 3rem;text-transform: uppercase;text-align: left;padding:0 0 1rem 0;}
#curiosidade .txt p {position:relative;color:#000000;text-align:justify;}
#curiosidade .txt p:before {content: '';display:inline-block;width:8rem}

@media screen and (min-width:750px){
	#curiosidade .icone {right:5vw;height:150%;}
	#curiosidade .txt p {font-size:1.85rem;width:75%;}
}
@media screen and (max-width:749px){
	#curiosidade .icone {right:5vw;height:100%;}
	#curiosidade .txt p {font-size:1.5rem;width:100%;}
}


#eventos {background-color: #ffffff;padding:3vw;position:relative;}
#eventos .foto {position: absolute;z-index: 2;background-color:#000000;margin:0 0 0 auto;background-image:url('/assets/images/foto_eventos.webp');background-size:cover;background-position:center;z-index: 0;left: 3vw;top: 3vw;right: 3vw;bottom: 3vw;}
#eventos .foto:before {content:'';display:block;background-color:rgba(0,0,0,0.45);width:100%;height:100%;position:absolute;left:0;top:0;}
#eventos .foto .frame {position: absolute;top:2vw;right:2vw;bottom:2vw;left:2vw;border:2px solid #ffffff;border-radius:1rem;display:flex;}
#eventos .foto .frame h2 {text-transform: uppercase;width: max-content;color: #000000;background-color:#ffffff;font-size:var(--titulo-h2);line-height:1.35em;border-radius:0.75rem;padding:0.85rem 1.5rem 0.75rem 1.5rem;mix-blend-mode: screen;}
#eventos .foto .frame h2 span {font-size:1.43em;}
#eventos .txt {background-color: var(--lightyellow);color: #000000;text-align: left;z-index: 5;position: relative;}
/*#eventos .txt p {padding:1rem 0 0 0;}*/

@media screen and (min-width:850px){
	#eventos .foto .frame {align-items:flex-end;justify-content:flex-start;}
	#eventos .txt {padding:5rem;width: 44vw;margin: 0 4vw 0 auto;}
}

@media screen and (max-width:849px){
	#eventos .foto .frame {align-items:flex-start;justify-content:flex-start;}
	#eventos .txt {padding:2.5rem;width: 100%;margin: 16rem 0 4vw 0;position:relative;}
}


#corporativo {background-color: #ffffff;padding:3vw;position:relative;}
#corporativo .foto {position: absolute;z-index: 2;background-color:#000000;margin:0 0 0 auto;background-image:url('/assets/images/foto_eventos.webp');background-size:cover;background-position:center;z-index: 0;left: 3vw;top: 3vw;right: 3vw;bottom: 3vw;}
#corporativo .foto:before {content:'';display:block;background-color:rgba(0,0,0,0.45);width:100%;height:100%;position:absolute;left:0;top:0;}
#corporativo .foto .frame {position: absolute;top:2vw;right:2vw;bottom:2vw;left:2vw;border:2px solid #ffffff;border-radius:1rem;display:flex;}
#corporativo .foto .frame h2 {text-transform: uppercase;width: max-content;color: #000000;background-color:#ffffff;font-size:var(--titulo-h2);line-height: 1.2em;border-radius:0.75rem;padding:0.85rem 1.5rem 0.75rem 1.5rem;mix-blend-mode: screen;}
#corporativo .foto .frame h2 span {font-size:1.3em}
#corporativo .txt {background-color: var(--lightyellow);color: #000000;text-align: left;z-index: 5;position: relative;}
/*#corporativo .txt p {padding:1rem 0 0 0;}*/

@media screen and (min-width:850px){
	#corporativo .foto .frame {align-items:flex-end;justify-content:flex-end;}
	#corporativo .txt {padding:5rem;width: 44vw;margin: 0 auto 0 4vw;}
}

@media screen and (max-width:849px){
	#corporativo .foto .frame {align-items:flex-start;justify-content:flex-end;}
	#corporativo .txt {padding:2.5rem;width: 100%;margin: 16rem 0 4vw 0;position:relative;}
}

/*
DELIVERY
*/
#delivery {background-color: #ffffff;}
#delivery .foto {position: relative;z-index: 2;background-color:#000000;margin:0 0 0 auto;background-image:url('/assets/images/foto_delivery.webp');background-size:cover;background-position:center;z-index: 0;/*! left: 3vw; *//*! top: 3vw; *//*! right: 3vw; *//*! bottom: 3vw; */height: 21vw;min-height: 16rem;}
#delivery .foto:before {content:'';display:block;background-color:rgba(0,0,0,0.45);width:100%;height:100%;position:absolute;left:0;top:0;}
#delivery .foto .frame {position: absolute;top:2vw;right:2vw;bottom:2vw;left:2vw;border:2px solid #ffffff;border-radius:1rem;display:flex;align-items: flex-start;justify-content: flex-end}
#delivery .foto .frame h2 {text-transform: uppercase;width: max-content;color: #000000;background-color:#ffffff;font-size:var(--titulo-h2);line-height: 1.2em;border-radius:0.75rem;padding:0.85rem 1.5rem 0.75rem 1.5rem;mix-blend-mode: screen;/*! height: max-content; */}
#delivery .foto .frame h2 span {font-size:1.35em}
#delivery .txt {padding: 5vw;color:#000000}
#delivery .txt h3 {font-size: 1.65rem;padding:1.5rem 0 0 0;text-align: left;display: flex;}
#delivery .txt h3:after{content: '';border-bottom:1px solid;flex:1;margin:-1rem 0 1rem 0.75rem;}
#delivery .txt p span.subt {font-weight: 600;}


/*
PARCEIROS
*/
#parceiros {padding: 5vw;display:flex;flex-direction: column;}
#parceiros .cardholder {display: flex;flex-wrap: wrap;margin: 0 auto;justify-content: space-around;/*background-color: rgb(228, 200, 42);*/padding: 1.5vw;}
#parceiros .cardholder .card {color:#000000;border:2px solid #000000;padding:1rem;border-radius:1rem;display: flex;text-align: left;background-color: #ffffff;/*margin:0 0 0 6rem;*/width: 23rem;height:11rem;}
#parceiros .cardholder .card .logo {width: 2.5rem;height: 61%;margin:0 0.75rem 0 -2rem;background-color:var(--br-yellow);border-radius:1rem;}
#parceiros .cardholder .card img {display:none;}
#parceiros .cardholder .card .txt {display:flex;flex-direction:column;justify-content:center;gap:0.35rem;}
#parceiros .cardholder .card h3 {font-size: 1.65rem;}
#parceiros .cardholder .card p {padding: 0;font-size:1.1rem !important;}
#parceiros .cardholder .card p.horario {font-weight:600;/*! width:10rem; *//*padding-top:1rem;*/}
#parceiros .cardholder .card p.parceiro_local {font-weight:500;font-size:1.25rem !important;}
#parceiros .coluna {display: flex;/*flex-direction: column;*/background-color:#ffffff;}
#parceiros .coluna .foto {position: relative;width:100%;z-index: 2;background-color:#000000;height:25vw;min-height: 160px;}
#parceiros .coluna .foto img {opacity: 0.75;}
#parceiros .coluna .foto .frame {position: absolute;top:2vw;right:2vw;bottom:2vw;left:2vw;border:2px solid #ffffff;border-radius:1rem;display:flex;align-items:flex-end;justify-content:flex-start;}
#parceiros .coluna .foto .frame h2 {text-transform: uppercase;width: max-content;color: #000000;background-color:#ffffff;font-size:var(--titulo-h2);line-height:1.166666667em;border-radius:0.75rem;padding:0.85rem 1.5rem 0.75rem 1.5rem;mix-blend-mode: screen;}
#parceiros .coluna .foto .frame h2 span {font-size:1.45em}
#parceiros .coluna .txt {padding:5vw 3vw;flex:1;color:#000000;text-align: justify;display: flex;align-items: center;justify-content: center;}


@media screen and (min-width:770px){
	#parceiros .coluna {/*width:37%;*/}
	#parceiros .coluna .foto {width: 25rem;}
	#parceiros .cardholder {/*width: 63%;*/gap: 1.5vw;margin: 0 auto 0 0;}
	#parceiros .coluna .txt .parceiro_lado {display:inline;}
	#parceiros .coluna .txt .parceiro_abaixo {display:none;}
}

@media screen and (max-width:769px){
	#parceiros {flex-direction: column;}
	#parceiros .coluna {width:100%;flex-direction: column;}
	#parceiros .cardholder {width: 100%;gap: 1.5rem;margin: 1rem 0 0 0;}
	#parceiros .coluna .txt .parceiro_lado {display:none;}
	#parceiros .coluna .txt .parceiro_abaixo {display:inline;}
}

/*
FEIRAS
*/
#feiras {background-color: #ffffff;padding:0 0 5vw 0;position:relative;}
#feiras .foto {position: relative;z-index: 2;background-color:#000000;margin:0 0 0 auto;background-image:url('/assets/images/foto_feiras.webp');background-size:cover;background-position:center;z-index: 0;/*! left: 3vw; *//*! top: 3vw; *//*! right: 3vw; *//*! bottom: 3vw; */height: 21vw;min-height: 16rem;}
#feiras .foto:before {content:'';display:block;background-color:rgba(0,0,0,0.45);width:100%;height:100%;position:absolute;left:0;top:0;}
#feiras .foto .frame {position: absolute;top:2vw;right:2vw;bottom:2vw;left:2vw;border:2px solid #ffffff;border-radius:1rem;display:flex;align-items: flex-start;}
#feiras .foto .frame h2 {text-transform: uppercase;width: max-content;color: #000000;background-color:#ffffff;font-size:var(--titulo-h2);line-height: 1.2em;border-radius:0.75rem;padding:0.85rem 1.5rem 0.75rem 1.5rem;mix-blend-mode: screen;/*! height: max-content; */}
#feiras .foto .frame h2 span {font-size:1.13em}

#feiras .cardholder {display: flex;flex-wrap: wrap;gap:1.5rem;justify-content:center;padding:3vw 1.5rem;}
#feiras .cardholder .card {border: 2px solid #000000;color: #000000;text-align: left;overflow:hidden;border-radius:1rem;width:22vw;min-width:300px;display: flex;flex-direction: column;}
#feiras .cardholder .card .foto_feira {}
#feiras .cardholder .card .foto_feira img {width:22vw;height:22vw;min-height:300px;min-width:300px;}
#feiras .cardholder .card .txt {padding: 1rem;display: flex;flex-direction: column;flex: 1;justify-content: space-between;}
#feiras .cardholder .card .txt .l1 {display: flex;justify-content: space-between;}
#feiras .cardholder .card .txt .l1 h3 {font-size:1.5rem;line-height: 1.75rem;/*padding: 0 0 0.5rem 0;*/font-weight: 500;width: 12.5rem;}
#feiras .cardholder .card .txt .l1 .logo {width: 6rem;/*height: 6rem;*//*! border:1px solid; */}
#feiras .cardholder .card .txt .l2 {display: flex;width: 100%;justify-content:space-between;gap:1rem;padding:0.85rem 0 0 0;}
#feiras .cardholder .card .txt .l2 .spacer {width:2px;background-color: var(--lightgrey1);}
#feiras .cardholder .card .txt .l2 p.feira_titulo {font-size:1.25em;flex:1;font-weight: 400;font-family:Oswald;}
#feiras .cardholder .card .txt .l2 p.feira_ano {font-size:1rem;}




/*
CONTATO E LOCAL
*/
#contato {display: flex;position: relative;align-items:center;background-color:var(--lightyellow);}
#contato .info {border:2px solid var(--lightgrey1);width:97vw;display:flex;flex-direction:column;align-items:flex-start;}
#contato .info h2 {font-size:2rem;font-family: Oswald;text-transform:uppercase;color: #fff;background-color: var(--maroon0);width: 100%;text-align: left;padding: 0.5rem 0 0.5rem 1.5rem;}
#contato .info .txt {padding:3.5vw 0 3.5vw 2vw;color:#000000;text-align:left;}
#contato .info .txt .title {font-weight:600;font-size:2rem;}
#contato .info .txt p {padding:0.5rem 0;}
#contato .info .txt img {height: 1.35rem;display: inline;width: auto;padding: 0 0.35rem 0 0;margin: 0 0 -0.15rem 0;}
#contato .mapa {position: absolute;background-image: url('/assets/images/mapa.webp');background-position: center center;}
#contato .mapa a {display:block;width:100%;height:100%;}

@media screen and (min-width:870px){
	#contato {padding:8vw 0 8vw 3vw;}
	#contato .info .txt {padding:3.5vw 0 3.5vw 2vw;}
	#contato .info .txt .local_lado {display:inline;}
	#contato .info .txt .local_abaixo {display:none;}
	#contato .info {padding: 0;border-right:none;}
	#contato .mapa {width: 50%;right: 3vw;top: 3vw;bottom: 3vw;}
}

@media screen and (max-width:869px){
	#contato {padding:3vw 5vw 0 5vw;flex-direction: column;}
	#contato .info .txt {padding:3.5vw 2vw;}
	#contato .info .txt .local_lado {display:none;}
	#contato .info .txt .local_abaixo {display:inline;}
	#contato .info {padding:0;border-bottom: none;}
	#contato .mapa {position: relative;width: 100vw;height: 50vw;right: unset;top: unset;bottom: unset;}
}