/*
MENU
*/

#header.h-menu {height:34vw !important;}

#intro {color:#000000;padding:5rem 3rem;background-color: var(--br-yellow);}
#intro h2 {font-size: 2.5rem;padding: 0 0 1rem 0;text-transform:uppercase;}
#intro p {font-family: 'Source Sans 3';font-size:1.25rem;}

.produtos {background-color: var(--lightgrey0);;/*padding:3vw;*/position:relative;}
.produtos > .foto {position: relative;z-index: 2;background-color:#000000;margin:0 0 0 auto;background-size:cover;background-position:center;z-index: 0;height: 13vw;min-height: 9rem;}
.produtos > .foto:before {/*content:'';*/display:block;background-color:rgba(0,0,0,0.45);width:100%;height:100%;position:absolute;left:0;top:0;}
.produtos > .foto:after {content:'';position:absolute;left:3vw;bottom:3vw;height:8vw;width:8vw;filter:invert(100%);background-size:contain;/*opacity:0.5;*/}
.produtos > .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;}
.produtos > .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;display: flex;align-items: self-end;/*! height: max-content; */}
.produtos > .foto .frame h2 span {font-size:1.13em}

.produtos.brigadeiros > .foto {background-color: var(--br-red);}
.produtos.brigadeiros > .foto:after {background-image: url(/assets/images/menu/produtos/menu_doodles_brigadeiro.svg);}
.produtos.brownies > .foto {background-color: var(--br-green);}
.produtos.brownies > .foto:after {background-image: url(/assets/images/menu/produtos/menu_doodles_brownie.svg);}
.produtos.no-pote > .foto {background-color: var(--br-yellow);}
.produtos.no-pote > .foto:after {background-image: url(/assets/images/menu/produtos/menu_doodles_no_pote.svg);}
.produtos.outros-doces > .foto {background-color: var(--maroon0);}
.produtos.salgados > .foto {background-color: var(--darkyellow);}
.produtos.salgados > .foto:after {background-image: url(/assets/images/menu/produtos/menu_doodles_salgados.svg);}
.produtos.bebidas > .foto {background-color: var(--lightgrey1);}
.produtos.bebidas > .foto:after {background-image: url(/assets/images/menu/produtos/menu_doodles_bebidas.svg);}


.cardholder {display: flex;flex-wrap: wrap;gap:3rem;padding:2rem 2rem 4rem 2rem;justify-content: center;}
.cardholder .card {background-color: #ffffff;display: flex;flex-direction: column;border-radius:1.5rem;margin-top:6rem;width: 17rem;box-shadow: 0 0 1.25rem 4px rgba(0,0,0,0.2);}
.cardholder .card .l1 {border-top-left-radius: 1rem;border-top-right-radius: 1rem;position: relative;}
.cardholder .card .l1 .foto {margin:-5rem auto 0 auto;width: 10rem;height: 10rem;padding:0;position: relative;display: flex;/*! border:1px solid blue; */}
.cardholder .card .l1 .foto .star {width: 10rem;height: 10rem;position: absolute;left: 0;top:0;/*transform: translate(-50%,-12.75rem);*/z-index: 0;}
.cardholder .card .l1 .foto .star:before,.cardholder .card .l1 .foto .star:after {position: absolute;left:0;top:0;content: '';width: 100%;height: 100%;display: block;background-size: 100%;opacity: .85;}
.cardholder .card .l1 .foto .star:before {animation: star-cw 60s linear infinite;}
.cardholder .card .l1 .foto .star:after {animation: star-ccw 60s linear infinite;}
.cardholder .card .l1 .foto img {position: relative;}
.cardholder .card .l1 h3 {font-size:1.6rem;/*border:1px solid;*/height:7rem;display: flex;align-items: center;justify-content: center;margin: -2rem 0 1.25rem 0;padding: 0 1rem;line-height: 2.05rem;/*text-transform: uppercase;*/}
.cardholder .card .l1 .extra{width:50%;height:3rem;/*border:1px solid black;*/position: absolute;bottom: -1.5rem;right:1rem;display: flex;gap:1.5rem;justify-content: flex-end;}
.cardholder .card .l1 .destaque,.cardholder .card .l1 .novidade {width:3rem;height:3rem;border-radius:500px;background-color: #ffffff;display:flex;align-items: center;justify-content: center;}
.cardholder .card .l1 .novidade:before {content: 'NOVO';width: 100%;height: max-content;display: flex;align-items: center;justify-content: center;transform:rotatez(-15deg);}
.cardholder .card .l1 .destaque:before {content: '★';font-size:2.15rem;/*! line-height: 1.15rem; */width: max-content;height: max-content;display: flex;align-items: center;justify-content: center;color:var(--darkyellow);margin: -0.525rem 0 0 0;}
.cardholder .card .l2 {display:flex;flex:1;}
.cardholder .card .l2 .txt {color:#000000;padding:2.25rem 1.5rem 1.5rem 1.5rem;display:flex;gap:0.75rem;flex: 1;flex-direction: column;align-items: flex-end;}
.cardholder .card .l2 .txt .desc {font-size:1.1rem;font-family:'Source Sans 3';text-align:justify;flex: 1;line-height: 1.25em;}
.cardholder .card .l2 .txt .spacer {width:3px;height: 3px;width: 100%;}
.cardholder .card .l2 .txt .preco {font-size:1.95rem;font-weight:700;line-height:1.95rem;display: flex;margin: auto 0 0 0;}
.cardholder .card .l2 .txt .preco span {font-size:0.7em;margin:-0.125em 0 0 0;}

.cardholder .card .l1 .foto .star-9:before,.cardholder .card .l1 .foto .star-9:after {background-image: url(/assets/images/menu/produtos/star-9.svg);}
.cardholder .card .l1 .foto .star-10:before,.cardholder .card .l1 .foto .star-10:after {background-image: url(/assets/images/menu/produtos/star-10.svg);}
.cardholder .card .l1 .foto .star-11:before,.cardholder .card .l1 .foto .star-11:after {background-image: url(/assets/images/menu/produtos/star-11.svg);}
.cardholder .card .l1 .foto .star-12:before,.cardholder .card .l1 .foto .star-12:after {background-image: url(/assets/images/menu/produtos/star-12.svg);}
.cardholder .card .l1 .foto .star-15:before,.cardholder .card .l1 .foto .star-15:after {background-image: url(/assets/images/menu/produtos/star-15.svg);}
.cardholder .card .l1 .foto .star-18:before,.cardholder .card .l1 .foto .star-18:after {background-image: url(/assets/images/menu/produtos/star-18.svg);}

@keyframes star-cw {
100% {
  transform: rotate(360deg);
}
}

@keyframes star-ccw {
100% {
  transform: rotate(-360deg);
}
}


.brigadeiros .cardholder .card {border: 2px solid var(--br-red);}
.brigadeiros .cardholder .card .l1 .foto .star {filter: invert(93%) sepia(37%) saturate(2920%) hue-rotate(334deg) brightness(95%) contrast(88%);}
.brigadeiros .cardholder .card .l1 {background-color: var(--br-red);}
.brigadeiros .cardholder .card .l1 .destaque,.brigadeiros .cardholder .card .l1 .novidade {border:0.25rem solid var(--br-red);}
.brigadeiros .cardholder .card .l1 .novidade:before {background-color: var(--br-red);}
.brigadeiros .cardholder .card .l2 .txt .spacer {background-color:var(--br-red);}


.brownies .cardholder .card {border: 2px solid var(--br-green);}
.brownies .cardholder .card .l1 .foto .star {filter: invert(22%) sepia(94%) saturate(2793%) hue-rotate(351deg) brightness(87%) contrast(96%);}
.brownies .cardholder .card .l1 {background-color: var(--br-green);}
.brownies .cardholder .card .l1 .destaque,.brownies .cardholder .card .l1 .novidade {border:0.25rem solid var(--br-green);}
.brownies .cardholder .card .l1 .novidade:before {background-color: var(--br-green);}
.brownies .cardholder .card .l2 .txt .spacer {background-color:var(--br-green);}

.no-pote .cardholder .card {border: 2px solid var(--br-yellow);}
.no-pote .cardholder .card .l1 {background-color: var(--br-yellow);}
.no-pote .cardholder .card .l1 .destaque,.no-pote .cardholder .card .l1 .novidade {border:0.25rem solid var(--br-yellow);}
.no-pote .cardholder .card .l1 .novidade:before {background-color: var(--br-yellow);}
.no-pote .cardholder .card .l2 .txt .spacer {background-color:var(--br-yellow);}

.outros-doces .cardholder .card {border: 2px solid var(--maroon0);}
.outros-doces .cardholder .card .l1 .foto .star {filter: invert(93%) sepia(37%) saturate(2920%) hue-rotate(334deg) brightness(95%) contrast(88%);}
.outros-doces .cardholder .card .l1 {background-color: var(--maroon0);}
.outros-doces .cardholder .card .l1 .destaque,.outros-doces .cardholder .card .l1 .novidade {border:0.25rem solid var(--maroon0);}
.outros-doces .cardholder .card .l1 .novidade:before {background-color: var(--maroon0);}
.outros-doces .cardholder .card .l2 .txt .spacer {background-color:var(--maroon0);}

.salgados .cardholder .card {border: 2px solid var(--darkyellow);}
.salgados .cardholder .card .l1 .foto .star {filter: invert(93%) sepia(37%) saturate(2920%) hue-rotate(334deg) brightness(95%) contrast(88%);}
.salgados .cardholder .card .l1 {background-color: var(--darkyellow);}
.salgados .cardholder .card .l1 .destaque,.salgados .cardholder .card .l1 .novidade {border:0.25rem solid var(--darkyellow);}
.salgados .cardholder .card .l1 .novidade:before {background-color: var(--darkyellow);}
.salgados .cardholder .card .l2 .txt .spacer {background-color:var(--darkyellow);}

.bebidas .cardholder .card {border: 2px solid var(--lightgrey1);}
.bebidas .cardholder .card .l1 .foto .star {filter: invert(93%) sepia(37%) saturate(2920%) hue-rotate(334deg) brightness(95%) contrast(88%);}
.bebidas .cardholder .card .l1 {background-color: var(--lightgrey1);}
.bebidas .cardholder .card .l1 .destaque,.bebidas .cardholder .card .l1 .novidade {border:0.25rem solid var(--lightgrey1);}
.bebidas .cardholder .card .l1 .novidade:before {background-color: var(--lightgrey1);}
.bebidas .cardholder .card .l2 .txt .spacer {background-color:var(--br-lightgrey1);}