/* VIVA_BUSINESS_TOP_V1 — completamente isolado */
.viva-main-top--business{
  --vbt-cream:#fff8f3;
  --vbt-pink:#f1c8d2;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  margin:0 0 22px;
  padding:26px 22px 20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  color:var(--vbt-cream);
  background:
    radial-gradient(circle at 84% 15%,rgba(205,91,116,.26),transparent 34%),
    linear-gradient(135deg,#26050e 0%,#4f0b20 46%,#6d1733 100%);
  box-shadow:0 18px 42px rgba(69,13,31,.16);
}
.viva-main-top--business *{box-sizing:border-box}
.viva-main-top--business::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;
  background:linear-gradient(115deg,transparent 0 55%,rgba(255,255,255,.12) 56%,transparent 57%),repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,255,255,.035) 96px 97px)
}
.viva-main-top--business .viva-main-top__head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}
.viva-main-top--business .viva-main-top__eyebrow{display:block;margin-bottom:8px;color:#f1c8d2;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.viva-main-top--business .viva-main-top__rule{display:block;width:48px;height:2px;margin-bottom:12px;background:#f0c0cb}
.viva-main-top--business h1{margin:0;color:#fff8f2;font-family:"Libre Caslon Display",Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,4.5vw,4.25rem);line-height:.9;letter-spacing:-.045em}
.viva-main-top--business .viva-main-top__subtitle{max-width:720px;margin:9px 0 0;color:#f2dfe4;font-size:clamp(.98rem,1.6vw,1.2rem);line-height:1.45}
.viva-main-top--business .viva-main-top__aside{align-self:center;max-width:150px;padding-left:18px;border-left:1px solid rgba(255,255,255,.28);color:#f0c7d0;font-size:10px;font-weight:900;line-height:1.45;letter-spacing:.14em;text-transform:uppercase}
.viva-main-top--business .viva-main-top__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}
.viva-main-top--business .viva-top-card{position:relative;display:block;overflow:hidden;min-width:0;border-radius:20px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.viva-main-top--business .viva-top-card:hover,.viva-main-top--business .viva-top-card:focus-visible{transform:translateY(-3px)}
.viva-main-top--business .viva-business-card{min-height:184px;padding:15px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));backdrop-filter:blur(8px);color:#fff7f3}
.viva-main-top--business .viva-business-card:hover{border-color:rgba(255,255,255,.34);box-shadow:0 16px 30px rgba(0,0,0,.18)}
.viva-main-top--business .viva-top-card__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:16px;border-radius:50%;background:#fff5ef;color:#68132e;box-shadow:0 8px 18px rgba(0,0,0,.12);font-size:21px}
.viva-main-top--business .viva-top-card strong{display:block;font-size:15px;line-height:1.1}
.viva-main-top--business .viva-top-card small{display:block;margin-top:8px;color:#e8cdd5;font-size:9px;font-weight:800;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
.viva-main-top--business .viva-business-card::after{content:"→";position:absolute;right:15px;bottom:13px;color:#f2c3cf;font-size:18px}
.viva-main-top--business .viva-main-top__footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:17px;color:#ebccd4;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.viva-main-top--business .viva-main-top__footer p{margin:0}.viva-main-top--business .viva-main-top__footer span{width:52px;height:1px;background:rgba(255,255,255,.28)}
@media(max-width:940px){.viva-main-top--business .viva-main-top__grid{grid-auto-flow:column;grid-auto-columns:170px;grid-template-columns:none;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity;scrollbar-width:none}.viva-main-top--business .viva-main-top__grid::-webkit-scrollbar{display:none}.viva-main-top--business .viva-top-card{scroll-snap-align:start}}
@media(max-width:650px){.viva-main-top--business{margin-bottom:16px;padding:18px 11px 14px;border-radius:18px}.viva-main-top--business .viva-main-top__head{grid-template-columns:1fr;gap:7px}.viva-main-top--business .viva-main-top__aside{display:none}.viva-main-top--business h1{font-size:clamp(2rem,10vw,2.8rem)}.viva-main-top--business .viva-main-top__grid{grid-auto-columns:150px}.viva-main-top--business .viva-main-top__footer span{display:none}.viva-main-top--business .viva-main-top__footer{text-align:center}}
