:root { --ajuda-hero-bg: linear-gradient(135deg, var(--color-primary, #6366f1) 0%, var(--color-secondary, #8b5cf6) 50%, #ec4899 100%); }
body { font-family: var(--font-family, Inter, system-ui, sans-serif); background: var(--color-bg); color: var(--color-text); margin:0; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
.skip-link { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link:focus { position:fixed; top:12px; left:12px; width:auto; height:auto; padding:12px 20px; margin:0; overflow:visible; clip:auto; background: var(--color-primary); color:#fff; border-radius:10px; z-index:99999; font-weight:700; font-size:16px; outline:3px solid #fff; outline-offset:2px; }
.ajuda-header { background: var(--color-surface); border-bottom:1px solid var(--color-border); padding:16px 24px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:50; box-shadow:0 1px 3px rgba(0,0,0,0.04); }
.ajuda-header__logo { display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; font-weight:800; font-size:18px; }
.ajuda-header__logo img { height:36px; }
.ajuda-header__nav { display:flex; gap:16px; align-items:center; }
.ajuda-header__nav a { color: var(--color-text-muted); text-decoration:none; font-weight:500; font-size:15px; }
.ajuda-header__nav a:hover, .ajuda-header__nav a:focus-visible { color: var(--color-primary); text-decoration:underline; }
.ajuda-header__wa { background:#22c55e; color:#fff !important; padding:8px 14px; border-radius:10px; font-weight:700; text-decoration:none !important; }
.ajuda-hero { background: var(--ajuda-hero-bg); color:#fff; padding:64px 24px; text-align:center; }
.ajuda-hero__emoji { font-size:64px; margin-bottom:16px; line-height:1; display:inline-block; }
.ajuda-hero h1 { font-size: clamp(32px, 5vw, 52px); font-weight:900; margin:0 0 12px; letter-spacing:-0.02em; line-height:1.1; }
.ajuda-hero p { font-size: clamp(17px, 2.5vw, 22px); margin:0 auto 36px; max-width:640px; opacity:0.95; line-height:1.5; }
.ajuda-search { max-width:640px; margin:0 auto; position:relative; }
.ajuda-search__input { width:100%; padding:20px 24px 20px 60px; border-radius:16px; border:0; font-size:17px; font-family:inherit; box-shadow:0 10px 40px rgba(0,0,0,0.2); box-sizing:border-box; background: var(--color-surface); color: var(--color-text); }
.ajuda-search__input:focus { outline:3px solid #fbbf24; outline-offset:2px; }
.ajuda-search__icon { position:absolute; left:22px; top:22px; font-size:22px; color: var(--color-text-muted); pointer-events:none; }
.ajuda-search__hint { color:rgba(255,255,255,0.85); font-size:14px; margin-top:12px; }
.ajuda-quick { max-width:1100px; margin:-48px auto 0; padding:0 24px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; position:relative; z-index:5; }
.ajuda-quick a { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; background: var(--color-surface); border-radius:16px; padding:24px 16px; text-decoration:none; color: var(--color-text); box-shadow:0 4px 16px rgba(0,0,0,0.06); transition: transform 0.15s, box-shadow 0.15s; border:1px solid var(--color-border); }
.ajuda-quick a:hover, .ajuda-quick a:focus-visible { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,0.10); outline:3px solid var(--color-primary); outline-offset:2px; }
.ajuda-quick i { font-size:32px; color: var(--color-primary); }
.ajuda-quick span { font-weight:700; font-size:16px; }
.ajuda-quick small { color: var(--color-text-muted); font-size:13px; line-height:1.4; }
.ajuda-main { max-width:1100px; margin:0 auto; padding:64px 24px 40px; }
.ajuda-section__title { font-size:clamp(24px,4vw,34px); font-weight:900; text-align:center; margin:0 0 12px; letter-spacing:-0.01em; color: var(--color-text); }
.ajuda-section__sub { text-align:center; color: var(--color-text-muted); font-size:17px; margin:0 0 40px; }
.ajuda-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:24px; }
.ajuda-cat { background: var(--color-surface); border:1px solid var(--color-border); border-radius:20px; padding:28px; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; }
.ajuda-cat:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,0.08); border-color: var(--color-primary); }
.ajuda-cat__head { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.ajuda-cat__icon { width:56px; height:56px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; font-size:28px; color:#fff; flex-shrink:0; }
.ajuda-cat__title { font-size:20px; font-weight:800; margin:0; line-height:1.2; }
.ajuda-cat__desc { color: var(--color-text-muted); font-size:14px; margin:2px 0 0; }
.ajuda-cat__list { list-style:none; padding:0; margin:0; }
.ajuda-cat__list li { border-top:1px solid var(--color-border); }
.ajuda-cat__list li:first-child { border-top:0; }
.ajuda-cat__list a { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:14px 0; text-decoration:none; color: var(--color-text); transition:padding 0.15s; }
.ajuda-cat__list a:hover { padding-left:8px; outline:none; }
.ajuda-cat__list a:focus-visible { background: var(--color-bg-alt, rgba(255,255,255,.02)); border-radius:8px; padding:14px 8px; outline:2px solid var(--color-primary); outline-offset:1px; }
.ajuda-cat__list-title { font-weight:600; font-size:15px; display:block; margin-bottom:4px; }
.ajuda-cat__list-desc { color: var(--color-text-muted); font-size:13px; line-height:1.5; }
.ajuda-cat__list a i { color: var(--color-text-muted); font-size:18px; flex-shrink:0; margin-top:4px; transition:color 0.15s, transform 0.15s; opacity:.6; }
.ajuda-cat__list a:hover i { color: var(--color-primary); transform:translateX(2px); opacity:1; }
.faq-drop-wrap { max-width:820px; margin:64px auto 0; padding:0 24px; }
.faq-drop-wrap .faq-section h2 { font-size:clamp(24px,4vw,34px); text-align:center; color: var(--color-text); }
.ajuda-cta { background: var(--ajuda-hero-bg); color:#fff; text-align:center; padding:72px 24px; margin-top:80px; }
.ajuda-cta h2 { font-size:clamp(28px,4vw,40px); font-weight:900; margin:0 0 12px; letter-spacing:-0.01em; }
.ajuda-cta p { font-size:18px; margin:0 auto 32px; max-width:560px; opacity:0.95; }
.ajuda-cta__buttons { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.ajuda-cta__btn { display:inline-flex; align-items:center; gap:10px; padding:18px 32px; border-radius:14px; font-weight:700; font-size:17px; text-decoration:none; border:0; cursor:pointer; transition:transform 0.15s, box-shadow 0.15s; }
.ajuda-cta__btn--wa { background:#22c55e; color:#fff; }
.ajuda-cta__btn--wa:hover, .ajuda-cta__btn--wa:focus-visible { background:#16a34a; transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,0.2); outline:3px solid #fff; outline-offset:2px; }
.ajuda-cta__btn--email { background:#fff; color: var(--color-primary); }
.ajuda-cta__btn--email:hover, .ajuda-cta__btn--email:focus-visible { transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,0.2); outline:3px solid #fbbf24; outline-offset:2px; }
.ajuda-footer { background: var(--color-bg-alt, #0f172a); color: var(--color-text-muted); padding:32px 24px; text-align:center; font-size:14px; border-top:1px solid var(--color-border); }
.ajuda-footer a { color: var(--color-text); text-decoration:underline; }
.ajuda-empty { text-align:center; padding:48px 24px; color: var(--color-text-muted); }
.ajuda-empty i { font-size:48px; color: var(--color-border); margin-bottom:12px; display:block; }
*:focus-visible { outline:3px solid #fbbf24; outline-offset:2px; border-radius:4px; }
@media (prefers-reduced-motion: reduce) {
  .ajuda-cat, .ajuda-quick a, .ajuda-cta__btn, .ajuda-cat__list a { transition:none; }
  .ajuda-cat:hover, .ajuda-quick a:hover, .ajuda-cta__btn:hover { transform:none; }
}
@media (max-width: 768px) {
  .ajuda-header { padding:12px 16px; }
  .ajuda-header__nav a:not(.ajuda-header__wa) { display:none; }
  .ajuda-header__nav { gap:8px; }
  .ajuda-hero { padding:48px 16px; }
  .ajuda-hero__emoji { font-size:48px; }
  .ajuda-search__input { padding:16px 20px 16px 52px; font-size:16px; }
  .ajuda-search__icon { top:18px; left:18px; }
  .ajuda-quick { grid-template-columns:1fr; margin-top:-32px; gap:12px; padding:0 16px; }
  .ajuda-main { padding:48px 16px; }
  .ajuda-grid { gap:16px; }
  .ajuda-cat { padding:20px; border-radius:16px; }
  .ajuda-cat__icon { width:48px; height:48px; font-size:24px; }
  .ajuda-cat__title { font-size:18px; }
  .ajuda-cta { padding:48px 16px; margin-top:48px; }
  .ajuda-cta__buttons { flex-direction:column; }
  .ajuda-cta__btn { width:100%; justify-content:center; }
}
@media (max-width: 380px) {
  .ajuda-hero h1 { font-size:28px; }
  .ajuda-hero p { font-size:15px; }
  .ajuda-cat__list-title { font-size:14px; }
}
[x-cloak]{display:none!important;}