*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f7fa;font-family:Arial,Helvetica,sans-serif}.container{width:96%;max-width:1920px;margin:auto;padding:40px 20px 80px}.header{text-align:center;margin-bottom:40px}.club-logo{width:200px;margin-bottom:10px}.header h1{margin-bottom:10px;font-size:3.3rem}.header p{color:#666;font-size:1.2rem}.filters{flex-wrap:wrap;justify-content:center;gap:60px;margin-bottom:55px;display:flex}.filter-group{flex-direction:column;gap:10px;display:flex}.filter-group label{font-weight:700}.buttons{gap:10px;display:flex}button{cursor:pointer;background:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:16px;transition:all .2s;box-shadow:0 2px 8px #00000014}button:hover{transform:translateY(-2px)}button.active{color:#fff;background:#0b6efd}.records{flex-direction:column;gap:45px;display:flex}.estilo-section{width:100%}.estilo-title{border-bottom:3px solid #0b6efd;margin-bottom:18px;padding-bottom:6px;font-size:34px;font-weight:700;display:inline-block}.records-grid{flex-wrap:wrap;gap:16px;display:flex}.record-card{background:#fff;border-radius:18px;flex:0 0 250px;padding:22px;transition:all .25s;box-shadow:0 6px 18px #00000014}.record-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0000001f}.record-event{margin-bottom:18px;font-size:1.25rem;font-weight:700}.record-time{color:#0b6efd;margin-bottom:18px;font-size:3rem;font-weight:800;line-height:1}.record-swimmer{margin-bottom:10px;font-size:1.02rem;font-weight:700}.record-date{color:#777;margin-bottom:16px;font-size:.92rem}.record-points{color:#0b6efd;font-size:.95rem;font-weight:700}@media (width<=1200px){.records-grid{justify-content:center}.record-card{flex:280px}}@media (width<=700px){.header h1{font-size:2.4rem}.club-logo{width:150px}.filters{gap:25px}}