/* /pacotes/areas/pacotes-areas.css — sub-aba Pacotes em 4 áreas (mockup aprovado em 06/10/2026:
   docs/mockups/pacotes/aba-pacotes-lapidada.html). Letra mínima 15px; movimento desligado em prefers-reduced-motion. */
.pa-raiz{display:grid;gap:16px;margin-top:16px}
.pa-filtros{display:flex;flex-wrap:wrap;gap:8px}
.pa-filtro{border:1px solid var(--line,#29313d);border-radius:999px;background:transparent;color:var(--muted,#a7b0bd);padding:5px 13px;font:inherit;font-size:15px;cursor:pointer}
.pa-filtro[aria-pressed="true"]{border-color:#20d3e0;color:#20d3e0;background:rgba(32,211,224,.12)}
.pa-filtro:hover,.pa-filtro:focus-visible{border-color:rgba(32,211,224,.6);outline:none}

.pa-area{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:14px;border:1px solid color-mix(in srgb,var(--pa) 38%,#29313d);border-radius:14px;background:#0f131c;padding:18px 18px 16px}
.pa-area::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--pa),var(--pa2));z-index:1}
.pa-fundo{position:absolute;inset:0 0 auto 0;height:220px;z-index:-3;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
.pa-fundo svg{width:100%;height:100%;display:block}
.pa-area::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(15,19,28,.95) 0%,rgba(15,19,28,.82) 50%,rgba(15,19,28,.45) 100%),linear-gradient(0deg,rgba(15,19,28,.98) 45%,transparent 75%)}
.pa-cortes{position:absolute;inset:0 0 auto 0;height:200px;z-index:-1;pointer-events:none;overflow:hidden}
.pa-cortes i{position:absolute;height:2px;border-radius:2px;transform:rotate(-28deg);background:linear-gradient(90deg,transparent,var(--pa) 35%,#fff 50%,var(--pa) 65%,transparent);box-shadow:0 0 10px var(--pa);opacity:.5}
.pa-cortes i:nth-child(1){width:300px;right:3%;top:36%}
.pa-cortes i:nth-child(2){width:200px;right:17%;top:60%;opacity:.3;height:1.5px;--pa:var(--pa2)}
.pa-cortes i:nth-child(3){width:140px;right:-2%;top:16%;opacity:.28;height:1px}
.pa-cortes i::after{content:"";position:absolute;inset:-3px 0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);transform:translateX(-120%);animation:pa-brilho 6s ease-in-out infinite}
.pa-cortes i:nth-child(2)::after{animation-delay:1.8s}.pa-cortes i:nth-child(3)::after{animation-delay:3.4s}
@keyframes pa-brilho{0%,70%{transform:translateX(-120%);opacity:0}75%{opacity:1}90%,100%{transform:translateX(420%);opacity:0}}
.pa-faisca{fill:#ffb35c;animation:pa-subir 5s linear infinite;transform-box:fill-box}
@keyframes pa-subir{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(-200px);opacity:0}}
.pa-nevoa{animation:pa-nevoa 14s ease-in-out infinite alternate}
@keyframes pa-nevoa{from{transform:translateX(-60px)}to{transform:translateX(60px)}}
.pa-folha{fill:#6f8f4a;animation:pa-cair 11s linear infinite;transform-box:fill-box}
@keyframes pa-cair{0%{transform:translate(0,0) rotate(0);opacity:0}8%{opacity:.9}100%{transform:translate(-160px,240px) rotate(260deg);opacity:0}}
.pa-brilha{animation:pa-piscar 4s ease-in-out infinite}
@keyframes pa-piscar{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.pa-cortes i::after{animation:none;opacity:0}.pa-faisca,.pa-folha,.pa-nevoa,.pa-brilha{animation:none}}

.pa-topo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px}
.pa-topo h3{margin:0;font-size:21px;line-height:1.2;color:#f0f3f7}
.pa-topo p{margin:2px 0 0;color:#a7b0bd;font-size:15px;max-width:60ch}
.pa-qt{color:var(--pa);font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}

.pa-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.pa-pc{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid #29313d;border-radius:12px;background:rgba(20,26,37,.92);padding:10px;color:#f0f3f7;font:inherit;font-size:15px;cursor:pointer;transition:border-color .15s}
.pa-pc:hover,.pa-pc:focus-visible{border-color:rgba(32,211,224,.5);outline:none}
.pa-pc img,.pa-q{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#0b0e15}
.pa-q{display:grid;place-items:center;color:#8792a3;font-weight:700;font-size:20px}
.pa-pc b{font-weight:600;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.pa-mais{justify-self:start;border:1px solid #3a4759;background:#141a25;color:#f0f3f7;border-radius:10px;padding:8px 14px;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.pa-mais:hover,.pa-mais:focus-visible{border-color:rgba(32,211,224,.6);outline:none}
@media (max-width:520px){.pa-area{padding:16px 12px 14px}.pa-grade{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pa-pc{transition:none}}
.pa-contem{display:block;margin-top:2px;font-size:15px;font-weight:400;color:var(--t-mid,#a7b0bd)}