body {
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
            background-color: var(--brand-blue);
        }

          h1, h2, h3 {
            font-family: 'Audiowide', sans-serif;
        }

          .top-bar {
            transition: all 0.3s ease-in-out;
        }
 
        	:root {
			--innova-blue: #003463;
			--innova-orange: #f39323;
		}

        .atual{font-weight: 800;color: #e0831e !important;}
        .atual span {    
            padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 2px #f39323;
    border-top: solid 2px #f39323;
}

		  .hero-banner {
            position: relative;
           height: 80vh;
            overflow: hidden;
            z-index: 1;
        }

        .paginaInterna{ position: relative;
           height: 40vh; 
            z-index: 1;}
        
        .hero-slider img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 1.5s ease-in-out;
            z-index: -2;
        }

        .hero-slider img.active {
            opacity: 1;
        }
        
        .hero-banner::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: -1;
        }

        .top-bar { 
            color: #fff;
            padding: 0.7rem 0;
        }

        .top-bar .icon {
            color: #a8a8a8;
        }

        .main-content {
            position: relative;
            z-index: 2; 
        }

        .navbar {
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            padding: 10px;
            border-bottom-left-radius: 15px ;
            border-bottom-right-radius:  15px ;
        }
        
        .hero-banner .hero-text {
            position: absolute;
            top: 65%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            text-align: center;
            z-index: 3;
            width: 100%;
        }
        
        .hero-banner .hero-text h1, .hero-banner .hero-text p {
            color: #fff;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }

        .hero-banner .hero-text h1 {
            font-size: 2.5rem;
            font-weight: bold;
        } 

        .navbar-item {padding: 0 12px 0 20px !important;}
 
		.navbar-item.has-text-grey {
			color: #333333 !important;
		}

        .navbar-item.no-hover:hover {
  background: none !important;
}
        
		.text-orange {
			color: var(--innova-orange) !important;
		}

		.title.text-gradient {
			color: var(--innova-blue);
		}

		.card .icon {
			color: var(--innova-orange) !important;
		}

		.rounded-border-icon {
			border: 2px solid var(--innova-orange);
			border-radius: 50%;
			padding: 10px;
		}
		
		.button.is-primary {
			background-color: var(--innova-orange);
			border-color: transparent;
			color: white;
		}

		.button.is-primary:hover {
			background-color: #e0831e;
		}

		/* Estilos para o menu fixo ao rolar */
		.is-fixed-top {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			box-shadow: 0 2px 5px rgba(0,0,0,0.1);
			z-index: 1000;
		}


           .hero {
            height: 80vh;
            position: relative;
            overflow: hidden;
            padding: 50px;
        }
        
        .hero-bg-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }
        
        .hero-bg-slide.is-active {
            opacity: 1;
        }
 
        .section-fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        

        .itemDropdown{margin: 4px !important;}

a strong {color:#003463 !important}
 
.imagemFluig{width:100%; height:auto; max-width:700px !important; border-radius:30px; box-shadow:none !important; object-fit:contain;}

.iconeHomeInicio{   font-size: 44px !important;
    color: orange !important;
    padding-bottom: 14px !important;}
 
.navbar,
.navbar-menu,
.navbar-dropdown { 
  z-index: 1000;
}

  .accordion {
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    outline: none;
    transition: background-color 0.3s ease;
    font-weight: 600;
    text-align: left;
    background: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 8px;
  }
  .accordion:hover {
    background-color: #f39323;
    color: #fff;
  }
  .accordion.active {
    background-color: #003463;
    color: #fff;
  }
  .panel {
    display: none;
    background-color: white;
    padding: 0 15px 15px;
    border-radius: 0 0 10px 10px;
    margin-top: -8px;
  }


  .custom-section {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4rem 2rem;
    }

    .custom-box {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      padding: 2rem;
    }

    .image-container img {
      border-radius: 15px;
    }


    .service-card {
      border: 1px solid #eee;
      border-radius: 12px;
      padding: 2rem;
      text-align: center;
      transition: all 0.3s ease;
      background: #fff;
    }

    .service-card:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      transform: translateY(-4px);
    }

    .service-card img {
      max-width: 80px;
      margin-bottom: 1rem;
    }

    .more-link {
      font-weight: 600;
      font-size: 0.9rem;
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
    }

    .innova-card {
      border-radius: 12px;
      padding: 2rem 1.5rem;
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      background: #fff;
    }
    .innova-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }
    .icon-wrapper {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: linear-gradient(135deg, #ff9800, #ffb74d);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
      transition: background 0.3s;
    }
    .innova-card:hover .icon-wrapper {
      background: linear-gradient(135deg, #209cee, #42a5f5);
    }
    .service-title {
      font-weight: 700;
      font-size: 1.25rem;
      margin-bottom: 0.75rem;
      color: #363636;
      transition: color 0.3s;
    }
    .innova-card:hover .service-title {
      color: #209cee;
    }
    .subtitle-section {
      color: #ff9800;
      font-weight: 500;
      margin-bottom: 2rem;
    }

 .circular-button {
    background-color: white;
    border: 2px solid #f39323;
    border-radius: 50%;
    color: #f39323;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 20px;
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
  }
  .card-content.is-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  }
  .card.service-card .title,
  .card.service-card .subtitle {
    color: white;
  }
  .circular-button .icon {
    margin: 0;
  }


.bg-overlay {
    position: relative;
}	
.bg-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg-main.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 0.3;
}

.bg-overlay-green {
    position: relative;
}
.bg-overlay-green::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg-main.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 0.3;
}

.bg-overlay-lateral-direita {
    position: relative;
}
.bg-overlay-lateral-direita::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg-main-lateral-direita.webp');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 35% auto;
    opacity: 0.3;			
}

.bg-overlay-lateral-esquerda {
    position: relative;
}
.bg-overlay-lateral-esquerda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    background-image: url('../img/bg-main-lateral-esquerda.webp');    
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 0.3;
}



/* Tags do HTML */

p{
    margin-bottom: 10px;
}



/* Sobrescrever estilos do Bulma */

.is-success{
    background-color: #003463 !important;
}
.is-primary{
    /**/
}
.has-text-success{
    color: #f39323 !important;
}
.has-text-primary{
    /**/
}
.has-background-success{ 
    /**/
}
.has-background-primary{
    /**/
}
.has-background-secondary{
    /**/
}
.navbar{
    background-color: transparent;
}
.navbar-link, a.navbar-link, a:link.navbar-link, a:visited.navbar-link, a:actived1.navbar-link{
    font-weight: 200;
    font-style: normal;
    font-variant: small-caps;    
    letter-spacing: 1px;
}
.navbar-link::after {
    border-color: #003463 !important; /* seta do submenu */
}
.logo-navbar{
    padding-left: 0px !important;
}



/* Personalizar a paleta de cores de texto da identidade */

.text-gradiente{
    color: linear-gradient(90deg, #003463, #0468c0) !important;
}

h1.text-gradient, h2.text-gradient, h3.text-gradient, h4.text-gradient {
    font-weight: 400;
    font-style: normal;
    font-variant: small-caps;    
    background: linear-gradient(to right, #4A90E2, #003463);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 4px;
}
.subtitle{
    font-weight: 400;
    margin: 10px 0 40px 0 !important;
    padding: 0;  
}

.rounded-border-text {
    border: 2px solid #003463; /* Define a cor e espessura da borda */
    border-radius: 10px; /* Define o raio de arredondamento dos cantos */
    padding: 10px; /* Adiciona espaço interno entre o texto e a borda */
    display: inline-block; /* Garante que a borda siga o tamanho do texto */
}

.rounded-border-icon {
    border: 2px solid #003463;
    border-radius: 10px;
    padding: 20px 20px 10px 20px;
    display: inline-block;    
    margin-bottom: 10px;

    background: linear-gradient(to right, #4A90E2, #003463);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.rounded-border-icon-white {
    border: 2px solid white;
    border-radius: 10px;
    padding: 20px 20px 10px 20px;
    display: inline-block;    
    margin-bottom: 10px;
    
}



/* Paleta de cores de fundo da identidade */

.bg-success-color-primary{
    background-color:#003463;
}



/* Cores degradês de fundo da identidade */

.bg-gradient-success {
    background-image: linear-gradient(135deg, #087be0 0%, #003463 100%);
}

.bg-gradient-success-invert {
    background: linear-gradient(90deg, #0477db, #003463);
}
  
.bg-gradiente-layer {
    /* do site WP original */
    background-color: transparent;
    background-image: linear-gradient(135deg, #057ee7 0%, #003463 100%);
}
  
.bg-atendimento-direita {
    position: relative;	
    height: 419px;		
    background: linear-gradient(90deg, #003463, #0482f0);
}

.bg-atendimento-direita::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/atendimento.webp');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 35% auto;			
    /*opacity: 0.3;*/
    /*z-index: 1;*/
}

/* Cards para Mobile (SM para baixo) */  
@media only screen and (max-width: 991px) {
    .bg-atendimento-direita::before {
        background-image: none;
    }

    	  .hero-banner {
            position: relative;
           height:95vh;
            overflow: hidden;
            z-index: 1;
        }

        .hero-banner .hero-text
        {
            top: 55%
        }

         .atual span {    
            padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: none;
    border-top: none;
    
}
}

  
  
/* Alterações no Layout */
 
.legend{
      padding-top: 60px !important;
}
  
ul.planos{
    margin-top: 10px 20px 0px 20px !important;
}

ul.planos > li{
    padding:10px;  
}
  
.is-hidden {
    display: none;
}
  
.resize-50{
    width:50% !important;
}

.resize-25{
    width:25% !important;
}




/* Cards */

.card{
    padding: 20px;
    min-height: 260px;
}
.card.h-340{
    min-height: 340px !important;
}
.card.h-360{
    min-height: 360px !important;
}
.card.w-600{
    max-width: 600px !important;
}


 
/* Botões */

.bottom-button {
    position: absolute;
    bottom: 30px; /* Define a distância do botão ao rodapé */
    left: 50%; /* Centraliza o botão horizontalmente */
    transform: translateX(-50%); /* Ajusta para manter centralizado */
}



/* Para Mobile (XS para baixo) */

.container {
    position: relative;
}
@media only screen and (max-width: 767px) {
    .container {
      padding: 20px !important;
    }



    .sessaoMobile {padding: 10px !important;}


}