/* Home LMS Brasil (redesign 2026-10). Carrega depois de mb.css; escopo body.home */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('/assets/fonts/source-serif-4-var.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;src:url('/assets/fonts/source-sans-3-var.woff2') format('woff2')}

body.home{
  --paper:#FAF9F6; --paper-2:#F1EFE9; --rule:#E2DED4; --rule-2:#CFC9BC;
  --ink:#13211E; --muted:#4A5552; --accent:#0B6652; --accent-soft:#E3F0EB;
  --wa:#0F7A40;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:18px; line-height:1.6;
}
.home ::selection{background:#CFE5DC;color:var(--ink)}
.home :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.home .site-header{background:rgba(250,249,246,.92);border-bottom-color:var(--rule)}
.home .reveal{opacity:1 !important;transform:none !important}
.home h1,.home h2,.home h3{font-family:var(--serif);color:var(--ink);font-weight:600;letter-spacing:-.015em;text-wrap:balance}
.home p{text-wrap:pretty}
.home a{text-underline-offset:3px}
.home .wrap{max-width:1160px}

/* botões */
.h-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:8px;font:600 17px/1.2 var(--sans);text-decoration:none;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.h-btn svg{width:20px;height:20px;flex:none}
.h-btn-wa{background:var(--wa);color:#fff}
.h-btn-wa:hover{background:#0B6A37;transform:translateY(-1px)}
.h-btn-line{background:transparent;color:var(--ink);border-color:var(--rule-2)}
.h-btn-line:hover{border-color:var(--ink)}
.h-link{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-thickness:1px}
.h-link:hover{text-decoration-thickness:2px}

/* seções */
.h-sec{padding:88px 0}
.h-sec+.h-sec{border-top:1px solid var(--rule)}
.h-sec.alt{background:var(--paper-2)}
.h-head{max-width:720px;margin-bottom:40px}
.h-head h2{font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.15;margin:0 0 14px}
.h-head p{margin:0;color:var(--muted);font-size:19px}

/* hero */
.h-hero{padding:72px 0 64px}
.h-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:64px;align-items:center}
.h-hero h1{font-size:clamp(2.4rem,5vw,4.1rem);line-height:1.06;margin:0 0 22px;letter-spacing:-.025em}
.h-hero h1 em{font-style:normal;color:var(--accent)}
.h-lead{font-size:20px;color:var(--muted);max-width:36em;margin:0 0 30px}
.h-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.h-note{margin:18px 0 0;font-size:15px;color:var(--muted)}
.h-note b{color:var(--ink);font-weight:600}
.h-person{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:28px;box-shadow:0 1px 2px rgba(19,33,30,.06),0 4px 12px -6px rgba(19,33,30,.18)}
.h-person img{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;margin-bottom:18px}
.h-person blockquote{margin:0 0 18px;font-family:var(--serif);font-size:20px;line-height:1.45;color:var(--ink)}
.h-person .who{font-size:15px;color:var(--muted);line-height:1.45}
.h-person .who b{display:block;color:var(--ink);font-size:16px}

/* instituições */
.h-orgs{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:22px 0}
.h-orgs .wrap{display:flex;flex-wrap:wrap;gap:10px 34px;align-items:baseline}
.h-orgs p{margin:0;font-size:15px;color:var(--muted)}
.h-orgs ul{display:flex;flex-wrap:wrap;gap:8px 30px;list-style:none;margin:0;padding:0}
.h-orgs li{font-family:var(--serif);font-size:18px;font-weight:600;color:#33403C}

/* sintomas */
.h-sym{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;list-style:none;margin:0;padding:0}
.h-sym li{padding:20px 0;border-top:1px solid var(--rule)}
.h-sym b{display:block;font-family:var(--serif);font-size:21px;font-weight:600;margin-bottom:4px}
.h-sym span{color:var(--muted)}

/* casos como tabela */
.h-cases{width:100%;border-collapse:collapse;font-size:17px}
.h-cases th{text-align:left;font:600 14px/1.3 var(--sans);color:var(--muted);padding:0 20px 12px 0;border-bottom:1px solid var(--rule-2)}
.h-cases td{vertical-align:top;padding:22px 20px 22px 0;border-bottom:1px solid var(--rule)}
.h-cases td:first-child{width:34%}
.h-cases h3{font-size:20px;line-height:1.34;margin:0 0 6px}
.h-cases td:last-child{font-weight:600;color:var(--ink)}
.h-cases td{color:var(--muted)}
.h-cases .num{font-variant-numeric:tabular-nums lining-nums}
.h-more{margin-top:28px}

/* serviços */
.h-svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.h-svc div{padding:22px 0;border-top:1px solid var(--rule)}
.h-svc h3{font-size:21px;margin:0 0 6px}
.h-svc p{margin:0;color:var(--muted)}
.h-price{margin-top:36px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;padding:24px 28px;background:#fff;border:1px solid var(--rule);border-radius:10px}
.h-price p{margin:0;flex:1 1 360px}
.h-price strong{font-family:var(--serif);font-size:24px;font-variant-numeric:lining-nums}

/* independência */
.h-indep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.h-indep h2{font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.15;margin:0}
.h-indep p{margin:0 0 16px;color:var(--muted)}
.h-facts{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}
.h-facts span{font-size:15px;color:var(--muted)}
.h-facts b{display:block;font-family:var(--serif);font-size:28px;color:var(--ink);font-variant-numeric:lining-nums;line-height:1.1}

/* blog */
.h-posts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.h-posts a{text-decoration:none;color:inherit;display:block}
.h-posts small{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}
.h-posts h3{font-size:21px;line-height:1.34;margin:0 0 8px}
.h-posts a:hover h3{text-decoration:underline;text-decoration-thickness:1px}
.h-posts p{margin:0;color:var(--muted);font-size:16px}

/* setores */
.h-sectors{columns:4 200px;column-gap:32px;list-style:none;margin:0;padding:0}
.h-sectors li{break-inside:avoid;padding:7px 0}
.h-sectors a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule-2)}
.h-sectors a:hover{border-color:var(--accent);color:var(--accent)}

/* faq */
.h-faq{max-width:800px}
.h-faq details{border-top:1px solid var(--rule)}
.h-faq details:last-child{border-bottom:1px solid var(--rule)}
.h-faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-family:var(--serif);font-size:20px;font-weight:600;position:relative}
.h-faq summary::-webkit-details-marker{display:none}
.h-faq summary::after{content:"";position:absolute;right:8px;top:30px;width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.h-faq details[open] summary::after{transform:rotate(-135deg);top:34px}
.h-faq details p{margin:0 0 22px;color:var(--muted);max-width:65ch}

/* cta final */
.h-final{background:var(--ink);color:#E7ECEA;padding:80px 0}
.h-final h2{color:#fff;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.12;margin:0 0 14px;max-width:18em}
.h-final p{color:#BFCBC7;max-width:40em;margin:0 0 30px;font-size:19px}
.h-final .h-btn-line{color:#fff;border-color:#4C5E59}
.h-final .h-btn-line:hover{border-color:#fff}

@media (max-width:900px){
  .h-hero-grid,.h-indep{grid-template-columns:1fr;gap:40px}
  .h-posts{grid-template-columns:1fr;gap:28px}
}
@media (max-width:720px){
  body.home{font-size:17px}
  .h-sec{padding:60px 0}
  .h-hero{padding:40px 0 48px}
  .h-sym,.h-svc{grid-template-columns:1fr}
  .h-cta .h-btn{width:100%;justify-content:center}
  .h-cases thead{display:none}
  .h-cases,.h-cases tbody,.h-cases tr,.h-cases td{display:block;width:auto !important}
  .h-cases tr{padding:18px 0;border-bottom:1px solid var(--rule)}
  .h-cases td{border:0;padding:4px 0}
  .h-cases td[data-l]::before{content:attr(data-l);display:block;font-size:13px;font-weight:600;color:var(--accent)}
  .h-person{padding:22px}
}
@media (prefers-reduced-motion:reduce){.home *{transition:none !important}}
.h-cases h3 a{color:inherit;text-decoration:none}
.h-cases h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.home .site-footer{background:#0D1715;border-top:1px solid #22302C}
.home .site-footer span[style]{color:#A9B6B2 !important}

/* capas do blog */
.h-cover{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;margin-bottom:16px;border:1px solid var(--rule);box-shadow:0 1px 2px rgba(19,33,30,.05)}
.h-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.h-posts a:hover .h-cover img{transform:scale(1.035)}
.h-posts a:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:10px}

/* passo a passo do Moodle gerenciado */
.h-steps{list-style:none;counter-reset:st;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.h-steps li{counter-increment:st;padding-top:16px;border-top:2px solid var(--ink)}
.h-steps li::before{content:counter(st);display:block;font:600 30px/1 var(--serif);color:var(--accent);margin-bottom:10px;font-variant-numeric:lining-nums}
.h-steps b{display:block;font-family:var(--serif);font-size:19px;line-height:1.34;margin-bottom:6px}
.h-steps span{color:var(--muted);font-size:16px}
@media (max-width:900px){.h-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.h-steps{grid-template-columns:1fr;gap:20px}}