/* Shared presentation layer */
:root{--surface:#fff;--surface-soft:#f7f9f6;--shadow-soft:0 24px 64px -44px rgba(2,55,31,.55)}
body{font-size:16px}
.nav{transition:box-shadow .25s ease,background .25s ease}
.nav.compact{background:rgba(255,255,255,.96);box-shadow:0 12px 32px -28px rgba(2,55,31,.65)}
.nav-inner{transition:padding .25s ease}
.nav.compact .nav-inner{padding-top:9px;padding-bottom:9px}
.nav.compact .brand-mark{width:30px;height:30px}
.nav-links{gap:24px}
.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px)}
section{padding:80px 0}
.section-head h2{font-size:clamp(1.85rem,2.7vw,2.45rem);letter-spacing:-.015em}
.feature-event,.testi-card,.modal-card,.contact-form{box-shadow:var(--shadow-soft)}
.benefit-card,.member-card,.board-card,.assoc-card,.contact-info-card{transition:transform .2s ease,box-shadow .2s ease}
.benefit-card:hover,.member-card:hover,.board-card:hover,.assoc-card:hover,.contact-info-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -32px rgba(2,55,31,.55)}
.how-section{background:var(--surface-soft)}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.how-card{background:var(--surface);border:1px solid rgba(23,31,38,.08);border-radius:var(--radius-lg);padding:32px;min-height:240px}
.how-card .step{font-family:'JetBrains Mono',monospace;color:var(--ouro-600);font-size:.78rem;font-weight:700}
.how-card h3{color:var(--verde-900);font-size:1.25rem;margin:28px 0 10px}
.how-card p{color:var(--ink-600);line-height:1.65;margin:0}
.directory-tools{display:flex;align-items:center;gap:14px;margin-bottom:30px}
.directory-search{width:min(100%,440px);padding:13px 16px;border:1px solid rgba(23,31,38,.16);border-radius:999px;background:#fff;font:inherit}
.directory-search:focus{outline:3px solid rgba(46,155,92,.15);border-color:var(--verde-500)}
.directory-count{font-size:.85rem;color:var(--ink-600);white-space:nowrap}
.assoc-card[hidden]{display:none}
.field-group select{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid rgba(23,31,38,.18);font:inherit;background:var(--pedra-50)}
.field-group select:focus{outline:none;border-color:var(--verde-500);box-shadow:0 0 0 3px rgba(46,155,92,.12)}
.agenda-loading .event-card-modern,.agenda-loading #homeEventsList{position:relative;overflow:hidden}
.agenda-loading .event-card-modern::after,.agenda-loading #homeEventsList::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.5) 45%,transparent 70%);animation:agendaShimmer 1.2s linear infinite}
@keyframes agendaShimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:900px){.how-grid{grid-template-columns:1fr}.how-card{min-height:auto}.directory-tools{align-items:stretch;flex-direction:column}}
@media(max-width:600px){section{padding:64px 0}}