/* cartaContemplada.css — versão limpa/otimizada para publicação */

/* Variáveis */
:root{
  --font-texto: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-titulo: "Roboto Slab", Georgia, serif;

  --azul-safra: #002f6c;
  --dourado: #ffd700;
  --branco: #ffffff;
  --cinza-claro: #f8f9fa;
  --navbar-height: 72px;
  --bg-logo: url('./images/LOGO-PHFS-4.png');
}

/* Global reset / base */
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden;font-family:var(--font-texto);font-weight:500;background-color:#D3D3D3}
body{
  background-image: var(--bg-logo);
  background-repeat: repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

/* NAVBAR */
.navbar{background: rgba(5,12,20,0.85); backdrop-filter: blur(5px); color:#fff; padding:.6rem 0; z-index:1050}
.navbar-logo{height:40px; transform:scale(2); transform-origin:center}
.navbar .nav-link{color:#fff !important; font-weight:700}
.navbar .nav-link.btn-carta{background-color:var(--dourado); color:#002f6c !important; border-radius:30px; padding:6px 16px}
.custom-dropdown{background-color: rgba(5,12,20,0.92); border:1px solid rgba(255,255,255,0.06); border-radius:8px; min-width:200px}
.custom-dropdown .dropdown-item{color:#f5f7f9;font-weight:700;padding:10px 18px}

/* Compensar navbar fixa */
main.page-content{padding-top:var(--navbar-height)}

/* Títulos e destaque */
.texto-azul{font-family:var(--font-titulo); font-weight:700; text-align:center; font-size:2rem;
  background-image:linear-gradient(90deg,#0044cc,#1e90ff,#66a3ff); background-clip:text; -webkit-background-clip:text; color:transparent}
.texto-dourado{font-family:var(--font-titulo); font-weight:700; background-image:linear-gradient(90deg,#b8860b,#ffd700); background-clip:text; -webkit-background-clip:text; color:transparent; animation: brilhoDourado 3s linear infinite}
@keyframes brilhoDourado{from{background-position:0%}to{background-position:200%}}

/* CONTROLES de filtros */
.contemplados-controls { display:flex; gap:.75rem; align-items:center; flex-wrap:wrap; }
.filter-group { display:flex; flex-direction:column; gap:6px; font-size:.9rem; color:#ccc; min-width:120px; }
.filter-label{font-size:.82rem;color:#ddd}
.contemplados-controls select, .contemplados-controls input[type="text"]{padding:.48rem .6rem;border:1px solid #444;border-radius:8px;background:#111;color:#fff;min-width:120px}
.small-group input{min-width:72px;background:#111;color:#fff}
.btn-reset{padding:.45rem .8rem;border-radius:8px;border:1px solid #666;background:#222;color:#fff;font-weight:600}

/* tabela / lista responsiva */
.table-responsive{overflow-x:auto}
.contemplados-table{width:100%;border-collapse:collapse;margin-top:.5rem}
.contemplados-table th, .contemplados-table td{padding:.5rem .6rem;border:1px solid #2b2b2b;text-align:left;font-size:.95rem;color:#fff}
.contemplados-table thead{background:#1f1f1f;color:#fff}
.entrada-pct{color:#ccc;margin-left:.5rem;font-size:.85rem;font-weight:500}
.sortable{cursor:pointer}
.sort-indicator{font-size:.8rem;margin-left:.4rem;color:#ccc}

/* mobile: transforma cada linha em card */
@media (max-width:900px){
  .contemplados-controls{display:none}
  .contemplados-controls.open{display:flex}
  .contemplados-table thead{display:none}
  .contemplados-table, .contemplados-table tbody, .contemplados-table tr, .contemplados-table td{display:block;width:100%}
  .contemplados-table tr{border:1px solid #2b2b2b;border-radius:10px;padding:.6rem;margin-bottom:.6rem;background:linear-gradient(180deg,#141414,#0f0f0f)}
  .contemplados-table td{padding:.45rem .5rem;border:none;display:flex;justify-content:space-between;align-items:center;font-size:.98rem;border-bottom:1px dashed rgba(255,255,255,0.03)}
  .contemplados-table td::before{content:attr(data-label);display:inline-block;min-width:42%;color:#bbb;font-weight:600;margin-right:.8rem;font-size:.85rem}
  .contemplados-table td span.value-inline{color:#fff;font-weight:500}
  #contemplados-count-short{display:block}
}
@media (min-width:901px){ #contemplados-count-short{display:none} }

/* CTA e botões */
.btn-primary{background:linear-gradient(180deg,#fff8c6 0%,#f5d76e 30%,#d4af37 70%);color:black !important;border:none;border-radius:50px;padding:12px 35px;box-shadow:0 4px 10px rgba(0,0,0,0.5)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,0.6)}

/* seta voltar (estilo link) */
.seta-voltar{position:fixed;top:100px;left:20px;background:var(--dourado);color:var(--azul-safra);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,0.3);border:2px solid var(--azul-safra);text-decoration:none}
.seta-voltar:hover{background:var(--azul-safra);color:var(--dourado);transform:scale(1.08)}

/* footer */
footer{background-color:var(--azul-safra);color:#fff;text-align:center;padding:24px 10px;margin-top:40px}

/* ajustes finais */
.contemplados-wrapper{margin:.5rem 0}