/* Home: apresentação das modalidades (nome e descrição), com o filtro por unidade */
.hmods__anchor{position:absolute;top:0}
.hmods__head{display:grid;justify-items:center;text-align:center}
.hmods__head .section-title:after{content:"";display:block;width:96px;height:3px;margin:22px auto 0;border-radius:3px;background:var(--yellow)}
.hmods__count{display:inline-block;margin-left:.06em;padding:.04em .16em .02em;border-radius:.12em;background:var(--yellow);color:var(--ink);line-height:1;vertical-align:.02em}
.hmods__head .lead{margin-inline:auto;max-width:60ch}
.hmods__pick{display:grid;justify-items:center;gap:8px;margin-top:28px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hmods__pick select{min-width:min(100%,300px);max-width:100%;padding:12px 40px 12px 18px;border:1px solid var(--border);border-radius:99px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fac800' stroke-width='2'/%3E%3C/svg%3E") right 18px center no-repeat;color:var(--text);font:600 15px/1.2 Manrope,system-ui,sans-serif;letter-spacing:0;text-transform:none;appearance:none;cursor:pointer}
.hmods__pick select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.hmods__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:clamp(32px,4vw,48px)}
.hmods__card{display:grid;align-content:start;gap:8px;padding:22px 24px;border:1px solid var(--border);border-left:3px solid var(--yellow);border-radius:16px;background:var(--surface);transition:transform .25s var(--ease-out),border-color .25s}
.hmods__card:hover{transform:translateY(-3px);border-color:#fac80066;border-left-color:var(--yellow)}
.hmods__card h3{font-size:clamp(20px,1.8vw,24px);letter-spacing:.02em;text-transform:uppercase}
.hmods__card p{color:var(--muted);font-size:14.5px;line-height:1.55}
.hmods__card[hidden]{display:none}
.hmods__empty{margin-top:24px;text-align:center;color:var(--muted)}
.hmods__cta{display:flex;justify-content:center;margin-top:clamp(32px,4vw,48px)}
/* Foto de fundo apagada em cada card (modalidades.js) */
.hmods__card.has-bg{position:relative;overflow:hidden;isolation:isolate}
.hmods__bg{position:absolute;inset:0;z-index:-1;background-position:center 30%;background-size:cover;filter:grayscale(.3) contrast(1.05) brightness(1);opacity:.54;transform:scale(1.04);transition:opacity .35s,transform .6s var(--ease-out),filter .35s;pointer-events:none}
.hmods__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#0d0e10db 0%,#0d0e109e 55%,#0d0e1033 100%),linear-gradient(0deg,#fac80014,transparent 60%)}
.hmods__card.has-bg:hover .hmods__bg{opacity:.7;transform:scale(1.09);filter:grayscale(.15) contrast(1.05) brightness(1)}
.hmods__card.has-bg h3,.hmods__card.has-bg p{text-shadow:0 1px 12px #000000a6}
.hmods__card.has-bg p{color:#f4f1e8b8}
@media (prefers-reduced-motion:reduce){.hmods__card,.hmods__bg{transition:none}.hmods__card:hover,.hmods__card.has-bg:hover .hmods__bg{transform:none}}