﻿#Header_wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999 !important;
          background-color: transparent !important;
      }

      #Top_bar {
        width: 100% !important;
        background: rgba(15, 0, 0, 0.25) !important;
        backdrop-filter: blur(18px) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        padding: 18px 0;
        transition: all 0.35s ease;
      }

      #Top_bar.is-sticky {
        background: rgba(15, 0, 0, 0.85) !important;
        backdrop-filter: blur(24px) !important;
        border-bottom: 1px solid rgba(242, 184, 75, 0.15) !important;
        padding: 10px 0 !important;
        height: auto !important;
        min-height: 70px !important;
        overflow: visible !important;
      }

      #Top_bar.is-sticky .logo img {
        max-height: 38px !important;
        object-fit: contain;
      }

      .logo img {
        transition: max-height 0.35s ease;
      }

      .top_bar_left {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .menu-main {
        display: flex;
        gap: 28px;
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .menu-main a {
        color: #FFF6E6;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        padding: 8px 0;
        transition: color 0.3s ease;
        font-family: 'Inter', sans-serif;
      }

      .menu-main a:hover {
        color: #F2B84B;
      }

      .ca-button-main {
        background: linear-gradient(135deg, #dc252f, #6a0006);
        color: #fff;
        padding: 16px 32px;
        border-radius: 99px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 12px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 15px 35px rgba(185, 22, 32, 0.25);
        cursor: pointer;
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-family: 'Inter', sans-serif;
      }

      .ca-button-main:hover {
        transform: translateY(-3px);
        box-shadow: 0 20px 45px rgba(185, 22, 32, 0.4), 0 0 25px rgba(242, 184, 75, 0.2);
      }

      .ca-button-secondary {
        background: transparent;
        color: #F2B84B;
        padding: 16px 32px;
        border-radius: 99px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 12px;
        border: 1px solid rgba(242, 184, 75, 0.4);
        cursor: pointer;
        transition: all 0.3s ease;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-family: 'Inter', sans-serif;
      }

      .ca-button-secondary:hover {
        background: rgba(242, 184, 75, 0.12);
        border-color: #F2B84B;
      }

      @media(max-width: 980px) {
        .ca-hero-indicators {
          grid-template-columns: repeat(2, 1fr) !important;
          position: relative;
          bottom: 0;
          width: 100% !important;
          margin-top: 40px;
          padding: 10px 0 !important;
        }

        .ca-indicator-item {
          padding: 16px 10px !important;
          gap: 10px !important;
          align-items: center !important;
          justify-content: flex-start !important;
          border-right: none !important;
        }

        .ca-indicator-item:nth-child(1),
        .ca-indicator-item:nth-child(2) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        }

        .ca-indicator-item:nth-child(odd) {
          border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
        }

        .ca-indicator-text strong {
          font-size: 16px !important;
        }

        .ca-indicator-text span {
          font-size: 12px !important;
          line-height: 1.2 !important;
        }

        .ca-indicator-icon svg {
          width: 24px !important;
          height: 24px !important;
        }

        #hero.ca-hero-fixed {
          box-sizing: border-box;
          overflow-x: hidden;
          padding-top: 160px !important;
          padding-bottom: 40px;
          height: auto;
          background-image: url('assets/images/gallery/imagem-papai-noel-crianca-hero-mobile-criaacao-entretenimento.jpg?v=2') !important;
          background-position: center center !important;
          background-attachment: scroll !important;
          background-size: cover !important;
          background-repeat: no-repeat !important;
        }

        #hero.ca-hero-fixed::before {
          background: linear-gradient(180deg, rgba(15, 0, 0, 0.85) 0%, rgba(15, 0, 0, 0.4) 60%, rgba(15, 0, 0, 0.1) 100%) !important;
        }

        #hero.ca-hero-fixed .ca-hero-container {
          padding-left: 20px !important;
          padding-right: 20px !important;
          width: 100% !important;
          box-sizing: border-box !important;
        }

        #hero.ca-hero-fixed .ca-hero-title {
          word-wrap: break-word !important;
          overflow-wrap: break-word !important;
          hyphens: auto !important;
        }

        #hero.ca-hero-fixed .ca-hero-desc {}
      }

      /* =========================================================
   MOBILE HEADER MENU
========================================================= */
      @media (max-width: 980px) {
        body #Top_bar {
          position: fixed !important;
          top: 0 !important;
          width: 100% !important;
          height: auto !important;
          background: transparent !important;
          border: none !important;
          border-radius: 0 !important;
          padding: 18px 0 !important;
          transition: all 0.3s ease !important;
          z-index: 1000 !important;
        }

        body {
          left: 0 !important;
          right: 0 !important;
        }

        body.side-slide-is-open #Top_bar {
          opacity: 0 !important;
          visibility: hidden !important;
          pointer-events: none !important;
          z-index: -1 !important;
        }

        body.side-slide-is-open {
          background-color: #1a0304 !important;
        }

        body.side-slide-is-open #Wrapper {
          right: 0 !important;
          left: 0 !important;
          transform: none !important;
          z-index: 1 !important;
        }

        body.side-slide-is-open section,
        body.side-slide-is-open header,
        body.side-slide-is-open footer {
          opacity: 0 !important;
          visibility: hidden !important;
          pointer-events: none !important;
          transition: opacity 0.2s ease !important;
        }

        #Side_slide {
          position: fixed !important;
          top: 0 !important;
          bottom: 0 !important;
          width: 100vw !important;
          max-width: 100vw !important;
          right: -100vw !important;
          transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important;
          background-color: #1a0304 !important;
          background-image: none !important;
          z-index: 2147483647 !important;
        }

        body.side-slide-is-open #Side_slide {
          right: 0 !important;
          left: 0 !important;
        }

        body #Top_bar.is-scrolled,
        html body.mobile-sticky #Top_bar.is-sticky {
          background: rgba(26, 3, 4, 0.95) !important;
          backdrop-filter: blur(10px) !important;
          padding: 12px 0 !important;
          border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        }

        #Top_bar .top_bar_left {
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important;
          padding: 0 20px !important;
          width: 100% !important;
        }

        .ca-logo img {
          width: 130px !important;
          max-height: none !important;
        }

        #Top_bar #menu {
          display: none !important;
        }

        #Top_bar .top_bar_left .ca-mobile-menu-right {
          display: flex !important;
          align-items: center !important;
          gap: 10px !important;
        }

        body #Top_bar .top_bar_left .ca-mobile-whatsapp {
          display: inline-flex !important;
          align-items: center !important;
          gap: 6px !important;
          padding: 8px 14px !important;
          border-radius: 99px !important;
          border: 1px solid rgba(255, 255, 255, 0.3) !important;
          background: rgba(42, 5, 6, 0.8) !important;
          color: #ffffff !important;
          font-size: 10px !important;
          font-weight: 800 !important;
          text-transform: uppercase !important;
          letter-spacing: 0.05em !important;
          text-decoration: none !important;
          box-shadow: none !important;
          min-height: auto !important;
        }

        body #Top_bar .top_bar_left .ca-mobile-whatsapp svg {
          width: 16px !important;
          height: 16px !important;
          margin: 0 !important;
        }

        body #Top_bar .top_bar_left a.ca-mobile-hamburger,
        body #Top_bar .top_bar_left a.ca-mobile-hamburger.is-sticky,
        html body.mobile-sticky #Top_bar.is-sticky .top_bar_left a.ca-mobile-hamburger,
        html body.mobile-header-mini #Top_bar.is-sticky .top_bar_left a.ca-mobile-hamburger {
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
          width: 36px !important;
          height: 36px !important;
          border-radius: 50% !important;
          border: 1px solid rgba(255, 255, 255, 0.2) !important;
          background: transparent !important;
          color: #ffffff !important;
          text-decoration: none !important;
          position: relative !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          bottom: auto !important;
          margin: 0 !important;
          transform: none !important;
        }

        body #Top_bar .top_bar_left a.ca-mobile-hamburger svg {
          width: 18px !important;
          height: 18px !important;
          margin: 0 !important;
        }
      }
    

#Wrapper, body #Wrapper {
  padding-top: 0 !important;
}

