:root{
  --azul:#063b63;
  --azul2:#075985;
  --azul3:#0f7aa8;
  --laranja:#ff8a00;
  --laranja2:#f97316;
  --cinza:#f4f7fb;
  --branco:#ffffff;
  --texto:#1f2937;
  --muted:#607083;
  --borda:#d9e2ec;
  --sombra:0 14px 35px rgba(5,35,60,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial, Helvetica, sans-serif;color:var(--texto);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1180px;margin:0 auto;padding:0 22px}
.topbar{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 3px 18px rgba(0,0,0,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 0}
.brand img{height:52px;width:auto}
.menu{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:700;color:#213547}
.menu a{padding:8px 10px;border-radius:999px;transition:.2s}
.menu a:hover{background:#eef6fb;color:var(--azul2)}
.ava-strip{background:#eef7fc;border-bottom:1px solid #d8edf7}
.ava-inner{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 22px;flex-wrap:wrap;font-size:13px;color:#24455f}
.ava-title{font-weight:800;color:var(--azul)}
.ava-btn{background:#fff;color:var(--azul);border:1px solid #c9e3f1;border-radius:999px;padding:6px 13px;font-weight:800;box-shadow:0 3px 8px rgba(5,35,60,.06)}
.ava-btn:hover{background:var(--azul);color:#fff}
.hero{background:radial-gradient(circle at 18% 20%, rgba(255,255,255,.24), transparent 26%), radial-gradient(circle at 80% 25%, rgba(255,138,0,.2), transparent 25%), linear-gradient(135deg,#042c4b 0%,#065179 48%,#0a78a5 100%);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -8% -65px -8%;height:120px;background:#fff;transform:rotate(-2deg)}
.hero-content{position:relative;z-index:1;min-height:335px;display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center;padding:46px 22px 74px}
.hero h1{font-size:clamp(30px,4.5vw,56px);line-height:1.05;margin:0 0 18px;font-weight:900;letter-spacing:-1px;text-shadow:0 3px 12px rgba(0,0,0,.22)}
.hero p{font-size:20px;max-width:760px;margin:0 0 24px;color:#eef9ff;text-shadow:0 2px 8px rgba(0,0,0,.18)}
.hero-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:24px;backdrop-filter:blur(8px);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.hero-card strong{font-size:20px;display:block;margin-bottom:8px}.hero-card span{color:#eaf8ff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;background:var(--laranja);color:#fff;font-weight:900;border:0;box-shadow:0 8px 18px rgba(255,138,0,.28);transition:.2s}
.btn:hover{transform:translateY(-1px);background:var(--laranja2)}
.btn.secondary{background:var(--azul);box-shadow:none}.btn.outline{background:#fff;color:var(--azul);border:1px solid #d7e3ed;box-shadow:none}.btn.small{padding:9px 14px;font-size:13px}
.logos{padding:24px 0;background:#fff}
.logos-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center}
.logo-box{background:#fff;border:1px solid var(--borda);border-radius:18px;padding:18px;min-height:116px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(7,59,99,.07)}
.logo-box img{max-height:78px;width:auto;object-fit:contain}
.logo-box.fan img{max-height:96px}.logo-box.uni img{max-height:66px}
.section{padding:58px 0}.section.alt{background:var(--cinza)}.section.blue-soft{background:linear-gradient(180deg,#eef8fd,#fff)}.section.orange-soft{background:linear-gradient(180deg,#fff7ed,#fff)}
.section-title{text-align:center;margin-bottom:32px}.section-title h2{margin:0 0 8px;font-size:clamp(26px,3vw,38px);color:var(--azul);line-height:1.15}.section-title p{margin:0 auto;max-width:850px;color:var(--muted);font-size:17px}
.grid{display:grid;gap:18px}.grid.cards-5{grid-template-columns:repeat(5,1fr)}.grid.cards-4{grid-template-columns:repeat(4,1fr)}.grid.cards-3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--borda);border-radius:22px;padding:24px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:12px;min-height:100%}
.card h3{margin:0;color:var(--azul);font-size:21px}.card p{margin:0;color:#566579}.card .btn{margin-top:auto;align-self:flex-start}
.card.highlight{border-top:7px solid var(--laranja)}.card.blue{border-top:7px solid var(--azul3)}.card.green{border-top:7px solid #10b981}.card.purple{border-top:7px solid #7c3aed}
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.feature{background:#fff;border-radius:24px;padding:28px;border:1px solid var(--borda);box-shadow:var(--sombra)}
.cta{background:linear-gradient(135deg,var(--laranja),#ffb13c);color:#fff;border-radius:28px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 35px rgba(255,138,0,.25)}
.cta h2{margin:0 0 6px;font-size:30px}.cta p{margin:0;color:#fff7ed}.cta .btn{background:#fff;color:#a84f00;box-shadow:none}
.footer{background:#06263d;color:#dceaf3;padding:36px 0;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.footer img{height:54px;width:auto;background:#fff;border-radius:12px;padding:8px}.footer a{color:#fff;font-weight:700}.footer p{margin:10px 0 0;color:#bdd2df}.footer ul{margin:0;padding-left:18px}
.page-hero{background:linear-gradient(135deg,#05375c,#0879a8);color:#fff;padding:58px 0}.page-hero h1{font-size:42px;margin:0 0 10px}.page-hero p{font-size:18px;max-width:850px;margin:0;color:#eaf8ff}
.placeholder{background:#fff;border:1px dashed #9ab4c7;border-radius:18px;padding:24px;color:#51677a}
@media(max-width:960px){.hero-content,.split,.footer-grid{grid-template-columns:1fr}.grid.cards-5,.grid.cards-4,.grid.cards-3,.logos-row{grid-template-columns:repeat(2,1fr)}.hero-content{padding-top:34px}.menu{justify-content:center}.nav{flex-direction:column}.cta{flex-direction:column;text-align:center}.cta .btn{align-self:center}}
@media(max-width:600px){.grid.cards-5,.grid.cards-4,.grid.cards-3,.logos-row{grid-template-columns:1fr}.hero p{font-size:17px}.section{padding:42px 0}.brand img{height:44px}.menu{gap:6px;font-size:13px}.menu a{padding:7px}.ava-inner{font-size:12px}.logo-box{min-height:95px}.hero-content{min-height:300px}.card{padding:20px}}