:root {
  --mpx-radius: 16px;
  --mpx-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  --mpx-border: 1px solid rgba(15, 23, 42, 0.08);
}
.mpx-empty { margin: 0; padding: 18px; border-radius: 12px; background: #f8fafc; color: #475569; }
.mpx-grid { display: grid; grid-template-columns: repeat(var(--mpx-cols, 3), minmax(0, 1fr)); gap: var(--mpx-gap, 24px); }
@media (max-width: 900px) { .mpx-grid { grid-template-columns: repeat(var(--mpx-cols-tablet, 2), minmax(0, 1fr)); } }
@media (max-width: 600px) { .mpx-grid { grid-template-columns: repeat(var(--mpx-cols-mobile, 1), minmax(0, 1fr)); } }
.mpx-card { background: var(--mpx-card-bg, #fff); border-radius: var(--mpx-radius); overflow: hidden; box-shadow: var(--mpx-shadow); height: 100%; display: flex; flex-direction: column; }
.mpx-style-bordered .mpx-card, .mpx-list-wrap.mpx-style-classic .mpx-list-item { border: var(--mpx-border); box-shadow: none; }
.mpx-style-minimal .mpx-card, .mpx-list-wrap.mpx-style-minimal .mpx-list-item { box-shadow: none; border: none; background: transparent; }
.mpx-thumb { overflow: hidden; background: #e2e8f0; }
.mpx-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.mpx-thumb-link:hover img, .mpx-list-thumb:hover img, .mpx-mini-thumb:hover img, .mpx-tab-thumb:hover img { transform: scale(1.04); }
.mpx-card-body { padding: 18px; display: flex; gap: 10px; flex-direction: column; }
.mpx-badge { display: inline-flex; align-items: center; gap: 6px; width: fit-content; background: var(--mpx-accent, #e11d48); color: #fff; padding: 6px 10px; border-radius: 999px; font-size: 12px; line-height: 1; text-decoration: none; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.mpx-title { margin: 0; font-size: 1.1rem; line-height: 1.3; color: var(--mpx-title, #111111); display: -webkit-box; -webkit-line-clamp: var(--mpx-lines, 2); -webkit-box-orient: vertical; overflow: hidden; }
.mpx-title a { color: inherit; text-decoration: none; }
.mpx-title-lg { font-size: clamp(1.8rem, 4vw, 3rem); }
.mpx-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: #64748b; }
.mpx-dot { color: #94a3b8; }
.mpx-excerpt { margin: 0; color: #475569; line-height: 1.6; }
.mpx-list-wrap { display: grid; gap: var(--mpx-gap, 18px); }
.mpx-list-item { display: flex; gap: var(--mpx-gap, 18px); align-items: flex-start; padding-bottom: 18px; border-bottom: var(--mpx-border); }
.mpx-list-wrap.mpx-style-minimal .mpx-list-item:last-child,
.mpx-list-wrap.mpx-style-classic .mpx-list-item:last-child,
.mpx-list-wrap.mpx-style-separated .mpx-list-item:last-child { border-bottom: none; padding-bottom: 0; }
.mpx-list-thumb { width: var(--mpx-thumb-width, 140px); min-width: var(--mpx-thumb-width, 140px); }
.mpx-list-body { display: grid; gap: 10px; }
.mpx-hero, .mpx-slide { position: relative; border-radius: 22px; overflow: hidden; min-height: var(--mpx-hero-height, 420px); background-size: cover; background-position: center; }
.mpx-hero::before, .mpx-slide::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(15,23,42,.88), rgba(15,23,42,var(--mpx-hero-overlay,.45)) 55%, rgba(15,23,42,.15)); }
.mpx-hero-inner, .mpx-slide-inner { position: relative; z-index: 1; color: #fff; padding: 28px; min-height: inherit; display: flex; gap: 14px; flex-direction: column; justify-content: flex-end; }
.mpx-hero .mpx-meta, .mpx-slide .mpx-meta, .mpx-hero .mpx-excerpt { color: rgba(255,255,255,.9); }
.mpx-readmore { width: fit-content; padding: 10px 16px; border-radius: 999px; background: #fff; color: #111827; text-decoration: none; font-weight: 700; }
.mpx-magazine { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .9fr); gap: var(--mpx-gap, 24px); }
.mpx-magazine-side { display: grid; gap: 18px; }
.mpx-mini { display: flex; gap: 14px; align-items: flex-start; }
.mpx-mini-thumb { width: 124px; min-width: 124px; }
.mpx-mini-body { display: grid; gap: 8px; }
.mpx-slider { position: relative; }
.mpx-slider-track { position: relative; min-height: var(--mpx-slider-height, 460px); }
.mpx-slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .45s ease; min-height: var(--mpx-slider-height, 460px); }
.mpx-slide.is-active { opacity: 1; pointer-events: auto; }
.mpx-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 999px; border: none; background: rgba(255,255,255,.92); box-shadow: var(--mpx-shadow); cursor: pointer; z-index: 3; font-size: 28px; }
.mpx-nav.prev { left: 14px; }
.mpx-nav.next { right: 14px; }
.mpx-dots { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); display: flex; gap: 8px; z-index: 3; }
.mpx-dot-btn { width: 10px; height: 10px; border-radius: 999px; border: none; background: rgba(255,255,255,.5); cursor: pointer; }
.mpx-dot-btn.is-active { background: #fff; width: 22px; }
.mpx-ticker { display: flex; align-items: stretch; overflow: hidden; border-radius: 16px; border: var(--mpx-border); background: #fff; }
.mpx-ticker-label { display: inline-flex; align-items: center; padding: 0 16px; color: #fff; font-weight: 700; white-space: nowrap; }
.mpx-ticker-window { overflow: hidden; width: 100%; }
.mpx-ticker-track { display: inline-flex; align-items: center; gap: 34px; padding: 14px 20px; white-space: nowrap; min-width: max-content; animation: mpxTickerMove var(--mpx-speed, 70s) linear infinite; }
.mpx-ticker-item a { text-decoration: none; font-weight: 600; }
@keyframes mpxTickerMove { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.mpx-heading { display: grid; gap: 8px; margin-bottom: 18px; }
.mpx-heading-title { margin: 0; line-height: 1.2; }
.mpx-heading-sub { margin: 0; color: #64748b; }
.mpx-heading-bar-left .mpx-heading-title { padding-left: 16px; border-left: 5px solid var(--mpx-accent, #e11d48); }
.mpx-heading-underline .mpx-heading-title { display: inline-block; padding-bottom: 10px; border-bottom: 4px solid var(--mpx-accent, #e11d48); }
.mpx-heading-badge .mpx-heading-title { display: inline-block; background: color-mix(in srgb, var(--mpx-accent, #e11d48) 12%, #ffffff); padding: 10px 14px; border-radius: 999px; }
.mpx-tabs { border: var(--mpx-border); border-radius: 20px; background: #fff; overflow: hidden; }
.mpx-tab-nav { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px; border-bottom: var(--mpx-border); }
.mpx-tab-btn { border: none; padding: 10px 14px; border-radius: 999px; background: #f1f5f9; color: #0f172a; cursor: pointer; font-weight: 700; }
.mpx-tab-btn.is-active { background: var(--mpx-accent, #e11d48); color: #fff; }
.mpx-tab-panel { padding: 18px; position: relative; }
.mpx-tab-panel.is-loading::after { content: 'Carregando…'; position: absolute; inset: 0; display: grid; place-items: center; background: rgba(255,255,255,.78); font-weight: 700; }
.mpx-tab-items { display: grid; gap: 16px; }
.mpx-tab-layout-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mpx-tab-item { display: flex; gap: 14px; }
.mpx-tab-thumb { width: 140px; min-width: 140px; }
.mpx-tab-body { display: grid; gap: 8px; }
.mpx-menu-wrap { position: relative; background: var(--mpx-menu-bg, #fff); color: var(--mpx-menu-color, #111); border-radius: 18px; border: var(--mpx-border); }
.mpx-menu-toggle { display: none; width: 100%; border: none; background: transparent; padding: 14px 16px; text-align: left; font-weight: 700; cursor: pointer; }
.mpx-menu-inner { padding: 8px 14px; }
.mpx-menu-list, .mpx-menu-list ul { list-style: none; margin: 0; padding: 0; }
.mpx-menu-horizontal .mpx-menu-list { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.mpx-menu-vertical .mpx-menu-list { display: grid; gap: 8px; }
.mpx-align-center .mpx-menu-list { justify-content: center; }
.mpx-align-right .mpx-menu-list { justify-content: flex-end; }
.mpx-menu-list a { display: inline-flex; padding: 10px 12px; color: var(--mpx-menu-color, #111); text-decoration: none; font-weight: 700; border-radius: 10px; }
.mpx-menu-list a:hover { background: color-mix(in srgb, var(--mpx-accent, #e11d48) 12%, #ffffff); color: var(--mpx-accent, #e11d48); }
@media (max-width: 900px) {
  .mpx-magazine { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .mpx-list-item, .mpx-mini, .mpx-tab-item { flex-direction: column; }
  .mpx-list-thumb, .mpx-mini-thumb, .mpx-tab-thumb { width: 100%; min-width: 100%; }
  .mpx-tab-layout-cards { grid-template-columns: 1fr; }
  .mpx-menu-toggle { display: block; }
  .mpx-menu-inner { display: none; }
  .mpx-menu-wrap.is-open .mpx-menu-inner { display: block; }
  .mpx-menu-horizontal .mpx-menu-list { display: grid; }
}