@font-face {
    font-family: 'proxima nova bold';
    src: url('/fonts/proximanova-bold-webfont.eot');
    src: url('/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/proximanova-bold-webfont.woff') format('woff'), url('/fonts/proximanova-bold-webfont.ttf') format('truetype'), url('/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'proxima nova light';
    src: url('/fonts/proximanova-light-webfont.eot');
    src: url('/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/proximanova-light-webfont.woff') format('woff'), url('/fonts/proximanova-light-webfont.ttf') format('truetype'), url('/fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "proxima nova light", "Helvetica Neue", Helvetica, Arial, Sans-serif;
}

h1 {
    font-family: "proxima nova bold", "Helvetica Neue", Helvetica, Arial, Sans-serif;
    font-size: 98px;
    line-height: 1.2;
    letter-spacing: -0.06em;
}

h2 {
    font-family: "proxima nova bold", "Helvetica Neue", Helvetica, Arial, Sans-serif;
    font-size: 4.1rem;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #253299;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #0d0b0d;
}

/* Ajuste a altura '100px' para corresponder à altura do seu cabeçalho ou navbar */
.section-target {
    padding-top: 76px; /* Espaço adicional no topo da seção */
    margin-top: -76px; /* Puxa o início da seção para cima, sob o cabeçalho */
}

.borda {
    border: 1px solid #FFDBA5; /* Borda mais fina com 1px de largura */
    border-radius: 5px; /* Cantos menos arredondados com um raio de 5px */
    padding: 15px; /* Menos espaço interno */
}

.navbar.transparent {
    background-color: transparent !important;
    transition: background-color 0.5s ease;
}

.navbar.solid {
    background-color: #ffffff !important; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
    transition: background-color 0.5s ease;
}

.navbar-nav .nav-item {
    margin-top: 10px;
    margin-right: 15px; /* Espaçamento entre os itens do menu */
}

/* Remove o espaçamento do último link do menu */
.navbar-nav .nav-item:last-child {
    margin-right: 0; 
}

.navbar-light .navbar-nav .nav-link {
    color: #000000;
    font-weight: bold;
    position: relative;
    display: inline-block; /* O link é um bloco, mas se comporta como inline para o fluxo do documento */
    padding: 0 2px; /* Espaço horizontal para garantir algum espaço clicável em torno do texto */
    overflow: hidden; /* Evita que o sublinhado transborde */
}

.navbar-light .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; /* Posiciona no início do link */
    right: 0; /* Posiciona no final do link */
    background-color: #000000;
    height: 2px; /* Altura do sublinhado */
    transition: transform 0.3s ease;
    transform: scaleX(0); /* Inicia com escala zero */
    transform-origin: bottom right; /* Transformação começa da direita */
}

.navbar-light .navbar-nav .nav-link:hover::after {
    transform: scaleX(1); /* Expande o sublinhado */
    transform-origin: bottom left; /* Transformação expande da esquerda */
}

/* Se tirar o underdline, e quiser mudar a cor do link no hover
/* .navbar-light .navbar-nav .nav-link:hover {
    color: #ff4950;
} */

/* Personaliza o ícone do toggler */
.navbar-toggler {
    padding: .25rem .5rem; /* Reduz o padding para diminuir o tamanho geral */
    font-size: .75rem; /* Ajusta, se necessário, para modificar o tamanho do ícone */
}

/* Personaliza a cor do ícone do toggler */
.navbar-toggler-icon {
    /* Toggler em branco */
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */

    /* Toggler preto */
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */

    background-image: url("/images/toggler-img-pto.svg");
}

/* Remove a borda/foco desalinhado ao clicar */
.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

/* Menu hamburguer personalizado com o X */
.custom-toggler {
    border: none;
    background: transparent;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    z-index: 1051;
  }

  .custom-toggler:focus {
    outline: none;
    box-shadow: none;
  }

  .toggler-line {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #000;
    transition: all 0.3s ease;
  }

  /* Animação para virar um X */
  .custom-toggler.open .line1 {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .custom-toggler.open .line2 {
    opacity: 0;
  }

  .custom-toggler.open .line3 {
    transform: rotate(-45deg) translate(5px, -5px);
  }
/* Menu hamburguer personalizado com o X */

.logo svg {
    /* fill: #0E2A56; */
    fill: #5A646E;
    width: 130px;
    height: auto;
    padding: 6px 0 7px 0;
}

.logo-error svg {
    /* fill: #0E2A56; */
    fill: #5A646E;
    width: 150px;
    height: auto;
    margin: 25px 0;
}

.ban {
    background: rgb(224,231,244);
    background: linear-gradient(180deg, rgba(224,231,244,1) 0%, rgba(247,247,247,1) 100%);
}

.ban p {
    font-size: 1.3rem;
}

section.ban {
    padding-top: 90px !important; /* Aumenta a prioridade, mas deve ser usado com cautela */
}

.text-slider-items {
    display: none;
}

.error-404 img {
    width: 300px;
    height: 300px;
}

.error-404 h1 {
    font-size: 50px;
}

.error-404 p {
    font-size: 0.8rem; 
    margin-bottom: 25px;   
}

.link-texto a {
    color: #0E2A56;
    text-decoration: none;
    font-weight: bold;
    position: relative; /* Necessário para o posicionamento do pseudo-elemento */
    overflow: hidden; /* Para garantir que o sublinhado apareça somente sob o texto */
}

.link-texto a::after {
    content: '';
    position: absolute;
    bottom: 0; /* Posiciona na parte inferior do link */
    right: 0;
    width: 0; /* Começa sem largura */
    height: 2px; /* Altura do sublinhado */
    background-color: #0E2A56; /* Cor do sublinhado, mesma cor do texto para consistência */
    transition: width 0.3s ease; /* Transição suave para o efeito de 'deslizar' */
}

.link-texto a:hover::after {
    width: 100%; /* Na hover, o sublinhado se estende por toda a largura do link */
    left: 0; /* Alinha ao lado esquerdo */
    right: auto; /* Desnecessário, mas ajuda na clareza do código */
}

.link-icone a {
    color: #ffffff;
    transition: all 0.3s ease;
}

.link-icone a:hover {
    color: #ff084c;
}

.bg-bco, .bg-azl, .bg-cia {
    /* width: 100%; */
    padding: 20px 0;
}

.bg-bco {
    background: #fffffc;
}

.bg-bco h1 {
    color: #0E2A56;
}

.bg-azl {
    background: #0E2A56;
}

.bg-azl h1 {    
    color: #87CEEB;
    background: -webkit-linear-gradient(180deg, #87ceeb, #ffffff); 
    background: linear-gradient(180deg, #87ceeb, #ffffff); 
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    color: transparent;
}

.bg-azl h3 {
    color: #ffffff;
}

.bg-azl p {
    color: #fffffc;
}

.bg-azl-logo p {
    color: #FFDBA5;
    font-size: 0.9rem;
}

.bg-cia {
    background: #F3F4F7;
}

.bg-cia h1 {    
    color: #0E2A56;
}

.bg-cia h3 {
    color: #212529;
}

.bg-cia p {
    color: #212529;
}

.bg-cia-logo p {
    color: #212529;
    font-size: 0.9rem;
}

.logos-cli-wrapper {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.logos-cli {
    display: flex;
    animation: none;
    /* Remova qualquer animação anterior para evitar conflitos */
}

.logos-cli img {
    width: 150px;
    /* Ajuste conforme necessário */
    filter: grayscale(100%);
    transition: filter 0.3s ease;
    padding: 0 10px;
}

.logos-cli img:hover {
    filter: none;
}

.m-btn {
    background: #1461f4;
    border-color: #1461f4;
    color: #FFFFFF;
    padding-top: 8px;
    font-weight: bold;
    letter-spacing: 0.06em;
    transition: transform 0.2s ease-in-out;
    text-shadow: none;
}

.m-btn:hover,
.m-btn:focus,
.m-btn:active {
    background: #1461f4;
    border-color: #1461f4;
    transform: scale(1.05);
}

/* Para manter o botão sem alteração de cor após ser clicado e focado */
.m-btn:focus,
.m-btn:active:focus,
.m-btn:active {
    background: #1461f4;
    border-color: #1461f4;
    box-shadow: none; /* Remove o glow/shadow que pode aparecer */
}

.m-btn-disabled {
    background: #1461f4 !important;
    border-color: #1461f4 !important;
    color: #FFFFFF !important;
}

.success-message {
    color: green;
    font-weight: bold;
    margin-bottom: 10px;
}

.error-message {
    color: red;
    font-weight: bold;
    margin-bottom: 10px;
}

.texto-destaque {
    color: #0E2A56;
    font-weight: bold;
}

.serv-box {
    height: 350px;
    width: auto;
    background: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 30px;
}

.serv-box h3 {
    font-size: 1.7rem; 
    font-weight: bold;
    color: #1561F4;
    margin: 20px 0; 
}

.serv-box p {
    font-size: 0.9rem;
}

.serv-box img {
    width: 90px;
    height: 90px;
    margin-top: 10px;
}

.sobre-box {
    text-align: center;
    height: 275px;
    width: auto;
    background: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.sobre-box h3 {
    font-size: 1.7rem; 
    font-weight: bold;
    color: #0E2A56;
    margin: 10px 0; 
}

.sobre-box p {
    font-size: 0.9rem;
}

.sobre-box img {
    width: 90px;
    height: 90px;
    margin-top: 10px;
}

.box-claro {
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 30px;
}

.box-claro h3 {
    color: #0E2A56;
}

.img-custom {
    max-width: 100%;
}

.path-container {
    position: relative;
    width: 100%;
    height: 440px; /* Altura suficiente para exibir a imagem SVG */
 }
  
.dashed-path-inicio {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%; 
    background: url('/images/caminho-inicio.svg') no-repeat center;
    background-size: 50% auto; /* Estica o SVG para cobrir toda a largura, mantendo a proporção */
    transform: translateY(-50%);
}

.dashed-path-fim {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%; 
    background: url('/images/caminho-fim.svg') no-repeat center;
    background-size: 50% auto; /* Estica o SVG para cobrir toda a largura, mantendo a proporção */
    transform: translateY(-50%);
}

.divider-wave svg {
    display: block;
    position: relative;
    bottom: -1px;
    transform: scaleY(-1); /* Espelha o SVG na vertical */
    margin: 0;
    padding: 0;
    z-index: -1;
}

.divider-wave-vert svg {
    transform: scaleX(-1);
    bottom: 0;
    margin-top: -50px;
}

#casos, #escolha {
    margin-top: -80px;
}

#contato {
    padding-top: 0;
}

.contato p {
    font-size: 1.1rem;
    margin: 10px 0;
}

.contato svg {
    /* fill: #0E2A56; */
    width: 60px;
    height: auto;
    margin-top: 10px;
}

.link-contato a {
    color: #0d0b0d; 
    text-decoration: none; 
    position: relative; /* Posicionamento relativo para o pseudo-elemento */
    overflow: hidden; /* Esconde partes do pseudo-elemento que excedam o link */
}

.link-contato a::after {
    content: ''; /* Conteúdo vazio para o pseudo-elemento */
    position: absolute; /* Posicionamento absoluto em relação ao link */
    bottom: 0; /* Posicionado na parte inferior do link */
    right: 0; /* Inicia no lado direito do link */
    width: 0; /* Largura inicial de 0 para o efeito de expansão */
    height: 2px; /* Altura do sublinhado */
    background-color: #0d0b0d; /* Cor do sublinhado, mesma do texto do link */
    transition: width 0.3s ease; /* Transição suave para a animação de expansão */
}

.link-contato a:hover::after {
    width: 100%; /* Expande o sublinhado para cobrir toda a largura do link ao passar o mouse */
    left: 0; /* Alinha ao lado esquerdo para a expansão */
    right: auto; /* Reset para o posicionamento direito */
}

.form-box {
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 15px; /* Cantos arredondados */
}

.tooltip-inner {
    background-color: #1461F4; /* Cor de fundo */
    color: #fff;               /* Cor do texto */
  }

  .bs-tooltip-top .tooltip-arrow::before,
  .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #1461F4;
  }

  .bs-tooltip-bottom .tooltip-arrow::before,
  .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #1461F4;
  }

  .bs-tooltip-start .tooltip-arrow::before,
  .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #1461F4;
  }

  .bs-tooltip-end .tooltip-arrow::before,
  .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: #1461F4;
}

.vitur-l-icon svg {
    fill: #1395C4;
    height: 25px;
    width: auto;
    transition: fill 0.3s ease;
    overflow: visible;
    display: inline-block;
}

.vitur-l-icon svg:hover {
    fill: #404040;
}
  
footer {
    background-color: #001615;
}

footer p {
    color: #fcf9ef;
    font-size: .8em;
}

.cora {
    color: #ff084c;
    transition: all 0.3s ease;
}

.cora:hover {
    /*color: #75DC1B;*/
    color: #1461F4;
}

.social-icon a {
    color: #fcf9ef;
    font-size: 1.3rem;
    margin: 0 5px;
    transition: all 0.3s ease;
}

.social-icon a:hover {
    color: #2196F3;
}

.footer-text-align {
    text-align: start;
}

.footer-icon-align {
    text-align: end;
}

/* Remove a sombra da borda dos campos do formulário quando der "focus" */
input:focus,
textarea:focus,
select:focus {
  box-shadow: none !important;
}

@media (max-width: 767.98px) {
    .logo svg {
        padding: 15px;
    }

    .logo-error svg {
        margin-top: 80px;
    }

    h1 {
        font-size: 2.7rem;
    }

    h2 {
        font-size: 2.4rem;
        text-align: center;
    }

    h3 {
        font-size: 1rem;
    }

    .h3-tm {
        font-size: 2rem;
    }

    h5 {
        font-size: 1rem;
    }

    .p-tm {
        font-size: 1.5rem;
    }

    .ban p {
        font-size: 1.1rem;
        text-align: center;
    }

    section.ban {
        padding-top: 70px !important; /* Aumenta a prioridade, mas deve ser usado com cautela */
    }

    .m-center {
        text-align: center; /* Isso se você estivesse tentando centralizar outro tipo de conteúdo */
        margin-bottom: 10px;
    }

    .error-404 h1 {
        font-size: 3rem;
        margin-top: 20px;
    }

    .error-404 p {
        margin-top: 10px;
        margin-bottom: 50px;
        font-size: 0.85rem;  
    }

    .navbar.mobile-solid {
        background-color: #ffffff !important; /* Cor de fundo preta para o modo mobile */
        transition: background-color 0.5s ease;
    }

    .navbar-nav .nav-item .nav-link {
        margin-left: 15px; /* margem na esquerda dos links apenas no modo mobile */
    }

    /* margin-bottom em todos os links menos no último */
    .navbar-nav .nav-item:not(:last-child) .nav-link {
        margin-bottom: -8px;
    }

    .serv-box {
        text-align: center;
    }

    .path-container {
        display: none;
    }

    #casos, #escolha, .divider-wave-vert svg {
        margin: -1px 0 0 0;
    }

    .contato img {
        width: 110px;
        height: auto;
    }

    .social-icon {
        margin-top: 10px;
    }

    .footer-icon-align {
        text-align: center;
    }

    .footer-text-align {
        text-align: center;
    }
}

/* Para iPad como os modelos mais antigos de iPad, iPad Air, iPad Mini, e alguns modelos de iPad Pro */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 
  and (orientation: portrait) {
    h1 {
        font-size: 5rem;
    }
    
    .navbar.mobile-solid {
        background-color: #ffffff !important; /* Cor de fundo preta para o modo mobile */
        transition: background-color 0.5s ease;
    }

    .navbar-nav .nav-item .nav-link {
        margin-left: 15px; /* margem na esqueda dos links apenas no modo mobile */
    }

    .navbar-nav .nav-item:not(:last-child) .nav-link {
        margin-bottom: -8px;
    }
    
    .serv-box {
        height: 500px;
    }    

    #casos, #escolha, #sobre {
        margin-top: -10px;
    }

    .path-container {
        height: 250px;
    }

    #sobre h5 {
        margin-top: 20px;
    }

    .sobre-box {
        height: 360px;
        
    }
}