/* Layout comum da Seu Mundo: cabeçalho, rodapé, logo e efeitos. Vale para todas as páginas do portal. */
:root{--sm-tinta:#0d1117;--sm-tinta-2:#2a3140;--sm-cinza:#5b6474;--sm-linha:#e6e8ec;--sm-papel:#fbfaf7;--sm-azul:#1f6feb;--sm-azul-2:#e8f0fe;--sm-sol:#ffcf3f;--sm-verde:#0f9d58;
  --sm-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--sm-sombra:0 30px 60px -24px rgba(13,17,23,.28),0 12px 24px -12px rgba(13,17,23,.14)}

/* ---------- marca ---------- */
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--sm-tinta);white-space:nowrap;flex:none}
.marca-simbolo{flex:none;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.marca:hover .marca-simbolo{transform:translateY(-3px) scale(1.05)}
.marca-nome{font:600 21px/1 var(--sm-sans);letter-spacing:-.04em}
.marca-nome b{font-weight:800;color:var(--sm-azul)}

/* ---------- cabeçalho ---------- */
.topo{line-height:1.5;position:sticky;top:0;z-index:50;background:rgba(251,250,247,.72);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s,background .25s,box-shadow .25s;font-family:var(--sm-sans)}
.topo.rolou{background:rgba(255,255,255,.86);border-color:var(--sm-linha);box-shadow:0 10px 30px -22px rgba(13,17,23,.35)}
.cab-w{max-width:1200px;margin:0 auto;padding:0 20px;height:72px;display:flex;align-items:center;gap:22px}
.cab-nav{display:flex;align-items:center;gap:2px;margin-left:12px}
.cab-item{position:relative}
.cab-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font:500 15px var(--sm-sans);color:var(--sm-tinta-2);text-decoration:none;padding:10px 13px;border-radius:999px;white-space:nowrap;transition:background .2s,color .2s}
.cab-link:hover,.cab-link[aria-expanded=true]{background:rgba(31,111,235,.08);color:var(--sm-azul)}
.cab-link .seta{transition:transform .25s}.cab-link[aria-expanded=true] .seta{transform:rotate(180deg)}
.cab-acoes{margin-left:auto;display:flex;align-items:center;gap:10px}
.btn-cab{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:11px 18px;font:600 14.5px var(--sm-sans);text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.btn-cab:hover{transform:translateY(-1px)}
.btn-cab-claro{color:var(--sm-tinta);box-shadow:inset 0 0 0 1.5px var(--sm-linha);background:#fff}
.btn-cab-claro:hover{box-shadow:inset 0 0 0 1.5px var(--sm-azul);color:var(--sm-azul)}
.btn-cab-escuro{background:var(--sm-tinta);color:#fff;position:relative;overflow:hidden}
.btn-cab-escuro::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.btn-cab-escuro:hover{box-shadow:0 12px 26px -10px rgba(13,17,23,.55)}.btn-cab-escuro:hover::after{transform:translateX(120%)}
/* menu suspenso */
.mega{position:absolute;top:calc(100% + 10px);left:-12px;background:#fff;border:1px solid var(--sm-linha);border-radius:20px;box-shadow:var(--sm-sombra);padding:22px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.cab-item.aberto .mega{opacity:1;visibility:visible;transform:none}
@media (hover:hover) and (min-width:981px){.cab-item:hover .mega{opacity:1;visibility:visible;transform:none}}
.mega-grade{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:8px 26px;width:min(760px,90vw)}
.mega-titulo{margin:0 0 6px;font:700 11.5px var(--sm-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sm-cinza)}
.mega-col a,.cab-gaveta a{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:0 -10px;border-radius:12px;text-decoration:none;color:var(--sm-tinta);font:500 15px var(--sm-sans);transition:background .15s,transform .15s}
.mega-col a span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f3f5f9;font-size:16px;flex:none;transition:background .15s}
.mega-col a:hover{background:#f6f8fc;transform:translateX(3px)}.mega-col a:hover span{background:var(--sm-azul-2)}
.mega-dados{width:min(460px,90vw);display:grid;gap:6px}
.mega-intro{margin:0 0 8px;font:400 14px/1.55 var(--sm-sans);color:var(--sm-tinta-2);background:var(--sm-azul-2);border-radius:14px;padding:12px 14px}
.mega-intro b{color:var(--sm-tinta)}
.dado-link{display:grid;gap:2px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--sm-tinta);transition:background .15s}
.dado-link:hover{background:#f6f8fc}.dado-link b{font:600 15px var(--sm-sans)}.dado-link small{font:400 13px/1.4 var(--sm-sans);color:var(--sm-cinza)}
/* celular */
.cab-hamburguer{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--sm-linha);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.cab-hamburguer span{width:18px;height:2px;background:var(--sm-tinta);border-radius:2px;transition:transform .25s,opacity .2s}
.cab-hamburguer[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.cab-hamburguer[aria-expanded=true] span:nth-child(2){opacity:0}
.cab-hamburguer[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.cab-gaveta{border-top:1px solid var(--sm-linha);background:#fff;padding:12px 20px 22px;max-height:calc(100vh - 72px);overflow:auto;font-family:var(--sm-sans)}
.cab-gaveta>a{font-weight:600;padding:12px 10px}
.cab-gaveta details{border-bottom:1px solid var(--sm-linha);padding:6px 0}
.cab-gaveta summary{font:600 16px var(--sm-sans);padding:10px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.cab-gaveta summary::after{content:"+";color:var(--sm-azul);font-size:22px;line-height:1}.cab-gaveta details[open] summary::after{content:"–"}
.cab-gaveta .mega-titulo{margin:12px 0 4px}
.gaveta-acoes{display:grid;gap:10px;margin-top:16px}
@media (max-width:1180px){.cab-acoes .btn-cab-claro{display:none}}
@media (max-width:980px){.cab-nav{display:none}.cab-hamburguer{display:inline-flex}.cab-w{height:64px}}
@media (max-width:420px){.cab-acoes .btn-cab-escuro{padding:10px 14px;font-size:13.5px}.marca-nome{font-size:19px}}

/* ---------- rodapé ---------- */
.rodape{background:var(--sm-tinta);color:#c3c9d4;font:400 14.5px/1.6 var(--sm-sans);padding:64px 0 0;margin-top:0;border:0}
.rod-w{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.4fr 1.2fr 1.1fr 1fr .6fr;gap:32px}
.rod-marca .marca{color:#fff}.rod-marca .marca-nome b{color:#8fb6ff}
.rod-marca p{margin:14px 0 0;max-width:320px}
.rod-selos{display:flex;flex-wrap:wrap;gap:6px}.rod-selos span{border:1px solid #2b3445;border-radius:999px;padding:4px 10px;font-size:12.5px;color:#d6dbe4}
.rod-col p{margin:0 0 12px;font-weight:700;color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.rod-col a{display:block;color:#aeb6c4;text-decoration:none;padding:3px 0;transition:color .15s,transform .15s}
.rod-col a:hover{color:#fff;transform:translateX(2px)}
.rod-base{max-width:1200px;margin:48px auto 0;padding:20px;border-top:1px solid #222a37;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:13px;color:#8b94a5}
@media (max-width:980px){.rod-w{grid-template-columns:1fr 1fr}.rod-marca{grid-column:1/-1}}
@media (max-width:520px){.rod-w{grid-template-columns:1fr}}

/* ---------- efeitos ---------- */
.heroi{position:relative;isolation:isolate}
.heroi::before,.heroi::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}
.heroi::before{width:520px;height:520px;right:-140px;top:-160px;background:radial-gradient(circle,#9cc0ff,transparent 65%);animation:sm-nuvem 16s ease-in-out infinite alternate}
.heroi::after{width:420px;height:420px;left:-160px;bottom:-200px;background:radial-gradient(circle,#ffe39a,transparent 65%);animation:sm-nuvem 19s ease-in-out infinite alternate-reverse}
@keyframes sm-nuvem{to{transform:translate(-60px,50px) scale(1.15)}}
.heroi{overflow:clip}
html.sm-js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--rv-d,0s),transform .7s cubic-bezier(.2,.8,.2,1) var(--rv-d,0s)}
html.sm-js .rv.visto{opacity:1;transform:none}
.cartao,.plano,.nicho,.passo,.modelo,.item,.outros a{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.cartao:hover,.plano:hover,.passo:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(13,17,23,.45)}
.outros a:hover{transform:translateY(-2px);border-color:var(--sm-azul);color:var(--sm-azul)}
/* faixa rolando */
.marquee{overflow:hidden;border-block:1px solid var(--sm-linha);background:#fff;padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-trilho{display:flex;gap:12px;width:max-content;animation:sm-rola 48s linear infinite}
.marquee:hover .marquee-trilho{animation-play-state:paused}
.marquee a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;color:var(--sm-tinta-2);font:500 15px var(--sm-sans);padding:8px 16px;border-radius:999px;background:var(--sm-papel);border:1px solid var(--sm-linha);transition:border-color .2s,color .2s}
.marquee a:hover{border-color:var(--sm-azul);color:var(--sm-azul)}
@keyframes sm-rola{to{transform:translateX(-50%)}}
.flutua{animation:sm-boia 5s ease-in-out infinite}.f2{animation-delay:-2.5s}
@keyframes sm-boia{50%{transform:translateY(-8px)}}
.marca-lua{transform-box:fill-box;transform-origin:center;animation:sm-pulso 3.2s ease-in-out infinite}
@keyframes sm-orbita{0%,70%{opacity:1}85%{opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html.sm-js .rv{opacity:1;transform:none}}

@keyframes sm-pulso{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@media (prefers-reduced-motion:reduce){.marca-lua{animation:none}}