header{position:relative;z-index:10;padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.logo-title{font-family:var(--cond);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1}.logo-title span{color:var(--accent)}.logo-sub{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);margin-top:.4rem;letter-spacing:.08em}.header-right{text-align:right}main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:3rem 2rem}.filters{display:flex;gap:.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.filter-btn{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;padding:.4rem 1rem;border:1px solid var(--border);background:none;color:var(--text-dim);cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.filter-btn[data-type=post].active{background:var(--accent2);border-color:var(--accent2)}.filter-btn[data-type=evento].active{background:var(--event);border-color:var(--event)}.filter-btn[data-type=galeria].active{background:var(--gallery);border-color:var(--gallery)}#content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.card{background:var(--surface);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;color:inherit;display:block;animation:fadeUp .4s ease both}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00e5a014}.card[data-type=log]:hover{border-color:var(--accent)}.card[data-type=post]:hover{border-color:var(--accent2)}.card[data-type=evento]:hover{border-color:var(--event)}.card[data-type=galeria]:hover{border-color:var(--gallery)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-img{width:100%;height:180px;object-fit:cover;display:block;filter:brightness(.85);transition:filter .3s;background:var(--surface2)}.card:hover .card-img{filter:brightness(1)}.card-img-placeholder{width:100%;height:140px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--border)}.card-body{padding:1.1rem 1.3rem 1.3rem}.card-type-badge{display:inline-block;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;padding:.2rem .6rem;margin-bottom:.6rem}.badge-log{background:#00e5a01a;color:var(--accent);border:1px solid rgba(0,229,160,.2)}.badge-post{background:#00b8d41a;color:var(--accent2);border:1px solid rgba(0,184,212,.2)}.badge-evento{background:#a78bfa1a;color:var(--event);border:1px solid rgba(167,139,250,.2)}.badge-galeria{background:#f472b61a;color:var(--gallery);border:1px solid rgba(244,114,182,.2)}.card-title{font-family:var(--cond);font-size:1.3rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.card-excerpt{font-size:.85rem;color:var(--text-dim);line-height:1.6;margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-date{font-family:var(--mono);font-size:.68rem;color:var(--text-dim)}.card-footer{padding:.7rem 1.3rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-meta{font-family:var(--mono);font-size:.68rem;color:var(--text-dim)}.card-meta strong{color:var(--accent2)}.card-arrow{font-family:var(--mono);font-size:.7rem;color:var(--accent)}.card.upcoming{border-color:#a78bfa4d}.upcoming-badge{font-family:var(--mono);font-size:.58rem;color:var(--event);letter-spacing:.15em;margin-bottom:.3rem}#loading{text-align:center;padding:5rem 2rem}.spinner{width:36px;height:36px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.2rem}@keyframes spin{to{transform:rotate(360deg)}}#loading p{font-family:var(--mono);font-size:.78rem;color:var(--text-dim)}#empty{display:none;text-align:center;padding:4rem 2rem;border:1px dashed var(--border)}#empty h2{font-family:var(--cond);font-size:1.6rem;color:var(--text-dim);margin-bottom:.5rem}#empty p{font-family:var(--mono);font-size:.75rem;color:var(--text-dim);line-height:1.8}#empty a{color:var(--accent)}footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:1.5rem 2rem;text-align:center;font-family:var(--mono);font-size:.63rem;color:var(--text-dim)}footer a{color:var(--accent)}