@charset "UTF-8";
/*
  Kris Reis Treinamentos — visual novo, implementado a partir do handoff
  do Claude Design ("Site Kris Reis.dc.html"). A maior parte da aparência
  (cores, fontes, espaçamentos) vem via `style=""` inline nas views —
  igual ao arquivo de design original — porque isso tem prioridade sobre
  qualquer CSS legado (style.css, geral_legacy.css, estrutura_legacy.css,
  cursos_legacy.css, home_legacy.css, topo_rodape_legacy.css,
  site_modern.css, site_header_footer.css) sem precisar de `!important`
  nem depender da ordem de carregamento.

  Este arquivo cobre só o que `style=""` não resolve: :hover/:focus,
  @keyframes, comportamento responsivo (menu mobile) e o header sticky.
  Todas as classes usam o prefixo `kr-` e não existem em nenhum arquivo
  legado — zero risco de colisão.
*/

@keyframes kr-wa-pulse{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}
  70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}

.kr-body{margin:0;background:#fff;font-family:'IBM Plex Sans',system-ui,sans-serif;color:#12203a;-webkit-font-smoothing:antialiased;text-align:left;}
.kr-body, .kr-body *{box-sizing:border-box;}

/* Os arquivos legados ainda carregados nesta página (para as views que
   não foram migradas) têm um `*{color:...; font-size:16px}` universal
   que é uma declaração explícita e por isso vence qualquer `color`
   herdado do elemento pai — mesmo sem nenhuma especificidade própria.
   Isso apagava textos brancos (herdados de uma seção com fundo navy)
   sempre que o elemento em si não tinha um `color` no próprio style="".
   Uma única regra aqui — mais específica que `*` — devolve a herança
   normal em toda a página nova; qualquer link/botão que precise de uma
   cor própria já define isso no seu style="" inline (que tem prioridade
   sobre qualquer seletor de classe, então não é afetado por isto). */
.kr-body *{color:inherit;font-size:inherit;line-height:inherit;}

/* header sticky (compensação de espaço não é necessária: sticky, não fixed) */
.kr-header{position:sticky;top:0;z-index:40;}

/* ---------- Links de navegação (estado hover/active calculado no PHP,
   cor de base fica inline; aqui só o comportamento :hover) ---------- */
.kr-nav-link:hover{background:#f4f7fd !important;color:#0a2b5e !important;}
.kr-entrar-btn:hover{border-color:#1256b8 !important;background:#f6f9ff !important;}
.kr-ola-aluno:hover{border-color:#1256b8 !important;background:#f6f9ff !important;}
.kr-drawer-toggle:hover{border-color:#1256b8 !important;}

.kr-hero-cta-solid:hover{background:#dce9ff !important;color:#0a2b5e !important;}
.kr-hero-cta-outline:hover{border-color:#fff !important;background:rgba(255,255,255,.08) !important;}

.kr-about-cta-solid:hover{background:#0a3a80 !important;color:#fff !important;}
.kr-about-cta-outline:hover{border-color:#1256b8 !important;background:#fff !important;}

.kr-course-card{border-color:#e6ecf6;}
.kr-course-card:hover{box-shadow:0 10px 26px rgba(10,43,94,.1);}
.kr-course-card__cta:hover{filter:brightness(1.08);}

/* !important necessário: site_modern.css tem
   `button,input[type=submit],input[type=button],.btn{color:#fff !important}` */
.kr-tab{border:1.5px solid #dde5f2;background:#fff;color:#3c4c66 !important;}
.kr-tab:hover:not(.is-active){border-color:#c9d8f0;}
.kr-tab.is-active{background:var(--kr-tab-color,#0a2b5e);border-color:var(--kr-tab-color,#0a2b5e);color:#fff !important;}
/* filtro de modalidade dentro da área de Saúde na Home */
.kr-filtro{border:1.5px solid #dde5f2;background:#fff;color:#3c4c66 !important;}
.kr-filtro:hover:not(.is-active){border-color:#c9d8f0;}
.kr-filtro.is-active{background:var(--kr-tab-color,#0a2b5e);border-color:var(--kr-tab-color,#0a2b5e);color:#fff !important;}
.kr-area-turmas > [hidden]{display:none !important;}
/* fotos da seção Quem somos na Home (levam para a galeria) */
.kr-home-foto{display:block;border-radius:12px;overflow:hidden;background:#eef4ff;}
.kr-home-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.kr-home-foto:hover img{transform:scale(1.04);}

.kr-cert-input:focus{border-color:#1256b8 !important;outline:none;}
.kr-cert-submit:hover{background:#0a3a80 !important;}

.kr-footer-link:hover{color:#fff !important;}
.kr-footer-phone:hover{color:#cfe0fa !important;}
.kr-footer-social:hover{background:rgba(255,255,255,.12) !important;}
.kr-footer-wa:hover{color:#7fefc4 !important;}

.kr-wa-float{animation:kr-wa-pulse 2.6s infinite;}
.kr-wa-float:hover{background:#1fbe5a !important;color:#06210f !important;}

.kr-login-close:hover{background:#e5ebf7 !important;}
.kr-login-submit:hover{background:#0a3a80 !important;}

/* ---------- Menu mobile ---------- */
/* !important necessário: site_modern.css tem
   `button,input[type=submit],input[type=button],.btn{color:#fff !important}` */
.kr-drawer-toggle{display:none;color:#0a2b5e !important;}
.kr-drawer-backdrop{position:fixed;inset:0;background:rgba(8,26,56,.55);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:95;}
.kr-drawer-backdrop.is-open{opacity:1;pointer-events:auto;}
.kr-drawer{position:fixed;top:0;right:0;height:100%;width:min(300px,86vw);background:#0a2b5e;z-index:96;transform:translateX(100%);transition:transform .25s ease;overflow-y:auto;}
.kr-drawer.is-open{transform:translateX(0);}
.kr-drawer a{display:block;color:#fff;text-decoration:none;font:600 15px 'IBM Plex Sans',sans-serif;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.1);}
.kr-drawer a:hover{background:rgba(255,255,255,.08);}

@media screen and (max-width:900px){
  .kr-nav{display:none !important;}
  .kr-header-account{display:none !important;}
  .kr-drawer-toggle{display:inline-flex !important;}
}

@media screen and (max-width:560px){
  .kr-hero-ctas{flex-direction:column;}
  .kr-hero-ctas a{width:100%;text-align:center;}
}

/* ===== Espaço do Aluno (painel, material, avaliações, meus dados, senha) =====
   Botões com !important: "#paginas a:link" do site_modern.css (seletor de id)
   pinta todo link de azul e venceria qualquer classe. */
.kr-aa{max-width:1200px;margin:0 auto;padding:0 24px 72px;}
.kr-aa-voltar{display:inline-block;margin:0 0 18px;font-size:14px;font-weight:600;color:#1256b8 !important;text-decoration:none !important;}
.kr-aa-h1{float:none !important;position:static !important;width:auto !important;padding:0 !important;border:0 !important;text-align:left !important;font:800 clamp(26px,3vw,38px)/1.1 'Archivo',sans-serif !important;letter-spacing:-.02em;margin:0 !important;color:#0a2b5e !important;}
.kr-aa-sub{font-size:15.5px;line-height:1.6;color:#5a6b87;margin:10px 0 30px;max-width:760px;}
.kr-aa-card{background:#fff;border:1px solid #e3e9f4;border-radius:16px;padding:24px;}
.kr-aa-card + .kr-aa-card{margin-top:16px;}
.kr-aa-h2{float:none !important;position:static !important;width:auto !important;padding:0 !important;border:0 !important;text-align:left !important;font:800 19px/1.25 'Archivo',sans-serif !important;color:#12203a !important;margin:0 !important;}
.kr-aa-vazio{padding:48px 24px;border:1.5px dashed #c9d8f0;border-radius:16px;background:#f8fafd;text-align:center;}
.kr-btn-aa{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:10px;font:700 14px 'Archivo',sans-serif;text-decoration:none !important;border:0;cursor:pointer;transition:filter .15s ease,background .15s ease;}
.kr-btn-aa:hover{filter:brightness(1.07);}
.kr-btn-aa:disabled{opacity:.4;cursor:not-allowed;filter:none;}
/* botão só com ícone (✕): site_modern.css força color:#fff !important em todo <button> */
.kr-btn-fechar{color:#5a6b87 !important;background:transparent !important;border:0 !important;padding:4px 8px !important;box-shadow:none !important;font-size:22px !important;line-height:1 !important;cursor:pointer;}
.kr-btn-fechar:hover{color:#0a2b5e !important;background:#f3f6fb !important;border-radius:8px;}
.kr-btn-aa--azul{background:#1256b8;color:#fff !important;}
.kr-btn-aa--verde{background:#0f7a52;color:#fff !important;}
.kr-btn-aa--vermelho{background:#c0392b;color:#fff !important;}
.kr-btn-aa--contorno{background:#fff;color:#0a2b5e !important;border:1.5px solid #c9d8f0;}
.kr-btn-aa--grande{padding:15px 22px;font-size:16px;}
.kr-aa-form label{display:block;font-size:13.5px;font-weight:600;color:#12203a;margin:0 0 6px;}
.kr-aa-form input[type=text],.kr-aa-form input[type=email],.kr-aa-form input[type=password],.kr-aa-form input[type=tel]{width:100%;height:46px;padding:0 14px;border:1.5px solid #d6e0ef;border-radius:10px;background:#fff;font-size:15px;color:#12203a;transition:border-color .15s ease,box-shadow .15s ease;}
.kr-aa-form input:focus{outline:none;border-color:#1256b8;box-shadow:0 0 0 3px rgba(18,86,184,.12);}
.kr-aa-form input[readonly]{background:#f3f6fb;color:#5a6b87;}
.kr-aa-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 18px;}
.kr-aa-grid > div{grid-column:span 12;}
@media (min-width: 760px){
  .kr-aa-grid .c3{grid-column:span 3;} .kr-aa-grid .c4{grid-column:span 4;} .kr-aa-grid .c5{grid-column:span 5;} .kr-aa-grid .c6{grid-column:span 6;} .kr-aa-grid .c8{grid-column:span 8;} .kr-aa-grid .c9{grid-column:span 9;}
}
.kr-etapa{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:#f8fafd;border:1px solid #e3e9f4;}
.kr-etapa-titulo{font:700 12px 'Archivo',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5a6b87;}
.kr-etapa-texto{font-size:14px;line-height:1.45;color:#44556f;}