/* /anunciate — página pública de anuncios. Tokens de mania_core. */
.mad-hero { padding-block: clamp(40px, 7vw, 88px); }
.mad-hero__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); align-items: center; }
.mad-hero .mania-display { margin: 8px 0 16px; text-wrap: balance; }
.mad-hero .mania-lead { max-width: 62ch; margin-bottom: 24px; }
.mad-hero__facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.mad-hero__facts li { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--mania-radius-lg); background: rgba(255,255,255,.04); line-height: 1.5; }
.mad-hero__facts svg { flex: none; width: 22px; height: 22px; color: var(--mania-cyan); margin-top: 2px; }
.mad-hero__facts strong { color: #fff; }
.mad-intro { max-width: 72ch; }
.mad-aud { margin-top: 24px; }
.mad-aud__item { padding: 20px; border: 1px solid var(--mania-border); border-radius: var(--mania-radius-lg); background: var(--mania-surface); }
.mad-aud__item svg { width: 26px; height: 26px; color: var(--mania-primary); }
.mad-aud__item h3 { margin: 10px 0 6px; font-size: var(--mania-text-lg); }
.mad-aud__item p { margin: 0; color: var(--mania-muted); }
.mad-honest { margin-top: 24px; }
.mad-honest p { margin: 0; }
.mad-fmt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(20px, 4vw, 48px); align-items: center; padding-block: 28px; border-top: 1px solid var(--mania-border); }
.mad-fmt:first-of-type { border-top: 0; }
.mad-fmt__info h3 { margin-top: 0; }
.mad-fmt__spec { font-size: var(--mania-text-sm); }
.mad-fmt__demo--card { max-width: 340px; }
.mad-fmt__demo--inline { background: var(--mania-surface); border: 1px solid var(--mania-border); border-radius: var(--mania-radius-lg); padding: 20px 24px; }
.mad-fmt__para { font-family: var(--mania-font-display); font-size: var(--mania-text-lg); line-height: var(--mania-leading-body); color: var(--mania-text); margin: 0; }
.mad-fmt__demo--inline .mad--inline { margin: 16px 0 0; }
.mad-how { margin-top: 8px; }
.mad-how h3 { font-size: var(--mania-text-lg); margin: 0 0 6px; }
.mad-how p { margin: 0; color: var(--mania-muted); }
.mad-how code { font-size: .85em; }
.mad-pk { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-top: 8px; align-items: stretch; }
.mad-pk__item { display: flex; flex-direction: column; gap: 10px; padding: 24px 20px; background: var(--mania-surface); border: 1px solid var(--mania-border); border-radius: var(--mania-radius-lg); }
.mad-pk__item.is-hl { border: 2px solid var(--mania-primary); box-shadow: var(--mania-shadow-md); }
.mad-pk__name { font-family: var(--mania-font-display); font-size: var(--mania-text-xl); margin: 0; color: var(--mania-ink); }
.mad-pk__tag { margin: 0; color: var(--mania-muted); font-size: var(--mania-text-sm); min-height: 2.6em; }
.mad-pk__price { margin: 4px 0 0; color: var(--mania-ink); }
.mad-pk__amount { font-size: var(--mania-text-3xl); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.mad-pk__amount--q { font-size: var(--mania-text-2xl); }
.mad-pk__per { color: var(--mania-muted); font-size: var(--mania-text-sm); white-space: nowrap; display: inline-block; }
.mad-pk__note { margin: 0; font-size: var(--mania-text-xs); color: var(--mania-muted); }
.mad-pk__list { list-style: none; margin: 6px 0 12px; padding: 0; display: grid; gap: 8px; flex: 1; align-content: start; font-size: var(--mania-text-sm); }
.mad-pk__list li { display: flex; gap: 8px; align-items: flex-start; }
.mad-pk__list svg { flex: none; width: 16px; height: 16px; margin-top: 3px; color: var(--mania-inperson); }
.mad-brands { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.mad-brands li { flex: 1 1 150px; max-width: 220px; }
.mad-brands a { display: flex; align-items: center; justify-content: center; height: 64px; width: 100%; padding: 12px 18px; border: 1px solid var(--mania-border); border-radius: var(--mania-radius-md); background: #fff; }
.mad-brands img { max-height: 36px; max-width: 150px; width: auto; height: auto; }
.mad-rules { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); }
.mad-rules__list { padding-left: 1.2em; display: grid; gap: 10px; line-height: 1.6; }
.mad-faq details { border-bottom: 1px solid var(--mania-border); padding: 14px 0; }
.mad-faq summary { cursor: pointer; font-weight: 650; color: var(--mania-ink); min-height: 24px; }
.mad-faq details p { margin: 10px 0 0; color: var(--mania-muted); }
.mad-contact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: clamp(24px, 5vw, 64px); align-items: start; }
.mad-form { background: var(--mania-surface); border: 1px solid var(--mania-border); border-radius: var(--mania-radius-lg); padding: clamp(20px, 3vw, 32px); display: grid; gap: 16px; }
.mad-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mad-form .mania-field { margin: 0; }
.mad-form .mania-check { display: flex; gap: 10px; align-items: flex-start; }
.mad-form .mania-check input { margin-top: 4px; width: 18px; height: 18px; }
.mad-form__status:empty { display: none; }
.mad-form__status { padding: 12px 14px; border-radius: var(--mania-radius-md); background: var(--mania-primary-soft); color: var(--mania-ink); }
.mad-form__status.is-error { background: var(--mania-live-soft); color: var(--mania-danger); }
.mad-form__status.is-ok { background: var(--mania-inperson-soft); color: var(--mania-success); font-weight: 600; }
.mad-form [aria-invalid="true"] { border-color: var(--mania-danger); }
.mad-form button[disabled] { opacity: .7; cursor: progress; }
@media (max-width: 900px) {
  .mad-hero__grid, .mad-fmt, .mad-rules, .mad-contact { grid-template-columns: 1fr; }
}
@media (max-width: 560px) { .mad-form__row { grid-template-columns: 1fr; } .mad-brands li { flex: 1 1 calc(50% - 8px); max-width: calc(50% - 6px); } }