.elementor-kit-6{--e-global-color-primary:#C4342C;--e-global-color-secondary:#222222;--e-global-color-text:#4B5563;--e-global-color-accent:#1A8D44;--e-global-color-bf6d1be:#E31E25;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-3a10287-font-family:"Raleway";--e-global-typography-3a10287-font-weight:500;--e-global-typography-897ef22-font-family:"Raleway";--e-global-typography-897ef22-font-size:18px;--e-global-typography-897ef22-font-weight:700;--e-global-typography-4ea2371-font-family:"Rubik";--e-global-typography-4ea2371-font-size:16px;--e-global-typography-4ea2371-font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.brd{
        border-radius: 8px;
}

.brd1{
        border-radius: 4px;
}
.brd2{
        border-radius: 12px;
}
.brd3{
        border-radius: 16px;
}

.brd4{
        border-radius: 24px;
}





.sombra {
     
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.sombra:hover {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.mx {
    transition: transform 0.3s ease-in-out;
}

.mx:hover {
    transform: translateY(-10px);
}





.container-hover-img {
  overflow: hidden;
  position: relative;
}

.container-hover-img .imagem-zoom {
  transition: transform 0.4s ease;
}

.container-hover-img:hover .imagem-zoom {
  transform: scale(1.1);
}

.linha-hover {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.linha-hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 2px;
  background-color: #c1272d; /* Cor da linha - muda como quiser */
  transition: width 0.3s ease;
}

.linha-hover:hover::after {
  width: 100%;
}





.scroll-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, transform;
}

.scroll-reveal.show {
    opacity: 1;
    transform: translateY(0);
}



/* Mudar bolinhas para barras horizontais */

.swiper-pagination-bullet {
      margin-bottom: 30px !important;
  width: 40px !important;
  height: 4px !important;
  border-radius: 2px !important;
  background-color: #f7f7f !important;
  opacity: 1 !important;
  transition: background-color 0.3s;
  margin: 30 4px !important;
}

.swiper-pagination-bullet-active {
  background-color: #ffff !important;
}


@media (max-width: 768px) {
    .swiper-pagination-bullet {
      margin-bottom: 20px !important;}
}






/* Blur Glass Effect para Barra de Menu no Elementor */

/* Aplicar ao container/seção da barra de menu */
.blur-glass-menu {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
}

/* Versão alternativa com fundo escuro */
.blur-glass-menu-dark {
    background: rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
}

/* Estilo para os links do menu */
.blur-glass-menu .elementor-nav-menu--main .elementor-item,
.blur-glass-menu-dark .elementor-nav-menu--main .elementor-item {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    margin: 0 5px !important;
}

/* Hover effect nos links */
.blur-glass-menu .elementor-nav-menu--main .elementor-item:hover,
.blur-glass-menu-dark .elementor-nav-menu--main .elementor-item:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* Menu mobile - hamburger */
.blur-glass-menu .elementor-menu-toggle,
.blur-glass-menu-dark .elementor-menu-toggle {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    color: white !important;
}

/* Dropdown menu */
.blur-glass-menu .elementor-nav-menu--dropdown,
.blur-glass-menu-dark .elementor-nav-menu--dropdown {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
    margin-top: 10px !important;
}

/* Animação suave */
.blur-glass-menu,
.blur-glass-menu-dark {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Responsivo - ajustes para mobile */
@media (max-width: 768px) {
    .blur-glass-menu,
    .blur-glass-menu-dark {
        border-radius: 0 !important;
        margin: 0 10px !important;
    }
    
    .blur-glass-menu .elementor-nav-menu--main,
    .blur-glass-menu-dark .elementor-nav-menu--main {
        background: rgba(0, 0, 0, 0.9) !important;
        backdrop-filter: blur(20px) !important;
        border-radius: 15px !important;
        margin-top: 10px !important;
    }
}

/* Efeito adicional: brilho sutil */
.blur-glass-menu::before,
.blur-glass-menu-dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    border-radius: 15px 15px 0 0;
}

/* Variação com gradiente */
.blur-glass-menu-gradient {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
}/* End custom CSS */