html,body{margin:0;background:#06030D;color:#F5F3F8;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}
a{text-decoration:none;color:inherit}
#gti-root{min-height:100vh}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.gti-sent{grid-column:1/-1;margin:0;padding:14px 16px;border-radius:12px;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.4);color:#7DF0B3;font-size:14.5px;font-weight:600}

/* Aviso de idioma (site em inglês aberto automaticamente) */
.gti-langcard{position:fixed;right:24px;bottom:24px;z-index:9999;width:440px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:18px 18px 16px;border-radius:18px;background:rgba(11,6,23,.96);border:1px solid rgba(179,122,255,.45);box-shadow:0 24px 60px rgba(0,0,0,.55);color:#F5F3F8;font:14px/1.5 Inter,system-ui,sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:gti-lc-in .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes gti-lc-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.gti-langcard .gti-lc-h{margin:0;padding-right:28px;display:flex;gap:10px;align-items:center;font:700 17px/1.3 Sora,sans-serif;color:#FFFFFF}
.gti-langcard .gti-lc-i{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(179,122,255,.14);border:1px solid rgba(179,122,255,.45)}
.gti-langcard .gti-lc-t{margin:6px 0 14px;color:#CCC6D9;font-size:14px}
.gti-langcard .gti-lc-b{display:flex;gap:8px}
.gti-langcard .gti-lc-p,.gti-langcard .gti-lc-s{flex:1;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 12px;border-radius:12px;font:700 14px Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.gti-langcard .gti-lc-p{border:0;background:linear-gradient(135deg,#9857FF,#B77AFF);color:#0B0118}
.gti-langcard .gti-lc-s{border:1px solid rgba(255,255,255,.18);background:transparent;color:#F5F3F8}
.gti-langcard .gti-lc-s:hover{border-color:rgba(179,122,255,.6)}
.gti-langcard .gti-lc-x{position:absolute;right:8px;top:6px;width:36px;height:36px;border:0;background:none;color:#9289A7;font-size:20px;line-height:1;cursor:pointer;border-radius:10px}
.gti-langcard .gti-lc-x:hover{color:#FFFFFF;background:rgba(255,255,255,.06)}
.gti-langcard :focus-visible{outline:2px solid #B37AFF;outline-offset:2px}
@media (max-width:600px){.gti-langcard{left:12px;right:12px;bottom:12px;width:auto}.gti-langcard .gti-lc-b{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.gti-langcard{animation:none}}
/* Seletor PT | EN mais compacto no celular */
@media (max-width:520px){*:has(> .gti-lang){gap:12px !important}.gti-lang-a{min-width:30px !important;padding:0 7px !important}}

/* CiBER DETETiVE — ajustes responsivos (nomes de serviços mais longos que os do tema original) */
.gti-ftcols .gti-fl{max-width:100%}
.gti-ftcols > nav[aria-label] > div:last-child{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr)) !important}
@media (min-width: 761px){
  .gti-ftcols .gti-fl > span:not([aria-hidden]){display:none}
  .gti-ftcols{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important}
}
@media (min-width: 1400px){
  .gti-ftcols{grid-template-columns:minmax(0,1.05fr) minmax(0,1.9fr) minmax(0,.95fr) minmax(0,.95fr) !important;column-gap:36px !important}
}
/* rede de segurança: se ainda faltar espaço, quebra a linha em vez de invadir a coluna vizinha */
.gti-ftcols .gti-fl{white-space:normal !important;line-height:1.35}
/* abas do carrossel da home em celulares: nomes longos (CyberSecurity, Threat Intelligence) */
@media (max-width: 480px){
  .gti-film > span{padding-left:10px !important;padding-right:10px !important}
  .gti-film span[style*="font-weight: 600"]{font-size:13.5px !important}
}
.gti-film span{overflow-wrap:anywhere}
/* cartões "por nível" na biografia */
@media (max-width: 520px){
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px"]{grid-template-columns:minmax(0,1fr) !important}
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px"] > div{display:flex;align-items:baseline;gap:12px;text-align:left !important;padding:8px 12px !important}
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px"] > div > span:last-child{margin-top:0 !important;font-size:13px !important}
}
/* títulos principais em telas muito estreitas (iPhone SE e similares) */
@media (max-width: 380px){
  #gti-root h1{font-size:clamp(28px, 10.2vw, 40px) !important;line-height:1.08 !important}
}
/* palavras longas nunca saem da caixa: hifeniza em celulares e, em último caso, quebra a palavra */
#gti-root :is(h1,h2,h3,h4,p,blockquote,li,span,a){overflow-wrap:break-word}
@media (max-width: 420px){
  #gti-root :is(h1,h2,h3,h4){-webkit-hyphens:auto;hyphens:auto}
}
/* títulos de seção grandes em telas de até 380px (iPhone SE, Androids compactos) */
@media (max-width: 380px){
  #gti-root :is(h2,h3)[style*="font-size: clamp(28px"],#gti-root :is(h2,h3)[style*="font-size: clamp(30px"],#gti-root :is(h2,h3)[style*="font-size: clamp(32px"],#gti-root :is(h2,h3)[style*="font-size: clamp(34px"],#gti-root :is(h2,h3)[style*="font-size: clamp(36px"],#gti-root :is(h2,h3)[style*="font-size: clamp(40px"],#gti-root :is(h2,h3)[style*="font-size: 28px"],#gti-root :is(h2,h3)[style*="font-size: 30px"],#gti-root :is(h2,h3)[style*="font-size: 32px"],#gti-root :is(h2,h3)[style*="font-size: 34px"],#gti-root :is(h2,h3)[style*="font-size: 36px"]{font-size:8.4vw !important}
}
/* biografias: cartão "Formação acadêmica" mais justo em celulares */
@media (max-width: 520px){
  div:has(> .gti-fdhead)[style*="padding: 40px"]{padding:24px 18px !important}
}
@media (max-width: 420px){
  .gti-fdhead h2{font-size:7.2vw !important}
}
/* barra superior em celulares: o link do teste de golpes ocupa a linha inteira */
@media (max-width: 420px){
  div[style*="min-height: 46px"] > span[style*="gap: 18px"]{flex-wrap:wrap;row-gap:8px;padding-block:4px}
  div[style*="min-height: 46px"] > span[style*="gap: 18px"] > a:first-child{flex:1 1 100%}
}
/* capa do vídeo com o logotipo completo: botão de play ao lado do logotipo (computador) e abaixo dele (celular) */
@media (min-width: 761px){
  .gti-play{left:auto !important;right:6% !important;transform:translateY(-50%) !important}
  .gti-play:hover{transform:translateY(-50%) scale(1.04) !important}
}
@media (max-width: 760px){
  .gti-play{top:60% !important}
}
