/* Telas do tema (29/10/2026): seção com abas e prints do tema usado nos projetos (Escolas e Faculdades, E-learning).
   Mesmo visual da seção "Gestão da imobiliária" (imobiliarias-painel-20261028.css), com nomes genéricos e largura própria,
   para funcionar tanto nas páginas de segmento quanto nas de serviço. Sem JS, as telas aparecem uma embaixo da outra. */
.tt-secao{position:relative;isolation:isolate;padding-block:88px;background:radial-gradient(ellipse at left bottom,#007da8,transparent 72%),linear-gradient(115deg,#082e66,#063b88);color:#c1dff4;overflow:hidden}
.tt-wrap{width:min(1290px,calc(100% - 96px));margin-inline:auto}
.tt-cabecalho{max-width:880px;margin:0 auto 36px;text-align:center}
.tt-kicker{font-size:15px;font-weight:500;line-height:1.4;color:#8adff8;text-transform:uppercase;letter-spacing:.035em;margin:0 0 17px}
.tt-cabecalho h2{font-family:'Source Sans Pro',sans-serif;font-weight:400;font-size:45px;line-height:1.12;margin:0 0 18px}
/* as páginas de segmento pintam os h2 com degradê escuro (agency-typography.css): aqui o título fica amarelo, como na seção de IA */
.tt-secao .tt-cabecalho h2{color:#f4cc26!important;-webkit-text-fill-color:#f4cc26;background:none!important}
.tt-cabecalho p{color:#c2e0f5;font-size:20px;line-height:1.6;margin:0}
.tt-abas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 36px}
.tt-painel:not(.tt-js) .tt-abas{display:none}
.tt-aba{appearance:none;display:inline-flex;align-items:center;gap:8px;border:1px solid #8adff866;border-radius:40px;background:#ffffff0f;color:#e3f3fd;padding:10px 18px;font:600 15px/1.2 'Source Sans Pro',sans-serif;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.tt-aba svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tt-aba:hover{border-color:#f4cc26;color:#fff}
.tt-aba[aria-selected="true"]{background:#fff;border-color:#fff;color:#063b88}
.tt-aba:focus-visible{outline:2px solid #f4cc26;outline-offset:3px}
.tt-telas{display:grid;gap:56px}
.tt-tela{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:48px;align-items:center;margin:0}
.tt-tela[hidden]{display:none}
.tt-janela{display:block;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 60px #00143a66,0 0 0 1px #ffffff24;transition:transform .3s}
.tt-janela:hover{transform:translateY(-4px)}
.tt-janela:focus-visible{outline:2px solid #f4cc26;outline-offset:4px}
.tt-barra{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#eef3f8}
.tt-barra i{width:10px;height:10px;border-radius:50%;background:#28c840}
.tt-barra i:first-child{background:#ff5f57}
.tt-barra i:nth-child(2){background:#febc2e}
.tt-barra b{margin-left:10px;width:min(300px,60%);height:18px;border-radius:9px;background:#fff;color:#7a8ea3;font:500 11px/18px 'Source Sans Pro',sans-serif;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-janela img{display:block;width:100%;height:auto}
.tt-legenda .tt-num{display:block;font-size:13px;color:#8adff8;margin-bottom:14px}
.tt-legenda h3{font-family:'Source Sans Pro',sans-serif;font-weight:400;color:#fff!important;font-size:30px!important;line-height:1.2;margin:0 0 14px}
.tt-legenda p{color:#c2e0f5;font-size:18px;line-height:1.6;margin:0 0 18px}
.tt-legenda ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tt-legenda li{position:relative;padding-left:26px;color:#e3f3fd;font-size:16px;line-height:1.5}
.tt-legenda li::before{content:"✓";position:absolute;left:0;top:0;color:#f4cc26;font-weight:700}
.tt-legenda .tt-ampliar{display:inline-block;margin-top:18px;color:#f4cc26;font-size:14px;border-bottom:1px solid #f4cc2666}
.tt-legenda .tt-ampliar:hover{color:#ffda42}
.tt-nota{max-width:1000px;margin:40px auto 0;border-left:2px solid #8adff877;padding-left:18px;font-size:15px;line-height:1.7;color:#c1daee}
.tt-acoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 28px;margin-top:34px}
.tt-acoes .tt-next{color:#c6e8fc;font-size:15px}
.tt-acoes .tt-next>span{color:#8adff8}
.tt-secao :is(a,button):focus-visible{outline-color:#f4cc26}
@media(max-width:980px){.tt-tela{grid-template-columns:1fr;gap:26px}.tt-cabecalho h2{font-size:37px}.tt-wrap{width:calc(100% - 72px)}}
@media(max-width:760px){
  .tt-secao{padding-block:65px}
  .tt-wrap{width:calc(100% - 40px)}
  .tt-abas{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:0 -20px 26px;padding:0 20px 6px;scrollbar-width:none}
  .tt-abas::-webkit-scrollbar{display:none}
  .tt-aba{flex:none;font-size:14px;padding:9px 14px}
  .tt-cabecalho h2{font-size:31px}
  .tt-cabecalho p{font-size:17px}
  .tt-legenda h3{font-size:24px!important}
  .tt-legenda p{font-size:16px}
  .tt-barra{height:24px}.tt-barra b{display:none}
}