/* Piloto Fácil · layout compartilhado dos cursos
   Mobile-first. Conteúdo e lógica continuam nas páginas de cada curso. */
:root{--pf-navy:#0D1B2A;--pf-slate:#1B263B;--pf-gold:#D4A017;--pf-bg:#f7f8fa;--pf-line:#e1e5ea;--pf-muted:#687385;--pf-card:#fff;--pf-radius:14px;--pf-shadow:0 8px 24px rgba(13,27,42,.06)}
html{overflow-x:hidden}body{overflow-x:hidden;background:var(--pf-bg)}
.site-header{background:#fff;border-bottom:1px solid var(--pf-line)}
.site-header .wrap{height:68px;max-width:1200px;padding:0 18px;gap:14px}
.nav{gap:16px}
.wrap{max-width:1120px;padding-left:18px;padding-right:18px}
/* identidade comum */
.tv-hero,.course-hero,.hero{padding:32px 0 24px;background:linear-gradient(135deg,var(--pf-navy),var(--pf-slate))}
.tv-title,.course-title,.hero h1{color:#fff;font-weight:800;line-height:1.15}
.tv-sub,.course-sub,.hero p{color:#d3d9e2;line-height:1.6}
.section{padding:24px 0}
.card,.progress-card,.demo-card,.quick-card,.hot-row,.mod-row,.aula-row,.reader-card,.quiz-panel,.module-card{border-color:var(--pf-line);border-radius:var(--pf-radius);box-shadow:var(--pf-shadow)}
.btn{min-height:42px}
/* listas e módulos */
.mod-row,.aula-row{min-width:0}
.mod-body,.aula-title{min-width:0;overflow-wrap:anywhere}
/* leitores */
.reader,.reader-content,.reader-main,.microaula-reader{min-width:0}
.reader-content img,.reader-content table,.microaula-reader img,.microaula-reader table{max-width:100%}
.reader-content pre,.microaula-reader pre{max-width:100%;overflow:auto}
.quiz-q,.quiz-opt{max-width:100%;overflow-wrap:anywhere}
/* tablet */
@media(max-width:900px){
  .site-header .wrap{height:auto;min-height:62px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
  .nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 4px;gap:18px;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .quick-grid,.interactives-grid{grid-template-columns:1fr 1fr}
  .progress-card{align-items:flex-start}
  .hot-box{align-items:flex-start}
}
/* telefone: uma única coluna, toque confortável e leitura vertical */
@media(max-width:600px){
  body{padding-bottom:0;font-size:14px}
  .site-header{position:sticky;top:0;z-index:100}
  .site-header .wrap{padding:9px 12px;gap:9px}
  .logo-badge{width:34px;height:34px}
  .logo-word{font-size:16px}
  .logo-tag{font-size:8px}
  .pf-auth-slot{margin-left:auto}
  .nav{gap:14px;font-size:12px}
  .nav a{font-size:12px;padding:7px 0}
  .wrap{padding-left:12px;padding-right:12px}
  .tv-hero,.course-hero,.hero{padding:24px 0 20px}
  .tv-title,.course-title,.hero h1{font-size:23px}
  .tv-sub,.course-sub,.hero p{font-size:12.5px}
  .tv-hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .tv-hero-actions .btn{width:100%}
  .section{padding:16px 0}
  .card{padding:15px}
  .progress-card{display:flex;flex-direction:column;gap:13px;padding:15px}
  .progress-info{width:100%;min-width:0}
  .progress-actions{width:100%}
  .progress-actions .btn{width:100%}
  .quick-grid,.interactives-grid{grid-template-columns:1fr;gap:9px}
  .quick-card,.demo-card{padding:14px;text-align:left}
  .quick-card .qc-time{font-size:20px}
  .hot-box{padding:13px}
  .hot-list{gap:7px}
  .hot-row{padding:10px 12px;gap:9px;flex-wrap:wrap}
  .hot-bar-outer{order:4;flex-basis:100%;max-width:none}
  .roadmap{align-items:stretch}
  .rm-step{max-width:none;padding:9px 10px}
  .disc-list-head{margin:22px 0 12px}
  .disc-list-head h2{font-size:18px}
  .disc-list-head p{font-size:12px}
  .mod-list{gap:8px}
  .mod-row{padding:14px 12px;gap:11px;align-items:flex-start}
  .mod-num{font-size:16px;width:24px}
  .mod-name{font-size:13.5px;line-height:1.35}
  .mod-desc{font-size:11.5px;line-height:1.45}
  .mod-meta{font-size:10.5px;line-height:1.4}
  .mod-arrow{font-size:16px;margin-top:2px}
  .back-link{margin-bottom:12px;font-size:12px}
  .mod-detail-head h1{font-size:20px;line-height:1.2}
  .mod-detail-head .kicker{font-size:10px}
  .reader-card,.reader-content,.microaula-reader{width:100%;padding-left:0;padding-right:0}
  .reader-content{font-size:14px;line-height:1.7}
  .reader-content h2,.reader-content h3{font-size:18px;line-height:1.3;margin-top:20px}
  .reader-content ul,.reader-content ol{padding-left:20px}
  .aula-row{padding:12px 10px;gap:8px}
  .aula-title{font-size:12.5px;line-height:1.35}
  .quiz-panel{padding:12px}
  .quiz-opt{display:block;width:100%;text-align:left;min-height:46px;padding:10px 12px;margin-top:7px;border-radius:9px}
  .btn{width:100%;min-height:46px;font-size:13px}
  .actions,.reader-actions,.module-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .actions .btn,.reader-actions .btn,.module-actions .btn{width:100%}
  .section-title{font-size:18px!important}
}
@media(max-width:380px){
  .tv-title,.course-title,.hero h1{font-size:21px}
  .logo-tag{display:none}
  .nav{gap:12px}
  .mod-row{padding:12px 10px}
}
/* acessibilidade/touch */
@media(pointer:coarse){
  .btn,.nav a,.quick-card,.mod-row,.aula-row,.flow-step,.eixo-btn,.quiz-opt{min-height:44px}
  input,select,textarea{font-size:16px!important}
}