/* AJUSTES CLASS BOOTSTRAP */
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }

  .h-sm-100 {
    height: 100%;
  }

  .h-sm-75 {
    height: 75%;
  }

  .h-sm-50 {
    height: 50%;
  }

  .h-sm-25 {
    height: 25%;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-25 {
    width: 25% !important;
  }

  .h-md-100 {
    height: 100%;
  }

  .h-md-75 {
    height: 75%;
  }

  .h-md-50 {
    height: 50%;
  }

  .h-md-25 {
    height: 25%;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .h-lg-100 {
    height: 100%;
  }

  .h-lg-75 {
    height: 75%;
  }

  .h-lg-50 {
    height: 50%;
  }

  .h-lg-25 {
    height: 25%;
  }
  .min-vh-lg-100 {
    min-height: calc(100vh - 60px) !important;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }

  .h-xl-100 {
    height: 100%;
  }

  .h-xl-75 {
    height: 75%;
  }

  .h-xl-50 {
    height: 50%;
  }

  .h-xl-25 {
    height: 25%;
  }
}

@media (max-width: 1280px) {
}

@media (max-width: 991px) {
  header {
    top: -1px;
    height: 80px;
  }
  .header-placeholder {
    height: 80px;
  }
  #modalMenuPrincipal .modal-header {
    height: 80px;
  }
  #modalMenuPrincipal .navbar-nav.menu-header {
    height: 80px;
  }
  #topo-home {
    height: calc(100vh - 80px);
  }
  header svg#logo-campana-svg {
    margin-bottom: 10px;
    width: auto;
  }
  header.header-mobile-preto svg#logo-campana-svg path {
    fill: #000;
  }
  header.header-mobile-branco svg#logo-campana-svg path {
    fill: #fff;
  }
  header.header-bg-none {
    background-color: transparent;
    transition: all ease-in-out 0.4s;
  }
  header.header-bg-none.header-mobile-branco.change-color-bg-ativo {
    background-color: #000;
  }
  header.header-bg-none.header-mobile-preto.change-color-bg-ativo {
    background-color: #fff;
  }
  header.header-bg-preto {
    background-color: #000;
  }
  header.header-bg-branco {
    background-color: #fff;
  }
  header.header-bg-sobre {
    background-color: #fff;
  }
  header.header-bg-newsletter {
    background-color: #fff;
  }
  header .btn-modal-menu-mobile {
    padding: 10px 10px 12px;
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
  }
  header .btn-modal-menu-mobile svg#icone-menu-mobile {
    width: 14px;
  }
  header.header-mobile-preto svg#logo-campana-svg rect {
    fill: #000;
  }
  header.header-mobile-branco svg#logo-campana-svg rect {
    fill: #fff;
  }
  header.header-mobile-preto #icone-menu-mobile rect {
    fill: #000;
  }
  header.header-mobile-branco #icone-menu-mobile rect {
    fill: #fff;
  }
  #modalMenuPrincipal .filtros-header-mobile {
    padding: 0 0 15px 0;
  }
  #modalMenuPrincipal svg#menu-logo-campana-svg {
    margin-bottom: 10px;
    width: auto;
  }
  #modalMenuPrincipal button#modalMenuPrincipalFechar {
    border: none;
    box-shadow: none;
    outline: none;
  }
  #modalMenuPrincipal .navbar-nav.menu-header {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 32px;
    list-style: none;
    height: auto;
    gap: 0;
  }
  #modalMenuPrincipal .navbar-nav.menu-header li.menu-item {
    width: 100%;
    padding: 8px 0px;
  }
  #modalMenuPrincipal .navbar-nav.menu-header li.menu-item a.nav-link {
    display: flex;
    flex-flow: row-reverse;
    justify-content: end;
    align-items: center;
  }
  #modalMenuPrincipal
    .navbar-nav.menu-header
    li.menu-item
    span.texto-menu-item {
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: start;
    width: min-content;
    margin: 12px auto 0px 0px;
    height: auto;
    display: flex;
    align-items: end;
    padding: 0px 0px;
    border-bottom: 1px solid #fff;
  }
  #modalMenuPrincipal .navbar-nav.menu-header .ff-container.ff-responsive {
    width: 50%;
  }
  footer .container-rodape {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  footer .rede-social-item a {
    font-family: "Noka";
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all ease-in-out 0.4s;
  }
  footer .container-texto-copyright p {
    display: inline-block;
    font-family: "Noka";
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
  }

  footer .containr-texto-direitos p {
    display: inline-block;
    font-family: "Noka";
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
  }

  footer.footer-mobile-preto .rede-social-item a,
  footer.footer-mobile-preto .container-texto-copyright p,
  footer.footer-mobile-preto .containr-texto-direitos p {
    color: #000;
  }

  footer.footer-mobile-cinza .rede-social-item a,
  footer.footer-mobile-cinza .container-texto-copyright p,
  footer.footer-mobile-cinza .containr-texto-direitos p {
    color: #9e988b;
  }

  #topo-sobre {
    height: calc(100vh - 107px);
  }
  .container-detalhe-rodape {
    margin-top: 40px;
    margin-bottom: 10px;
  }

  .container-detalhe-rodape .detalhe-rodape {
    width: 300%;
  }
  .container-home-titulo h2 {
    font: normal normal bold 2rem / 2.3rem Noka;
    margin-bottom: 0.8rem;
  }
  .container-home-titulo p {
    font: normal normal 500 1rem / 1.3rem Noka;
    padding-right: 5%;
  }
  .btn-home-rolagem img {
    width: 36px;
    height: 36px;
    object-fit: cover;
  }
  .col-home-rolagem {
    bottom: 0px;
  }
  .container-home-titulo {
    z-index: 2;
    bottom: 9%;
  }
  .overlayTopo {
    background: rgb(0, 0, 0);
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.6) 0%,
      rgba(255, 255, 255, 0) 50%
    );
  }
  .page-template-default h1 {
    font: normal normal 400 38px / 48px Noka;
    color: #000;
    text-transform: uppercase;
  }

  header svg#logo-campana-svg {
    min-width: 100px;
    max-width: 160px;
    width: auto;
    height: 55px;
  }

  .woocommerce h1.product_title.entry-title {
    font-family: "Noka";
    font-weight: bold;
    font-size: 32px;
    letter-spacing: 0.01em;
    line-height: 40px;
    text-align: left;
    color: #000;
    margin-bottom: 1.2rem;
  }
  .woocommerce .card-loja-produto {
    padding-bottom: 2rem;
  }
  .woocommerce-cart table.cart input#coupon_code {
    width: calc(100% - 186px);
  }
  .woocommerce-cart table.cart td.actions button.button {
    float: right !important;
  }
  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    margin-bottom: 1rem !important;
  }
  .woocommerce
    .woocommerce-MyAccount-navigation
    .woocommerce-MyAccount-navigation-link {
    text-align: end;
  }
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 2rem;
  }

  .card-logo {
    width: 100%;
  }

  .card-logo a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
  }

  .card-logo a span.hover-text {
    position: relative;
    height: fit-content;
    bottom: 0;
    top: auto;
    opacity: 1;
    margin: 0;
    height: 100%;
    font-size: clamp(1.125rem, 0.7241rem + 0.6466vw, 1.5rem);
  }

  .card-parque-campana {
    width: 100%;
  }

  .card-parque-campana a.container-card {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
  }

  .card-parque-campana .hover-text {
    position: relative;
    height: fit-content;
    bottom: 0;
    top: auto;
    opacity: 1;
    margin: 0;
    height: 100%;
  }
  .card-parque-campana .hover-text h3 {
    font-size: clamp(1.125rem, 0.7241rem + 0.6466vw, 1.5rem);
  }

  .navegacao-interna-sobre {
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 100;
    overflow-x: scroll;
    background-color: #fff;
  }

  .navegacao-interna-sobre.is-sticky {
    top: 78px !important;
  }
  .navegacao-interna-sobre #navegacao-interna {
    padding: 0;
    width: 100%;
  }
  .navegacao-interna-sobre .container-navegacao-interna-sobre {
    max-width: 100%;
    position: relative;
    top: 0px;
  }
  .navegacao-interna-sobre #navegacao-interna .nav {
    white-space: nowrap;
    overflow-x: auto;
    flex-flow: nowrap;
    width: 100%;
  }
  .navegacao-interna-sobre #navegacao-interna .nav ul.nav li {
    display: inline-block;
    float: none;
  }
  .navegacao-interna-sobre #navegacao-interna .nav .nav-item a.nav-link {
    padding: 14px 14px 10px 14px;
    font-size: 14px;
    line-height: 16px;
    opacity: 0.3;
  }
  .navegacao-interna-sobre #navegacao-interna .nav .nav-item a.nav-link.active {
    opacity: 1;
  }
  .navegacao-interna-sobre #navegacao-interna .nav .nav-item a.nav-link::before,
  .navegacao-interna-sobre
    #navegacao-interna
    .nav
    .nav-item
    a.nav-link:hover::before,
  .navegacao-interna-sobre
    #navegacao-interna
    .nav
    .nav-item
    a.nav-link:focus::before,
  .navegacao-interna-sobre
    #navegacao-interna
    .nav
    .nav-item
    a.nav-link.active::before {
    opacity: 0;
  }
  span.navegacao-interna-placeholder-mobile.d-block.d-lg-none {
    height: 39px;
  }
  .page-template-template-sobre .breadcrumbs {
    top: 190px;
  }
}

@media (max-width: 768px) {
  header svg#logo-campana-svg {
    min-width: 100px;
    max-width: 160px;
    width: 40vw;
    height: auto;
    margin-bottom: 14px;
  }
  .container-menu-secundario #menu-menu-secundario .menu-item {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .topo-home {
    min-height: calc(100vh - 155px);
    pointer-events: none;
    aspect-ratio: inherit;
  }
  .container-home-titulo {
    z-index: 2;
    bottom: 2%;
  }
  .container-datas-horarios .container-detalhe {
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .btn-carregar-mais {
    margin: 0 auto;
  }
}

@media (max-width: 475px) {
  .woocommerce-cart table.cart input#coupon_code {
    width: 100%;
  }
  .woocommerce-cart table.cart td.actions .coupon button.button {
    width: 100% !important;
  }
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    width: 100% !important;
    overflow: visible;
  }
}

@media (max-width: 425px) {
  header svg#logo-campana-svg {
    max-width: 40vw;
    min-width: 80px;
    width: 40vw;
    height: auto;
  }
  header .row.row-btn-header {
    flex-flow: column-reverse;
    justify-content: center;
  }
  header .col-logo a {
    padding-bottom: 10px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
  }
}

@media (max-width: 388px) {
}