/* ============================================================
   LICITAÇÕES — FRS DISTRIBUIDORA
   Ultra Premium Glass+Gold 2025.6 — Alta Legibilidade + Mobile Final
   ============================================================ */

/* ===== HERO / TOPO ===== */
.hero-empresa {
  padding: 45px 20px 15px;
  background: linear-gradient(180deg, #001b3a 0%, #012b61 100%);
  color: #fff;
  text-align: center;
  border-bottom: 1px solid rgba(255, 215, 0, 0.1);
}

.hero-empresa .titulo-principal {
  font-size: 1.25em;
  color: #FFD700;
  margin-bottom: 6px;
  text-shadow: 0 0 10px rgba(255,215,0,0.4);
  animation: brilhoTexto 6s ease-in-out infinite alternate;
}

.hero-empresa .descricao {
  font-size: 0.92em;
  max-width: 780px;
  margin: 0 auto;
  color: #d6e8ff;
  line-height: 1.5;
  opacity: 0.95;
}

@keyframes brilhoTexto {
  from { text-shadow: 0 0 4px rgba(255,215,0,0.25); }
  to { text-shadow: 0 0 14px rgba(255,215,0,0.55); }
}

/* ===== BLOCO PRINCIPAL ===== */
.empresa-sobre {
  padding: 15px 0 35px;
  background: linear-gradient(180deg, #012b61 0%, #000d1e 100%);
}

.card-empresa {
  padding: 30px 25px;
  background: rgba(255,255,255,0.07);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
  backdrop-filter: blur(10px);
  max-width: 1100px;
  margin: 0 auto;
}

/* ===== TABELA DE LICITAÇÕES ===== */
.tabela-container {
  overflow: hidden;
  border-radius: 12px;
  background: rgba(10,15,35,0.55);
  box-shadow: inset 0 0 25px rgba(0,0,0,0.45), 0 0 20px rgba(255,215,0,0.05);
  margin-top: 10px;
  transition: all 0.4s ease;
}

.tabela-licitacoes {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
  font-size: 0.95em;
}

.tabela-licitacoes thead {
  background: linear-gradient(90deg, #00234d, #013674);
}

.tabela-licitacoes th {
  color: #FFD700;
  padding: 12px 10px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  border-bottom: 2px solid rgba(255,215,0,0.3);
  letter-spacing: 0.5px;
}

.tabela-licitacoes td {
  padding: 9px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 0.92em;
  color: #f0f6ff;
  transition: all 0.3s ease;
}

.tabela-licitacoes tr:hover {
  background: rgba(255,255,255,0.07);
  box-shadow: inset 0 0 10px rgba(255,215,0,0.15);
  transition: 0.3s;
}

/* ===== ÁREAS DE ATUAÇÃO (cores intensas e legíveis) ===== */
.tabela-licitacoes td:nth-child(5) {
  font-weight: 700;
  text-shadow: 0 0 6px rgba(255,255,255,0.25);
  letter-spacing: 0.3px;
  border-left: 2px solid rgba(255,215,0,0.15);
}

/* 🌿 Verde Agro */
.tabela-licitacoes td.area-agro {
  color: #00FF7F;
  text-shadow: 0 0 6px rgba(0,255,127,0.4);
}
/* ⚙️ Tecnologia */
.tabela-licitacoes td.area-tecnologia {
  color: #00BFFF;
  text-shadow: 0 0 6px rgba(0,191,255,0.4);
}
/* 🦺 EPI */
.tabela-licitacoes td.area-epi {
  color: #FFB300;
  text-shadow: 0 0 6px rgba(255,179,0,0.45);
}
/* 🚚 Logística */
.tabela-licitacoes td.area-logistica {
  color: #00FF9D;
  text-shadow: 0 0 6px rgba(0,255,157,0.45);
}
/* 🏗️ Construção */
.tabela-licitacoes td.area-construcao {
  color: #FFD700;
  text-shadow: 0 0 6px rgba(255,215,0,0.55);
}

/* ===== TEXTO / FONTE ===== */
.vazio {
  text-align: center;
  padding: 15px;
  color: #ccc;
  font-style: italic;
  font-size: 0.9em;
}

.fonte-api {
  margin-top: 12px;
  color: #9ecbff;
  font-size: 0.88em;
  text-align: right;
  font-style: italic;
  opacity: 0.95;
}

/* ===== BLOCO FINAL ===== */
.empresa-infos {
  padding: 55px 20px 70px;
  background: linear-gradient(180deg, #001b3a 0%, #002b63 100%);
  color: #e8f3ff;
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.subtitulo {
  color: #FFD700;
  margin-bottom: 12px;
  font-size: 1.5em;
  text-shadow: 0 0 14px rgba(255,215,0,0.5);
}

.empresa-infos p {
  color: #d3e6ff;
  font-size: 0.96em;
  max-width: 800px;
  margin: 10px auto 25px;
  line-height: 1.6;
}

.email-link {
  color: #FFD700;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.05em;
  background: rgba(255,255,255,0.07);
  padding: 10px 20px;
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 0 12px rgba(255,215,0,0.15);
}

.email-link:hover {
  background: rgba(255,215,0,0.1);
  box-shadow: 0 0 20px rgba(255,215,0,0.3);
  transform: translateY(-2px);
}

/* ===== ANIMAÇÃO DAS LINHAS ===== */
.linha-licitacao {
  opacity: 0;
  transform: translateY(5px);
  transition: all 0.4s ease-in-out;
}
.linha-licitacao[style*="display: table-row"] {
  opacity: 1;
  transform: translateY(0);
}

/* ===== RESPONSIVIDADE DESKTOP ===== */
@media (max-width: 900px) {
  .hero-empresa .titulo-principal { font-size: 1.1em; }
  .tabela-licitacoes th, .tabela-licitacoes td { font-size: 0.85em; padding: 8px 6px; }
}

@media (max-width: 600px) {
  .tabela-licitacoes th, .tabela-licitacoes td { font-size: 0.8em; }
  .email-link { font-size: 0.95em; padding: 8px 16px; }
}

/* ============================================================
   🔹 MODO MOBILE — VISIBILIDADE TOTAL DA TABELA DE LICITAÇÕES
   ============================================================ */
@media (max-width: 768px) {

  /* 🔸 Ajuste no card principal */
  .card-empresa {
    padding: 18px 12px;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.35);
    margin: 0 8px;
    text-align: center;
  }

  /* 🔸 Permite rolagem horizontal e visibilidade total */
  .tabela-container {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    margin: 0 -10px;
    padding-bottom: 8px;
  }

  /* 🔸 Evita que o bloco corte a tabela */
  .empresa-sobre {
    overflow: visible;
    height: auto !important;
    min-height: 100%;
    padding-bottom: 25px;
  }

  /* 🔸 Diminui a largura mínima e o tamanho da fonte */
  .tabela-licitacoes {
    min-width: 600px;
    width: 100%;
    font-size: 0.8em;
  }

  /* 🔸 Ajusta os espaços da célula */
  .tabela-licitacoes th,
  .tabela-licitacoes td {
    white-space: nowrap;
    padding: 6px 5px;
  }

  /* 🔸 Ajuste no título superior */
  .hero-empresa .titulo-principal {
    font-size: 1em;
    margin-bottom: 4px;
  }

  /* 🔸 Scrollbar elegante */
  .tabela-container::-webkit-scrollbar {
    height: 5px;
  }
  .tabela-container::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #FFD700, #ffcc33);
    border-radius: 10px;
  }
  .tabela-container::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.08);
  }

  /* 🔸 Garante rolagem completa */
  html, body {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
  }
}