@import url("https://fonts.googleapis.com/css2?family=Secular+One&display=swap");
:root {
  /* paleta de cores */
  --cor-rosa: #D83189;
  --cor-roxo: #74549B;
  --cor-azul-claro: #60A5D8;
  --cor-azul-escuro: #5065A9;
  --cor-roxo-secundario: hsl(281, 29%, 47%);
  --cor-laranja: #e57b39;
  --cor-vermelho: #DA364B;
  --cor-rosa-secundario: #DA3C84;
  --cor-verde-claro: #AACB53;
  --cor-verde-escuro: #57A480;
  --cor-azul-escuro-secundario: #4670B3;
  /* cores adicionais */
  --cor-cinza-50: #E6EBF2;
  --cor-cinza-100: #050110;
  --cor-cinza-300: #393C40;
  --cor-cinza-400: #5C6066;
  --cor-cinza-800: #F7F8FA;
  --cor-cinza-carousel: #a1a1a1;
  --cor-rosa-carousel: #dd5372;
  --cor-branca: #ffffff;
  --cor-branca-textos: rgba(255, 255, 255, 0.7);
  --cor-sombra-boxes: #e4e4e4;
  --cor-laranja-principal: #f26b40;
  --cor-rosa-principal: #fd22aa;
  --cor-azul-principal: #2f96ff;
  /* cores gradientes */
  --gradiente-36-laranja-rosa: linear-gradient(36deg, var(--cor-laranja), var(--cor-rosa));
  --gradiente-90-laranja-rosa-azul: linear-gradient(90deg,
      var(--cor-laranja-principal) 0%,
      var(--cor-rosa-principal) 34%,
      var(--cor-azul-principal) 100%);
  /* outras fontes */
}

/* breakpoints */
/* header, footer, carousel-dicas e 'owl-carousel customizada' */
#hotsite-disney {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/bg.png");
  background-repeat: repeat;
  color: #000000;
  font-family: "Secular One", sans-serif;
  min-height: 100vh;
}
#hotsite-disney h1 {
  font-size: 28px;
  letter-spacing: -1px;
}
#hotsite-disney .header-disney-festas {
  background-color: #f26b40;
  background-image: linear-gradient(90deg, #f26b40 0%, #fd22aa 34%, #2f96ff 100%);
  width: 100%;
  padding: 10px 20px;
  position: -webkit-sticky !important;
  position: sticky !important;
  left: 0%;
  top: 0;
  z-index: 100;
}
@media (max-width: 992px) {
  #hotsite-disney .header-disney-festas {
    padding: 10px 10px;
  }
}
#hotsite-disney .header-disney-festas .conteudo-header {
  display: block;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar {
  padding: 0;
  font-size: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 992px) {
  #hotsite-disney .header-disney-festas .conteudo-header .navbar {
    padding: 5px;
    font-size: 15px;
    justify-content: space-between;
  }
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .logo-disney-festas {
  text-align: center;
}
@media (max-width: 992px) {
  #hotsite-disney .header-disney-festas .conteudo-header .navbar .logo-disney-festas {
    max-width: 60vw;
  }
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .logo-disney-festas img {
  margin-right: 5px;
  width: 100%;
}
@media (max-width: 992px) {
  #hotsite-disney .header-disney-festas .conteudo-header .navbar .logo-disney-festas img {
    width: 80%;
  }
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar li.item {
  padding: 7px 0 0 0;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .item {
  margin: 10px;
  color: #ffffff;
  padding: 7px 0px 0 35px;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .item:hover {
  color: #ffc03f;
  text-decoration: none;
}
@media (max-width: 992px) {
  #hotsite-disney .header-disney-festas .conteudo-header .navbar .item {
    margin: 5px;
  }
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .novidades {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/novidades.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .novidades:hover {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/novidades_hover.png");
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .produtos {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/produtos.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .produtos:hover {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/produtos_hover.png");
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .temas {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/temas.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .temas:hover {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/tema_hover.png");
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .baloes {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/baloes.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .baloes:hover {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/baloes_hover.png");
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .parabens {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/parabens.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .parabens:hover {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/parabens_hover.png");
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .dicas {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/dicas.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#hotsite-disney .header-disney-festas .conteudo-header .navbar .dicas:hover {
  background-image: url("https://dz4uyfrdzqlq8.cloudfront.net/images/icons-menu/dicas_hover.png");
}
#hotsite-disney .footer {
  background-color: #f26b40;
  background-image: linear-gradient(90deg, #f26b40 0%, #ff0044 34%, #ff0084 100%);
  padding: 15px 10px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-top: 50px;
  color: #ffffff;
}
@media (max-width: 992px) {
  #hotsite-disney .footer {
    padding: 10px 10px 5px;
  }
}
#hotsite-disney .footer ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}
#hotsite-disney .footer ul li {
  list-style: none;
  margin: 5px 10px;
}
#hotsite-disney .carousel-dicas {
  width: 100%;
}
#hotsite-disney .carousel-dicas .owl-dicas {
  margin: 0 auto;
}
#hotsite-disney .carousel-dicas .owl-dicas .owl-item {
  text-align: left;
  padding: 5px;
}
#hotsite-disney .carousel-dicas .owl-dicas .nav-btn {
  top: 35%;
}
#hotsite-disney .carousel-dicas .owl-dicas .item-dica {
  display: flex;
  flex-direction: row;
  border-radius: 20px;
  min-height: 200px;
  box-shadow: 0px 2px 6px 0px rgba(187, 187, 187, 0.75);
  -webkit-box-shadow: 0px 2px 6px 0px rgba(188, 188, 188, 0.75);
  -moz-box-shadow: 0px 2px 6px 0px rgba(196, 196, 196, 0.75);
}
#hotsite-disney .carousel-dicas .owl-dicas .item-dica .banner-dica {
  width: 40%;
  height: auto;
  overflow: hidden;
  border-radius: 20px 0 0 20px;
  margin: 0 10px 0 0;
}
#hotsite-disney .carousel-dicas .owl-dicas .item-dica .banner-dica img {
  width: 100%;
  height: auto;
}
#hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
}
#hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .title {
  color: #e91477;
  font-size: 25px;
}
#hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .text {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
#hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .btn-dicas {
  background-color: #f26b40;
  background-image: linear-gradient(90deg, #f26b40 0%, #f05b59 34%, #ec2a83 100%);
  color: #ffffff;
  border-radius: 20px;
  padding: 5px 20px;
}
#hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .btn-dicas:hover {
  background-color: #f26b40;
  background-image: linear-gradient(90deg, #ef5020 0%, #ed4744 34%, #e91477 100%);
}
@media (max-width: 992px) {
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    min-height: 200px;
  }
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica .banner-dica {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    margin: 0 10px 0 0;
  }
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica .banner-dica img {
    width: 100%;
    height: auto;
  }
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
  }
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .title {
    color: #e91477;
    font-size: 25px;
    margin: 15px 0;
  }
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .text {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
  }
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .actions {
    margin: 15px 0;
  }
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .actions .btn-dicas {
    background-color: #f26b40;
    background-image: linear-gradient(90deg, #f26b40 0%, #f05b59 34%, #ec2a83 100%);
    color: #ffffff;
    border-radius: 20px;
    padding: 5px 20px;
  }
  #hotsite-disney .carousel-dicas .owl-dicas .item-dica .body-dica .actions .btn-dicas:hover {
    background-color: #f26b40;
    background-image: linear-gradient(90deg, #ef5020 0%, #ed4744 34%, #e91477 100%);
  }
}
#hotsite-disney .owl-carousel .owl-dots {
  text-align: center;
}
#hotsite-disney .owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #9d9d9d;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}
#hotsite-disney .owl-carousel .owl-dots .active span {
  background: #ec0e7d !important;
}
#hotsite-disney .owl-carousel .nav-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40%;
  background-color: #b5b5b5;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
#hotsite-disney .owl-carousel .owl-prev.disabled,
#hotsite-disney .owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}
#hotsite-disney .owl-carousel .prev-slide {
  left: -10px;
  background-color: #b8b8b8;
}
#hotsite-disney .owl-carousel .next-slide {
  right: -10px;
  background-color: #b8b8b8;
}
#hotsite-disney .owl-carousel .prev-slide:hover {
  background-color: #ed4744;
}
#hotsite-disney .owl-carousel .next-slide:hover {
  background-color: #ed4744;
}

#hotsite-disney h1 {
  font-size: 28px;
  letter-spacing: -1px;
}
#hotsite-disney .banner-header {
  background-image: url("../../produtos/images/banner-produtos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 30vh;
}
@media (max-width: 992px) {
  #hotsite-disney .banner-header {
    background-image: url("../../produtos/images/banner-produtos-mobile.jpg");
  }
}
#hotsite-disney .container-disney {
  background-color: #ffffff;
  padding: 0 40px 20px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
}
#hotsite-disney .container-disney h1 {
  font-family: "Secular One", sans-serif;
  text-align: center;
  margin: 40px 0;
}