/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

html, body{
  max-width: 100%;
  overflow-x: hidden;
}

/* Estilização da scrollbar (para navegadores baseados em Webkit, como Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 25px!important; /* Largura da barra vertical - reduzido para 12px, um tamanho mais comum */
    height: 25px; /* Altura da barra horizontal (em caso de overflow-x) */
}

::-webkit-scrollbar-track {
    background: #e0e0e0; /* Um cinza claro para a trilha, que se harmoniza bem */
}

::-webkit-scrollbar-thumb {
    background-color: #191c41; /* Cor do "puxador" (thumb) - seu laranja */
    border-radius: 8px; /* Bordas arredondadas */
    border: 2px solid #e0e0e0; /* Borda da cor da trilha para dar um espaçamento sutil */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #002655; /* Um tom um pouco mais escuro do seu laranja para o hover */
}

/* Firefox (funciona parcialmente com scrollbar-color) */
/* Nota: O Firefox tem suporte mais limitado à personalização da scrollbar */
* {
    scrollbar-color: #191c41 #e0e0e0; /* Cor do thumb (laranja) e do track (cinza claro) */    
}

/* Estilização do titulos */

/* Botão azul com gradiente */
.btn-servicos {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(to right, #00c6ff, #0072ff);
  padding: 8px 24px;
  text-decoration: none;
  line-height: 1.2;
  transition: background 0.3s ease;
  border-radius:50px!important;
}


/* Efeito hover */
.btn-servicos:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 114, 255, 0.4);
}




.elementor-icon svg .st3 {
  stroke: #E94F1B;
  fill: transparent;
  stroke-width: 2;
  stroke-dasharray: 1000; /* Ajustaremos se precisar */
  stroke-dashoffset: 1000; /* Esconde o traço */
  /* Removemos a linha da animação automática: */
  /* animation: draw 4s linear forwards; */
}

.elementor-icon svg .st3.animated {
  animation: draw 4s linear forwards;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
    fill: #E94F1B;
  }
}

.card-servico {
    position: relative;
    overflow: hidden;
    height: 100%; 
	min-height:350px;
}

.card-servico .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    height: 100%; 
    padding: 30px; 
    box-sizing: border-box; 
}

.card-servico .elementor-image-box-content .elementor-image-box-title {
    margin-bottom: 5px;
}

.card-servico .elementor-image-box-content .elementor-image-box-description {
    margin-bottom: 0px;
}

 label {
    padding-bottom: 10px!important;
}