/* Portal TIC · Página inicial 2026/27 (visual claro) */
:root{--navy:#14243d;--orange:#e8641c;--orange-2:#f07a2c;--ink:#1c2533;--muted:#4a5566;--bg:#f6f7f9;--line:#e3e6eb}
*{box-sizing:border-box}
body.home{margin:0;background:var(--bg);color:var(--ink);font-family:"Montserrat","Segoe UI",system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}

.home-hero{position:relative;display:flex;min-height:360px;background:linear-gradient(90deg,#fbfbfc 0,#f1f3f6 45%);overflow:hidden}
.home-hero-photo{position:absolute;inset:0 0 0 auto;width:62%;background:url(branding/home-hero.webp) center/cover no-repeat;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}
.home-hero-copy{position:relative;z-index:1;width:100%;max-width:1600px;margin:0 auto;padding:44px 40px 40px 70px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.home-hero h1{margin:0 0 14px;max-width:600px;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08;font-weight:800;letter-spacing:-.8px;color:var(--navy)}
.home-hero p{margin:0 0 26px;max-width:540px;font-size:1.3rem;line-height:1.45;color:var(--muted)}
.home-cta{display:inline-flex;align-items:center;gap:14px;background:#c2410c;color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem;padding:14px 32px;border-radius:8px;transition:background .15s,transform .15s}
.home-cta:hover{background:#a8380a;transform:translateY(-1px)}
.home-cta svg{width:22px;height:22px}

.home-main{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:34px 40px 26px}
.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.class-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 2px 8px rgba(20,36,61,.06);transition:transform .2s,box-shadow .2s}
.class-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,36,61,.12)}
.class-card-photo{height:220px;background:url(branding/card-10e.webp) center/cover no-repeat}
.class-card-photo.f{background-image:url(branding/card-10f.webp)}
.class-card-photo.g{background-image:url(branding/card-10g.webp)}
.class-card-body{position:relative;padding:20px 26px 22px 52px}
.class-card-body::before{content:"";position:absolute;left:28px;top:22px;width:4px;height:52px;border-radius:2px;background:var(--orange)}
.class-card-body strong{display:block;font-size:2rem;line-height:1.1;font-weight:800;color:var(--navy)}
.class-card-body .tag{display:block;font-size:1rem;color:var(--muted);margin:2px 0 12px}
.class-card-body p{margin:0;font-size:1.05rem;line-height:1.45;color:var(--muted)}
.notice.hidden{display:none}

/* Ecrã inteiro sem scroll (computador) */
@media (min-width:861px) and (min-height:560px){
  body.home{height:100vh;overflow:hidden}
  .home-hero{flex:0 0 38vh;min-height:0}
  .home-hero-copy{padding-top:2vh;padding-bottom:2vh}
  .home-hero h1{font-size:clamp(1.9rem,6.4vh,3.6rem);margin-bottom:1.4vh}
  .home-hero p{font-size:clamp(.95rem,2.3vh,1.3rem);margin-bottom:2.6vh}
  .home-cta{padding:1.5vh 32px}
  .home-main{flex:1;min-height:0;display:flex;padding-top:3.4vh;padding-bottom:2.4vh}
  .class-grid{flex:1;min-height:0}
  .class-card{min-height:0}
  .class-card-photo{flex:1;height:auto;min-height:0}
  .class-card-body{padding-top:2vh;padding-bottom:2.2vh}
}
@media (max-width:1100px){.class-card-body strong{font-size:1.6rem}.class-card-body p{font-size:.95rem}}
@media (max-width:860px){
  .home-hero{min-height:0}
  .home-hero-photo{width:100%;opacity:.16;clip-path:none}
  .home-hero-copy{padding:34px 16px}
  .home-hero p{font-size:1.1rem}
  .home-main{padding:22px 16px}
  .class-grid{grid-template-columns:1fr;gap:20px}
  .class-card-photo{height:180px}
}
.home-hero-line{display:block;width:100%;max-width:540px;height:5px;border-radius:3px;background:var(--orange)}
/* Barra de cada turma com a cor principal da turma */
.class-card[href="10e/"] .class-card-body::before{background:#e8641c}
.class-card[href="10f/"] .class-card-body::before{background:#2f7de1}
.class-card[href="10g/"] .class-card-body::before{background:#2e9e5b}