:root {
  --cranberry: #ff6462;
  --cranberry-gradiente: 45deg,#ffeeef 1%,#fffafb 22%,#ffeeef 100%;
  --cranberry-gradiente-linear: to top,#ffecee,#ffecee,#fcc7ca;
  --cranberry-gradiente-detalhe: #ffecee transparent transparent transparent;
  --lichia: #ff73a5;
  --lichia-gradiente: 45deg,#fde8ee 1%,#fffafb 22%,#fde8ee 100%;
  --lichia-gradiente-linear:  to top, #f9edf1, #fde8ee, #fdc6d5;
  --lichia-gradiente-detalhe: #f9edf1 transparent transparent transparent;
  --maracuja: #ffae44;
  --maracuja-gradiente: 45deg, #fde7ca 1%, #fffaf4 22%, #fde7ca 100%;
  --maracuja-gradiente-linear: to top, #fbf3e9, #fffaf3, #fff4e5, #ffebd1, #ffd39b;
  --maracuja-gradiente-detalhe: #fbf3e9 transparent transparent transparent;
  --abacaxi: #00bfcc;
  --abacaxi-gradiente: 45deg,#e6f1fa 1%,#f8fbfd 22%,#e6f1fa 100%;
  --abacaxi-gradiente-linear: to top,#eff8ff,#eff8ff,#c7e6fe;
  --abacaxi-gradiente-detalhe: #eff8ff transparent transparent transparent;
  --limao: #00b868;
  --limao-gradiente: 45deg,#d0e9dd 1%,#f5faf8 22%,#d0e9dd 100%;
  --limao-gradiente-linear: to top,#f3fdf7,#f4fdf8,#e9f7ef,#bee0d0,#92c6af;
  --limao-gradiente-detalhe: #f3fdf7 transparent transparent transparent
}

.agua-funcional .table-nutricional span {
  text-transform: uppercase
}
.menu-sizes.agua-funcional .carousel-sizes .owl-dots button.active {
  background: #000!important
}
.banner-single-product .container-content:after,
.banner-single-suco .container-content:after {
  bottom: 0
}
.detail-size .link-download {
  background: url(../../images/download-preto.png) center right no-repeat
}
.detail-size .collapse-info {
  min-height: 90px!important
}
.banner-single-suco.agua-funcional {
	background-size: cover !important;
}


.agua-funcional-cranberry .table-nutricional span,
.banner-single-suco.agua-funcional-cranberry .container-content:after,
.banner-single-suco.agua-funcional-cranberry a,
.banner-single-suco.agua-funcional-cranberry h1,
.banner-single-suco.agua-funcional-cranberry p,
.banner-single-suco.agua-funcional-cranberry span,
.detail-size.agua-funcional-cranberry a,
.detail-size.agua-funcional-cranberry h2,
.detail-size.agua-funcional-cranberry h3,
.detail-size.agua-funcional-cranberry p,
.detail-size.agua-funcional-cranberry small,
.detail-size.agua-funcional-cranberry span,
.menu-sizes.agua-funcional-cranberry .carousel-sizes .item-size .title,
.menu-sizes.agua-funcional-cranberry .carousel-sizes .item-size.active .title,
.menu-sizes.agua-funcional-cranberry .carousel-sizes .item-size:hover .title,
.menu-sizes.agua-funcional-cranberry h2,
.more-products.agua-funcional-cranberry h2,
header.agua-funcional-cranberry .default-header nav ul li a,
header.agua-funcional-cranberry .default-header nav ul li span i,
header.agua-funcional-cranberry .default-header nav ul li ul li a {
  color: var(--cranberry)!important
}

.detail-size.agua-funcional-cranberry .collapse-info span.col-40,
.detail-size.agua-funcional-cranberry .link-download i,
.detail-size.agua-funcional-cranberry .open-info i {
  border-color: var(--cranberry)
}
.menu-sizes.agua-funcional-cranberry .carousel-sizes .owl-dots button {
  background: var(--cranberry)
}
.menu-sizes.agua-funcional-cranberry h2:after,
.more-products.agua-funcional-cranberry h2:after {
  background: var(--cranberry)!important
}
.agua-funcional-cranberry .table-nutricional span {
  text-transform: uppercase
}
.detail-size.agua-funcional-cranberry {
  background: -moz-linear-gradient(var(--cranberry-gradiente));
  background: -webkit-linear-gradient(var(--cranberry-gradiente));
  background: linear-gradient(var(--cranberry-gradiente))
}
.menu-sizes.agua-funcional-cranberry .carousel-sizes .item-size.active,
.menu-sizes.agua-funcional-cranberry .carousel-sizes .item-size:hover {
  background-image: linear-gradient(var(--cranberry-gradiente-linear));
  box-shadow: -2px 6px 19px 0 rgba(0,0,0,.17)
}
.menu-sizes.agua-funcional-cranberry .carousel-sizes .item-size.active:after {
  border-color: var(--cranberry-gradiente-detalhe)
}
.banner-single-suco.agua-funcional-cranberry {
  background: url(../../images/banners/agua-funcional-cranberry-desktop.jpg) top center no-repeat
}
@media (max-width:1140px) {
  .banner-single-suco.agua-funcional-cranberry {
    background: url(../../images/banners/agua-funcional-cranberry-mobile.jpg) center no-repeat!important;
		display: table;
  }
}

.agua-funcional-lichia .table-nutricional span,
.banner-single-suco.agua-funcional-lichia .container-content:after,
.banner-single-suco.agua-funcional-lichia a,
.banner-single-suco.agua-funcional-lichia h1,
.banner-single-suco.agua-funcional-lichia p,
.banner-single-suco.agua-funcional-lichia span,
.detail-size.agua-funcional-lichia a,
.detail-size.agua-funcional-lichia h2,
.detail-size.agua-funcional-lichia h3,
.detail-size.agua-funcional-lichia p,
.detail-size.agua-funcional-lichia small,
.detail-size.agua-funcional-lichia span,
.menu-sizes.agua-funcional-lichia .carousel-sizes .item-size .title,
.menu-sizes.agua-funcional-lichia .carousel-sizes .item-size.active .title,
.menu-sizes.agua-funcional-lichia .carousel-sizes .item-size:hover .title,
.menu-sizes.agua-funcional-lichia h2,
.more-products.agua-funcional-lichia h2,
header.agua-funcional-lichia .default-header nav ul li a,
header.agua-funcional-lichia .default-header nav ul li span i,
header.agua-funcional-lichia .default-header nav ul li ul li a {
  color: var(--lichia)!important
}
.detail-size.agua-funcional-lichia .collapse-info span.col-40,
.detail-size.agua-funcional-lichia .link-download i,
.detail-size.agua-funcional-lichia .open-info i {
  border-color: var(--lichia)
}
.menu-sizes.agua-funcional-lichia .carousel-sizes .owl-dots button {
  background: var(--lichia)
}
.menu-sizes.agua-funcional-lichia h2:after,
.more-products.agua-funcional-lichia h2:after {
  background: var(--lichia)!important
}
.detail-size.agua-funcional-lichia {
  background: -moz-linear-gradient(var(--lichia-gradiente));
  background: -webkit-linear-gradient(var(--lichia-gradiente));
  background: linear-gradient(var(--lichia-gradiente))
}
.menu-sizes.agua-funcional-lichia .carousel-sizes .item-size.active,
.menu-sizes.agua-funcional-lichia .carousel-sizes .item-size:hover {
  background-image: linear-gradient(var(--lichia-gradiente-linear));
  box-shadow: -2px 6px 19px 0 rgba(0,0,0,.17)
}
.menu-sizes.agua-funcional-lichia .carousel-sizes .item-size.active:after {
  border-color: var(--lichia-gradiente-detalhe)
}
.banner-single-suco.agua-funcional-lichia {
  background: url(../../images/banners/agua-funcional-lichia-desktop.jpg) top center no-repeat
}
@media (max-width:1140px) {
  .banner-single-suco.agua-funcional-lichia {
    background: url(../../images/banners/agua-funcional-lichia-mobile.jpg) center no-repeat!important;
		display: table;
  }
}


.agua-funcional-maracuja .table-nutricional span,
.banner-single-suco.agua-funcional-maracuja .container-content:after,
.banner-single-suco.agua-funcional-maracuja a,
.banner-single-suco.agua-funcional-maracuja h1,
.banner-single-suco.agua-funcional-maracuja p,
.banner-single-suco.agua-funcional-maracuja span,
.detail-size.agua-funcional-maracuja a,
.detail-size.agua-funcional-maracuja h2,
.detail-size.agua-funcional-maracuja h3,
.detail-size.agua-funcional-maracuja p,
.detail-size.agua-funcional-maracuja small,
.detail-size.agua-funcional-maracuja span,
.menu-sizes.agua-funcional-maracuja .carousel-sizes .item-size .title,
.menu-sizes.agua-funcional-maracuja .carousel-sizes .item-size.active .title,
.menu-sizes.agua-funcional-maracuja .carousel-sizes .item-size:hover .title,
.menu-sizes.agua-funcional-maracuja h2,
.more-products.agua-funcional-maracuja h2,
header.agua-funcional-maracuja .default-header nav ul li a,
header.agua-funcional-maracuja .default-header nav ul li span i,
header.agua-funcional-maracuja .default-header nav ul li ul li a {
  color: var(--maracuja)!important
}
.detail-size.agua-funcional-maracuja .collapse-info span.col-40,
.detail-size.agua-funcional-maracuja .link-download i,
.detail-size.agua-funcional-maracuja .open-info i {
  border-color: var(--maracuja)
}
.menu-sizes.agua-funcional-maracuja .carousel-sizes .owl-dots button {
  background: var(--maracuja)
}
.menu-sizes.agua-funcional-maracuja h2:after,
.more-products.agua-funcional-maracuja h2:after {
  background: var(--maracuja)!important
}
.detail-size.agua-funcional-maracuja {
  background: -moz-linear-gradient(var(--maracuja-gradiente));
  background: -webkit-linear-gradient(var(--maracuja-gradiente));
  background: linear-gradient(var(--maracuja-gradiente))
}
.menu-sizes.agua-funcional-maracuja .carousel-sizes .item-size.active,
.menu-sizes.agua-funcional-maracuja .carousel-sizes .item-size:hover {
  background-image: linear-gradient(var(--maracuja-gradiente-linear));
  box-shadow: -2px 6px 19px 0 rgba(0,0,0,.17)
}
.menu-sizes.agua-funcional-maracuja .carousel-sizes .item-size.active:after {
  border-color: var(--maracuja-gradiente-detalhe)
}
.banner-single-suco.agua-funcional-maracuja {
  background: url(../../images/banners/agua-funcional-maracuja-desktop.jpg) top center no-repeat
}
@media (max-width:1140px) {
  .banner-single-suco.agua-funcional-maracuja {
    background: url(../../images/banners/agua-funcional-maracuja-mobile.jpg) center no-repeat!important;
		display: table;
  }
}

.agua-funcional-abacaxi .table-nutricional span,
.banner-single-suco.agua-funcional-abacaxi .container-content:after,
.banner-single-suco.agua-funcional-abacaxi a,
.banner-single-suco.agua-funcional-abacaxi h1,
.banner-single-suco.agua-funcional-abacaxi p,
.banner-single-suco.agua-funcional-abacaxi span,
.detail-size.agua-funcional-abacaxi a,
.detail-size.agua-funcional-abacaxi h2,
.detail-size.agua-funcional-abacaxi h3,
.detail-size.agua-funcional-abacaxi p,
.detail-size.agua-funcional-abacaxi small,
.detail-size.agua-funcional-abacaxi span,
.menu-sizes.agua-funcional-abacaxi .carousel-sizes .item-size .title,
.menu-sizes.agua-funcional-abacaxi .carousel-sizes .item-size.active .title,
.menu-sizes.agua-funcional-abacaxi .carousel-sizes .item-size:hover .title,
.menu-sizes.agua-funcional-abacaxi h2,
.more-products.agua-funcional-abacaxi h2,
header.agua-funcional-abacaxi .default-header nav ul li a,
header.agua-funcional-abacaxi .default-header nav ul li span i,
header.agua-funcional-abacaxi .default-header nav ul li ul li a {
  color: var(--abacaxi)!important
}
.detail-size.agua-funcional-abacaxi .collapse-info span.col-40,
.detail-size.agua-funcional-abacaxi .link-download i,
.detail-size.agua-funcional-abacaxi .open-info i {
  border-color: var(--abacaxi)
}
.menu-sizes.agua-funcional-abacaxi .carousel-sizes .owl-dots button {
  background: var(--abacaxi)
}
.menu-sizes.agua-funcional-abacaxi h2:after,
.more-products.agua-funcional-abacaxi h2:after {
  background: var(--abacaxi)!important
}
.detail-size.agua-funcional-abacaxi {
  background: -moz-linear-gradient(var(--abacaxi-gradiente));
  background: -webkit-linear-gradient(var(--abacaxi-gradiente));
  background: linear-gradient(var(--abacaxi-gradiente))
}
.menu-sizes.agua-funcional-abacaxi .carousel-sizes .item-size.active,
.menu-sizes.agua-funcional-abacaxi .carousel-sizes .item-size:hover {
  background-image: linear-gradient(var(--abacaxi-gradiente-linear));
  box-shadow: -2px 6px 19px 0 rgba(0,0,0,.17)
}
.menu-sizes.agua-funcional-abacaxi .carousel-sizes .item-size.active:after {
  border-color: var(--abacaxi-gradiente-detalhe)
}
.banner-single-suco.agua-funcional-abacaxi {
  background: url(../../images/banners/agua-funcional-abacaxi-desktop.jpg) top center no-repeat
}
@media (max-width:1140px) {
  .banner-single-suco.agua-funcional-abacaxi {
    background: url(../../images/banners/agua-funcional-abacaxi-mobile.jpg) center no-repeat!important;
		display: table;
  }
}


.agua-funcional-limao .table-nutricional span,
.banner-single-suco.agua-funcional-limao .container-content:after,
.banner-single-suco.agua-funcional-limao a,
.banner-single-suco.agua-funcional-limao h1,
.banner-single-suco.agua-funcional-limao p,
.banner-single-suco.agua-funcional-limao span,
.detail-size.agua-funcional-limao a,
.detail-size.agua-funcional-limao h2,
.detail-size.agua-funcional-limao h3,
.detail-size.agua-funcional-limao p,
.detail-size.agua-funcional-limao small,
.detail-size.agua-funcional-limao span,
.menu-sizes.agua-funcional-limao .carousel-sizes .item-size .title,
.menu-sizes.agua-funcional-limao .carousel-sizes .item-size.active .title,
.menu-sizes.agua-funcional-limao .carousel-sizes .item-size:hover .title,
.menu-sizes.agua-funcional-limao h2,
.more-products.agua-funcional-limao h2,
header.agua-funcional-limao .default-header nav ul li a,
header.agua-funcional-limao .default-header nav ul li span i,
header.agua-funcional-limao .default-header nav ul li ul li a {
  color: var(--limao)!important
}
.detail-size.agua-funcional-limao .collapse-info span.col-40,
.detail-size.agua-funcional-limao .link-download i,
.detail-size.agua-funcional-limao .open-info i {
  border-color: var(--limao)
}
.menu-sizes.agua-funcional-limao .carousel-sizes .owl-dots button {
  background: var(--limao)
}
.menu-sizes.agua-funcional-limao h2:after,
.more-products.agua-funcional-limao h2:after {
  background: var(--limao)!important
}
.detail-size.agua-funcional-limao {
  background: -moz-linear-gradient(var(--limao-gradiente));
  background: -webkit-linear-gradient(var(--limao-gradiente));
  background: linear-gradient(var(--limao-gradiente))
}
.menu-sizes.agua-funcional-limao .carousel-sizes .item-size.active,
.menu-sizes.agua-funcional-limao .carousel-sizes .item-size:hover {
  background-image: linear-gradient(var(--limao-gradiente-linear));
  box-shadow: -2px 6px 19px 0 rgba(0,0,0,.17)
}
.menu-sizes.agua-funcional-limao .carousel-sizes .item-size.active:after {
  border-color: var(--limao-gradiente-detalhe)
}
.banner-single-suco.agua-funcional-limao {
  background: url(../../images/banners/agua-funcional-limao-desktop.jpg) top center no-repeat
}
@media (max-width:1140px) {
  .banner-single-suco.agua-funcional-limao {
    background: url(../../images/banners/agua-funcional-limao-mobile.jpg) center no-repeat!important;
		display: table;
  }
}