/* Referências: TechMaster (Inter, vermelho e botões), Formação (marca e modalidades), MechSummit (identidade do evento). */
body{font-family:Inter,system-ui,-apple-system,sans-serif}
.header{height:90px}.header .brand-logo{width:136px;height:auto}.header nav{font-size:13px;font-weight:500;gap:28px}.header .nav-contact{background:var(--red);border-color:var(--red);color:#fff;border-radius:8px;font-weight:600;padding:13px 20px}.header .nav-contact:hover{background:#aa0015;color:#fff;border-color:#aa0015}
.hero{background:#111;min-height:650px}.hero-image{opacity:.48}.hero-shade{background:linear-gradient(90deg,#111 0%,#111f 18%,#111e 38%,#1118 65%,#1113)}
h1{font-weight:900;font-size:clamp(43px,4.2vw,60px);line-height:1.12;letter-spacing:-1.8px}h2{font-weight:800;letter-spacing:-1.4px}.hero p{font-size:17px;color:#b7b7bb}.button{border-radius:9px;font-size:14px;min-height:54px;padding:16px 24px;gap:30px}.hero .button{margin-top:7px}.hero-bottom{margin-top:57px}.eyebrow{font-size:11px;letter-spacing:1.3px}
.about-copy .lead{font-weight:600;font-size:20px}.about-copy p:not(.lead){font-size:15px}.text-link{font-size:13px}.area-card{border-radius:14px;background:#fff;border-color:#e6e6e8;padding:28px;box-shadow:0 3px 14px #11111103}.area-card h3{font-size:25px;font-weight:700;letter-spacing:-.8px}.area-card p{font-size:14px}.card-top{font-size:10px;letter-spacing:.7px}.card-link{font-size:12px}.quick-inner strong{font-weight:600}.formation-photo{border-radius:14px}.formation-copy>p,.event-copy>p{font-size:15px}.photo-caption{border-radius:0 8px 0 0}.digital{gap:16px;margin-top:24px;padding-top:24px}.digital-icon{border-radius:8px}.digital p{font-size:13px}.small-link{font-size:12px}.training-formats{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.training-formats a{display:inline-flex;align-items:center;gap:15px;font-size:12px;font-weight:600;border:1px solid #dfe1e4;border-radius:7px;padding:11px 14px}.training-formats a:hover{border-color:var(--red);color:var(--red)}.training-formats span{color:var(--red)}
.support{background:#111}.support h2{font-size:34px}.support-copy>p{font-size:15px}.tech-panel{border:1px solid #ffffff17;border-radius:16px;padding:30px;background:#1c1c1c}.tech-logo{width:210px;height:auto;margin:25px 0}.tech-panel>p{font-size:15px}.tech-features span{border-radius:6px;font-size:11px;background:#ffffff05}.panel-label{font-size:10px}.event-visual{border-radius:14px;background:radial-gradient(ellipse at top left,#530d15,#151515 75%);min-height:380px}.event-visual img{filter:none;width:245px;height:210px}.event-lines,.event-lines:before,.event-lines:after{border-color:#d4001a55}.event-kicker,.event-bottom{font-size:9px;letter-spacing:1px}.certification strong{font-weight:600}.contact h2{font-size:53px}.hours{border-radius:9px}.contact-row>a:not(.small-link){font-size:20px}.footer .brand{background:#fff;padding:12px 18px;border-radius:8px}.footer .brand-logo{width:154px;height:auto}.footer .brand:hover{opacity:.9}.footer-main{grid-template-columns:1.7fr 1fr 1fr}.footer-links{font-size:12px}.social{font-size:11px}.footer-bottom{font-size:10px}.funding img{border-radius:5px}
@media(max-width:1100px){.header nav{gap:20px;font-size:12px}.area-card{padding:22px}.support-inner{gap:35px}.tech-panel{padding:25px}.card-link{font-size:11px}.area-card h3{font-size:23px}}
@media(max-width: 1024px){.header{height:80px}.header .brand-logo{width:120px}.header nav{top:80px;gap:8px;font-size:14px}.menu-toggle{border-radius:8px}.hero{min-height:620px}h1{font-size:clamp(42px,7vw,56px)}.hero p{font-size:16px}.area-card{padding:18px}.area-card h3{font-size:21px}.area-card p{font-size:13px}.card-top{font-size:8px}.card-link{font-size:10px}.button{font-size:13px}.support-inner{gap:35px}.contact h2{font-size:42px}.footer-bottom{font-size:9px}.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer .brand-logo{width:135px}.event-visual{padding:20px}.event-kicker,.event-bottom{font-size:8px;letter-spacing:.4px}}
@media(max-width:580px){.hero{min-height:620px}.hero .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:41px;letter-spacing:-1.6px}.hero p{font-size:14px}.hero-bottom{margin-top:40px}.hero-bottom>span{font-size:7px;letter-spacing:.4px}.eyebrow{font-size:10px}.area-card{padding:25px}.area-card h3{font-size:27px}.area-card p{font-size:14px}.card-top{font-size:10px}.card-link{font-size:12px}.support h2{font-size:31px}.formation h2,.event h2{font-size:31px}.tech-logo{width:195px}.tech-features{gap:8px}.tech-features span{font-size:10px}.event-kicker,.event-bottom{font-size:9px}.event-visual{min-height:340px}.contact h2{font-size:44px}.footer-main{grid-template-columns:1fr 1fr}.quick-inner strong{font-size:11px}.quick-inner>a{gap:6px}.training-formats a{padding:11px 12px}.footer-bottom>div{gap:13px}.footer-bottom{font-size:8px}}
@media(max-width:360px){h1{font-size:36px}.hero .eyebrow{font-size:8px}.contact h2{font-size:40px}.tech-panel{padding:20px}.tech-logo{width:180px}.contact-row>a:not(.small-link){font-size:18px}.formation h2,.event h2{font-size:29px}.training-formats a{font-size:11px;padding:10px}.quick-inner strong{font-size:10px}.quick-inner>a{font-size:7px}}

/* Simplificação visual: cor da marca, fotografia e duas ações de formação. */
body { background: #f6f4f1; }
.hero-image { filter: none; opacity: .8; }
.hero-video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.hero-shade { background: linear-gradient(90deg, #111 0%, #111e 32%, #1118 64%, #1113); }
.about { padding-block: 76px; }
.about h2 .muted { color: #bd0017; }
.areas { background: #ece9e5; padding-block: 72px; }
.area-card { box-shadow: none; border: 0; border-top: 4px solid var(--red); }
.area-card:first-child { background: #c90019; color: #fff; border-top-color: #c90019; }
.area-card:nth-child(2) { background: #222528; color: #fff; border-top-color: #222528; }
.area-card:nth-child(-n+2) p { color: #fff; }
.area-card:nth-child(-n+2) svg,
.area-card:nth-child(-n+2) .card-link span { color: #fff; }
.area-card:nth-child(-n+2) .card-link { border-color: #ffffff4d; }



.formation { padding-block: 80px; gap: 64px; }
.formation-copy > p { max-width: 420px; }
.formation-photo { border-radius: 20px; }
.formation .training-cta {
  width: 100%;
  min-height: 58px;
  padding: 17px 22px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  gap: 18px;
}
.training-cta > span[aria-hidden] { flex: 0 0 auto; }
.charcoal { color: #fff; background: #222528; }
.charcoal:hover { color: #fff; background: #3a3e43; }
.formation .digital {
  display: block;
  margin-top: 26px;
  padding: 24px;
  border: 1px solid #e8c8cb;
  border-left: 4px solid var(--red);
  border-radius: 12px;
  background: #fbe9eb;
}
.formation .digital h3 { font-size: 22px; margin-bottom: 10px; }
.formation .digital p { color: #55555b; font-size: 14px; margin-bottom: 20px; }
.support { border-top: 4px solid var(--red); }
.event { padding-block: 76px; }
.contact {
  margin-block: 64px;
  padding: 48px;
  border-radius: 20px;
  background: #fbe9eb;
  gap: 64px;
}
.contact-row { border-color: #dfbfc4; }
.contact .hours { background: #fff8f8; }
@media (max-width: 1100px) {
  .formation { gap: 40px; }
  .contact { padding: 36px; gap: 40px; }
}
@media (max-width: 1024px) {
  .hero-shade { background: linear-gradient(90deg, #111e, #111b 60%, #1117); }
  .about, .areas, .event { padding-block: 56px; }
  .formation { padding-block: 56px; gap: 30px; }
  .contact { margin-block: 40px; padding: 30px; }
}
@media (max-width: 580px) {
  .hero-image { opacity: .65; }
  .formation .digital { padding: 20px; }
  .formation .training-cta { font-size: 14px; padding-inline: 16px; gap: 12px; }
  .contact { padding: 26px 20px; }
  .contact h2 { font-size: clamp(34px, 10vw, 44px); }
}

/* Identidade MechSummit: fontes e cores do site oficial, apenas nesta secção. */
@font-face {
  font-family: 'MechSummit Oswald';
  src: url('oswald-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
}
@font-face {
  font-family: 'MechSummit Work Sans';
  src: url('work-sans-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
.summit {
  --summit-red: hsl(0 84% 45%);
  --summit-highlight: hsl(0 84% 65%);
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 64px;
  margin-block: 76px;
  padding: 64px;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
  background: #101112;
  font-family: 'MechSummit Work Sans', Inter, sans-serif;
}
.summit::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, #10111275, #101112e8 55%, #101112f2);
}
.summit-brand { min-width: 0; text-align: center; }
.summit-brand img { width: min(100%, 255px); height: auto; margin-inline: auto; filter: none; }
.summit-brand p { margin: 24px 0 0; color: #fff; font-size: 13px; }
.summit-copy { min-width: 0; }
.summit .eyebrow { color: #fff; font-size: 11px; letter-spacing: 1.4px; }
.summit .eyebrow > span { background: var(--summit-highlight); }
.summit h2 {
  font-family: 'MechSummit Oswald', sans-serif;
  font-size: clamp(30px, 3vw, 43px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .01em;
  text-transform: uppercase;
}
.summit h2 > span { color: var(--summit-highlight); }
.summit-copy > p { margin: 24px 0 28px; max-width: 44ch; color: #ececec; font-size: 16px; line-height: 1.65; }
.summit-cta { min-height: 56px; background: var(--summit-red); color: #fff; font-size: 15px; border-radius: 12px; }
.summit-cta:hover { background: #ac0f0f; box-shadow: 0 8px 24px #ec2e2e33; }
.summit-cta:focus-visible { outline-color: #fff; }
@media (max-width: 1100px) {
  .summit { padding: 44px; gap: 40px; }
}
@media (max-width: 1024px) {
  .summit { grid-template-columns: minmax(0, 1fr); padding: 40px; gap: 32px; margin-block: 56px; }
  .summit::before { background: linear-gradient(180deg, #10111280, #101112eb 55%, #101112f2); }
  .summit-brand { text-align: left; }
  .summit-brand img { width: 160px; margin-inline: 0; }
  .summit-brand p { margin-top: 16px; }
  .summit h2 { font-size: clamp(29px, 5vw, 38px); }
  .summit-copy > p { max-width: 48ch; }
}
@media (max-width: 580px) {
  .summit { padding: 32px 24px; margin-block: 40px; border-radius: 16px; }
  .summit h2 { font-size: clamp(27px, 7vw, 34px); }
  .summit-copy > p { font-size: 15px; }
  .summit-cta { display: flex; width: 100%; padding: 16px; font-size: 14px; gap: 12px; }
}

/* Vídeo decorativo: atrás da camada de contraste e do conteúdo. */
.summit-video { position: absolute; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; container-type: size; background: #101112 url('mechsummit-video-poster.jpg') center / cover no-repeat; }
/* Vídeo do YouTube (16:9) a cobrir toda a secção, como object-fit: cover. */
.summit-video iframe { position: absolute; top: 50%; left: 50%; width: max(100%, 177.78cqh); height: max(100%, 56.25cqw); transform: translate(-50%, -50%); border: 0; }
