html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Força todas as imagens dos blocos de serviço a terem exatamente a mesma altura */
.gallery-uniform-img {
    height: 100%;
    min-height: 380px;
    max-height: 380px;
    object-fit: cover;
    object-position: center;
}

/* Ajuste fino para telas menores (celulares) ficarem com proporção bonita */
@media (max-width: 991.98px) {
    .gallery-uniform-img {
        min-height: 250px;
        max-height: 250px;
    }
}

/* Definição da Nova Paleta Tecnológica da EngLog */
:root {
    --englog-primary: #046c7e; /* O seu Azul Petróleo Escuro */
    --englog-primary-dark: #035260; /* Tom mais escuro para hover/fundo alternativo */
    --englog-orange: #FF6B00; /* Laranja vibrante para contrastes e detalhes */
    --englog-light: #F8F9FA; /* Fundo claro para áreas de leitura */
    --englog-dark-text: #212529; /* Cinza escuro para textos principais */
}

body {
    background-color: var(--englog-light);
    color: var(--englog-dark-text);
}

/* Customização Estrita da Navbar */
.navbar-englog {
    background-color: var(--englog-primary) !important;
    border-bottom: 3px solid var(--englog-orange) !important;
}

    .navbar-englog .nav-link {
        color: rgba(255, 255, 255, 0.85) !important;
        font-weight: 500;
        transition: color 0.2s ease;
    }

        .navbar-englog .nav-link:hover,
        .navbar-englog .nav-link.active {
            color: #ffffff !important;
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
        }

/* Seções de Destaque / Jumbotron */
.bg-englog-primary {
    background-color: var(--englog-primary) !important;
}

.text-englog-primary {
    color: var(--englog-primary) !important;
}

/* Cards de Serviço e Divisores */
.card-englog-border {
    border-top: 4px solid var(--englog-primary) !important;
}

.border-englog-bottom {
    border-bottom: 2px solid var(--englog-primary) !important;
}

/* Imagens Uniformes (Mantendo o tamanho fixo solicitado antes) */
.gallery-uniform-img {
    height: 100%;
    min-height: 380px;
    max-height: 380px;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 991.98px) {
    .gallery-uniform-img {
        min-height: 250px;
        max-height: 250px;
    }
}

/* Botão Principal - Azul Petróleo com Hover Laranja */
.btn-englog-primary {
    background-color: var(--englog-primary);
    color: #ffffff;
    border: 2px solid var(--englog-primary);
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-englog-primary:hover {
        background-color: var(--englog-orange);
        border-color: var(--englog-orange);
        color: #ffffff;
        box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3);
    }

/* Botão Secundário - Vazado (Outline) com Hover Azul Petróleo */
.btn-englog-outline {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-englog-outline:hover {
        background-color: #ffffff;
        color: var(--englog-primary);
    }

/* Distintivo (Badge) Superior - Laranja de Alto Contraste */
.badge-englog-orange {
    background-color: var(--englog-orange);
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Padronização dos Logotipos de Clientes */
.client-logo-img {
    max-height: 45px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%); /* Deixa os logos cinzas por padrão para um visual clean */
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}

    /* Efeito de destaque ao passar o mouse */
    .client-logo-img:hover {
        filter: grayscale(0%); /* Devolve a cor original da marca */
        opacity: 1;
        transform: scale(1.05); /* Sutil pulsação para indicar interação */
    }