Light Dark
Publicidade — • Home
ANUNCIE AQUI
Super Banner / Full Banner (exemplo)
Saiba mais
• anúncio exemplo • atualize e veja alternar
.fz-widead-wrap{ width: 100%; display:flex; justify-content:center; align-items:flex-start; height: var(--wrapH, auto) !important; /* evita corte */ min-height: var(--wrapH, 90px); } .fz-widead{ width: var(--w, 970px); height: var(--h, 250px); border-radius: 16px; overflow: hidden; border: 1px solid rgba(0,0,0,.08); box-shadow: 0 12px 36px rgba(0,0,0,.12); font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --bg1:#ffffff; --bg2:#f3f5ff; --ink:#1a1a1a; --accent:#9BCB3B; --accent2:#2A1E86; --glow: rgba(155,203,59,.35); background: radial-gradient(1100px 360px at 85% 10%, var(--glow), transparent 58%), linear-gradient(135deg, var(--bg1), var(--bg2)); color: var(--ink); position: relative; transform-origin: top center; } .fz-widead::after{ content:""; position:absolute; right:-60px; top:-60px; width:200px; height:200px; border-radius:32px; background: linear-gradient(135deg, rgba(155,203,59,.35), rgba(42,30,134,.18)); transform: rotate(18deg); pointer-events:none; } .fz-widead-inner{ height:100%; padding:18px; display:flex; flex-direction:column; gap:14px; } .fz-widead-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; opacity:.92; } .fz-pill{ font-size:12px; letter-spacing:.4px; padding:6px 10px; border-radius:999px; background: rgba(255,255,255,.65); border:1px solid rgba(0,0,0,.08); backdrop-filter: blur(6px); white-space:nowrap; } .fz-meta{ font-size:12px; opacity:.82; white-space:nowrap; } .fz-widead-body{ flex:1; display:flex; align-items:center; gap:16px; min-height: 0; } .fz-mark{ width:96px; height:96px; position:relative; flex:0 0 auto; } .fz-z{ position:absolute; inset:0; background: linear-gradient(135deg, var(--accent), rgba(255,255,255,.22)); clip-path: polygon(20% 10%, 85% 10%, 45% 55%, 88% 55%, 82% 90%, 15% 90%, 55% 45%, 12% 45%); filter: drop-shadow(0 16px 20px rgba(0,0,0,.12)); border-radius:12px; } .fz-dot{ position:absolute; width:18px; height:18px; border-radius:50%; background: var(--accent); left:-6px; bottom:-6px; box-shadow:0 10px 18px rgba(0,0,0,.12); } .fz-copy{ flex:1; min-width: 0; } .fz-title{ font-weight: 950; font-size: 44px; letter-spacing: .6px; text-transform: uppercase; line-height: 1; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } .fz-sub{ margin-top:8px; font-size:14px; opacity:.85; } .fz-cta{ flex:0 0 auto; font-weight: 850; font-size: 14px; padding: 12px 14px; border-radius: 14px; color:#fff; background: linear-gradient(135deg, var(--accent2), rgba(0,0,0,.25)); box-shadow: 0 12px 26px rgba(42,30,134,.25); white-space:nowrap; } .fz-widead-bottom{ display:flex; justify-content:flex-end; font-size:12px; opacity:.75; } /* Compacto 728x90 */ .fz-widead[data-format="728x90"] .fz-widead-inner{ padding:12px 14px; gap:10px; } .fz-widead[data-format="728x90"] .fz-mark{ width:54px; height:54px; } .fz-widead[data-format="728x90"] .fz-title{ font-size: 26px; } .fz-widead[data-format="728x90"] .fz-sub{ display:none; } .fz-widead[data-format="728x90"] .fz-cta{ padding:10px 12px; font-size:13px; border-radius:12px; } .fz-widead[data-format="728x90"] .fz-widead-bottom{ display:none; }

All posts tagged in miniblog

1Article
Search
Mais Popular
Show More
Loading

Signing-in 3 seconds...

Signing-up 3 seconds...