/* =========================================================================
   Cultouring — Events agenda (Fase 3, BP-14). Milpa palette.
   ========================================================================= */
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('../fonts/fraunces-wght-normal.woff2') format('woff2-variations'); }

.ct-events { background: #F5F0E8; padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 3rem); }
.ct-events-inner { max-width: 920px; margin: 0 auto; }
.ct-events-head { text-align: center; margin-bottom: 2rem; }
.ct-events-title { font-family: 'Fraunces', Georgia, serif; font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); color: #143C36; margin: 0; }
.ct-events-sub { color: #5C4A3A; margin: 0.5rem 0 1.2rem; font-size: 1.05rem; }
.ct-events-tabs { display: inline-flex; gap: 0.4rem; background: #fff; padding: 0.3rem; border-radius: 999px; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.ct-events-tab { padding: 0.45rem 1.2rem; border-radius: 999px; text-decoration: none; color: #5C4A3A; font-weight: 600; font-size: 0.9rem; transition: all .2s; }
.ct-events-tab.is-active { background: #1C5C52; color: #F5F0E8; }
.ct-events-empty { text-align: center; color: #9A8A78; padding: 3rem 1rem; }
.ct-events-empty svg { color: #c9bdac; opacity: .5; margin-bottom: 0.8rem; }
.ct-events-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem; }
.ct-event-card { display: flex; gap: 1.1rem; background: #fff; border-radius: 16px; padding: 1.1rem 1.2rem; box-shadow: 0 4px 14px -6px rgba(0,0,0,.12); border: 1px solid rgba(28,92,82,.08); }
.ct-event-date { flex: 0 0 76px; text-align: center; background: linear-gradient(160deg, #1C5C52, #0c3a38); color: #F5F0E8; border-radius: 12px; padding: 0.6rem 0.3rem; align-self: flex-start; }
.ct-event-day { display: block; font-family: 'Fraunces', Georgia, serif; font-size: 1.9rem; font-weight: 700; line-height: 1; }
.ct-event-mon { display: block; text-transform: uppercase; font-size: 0.72rem; letter-spacing: .08em; margin-top: 2px; }
.ct-event-year { display: block; font-size: 0.68rem; opacity: .7; }
.ct-event-body { flex: 1 1 auto; min-width: 0; }
.ct-event-name { font-family: 'Fraunces', Georgia, serif; font-size: 1.25rem; margin: 0 0 0.3rem; }
.ct-event-name a { color: #143C36; text-decoration: none; }
.ct-event-name a:hover { color: #C8583A; }
.ct-event-meta { display: flex; flex-wrap: wrap; gap: 0.8rem; font-size: 0.85rem; color: #5C4A3A; margin-bottom: 0.4rem; }
.ct-event-desc { color: #6b5a48; font-size: 0.9rem; line-height: 1.5; margin: 0 0 0.7rem; }
.ct-event-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ct-event-btn { padding: 0.4rem 0.9rem; border-radius: 999px; font-size: 0.82rem; font-weight: 600; text-decoration: none; transition: all .2s; }
.ct-event-btn-primary { background: #C8583A; color: #fff; }
.ct-event-btn-primary:hover { background: #a8431f; }
.ct-event-btn-ghost { border: 1px solid #1C5C52; color: #1C5C52; }
.ct-event-btn-ghost:hover { background: #1C5C52; color: #F5F0E8; }
@media (max-width: 520px) { .ct-event-card { flex-direction: column; } .ct-event-date { flex-direction: row; gap: 0.4rem; width: fit-content; align-items: baseline; } }

/* SITE CHROME — harmonise Cassiopeia header + hide topbar login on this view (CAL-271). */
body.com_cultouring .container-topbar { display: none !important; }
body.com_cultouring header.container-header,
body.com_cultouring header.header {
    background: linear-gradient(180deg, #0c3a38 0%, #114c4c 100%) !important;
    border-bottom: 1px solid rgba(196, 144, 26, 0.30);
    box-shadow: 0 2px 18px -8px rgba(0, 0, 0, 0.45);
}
body.com_cultouring .navbar-brand .brand-logo,
body.com_cultouring .navbar-brand .brand-logo span { color: #F5F0E8 !important; font-family: 'Fraunces', Georgia, serif !important; font-weight: 600 !important; text-decoration: none !important; }
body.com_cultouring .navbar-brand .site-description { color: rgba(245,240,232,0.74) !important; font-style: italic; }
body.com_cultouring .container-nav .mod-menu > li > a { color: #F5F0E8 !important; font-weight: 500; }
body.com_cultouring .container-nav .mod-menu > li > a:hover,
body.com_cultouring .container-nav .mod-menu > li.current > a { color: #d9a52e !important; }