@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url("assets/baloo-2-700.woff2") format("woff2")}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url("assets/baloo-2-800.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("assets/poppins-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("assets/poppins-700.woff2") format("woff2")}
/* Apenas tipografia: versão conexao-movimento-ajustado + fontes do HTML de referência. */
:root{--font-display:"Baloo 2","Arial Rounded MT Bold",Verdana,sans-serif;--font-body:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-family:var(--font-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,.facts strong,.hero-meta strong,.day strong{font-family:var(--font-display);font-weight:800}
.hero h1{font-size:clamp(38px,4.5vw,66px);line-height:1.08;letter-spacing:0}
h2{line-height:1.1;letter-spacing:0}
.experience h3,.sponsor-grid h3{line-height:1.15;letter-spacing:0}
.location-card h3{line-height:1.12;letter-spacing:0}
.agenda-row h3{line-height:1.25;letter-spacing:0}
.faq summary{font-family:var(--font-display);font-weight:700;line-height:1.4}
.hero-meta strong,.facts strong,.contact h2{letter-spacing:0}
@media(max-width:1000px){.hero h1{font-size:clamp(36px,4.8vw,55px)}}
@media(max-width:700px){.hero h1{font-size:clamp(32px,8.5vw,52px);line-height:1.12;letter-spacing:0}h2,.together-copy h2,.experience h3,.sponsor-grid h3,.contact h2{letter-spacing:0}.sponsor-grid h3{font-size:32px}.agenda-row h3{font-size:18px}}
@media (max-width: 700px) {
  header {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }

  header .brand {
    width: 210px;
    margin-inline: auto;
  }

  header nav {
    order: 2;
    width: 100%;
  }

  header > .button {
    order: 3;
    background: transparent;
    color: var(--ink);
    box-shadow: none;
    border: 1px solid #00000025;
    padding: 8px 16px;
    font-size: 12px;
  }

  .hero h1,
  .about h2 {
    font-size: 2.375rem;
  }
}
@media (max-width: 700px) {
  header > .button {
    background-color: #bc175c;
    color: #ffffff;
    border-color: #bc175c;
  }

  header > .button:hover {
    background-color: #9e104c;
    color: #ffffff;
    border-color: #9e104c;
  }
}
@media (max-width: 700px) {
  header {
    position: relative;
    overflow: visible;
    z-index: 3;
  }

  header > .button {
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    white-space: nowrap;
    font-weight: 600;
  }

  header > .button:hover {
    transform: translateX(-50%);
  }

  .hero .hero-inner {
    padding-top: 66px;
  }
}