.app{margin:0 auto;padding:20px;font-family:Arial,sans-serif}.main-title{color:#1a237e;font-size:48px;text-align:center;margin-bottom:40px}.content_events{display:flex;flex-direction:column;gap:30px}.read-more-btn-link{display:inline-block;background:none;border:1px solid #2196f3;color:#2196f3;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:16px;text-decoration:none;transition:all .3s ease}.read-more-btn-link:hover{opacity:.9}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;flex:1 1}.calendar_home{background:#f5f5f5;padding:20px;border-radius:8px;min-width:300px;height:-moz-fit-content;height:fit-content}.calendar-title{text-align:center;font-size:24px;margin-bottom:20px;color:#333}.calendar-grid_home{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;text-align:center}.calendar-header{color:#666;font-size:14px;padding:8px 0;display:flex;justify-content:space-between;align-items:center}.calendar-date{padding:8px 0;font-size:14px;color:#333}.calendar-date.active{background:#ff5252;color:#fff;border-radius:50%}.event-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.event-card-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.event-date{color:#acacac;font-weight:700;font-size:14px}.event-indicator{width:80px;height:24px;background:#2196f3;border-radius:4px}.event-title{font-size:20px;font-weight:700;margin-bottom:10px;color:#333}.event-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.read-more{background:none;border:1px solid #2196f3;color:#2196f3;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.read-more:hover{opacity:.9}@media screen and (max-width:750px){.content_events{flex-direction:column-reverse}.events-grid{grid-template-columns:unset}.calendar_home{min-width:unset}}@media screen and (min-width:751px) and (max-width:900px){.events-grid{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:901px) and (max-width:1100px){.events-grid{grid-template-columns:repeat(2,1fr)}}