/* CLENA SPORTS • EVENTOS
   Modelo visual unificado com sports/agenda.html.
   Camada visual e responsiva para o feed e detalhes. */

:root{
  --event-ink:#241b15;
  --event-muted:#60544b;
  --event-line:#e9dfd6;
  --event-line-strong:#d9ccc0;
  --event-paper:#fff;
  --event-soft:#fffaf6;
  --event-accent:#b83b0c;
  --event-accent-dark:#9a3412;
  --event-orange-soft:#fff0e2;
  --event-green:#166534;
  --event-purple:#6e46b6;
  --event-red:#a71931;
  --event-shadow:0 14px 42px rgb(81 43 18 / 7%);
}

html{font-size:16px!important}
body{background:linear-gradient(180deg,#fffaf6,#fff 760px)!important;color:var(--event-ink)!important;overflow-x:hidden!important}
.events-page{padding:28px 0 56px!important}
.events-page .page-top{align-items:center!important;gap:28px!important;margin-bottom:18px!important}
.events-page .page-top h1{font-size:clamp(1.875rem,2.6vw,2.75rem)!important;line-height:1.15!important;letter-spacing:-.04em!important;margin:10px 0 12px!important}
.events-page .page-top p{font-size:1.0625rem!important;line-height:1.65!important;color:var(--event-muted)!important;max-width:75ch!important}
.events-page .kicker{font-size:1rem!important;letter-spacing:.045em!important;color:var(--event-accent)!important}
.events-page .page-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}

/* KPIs iguais ao modelo da agenda */
.events-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 22px!important}
.event-stat{min-height:110px!important;padding:18px!important;display:flex!important;align-items:center!important;gap:13px!important;border:1px solid var(--event-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.event-stat-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;border:1px solid #f0d2bc!important;border-radius:12px!important;background:#fff2e8!important;color:var(--event-accent)!important;font-size:20px!important}
.event-stat:nth-child(3) .event-stat-icon{color:var(--event-purple)!important;background:#f3edfc!important;border-color:#ddcdf3!important}
.event-stat:nth-child(4) .event-stat-icon{color:var(--event-green)!important;background:#edf8f0!important;border-color:#cce5d5!important}
.event-stat strong{display:block!important;font-size:clamp(1.5rem,1.9vw,2rem)!important;line-height:1.25!important;letter-spacing:-.035em!important;font-weight:750!important;color:var(--event-ink)!important}
.event-stat small{display:block!important;margin-top:5px!important;font-size:1rem!important;line-height:1.4!important;font-weight:550!important;color:var(--event-muted)!important}

/* painel principal */
.events-panel{border:1px solid var(--event-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--event-shadow)!important;overflow:hidden!important}
.events-toolbar{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;padding:16px 20px!important;border-bottom:1px solid var(--event-line)!important;background:#fffaf6!important}
.events-search-field{display:grid!important;gap:6px!important;flex:1 1 480px!important;min-width:0!important}
.events-search-field>span{font-size:1rem!important;line-height:1.4!important;font-weight:650!important;color:#544235!important}
.events-search-field .search{height:48px!important;width:100%!important;border:1px solid #d6c5b7!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.events-search-field .search i{width:42px!important;flex:0 0 42px!important;text-align:center!important;font-size:18px!important;color:#6c5445!important}
.events-search-field .search input{height:46px!important;min-width:0!important;flex:1!important;border:0!important;background:transparent!important;color:var(--event-ink)!important;font-size:1rem!important}
.events-search-field .search input::placeholder{color:#706357!important;opacity:1!important}
.events-results{display:flex!important;align-items:center!important;gap:8px!important;min-height:48px!important;padding:0 13px!important;border:1px solid var(--event-line)!important;border-radius:10px!important;background:#fff!important;color:var(--event-muted)!important;font-size:1rem!important;white-space:nowrap!important}
.events-results i{color:var(--event-accent)!important}

.feed{width:100%!important;max-width:none!important;margin:0!important;padding:20px!important;background:#fff!important}
.feed-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;max-width:none!important;margin:0!important}

/* cards de evento */
.post{min-width:0!important;border:1px solid var(--event-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.post:hover{border-color:#d8c1b1!important;box-shadow:0 12px 30px rgb(81 43 18 / 9%)!important}
.post-button{width:100%!important;display:grid!important;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)!important;grid-template-rows:auto 1fr!important;padding:0!important;border:0!important;background:#fff!important;color:inherit!important;text-align:left!important;cursor:pointer!important}
.organizer{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:11px!important;min-height:68px!important;padding:12px 15px!important;border-bottom:1px solid var(--event-line)!important;background:#fff!important}
.organizer-logo,.organizer-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important}
.organizer-copy{min-width:0!important;flex:1!important}
.organizer-copy strong{display:block!important;font-size:1rem!important;line-height:1.35!important;color:var(--event-ink)!important}
.organizer-copy span{display:block!important;margin-top:3px!important;font-size:1rem!important;line-height:1.35!important;color:var(--event-muted)!important}
.post-state{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:32px!important;padding:5px 9px!important;border:1px solid #bedec9!important;border-radius:9px!important;background:#edf8f0!important;color:var(--event-green)!important;font-size:1rem!important;line-height:1.3!important;font-weight:650!important;text-transform:none!important;white-space:normal!important;text-align:center!important}
.post-state i{font-size:8px!important}
.post-media{grid-column:1!important;grid-row:2!important;position:relative!important;min-height:300px!important;height:100%!important;background:#f4ece4!important;overflow:hidden!important}
.post-media img{width:100%!important;height:100%!important;min-height:300px!important;display:block!important;object-fit:cover!important;object-position:center!important}
.post-media.no-media{display:grid!important;place-items:center!important;background:linear-gradient(145deg,#fff6ed,#f7eee6)!important}
.no-media-art{display:grid!important;place-items:center!important;gap:12px!important;padding:24px!important;text-align:center!important;color:var(--event-accent)!important}
.no-media-art i{font-size:44px!important}
.no-media-art b{font-size:1.25rem!important;line-height:1.35!important;color:var(--event-ink)!important}
.play{position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgb(255 255 255 / 92%)!important;color:var(--event-accent)!important;font-size:20px!important;box-shadow:0 8px 24px rgb(36 27 21 / 18%)!important}
.media-label{position:absolute!important;left:12px!important;bottom:12px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:32px!important;padding:5px 9px!important;border-radius:9px!important;background:rgb(36 27 21 / 82%)!important;color:#fff!important;font-size:1rem!important}
.post-body{grid-column:2!important;grid-row:2!important;min-width:0!important;display:flex!important;flex-direction:column!important;padding:20px!important}
.post-title{margin:0!important;font-size:clamp(1.375rem,1.8vw,1.75rem)!important;line-height:1.25!important;letter-spacing:-.03em!important;color:var(--event-ink)!important}
.post-description{margin:10px 0 0!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:1rem!important;line-height:1.6!important;color:var(--event-muted)!important}
.post-data{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:18px!important}
.data-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;padding:6px 9px!important;border:1px solid #e5d5c9!important;border-radius:9px!important;background:#fffaf6!important;color:#5b493e!important;font-size:1rem!important;line-height:1.3!important;font-weight:600!important}
.data-chip i{color:var(--event-accent)!important}
.data-chip.purple i{color:var(--event-purple)!important}
.post-hint{margin-top:auto!important;padding-top:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-top:1px solid var(--event-line)!important;font-size:1rem!important;line-height:1.4!important;color:var(--event-muted)!important}
.post-hint b{color:var(--event-accent)!important;font-weight:700!important}

/* vazio / erro */
.empty{grid-column:1/-1!important;min-height:330px!important;display:grid!important;place-items:center!important;padding:44px 24px!important;border:0!important;background:#fff!important}
.empty>div{max-width:620px!important;text-align:center!important}
.empty i{font-size:40px!important;color:var(--event-accent)!important;margin-bottom:12px!important}
.empty b{display:block!important;font-size:1.5rem!important;line-height:1.3!important;color:var(--event-ink)!important}
.empty p{margin:8px auto 0!important;font-size:1rem!important;line-height:1.6!important;color:var(--event-muted)!important}

/* detalhes: mesmo padrão dos modais da agenda */
.sheet{position:fixed!important;inset:0!important;z-index:200!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important}
.sheet.open{display:flex!important}
.sheet-backdrop{position:absolute!important;inset:0!important;background:rgb(36 27 21 / 42%)!important;backdrop-filter:blur(4px)!important}
.sheet-panel{position:relative!important;z-index:1!important;width:min(96vw,1040px)!important;max-height:calc(100dvh - 48px)!important;margin:0!important;border:1px solid var(--event-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 70px rgb(36 27 21 / 18%)!important;overflow:hidden!important;transform:none!important}
.sheet-grip-wrap{min-height:64px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:10px 14px!important;border-bottom:1px solid var(--event-line)!important;background:#fff!important}
.sheet-grip{display:none!important}
.sheet-close{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid var(--event-line)!important;border-radius:11px!important;background:#fff!important;color:#4d3d33!important;font-size:18px!important}
.sheet-body{max-height:calc(100dvh - 113px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#fff!important}
.sheet-organizer{display:flex!important;align-items:center!important;gap:11px!important;padding:16px 20px!important;border-bottom:1px solid var(--event-line)!important}
.sheet-organizer-copy strong{display:block!important;font-size:1rem!important;color:var(--event-ink)!important}
.sheet-organizer-copy span{display:block!important;margin-top:3px!important;font-size:1rem!important;color:var(--event-muted)!important}
.sheet-media{margin:0!important;max-height:500px!important;background:#f4ece4!important;overflow:hidden!important}
.sheet-media img,.sheet-media iframe{width:100%!important;display:block!important;border:0!important}
.sheet-media img{max-height:500px!important;object-fit:contain!important;background:#f4ece4!important}
.sheet-media iframe{aspect-ratio:16/9!important;min-height:360px!important}
.sheet-content{padding:22px!important}
.sheet-type{font-size:1rem!important;line-height:1.4!important;font-weight:700!important;color:var(--event-accent)!important;text-transform:none!important;letter-spacing:0!important}
.sheet-title{margin:8px 0 0!important;font-size:clamp(1.75rem,2.5vw,2.5rem)!important;line-height:1.18!important;letter-spacing:-.04em!important;color:var(--event-ink)!important}
.sheet-desc,.sheet-text{font-size:1rem!important;line-height:1.65!important;color:var(--event-muted)!important}
.sheet-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:20px!important}
.sheet-data{min-width:0!important;padding:14px!important;border:1px solid var(--event-line)!important;border-radius:12px!important;background:#fffaf6!important}
.sheet-data span{display:block!important;font-size:1rem!important;line-height:1.35!important;color:var(--event-muted)!important}
.sheet-data b{display:block!important;margin-top:5px!important;font-size:1rem!important;line-height:1.45!important;color:var(--event-ink)!important;overflow-wrap:anywhere!important}
.sheet-section{margin-top:18px!important;padding:16px!important;border:1px solid var(--event-line)!important;border-radius:13px!important;background:#fff!important}
.sheet-section-title{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;font-size:1.2rem!important;color:var(--event-ink)!important}
.sheet-section-title i{color:var(--event-accent)!important}
.people{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.person{display:flex!important;align-items:center!important;gap:10px!important;padding:11px!important;border:1px solid var(--event-line)!important;border-radius:11px!important;background:#fffaf6!important}
.person-avatar{width:40px!important;height:40px!important;flex:0 0 40px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#fff0e2!important;color:var(--event-accent)!important}
.person-copy{min-width:0!important}
.person-copy b,.person-copy small{display:block!important;font-size:1rem!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.person-copy small{margin-top:3px!important;color:var(--event-muted)!important}

/* drawer follows Agenda */
.mobile-drawer{z-index:220!important}
.drawer{background:#fff!important;color:var(--event-ink)!important}
.drawer-head{border-bottom:1px solid var(--event-line)!important}
.drawer-nav a{min-height:50px!important;font-size:1rem!important;border-radius:10px!important}
.drawer-nav a.active,.drawer-nav a:hover{background:#fff0e2!important;color:var(--event-accent)!important}
.drawer-user strong,.drawer-user small,.drawer-logout{font-size:1rem!important}

/* responsive */
@media(max-width:1200px){
  .events-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .feed-list{grid-template-columns:1fr!important}
  .post-button{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)!important}
}
@media(max-width:930px){
  .events-page .page-top{align-items:flex-start!important}
  .events-page .page-actions{width:100%!important;justify-content:flex-start!important}
}
@media(max-width:700px){
  .events-page{padding-top:20px!important}
  .events-page .page-top{display:grid!important;gap:18px!important}
  .events-page .page-top h1{font-size:1.875rem!important}
  .events-page .page-top p{font-size:1rem!important}
  .events-page .page-actions{display:grid!important;grid-template-columns:1fr!important}
  .events-page .page-actions .btn{width:100%!important}
  .events-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .event-stat{min-height:96px!important;padding:13px!important}
  .events-toolbar{padding:13px!important}
  .events-results{width:100%!important;justify-content:center!important}
  .feed{padding:12px!important}
  .feed-list{gap:12px!important}
  .post-button{display:block!important}
  .organizer{min-height:64px!important;padding:10px 12px!important}
  .organizer-copy span{font-size:.9375rem!important}
  .post-state{font-size:.9375rem!important;max-width:45%!important}
  .post-media{min-height:auto!important;aspect-ratio:4/3!important}
  .post-media img{min-height:0!important;aspect-ratio:4/3!important;object-fit:cover!important}
  .post-body{padding:16px!important}
  .post-title{font-size:1.375rem!important}
  .post-description{font-size:1rem!important;-webkit-line-clamp:3!important}
  .post-hint{align-items:flex-start!important;flex-direction:column!important}
  .sheet{padding:0!important;align-items:flex-end!important}
  .sheet-panel{width:100%!important;max-width:100%!important;max-height:96dvh!important;border-radius:20px 20px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}
  .sheet-body{max-height:calc(96dvh - 64px)!important}
  .sheet-media iframe{min-height:220px!important}
  .sheet-content{padding:16px!important}
  .sheet-grid,.people{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .events-stats{grid-template-columns:1fr!important}
  .event-stat{min-height:86px!important}
  .organizer-logo,.organizer-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
  .organizer-copy strong{font-size:.9375rem!important}
  .post-state{font-size:.875rem!important}
}
@media(prefers-reduced-motion:reduce){
  .post{transition:none!important}
}