:root{--red:#df171e;--blue:#0b3e8b;--ink:#0a1428;--muted:#656a76;--line:#e5e7eb}*{box-sizing:border-box}html{background:#edf0f4}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;background:radial-gradient(circle at 50% 0,#fff,#edf0f4 70%)}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;width:min(100%,520px);min-height:100svh;margin:auto;overflow:hidden;background:#fff;box-shadow:0 0 45px #24345018}.login-shell{display:grid;place-items:center;padding:48px 34px 34px;isolation:isolate;background:linear-gradient(180deg,#fff 0 68%,#f6f7f9)}.brand-stripes{position:absolute;top:-35px;left:-105px;width:270px;height:290px;z-index:-1;rotate:40deg;background:linear-gradient(90deg,var(--blue) 0 42%,#fff 42% 47%,var(--red) 47% 59%,#f3dfe1 59% 72%,transparent 72%)}.watermark{position:absolute;right:-60px;top:60px;z-index:-1;color:#f3f4f6;font-size:150px;font-style:italic;font-weight:800}.login-card{width:100%;text-align:center}.ana-logo{text-align:center}.ana-logo span{display:block;color:var(--red);font-family:"Brush Script MT","Segoe Script",cursive;font-size:56px;font-weight:900;font-style:italic;letter-spacing:-7px;line-height:.8;text-shadow:2px 2px 0 #fff,4px 4px 0 var(--blue);transform:skew(-8deg)}.ana-logo small{display:block;margin-top:11px;font-size:7px;font-weight:800;letter-spacing:.5px}.ana-logo.compact span{font-size:98px}.welcome{margin:56px 0 36px}.welcome h1{margin:0 0 8px;font-size:34px}.welcome p{margin:0;color:var(--muted);font-size:18px}.field{display:flex;align-items:center;gap:16px;height:68px;margin-bottom:18px;padding:0 20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 20px #17233b0b}.field>span{color:var(--red);font-size:25px}.field input{min-width:0;flex:1;border:0;outline:0;font-size:18px}.eye,.forgot,.register button{border:0;background:transparent}.forgot,.register button{color:var(--blue);font-weight:750}.forgot{display:block;margin:0 0 20px auto;font-size:13px}.form-error{min-height:16px;margin:-8px 0 8px;color:#b9151b;font-size:12px}.primary-button,.demo-button{width:100%;height:64px;border:0;border-radius:18px;color:#fff;font-weight:850;background:linear-gradient(135deg,#ed1b24,#d70f18);box-shadow:0 12px 24px #d7192040}.register{margin-top:28px}.demo-button{height:48px;margin-top:8px;border:1px solid var(--blue);color:var(--blue);background:#fff;box-shadow:none}.demo-note{color:#8a8e96;font-size:11px}.home-shell{padding:22px 22px 96px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:80px}.icon-button,.notification{width:48px;border:0;color:#42464e;font-size:28px;background:transparent}.notification{position:relative}.notification b{position:absolute;top:0;right:0;display:grid;width:23px;height:23px;place-items:center;border-radius:50%;color:#fff;font-size:12px;background:var(--red)}.page-title{margin:0;font-size:26px}.hello-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 2px}.hello-row h1{margin:0;font-size:35px}.hello-row h1 span{color:var(--red)}.hello-row p{margin:6px 0;color:var(--muted)}.member-mini{min-width:140px;padding:15px;border:1px solid var(--line);border-radius:14px;border-right:3px solid var(--red)}.member-mini small,.member-mini span,.member-mini strong{display:block}.member-mini small{color:var(--blue);font-weight:700}.member-mini strong{margin:4px 0;font-size:24px}.member-mini span{color:var(--muted);font-size:10px}.hero{position:relative;display:flex;align-items:center;min-height:245px;padding:28px;border-radius:18px;color:#fff;background:radial-gradient(circle at 28% 44%,#29445a,transparent 34%),linear-gradient(120deg,#09131d,#122532 55%,#081018)}.hero-person{width:42%;color:#263847;font-size:140px}.hero h2{margin:0;font-size:31px;line-height:1.05}.hero h2 em{color:var(--red);font-style:normal}.hero p{font-size:10px;letter-spacing:1.2px}.dots{position:absolute;bottom:12px;left:0;right:0;font-size:9px;text-align:center}.dots b{display:inline-block;width:20px;height:7px;border-radius:8px;background:var(--red)}.quick,.content-section{margin-top:26px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:0 0 16px;font-size:22px}.section-heading button{border:0;color:var(--blue);font-weight:700;background:transparent}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shortcut-grid button{min-height:110px;padding:10px 5px;border:1px solid var(--line);border-radius:17px;color:var(--ink);font-size:12px;background:#fff;box-shadow:0 8px 18px #17233a10}.shortcut-grid span{display:block;margin-bottom:10px;color:var(--red);font-size:30px}.change-banner,.renew{display:flex;align-items:center;gap:14px;width:100%;margin-top:22px;padding:17px;border:1px solid var(--line);border-radius:16px;text-align:left;background:linear-gradient(90deg,#eff5ff,#fff)}.change-banner span:nth-child(2),.renew span{flex:1;color:var(--muted);font-size:12px}.change-banner strong,.renew b{display:block;color:var(--ink);font-size:14px}.bottom-nav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:10px 8px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}.bottom-nav button{border:0;color:#5f646e;font-size:11px;background:transparent}.bottom-nav span{display:block;margin-bottom:3px;font-size:22px}.bottom-nav .active{color:var(--red);font-weight:750}.tabs{display:flex;margin:12px 0 22px;border:1px solid var(--line);border-radius:24px;overflow:hidden}.tabs button,.categories button{flex:1;padding:13px 8px;border:0;background:#fff}.tabs .selected,.categories .selected{border-radius:22px;color:#fff;background:var(--red)}.event-card,.partner-card{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:15px;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 14px #17233a0b}.event-card>div:nth-child(2),.partner-card>div:nth-child(2){flex:1}.date-box{width:58px;padding:13px 7px;border-radius:12px;color:#fff;font-weight:800;text-align:center;background:var(--blue)}.event-card small{color:var(--red);font-weight:700}.event-card h3,.partner-card h3{margin:4px 0}.event-card p,.partner-card p{margin:0;color:var(--muted);font-size:13px}.digital-card{padding:24px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#080d14,#152130);box-shadow:0 14px 26px #10172230}.digital-card>.ana-logo{display:inline-block}.digital-card>strong{float:right;text-align:right}.digital-card>strong i{color:#2382ee}.digital-card>strong em{color:var(--red);font-style:normal}.digital-card>p{margin-top:30px;color:#68a4ff;font-size:12px}.digital-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.digital-card>div span{color:#aeb4bd;font-size:9px}.digital-card>div b{display:block;margin-top:5px;color:#fff;font-size:14px}.benefit-strip{display:flex;justify-content:space-around;margin-top:18px;padding:18px 8px;border:1px solid var(--line);border-radius:16px}.benefit-strip span{width:31%;color:var(--blue);font-size:24px;text-align:center}.benefit-strip b{display:block;margin-top:6px;color:var(--ink);font-size:10px}.renew strong{padding:11px;border-radius:8px;color:#fff;font-size:11px;background:var(--blue)}.search{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--line);border-radius:15px}.search input{width:100%;border:0;outline:0}.categories{display:flex;gap:6px;margin:14px 0;overflow:auto}.categories button{min-width:95px;border:1px solid var(--line);border-radius:20px;font-size:12px}.partner-logo,.avatar{display:grid;place-items:center;width:55px;height:55px;border-radius:12px;color:#fff;font-weight:900;background:#0b1420}.partner-card>strong{color:var(--red);font-size:18px}.partner-card>strong small{display:block;font-size:8px}.profile-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:18px}.avatar{width:78px;height:78px;border-radius:50%;background:var(--blue)}.profile-card h2{margin:0}.profile-card b{color:var(--blue)}.profile-card p{margin:5px 0;color:var(--muted)}.menu-list h3{color:var(--muted)}.menu-list button{display:flex;justify-content:space-between;width:100%;padding:17px;border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff}.logout{width:100%;margin-top:25px;padding:16px;border:1px solid #ffd0d2;border-radius:14px;color:var(--red);font-weight:750;background:#fff}@media(max-width:410px){.login-shell{padding-inline:24px}.hello-row h1{font-size:29px}.member-mini{min-width:126px}.shortcut-grid{gap:8px}.shortcut-grid button{min-height:98px;font-size:10px}}@media(min-width:720px){body{padding:24px}.app-shell{min-height:calc(100svh - 48px);border-radius:32px}}
.news-remote img,
.news-detail-image,
.partner-card .benefit-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero.home-image-hero {
  display: block;
  min-height: 0;
  aspect-ratio: 474 / 166;
  padding: 0;
  overflow: hidden;
  background: #111;
  text-decoration: none;
}

.home-image-hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.placement-banner {
  display: block;
  width: 100%;
  aspect-ratio: 474 / 166;
  margin: 8px 0 18px;
  overflow: hidden;
  border-radius: 18px;
  background: #111;
  box-shadow: 0 9px 22px #17233a18;
}

.placement-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-detail {
  padding-bottom: 40px;
}

.detail-back {
  margin-bottom: 18px;
  border: 0;
  color: #0b3e8b;
  font-weight: 800;
  background: transparent;
}

.news-detail-image {
  max-height: 360px;
  margin-bottom: 22px;
  border-radius: 18px;
}

.news-detail h1 {
  margin: 8px 0;
}

.news-detail-meta {
  color: var(--muted, #687386);
  font-size: 12px;
}

.news-detail-lead {
  font-size: 18px;
  font-weight: 700;
}

.news-detail-content {
  line-height: 1.7;
}

.partner-grid {
  display: grid;
  gap: 14px;
}

.partner-card {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px solid #e2e6ec;
  border-radius: 16px;
  background: #fff;
}

.partner-card.partner-featured {
  border-color: #e6bd54;
  box-shadow: 0 8px 24px #b9841917;
}

.partner-card.partner-featured small {
  color: #a66b00;
  font-weight: 900;
}

.partner-card h3,
.partner-card p {
  margin: 4px 0;
}

.partner-card p,
.partner-card span {
  color: #687386;
  font-size: 12px;
}

.partner-card button {
  padding: 10px;
  border: 0;
  color: #fff;
  border-radius: 9px;
  font-weight: 800;
  background: #df171e;
}

.benefit-discount code {
  display: inline-block;
  margin: 7px 0 3px;
  padding: 5px 8px;
  border: 1px dashed currentColor;
  border-radius: 7px;
  color: #0b3e8b;
  font-family: inherit;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  background: #eef5ff;
}

.benefit-card.benefit-featured {
  border-color: #e6bd54;
  box-shadow: 0 8px 24px #b9841917;
}

.benefit-copy > em {
  display: block;
  margin-bottom: 4px;
  color: #a66b00;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 560px) {
  .partner-card {
    grid-template-columns: 60px minmax(0, 1fr);
  }

  .partner-card button {
    grid-column: 1 / -1;
  }
}

/* Navegação principal sempre acessível em páginas compridas */
.home-shell {
  padding-bottom: calc(132px + env(safe-area-inset-bottom));
}

.bottom-nav {
  position: fixed;
  z-index: 2000;
  right: auto;
  bottom: max(10px, env(safe-area-inset-bottom));
  left: 50%;
  width: min(calc(100% - 20px), 500px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 10px 30px #15243b2e;
  transform: translateX(-50%);
}

@media (min-width: 720px) {
  .bottom-nav {
    bottom: 34px;
  }
}

.contact-whatsapp > span {
  display: grid;
  place-items: center;
}

.contact-whatsapp > span img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
}





