@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
*{
  box-sizing:border-box;
  margin:0;
  padding:0
}

body{
  font-family:'Inter',Arial,sans-serif;
  background:#F0F2F5;
  color:#212121;
  line-height:1.6
}

.lc{max-width:1200px;margin:0 auto;padding:24px 16px}
.hero{background:linear-gradient(135deg,#003DA5 0%,#00579B 50%,#003DA5 100%);color:#fff;border-radius:20px;text-align:center;margin-bottom:44px;overflow:hidden;position:relative}
.hero::before{content:'';position:absolute;top:-60%;left:-30%;width:160%;height:220%;background:radial-gradient(circle,rgba(0,121,107,.12) 0%,transparent 55%);pointer-events:none}
.hero-ill{width:100%;display:block}
.hero-c{padding:40px 40px 48px;position:relative;z-index:2}
.hero h1{font-size:2.5em;font-weight:800;letter-spacing:-.8px;margin:0 0 10px}
.hero h1 span{color:#FFD100}
.hero .hs{font-size:1.1em;opacity:.9;margin:0 auto 32px;max-width:760px;line-height:1.55}
.hero .hst{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.hero .hi{text-align:center}
.hero .hi strong{display:block;font-size:2.2em;color:#FFD100;font-weight:800;line-height:1.1}
.hero .hi span{font-size:.82em;opacity:.75}
.ov{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px}
.ovc{background:#fff;border-radius:14px;padding:22px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05);border-top:4px solid #ccc;transition:transform .2s}
.ovc:hover{transform:translateY(-3px)}
.ovc .oi{margin-bottom:10px;display:flex;justify-content:center;align-items:center;min-height:52px}
.ovc h3{font-size:.78em;font-weight:600;color:#757575;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}
.ovc .ovv{font-size:1.5em;font-weight:800}
.o1{border-top-color:#F5A623}.o1 .ovv{color:#D48B07}
.o2{border-top-color:#2196F3}.o2 .ovv{color:#1565C0}
.o3{border-top-color:#4CAF50}.o3 .ovv{color:#2E7D32}
.ph{margin-bottom:40px}
.phh{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:10px;border-bottom:3px solid #E0E0E0}
.phb{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3em;font-weight:800;color:#fff;flex-shrink:0}
.phh h2{font-size:1.3em;font-weight:700;color:#212121}
.phh h2 small{display:block;font-size:.62em;font-weight:400;color:#757575;margin-top:3px}
.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.cd{background:#fff;border-radius:14px;padding:22px 20px 20px;box-shadow:0 2px 12px rgba(0,0,0,.05);border-left:5px solid #ccc;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.cd:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(0,0,0,.10)}
.cd h3{font-size:.98em;font-weight:700;margin:0 0 8px;line-height:1.3}
.cd .cm{display:flex;gap:10px;font-size:.75em;color:#757575;margin-bottom:10px;flex-wrap:wrap}
.cd .cm span{display:flex;align-items:center;gap:3px}
.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.7em;font-weight:700;letter-spacing:.3px}
.b-uv{background:#003DA5;color:#fff}
.b-en{background:#E91E63;color:#fff}
.b-tc{background:#FF5722;color:#fff}
.cd .cp{font-size:.84em;color:#555;line-height:1.5;margin-bottom:14px;flex-grow:1}
.cd .cb{display:inline-block;padding:9px 18px;border-radius:9px;font-size:.82em;font-weight:700;text-decoration:none;text-align:center;transition:background .2s,transform .15s;align-self:flex-start}
.cd .cb:hover{transform:scale(1.03)}
.p1 .phb{background:#F5A623}.p1 .cd{border-left-color:#F5A623}.p1 .cb{background:#F5A623;color:#212121}.p1 .cb:hover{background:#D48B07}
.p2 .phb{background:#2196F3}.p2 .cd{border-left-color:#2196F3}.p2 .cb{background:#2196F3;color:#fff}.p2 .cb:hover{background:#1976D2}
.p3 .phb{background:#4CAF50}.p3 .cd{border-left-color:#4CAF50}.p3 .cb{background:#4CAF50;color:#fff}.p3 .cb:hover{background:#388E3C}
.acc{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 2px 14px rgba(0,0,0,.05);margin-bottom:36px}
.acc h2{font-size:1.2em;font-weight:700;color:#003DA5;margin-bottom:16px}
.acc details{border:1px solid #E0E0E0;border-radius:10px;margin-bottom:8px;overflow:hidden;transition:all .2s}
.acc details[open]{border-color:#003DA5;box-shadow:0 2px 8px rgba(0,61,165,.08)}
.acc summary{padding:14px 18px;font-size:.95em;font-weight:700;color:#333;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;background:#FAFBFC;transition:background .2s}
.acc summary::-webkit-details-marker{display:none}
.acc summary::before{content:'+';display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#003DA5;color:#FFD100;font-size:1.1em;font-weight:800;flex-shrink:0;transition:transform .25s}
.acc details[open] summary::before{content:'−';transform:rotate(180deg);background:#FFD100;color:#003DA5}
.acc details[open] summary{background:#F0F4FF;color:#003DA5}
.acc summary:hover{background:#EEF1F6}
.acc .acc-body{padding:14px 18px 18px;font-size:.9em;color:#555;line-height:1.65}
.acc .acc-body ul{list-style:none;padding:0;margin:8px 0 0}
.acc .acc-body ul li{padding:6px 0 6px 24px;position:relative}
.acc .acc-body ul li::before{content:'✔';position:absolute;left:0;color:#4CAF50;font-weight:700}
.acc .acc-body a{color:#003DA5;font-weight:600;text-decoration:none;border-bottom:1px dashed #003DA5}
.acc .acc-body a:hover{color:#FFD100;border-color:#FFD100}
.res{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 14px rgba(0,0,0,.05);margin-bottom:36px}
.res h2{font-size:1.2em;font-weight:700;color:#003DA5;margin-bottom:16px}
.rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ri-a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;background:#F5F7FA;text-decoration:none;color:#333;transition:background .2s,transform .15s;font-size:.88em;font-weight:600}
.ri-a:hover{background:#E8EDF4;transform:translateY(-2px)}
.ri-ic{width:36px;height:36px;border-radius:8px;background:#003DA5;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#FFD100;font-size:1.1em}
.ft{text-align:center;padding:28px 16px;color:#999;font-size:.82em;border-top:2px solid #E0E0E0;margin-top:8px;line-height:1.7}
.ft strong{color:#003DA5}
.ft em{color:#757575}

@media(max-width:900px){
  .ov{grid-template-columns:1fr}
}

@media(max-width:768px){
  .hero .hero-c{padding:28px 20px 32px}
  .hero h1{font-size:1.7em}
  .cg{grid-template-columns:1fr}
  .hero .hst{gap:24px}
  .hero .hi strong{font-size:1.7em}
}

/* Skip link e foco visível (WCAG 2.4) */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:#FFD100;color:#212121;z-index:1000;border-radius:6px;font-weight:700}
:focus-visible{outline:3px solid #FFD100;outline-offset:3px}

/* Banner inicial mais estreito (~1/3 da altura original) */
.hero{margin-bottom:32px}
.hero-c{padding:18px 22px 20px}
.hero h1{font-size:1.6em;margin-bottom:6px}
.hero .hs{font-size:.95em;margin-bottom:12px}
.hero .hst{gap:20px}
.hero .hi strong{font-size:1.5em}
.hero .hi span{font-size:.72em}
.hero-ill{height:110px;max-height:110px;overflow:hidden}
.hero-ill svg{height:110px}

@media(max-width:768px){
  .hero-c{padding:16px 14px 18px}
  .hero h1{font-size:1.4em}
  .hero-ill{height:90px}
}

/* ===== Card especial de webinar ===== */

.cd-webinar{
  background: linear-gradient(135deg,#001a4d 0%,#002c7a 60%,#1a0040 100%);
  color:#fff;
  border-left:none;
  position:relative;
  overflow:hidden;
}

/* topo (tags) */
.cw-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:12px;
  flex-wrap:wrap;
}

.cw-tag{
  font-size:.72em;
  font-weight:700;
  padding:6px 12px;
  border-radius:20px;
}

.cw-tag-wb{
  background:#E6E0F5;
  color:#4A2E8A;
}

.cw-tag-video{
  background:#E91E1E;
  color:#fff;
}

/* título */
.cw-title{
  font-size:1.4em;
  font-weight:800;
  line-height:1.2;
  margin-bottom:12px;
}

/* meta */
.cw-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  flex-wrap:wrap;
}

.cw-chip{
  font-size:.8em;
  background:rgba(255,255,255,.08);
  padding:6px 12px;
  border-radius:20px;
}

.cw-play{
  margin-left:auto;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#E91E1E;
  border-radius:50%;
  font-size:1.2em;
}

/* descrição */
.cw-desc{
  font-size:.9em;
  line-height:1.5;
  margin-bottom:14px;
  color:rgba(255,255,255,.9);
}

/* temas */
.cw-temas{
  margin-bottom:16px;
}

.cw-temas strong{
  display:block;
  margin-bottom:8px;
  font-size:1em;
}

.cw-temas ul{
  list-style:none;
  padding:0;
  margin:0;
}

.cw-temas li{
  padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,.15);
  font-size:.85em;
}

/* botão */
.cw-btn{
  display:block;
  padding:14px;
  background:#FFD100;
  color:#212121;
  font-weight:800;
  text-align:center;
  border-radius:12px;
  text-decoration:none;
  transition:transform .15s, background .2s;
}

.cw-btn:hover{
  background:#e6bd00;
  transform:translateY(-2px);
}
``