/* =========================================================================
   Ícaro Express — Consentimento de cookies e componentes de privacidade
   Conforme Guia Orientativo da ANPD: aceitar, recusar e gerenciar com o
   mesmo destaque visual, e revogação a qualquer momento.
   ========================================================================= */

:root{
  --iel-azul:#122149;
  --iel-dourado:#BB8716;
  --iel-cinza:#464547;
}

/* ---------- H1 das páginas ----------
   O tema não tinha nenhum <h1>. Os títulos <h3> viraram <h1> para dar ao Google e
   aos leitores de tela a hierarquia correta. Esta regra replica exatamente o
   tamanho do h3 do tema (32px/42px, peso 400), então nada muda visualmente. */
h1.iel-h1{
  font-size:32px; line-height:42px; font-weight:400; letter-spacing:0; margin-bottom:15px;
}

/* ---------- Banner (primeira camada) ---------- */
#iel-cookie-banner{
  position:fixed; left:0; right:0; bottom:0; z-index:2147483000;
  background:#fff; color:var(--iel-cinza);
  border-top:4px solid var(--iel-dourado);
  box-shadow:0 -4px 24px rgba(0,0,0,.18);
  padding:22px 24px;
  font-family:"DM Sans","Roboto",Arial,sans-serif;
  font-size:15px; line-height:1.55;
  display:none;
}
#iel-cookie-banner.iel-show{display:block}
#iel-cookie-banner .iel-inner{max-width:1180px; margin:0 auto; display:flex; gap:26px; flex-wrap:wrap; align-items:center}
#iel-cookie-banner .iel-txt{flex:1 1 460px; min-width:280px}
#iel-cookie-banner strong{display:block; color:var(--iel-azul); font-size:17px; margin-bottom:6px}
#iel-cookie-banner a{color:var(--iel-azul); text-decoration:underline}
#iel-cookie-banner .iel-acoes{display:flex; gap:10px; flex-wrap:wrap}

/* Os três botões têm o MESMO peso visual — exigência da ANPD.
   Um botão "recusar" apagado invalida o consentimento. */
.iel-btn{
  font:600 14px/1 "DM Sans","Roboto",Arial,sans-serif;
  padding:13px 20px; border-radius:4px; cursor:pointer;
  border:2px solid var(--iel-azul); background:#fff; color:var(--iel-azul);
  transition:background .15s, color .15s; white-space:nowrap;
}
.iel-btn:hover{background:var(--iel-azul); color:#fff}
.iel-btn-primario{background:var(--iel-azul); color:#fff}
.iel-btn-primario:hover{background:var(--iel-dourado); border-color:var(--iel-dourado)}

/* ---------- Painel de preferências (segunda camada) ---------- */
#iel-cookie-modal{
  position:fixed; inset:0; z-index:2147483001;
  background:rgba(18,33,73,.55); display:none;
  align-items:center; justify-content:center; padding:20px;
}
#iel-cookie-modal.iel-show{display:flex}
#iel-cookie-modal .iel-box{
  background:#fff; max-width:640px; width:100%; max-height:88vh; overflow-y:auto;
  border-radius:6px; padding:30px 32px;
  font-family:"DM Sans","Roboto",Arial,sans-serif; color:var(--iel-cinza); font-size:15px; line-height:1.55;
}
#iel-cookie-modal h2{color:var(--iel-azul); font-size:21px; margin:0 0 6px}
#iel-cookie-modal .iel-sub{font-size:14px; color:#7d7d80; margin:0 0 22px}
.iel-cat{border:1px solid #e2e2e2; border-radius:5px; padding:16px 18px; margin-bottom:14px}
.iel-cat-topo{display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:6px}
.iel-cat h3{margin:0; font-size:15.5px; color:var(--iel-azul)}
.iel-cat p{margin:0; font-size:13.5px}
.iel-cat .iel-base{display:block; margin-top:7px; font-size:12.5px; color:#8a8a8c}
.iel-fixo{font-size:12.5px; color:#8a8a8c; white-space:nowrap; font-weight:600}
#iel-cookie-modal .iel-rodape{display:flex; gap:10px; flex-wrap:wrap; margin-top:22px}

/* Interruptor */
.iel-switch{position:relative; display:inline-block; width:46px; height:26px; flex:none}
.iel-switch input{opacity:0; width:0; height:0}
.iel-slider{position:absolute; cursor:pointer; inset:0; background:#c9c9c9; border-radius:26px; transition:.2s}
.iel-slider:before{content:""; position:absolute; height:20px; width:20px; left:3px; bottom:3px;
  background:#fff; border-radius:50%; transition:.2s}
.iel-switch input:checked + .iel-slider{background:var(--iel-dourado)}
.iel-switch input:checked + .iel-slider:before{transform:translateX(20px)}
.iel-switch input:focus-visible + .iel-slider{outline:2px solid var(--iel-azul); outline-offset:2px}

/* ---------- Placeholder de conteúdo de terceiro bloqueado ---------- */
.iel-bloqueado{
  background:#f4f5f7; border:1px dashed #b9bcc4; border-radius:5px;
  padding:34px 26px; text-align:center; color:var(--iel-cinza);
  font-family:"DM Sans","Roboto",Arial,sans-serif; font-size:14.5px; line-height:1.6;
}
.iel-bloqueado strong{display:block; color:var(--iel-azul); margin-bottom:6px; font-size:16px}
.iel-bloqueado .iel-btn{margin-top:14px}

/* ---------- Aviso de privacidade nos formulários ---------- */
.iel-aviso-form{
  font-size:13px; line-height:1.55; color:#6d6d70; margin:14px 0 10px;
  font-family:"DM Sans","Roboto",Arial,sans-serif;
}
.iel-aviso-form a{color:var(--iel-azul); text-decoration:underline}
.iel-consent{display:flex; gap:9px; align-items:flex-start; font-size:13.5px; margin:12px 0; line-height:1.5}
.iel-consent input[type=checkbox]{margin-top:3px; width:16px; height:16px; flex:none}

/* Campo-armadilha anti-spam: invisível para humanos, preenchido por robôs */
.iel-hp{position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden}

/* ---------- Rodapé de privacidade ---------- */
.iel-rodape-legal{
  font-family:"DM Sans","Roboto",Arial,sans-serif;
  font-size:12.5px; line-height:1.75; padding:6px 0;
}
.iel-rodape-legal a{text-decoration:underline}
.iel-rodape-legal button.iel-link{
  background:none; border:0; padding:0; font:inherit; cursor:pointer;
  text-decoration:underline; color:inherit;
}

@media (max-width:640px){
  #iel-cookie-banner{padding:18px 16px; font-size:14px}
  #iel-cookie-banner .iel-acoes{width:100%}
  #iel-cookie-banner .iel-acoes .iel-btn{flex:1 1 100%}
  #iel-cookie-modal .iel-box{padding:22px 20px}
}