/* SIG — eventos.css */

/* ── HERO con imagen ── */
.ev-hero {
  position: relative;
  min-height: 58vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.ev-hero__ov {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(6,44,86,.88) 0%, rgba(9,61,116,.78) 50%, rgba(6,44,86,.72) 100%);
}
.ev-hero__body {
  position: relative;
  z-index: 2;
  padding: 120px 52px 72px;
  max-width: 760px;
  width: 100%;
}
.ev-hero__h1 {
  font-family: var(--fc);
  font-size: clamp(42px,5.5vw,74px);
  font-weight: 700;
  line-height: .95;
  color: var(--white);
  letter-spacing: -1.5px;
  margin: 0 auto 18px;
}
.ev-hero__h1 em { font-style:italic;font-weight:300;color:rgba(201,160,18,.9);display:block; }
.ev-hero__lead { font-size:16px;line-height:1.75;color:rgba(255,255,255,.7);font-weight:300;max-width:580px;margin:0 auto; }

/* ── FILTROS ── */
.ev-sec { padding: 80px 52px 96px; background: var(--white); }
.ev-wrap { max-width: 1280px; margin: 0 auto; }
.ev-filters { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:44px; }
.ev-filter {
  font-family: var(--fc);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .4px;
  padding: 8px 18px;
  border-radius: 100px;
  background: var(--off);
  border: 1.5px solid var(--border);
  color: var(--ink-m);
  cursor: pointer;
  transition: all .22s;
}
.ev-filter:hover,.ev-filter.active { background:var(--yale);border-color:var(--yale);color:var(--white); }

/* ── GRID ── */
.ev-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:56px; }

/* ── CARD ── */
.ev-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--sh);
  transition: all .35s var(--ease);
}
.ev-card:hover { transform:translateY(-6px);box-shadow:var(--sh-l);border-color:rgba(9,61,116,.15); }

.ev-card__img-wrap { position:relative;height:180px;overflow:hidden; }
.ev-card__img { width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease); }
.ev-card:hover .ev-card__img { transform:scale(1.06); }
.ev-card__img-wrap::after { content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,rgba(255,255,255,.9)); }

.ev-card__badges { position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2; }
.ev-badge { font-family:var(--fc);font-size:9px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:100px;backdrop-filter:blur(8px); }
.ev-badge--presencial { background:rgba(255,255,255,.9);color:var(--yale);border:1px solid rgba(9,61,116,.14); }
.ev-badge--virtual    { background:rgba(10,110,114,.9);color:var(--white);border:1px solid transparent; }
.ev-badge--norma      { background:rgba(184,146,15,.9);color:var(--white);border:1px solid transparent; }

.ev-card__body { padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1; }
.ev-card__fecha-wrap { display:flex;align-items:center;gap:12px; }
.ev-card__fecha { font-family:var(--fc);font-size:32px;font-weight:700;color:var(--yale);line-height:1;min-width:36px; }
.ev-card__mes   { font-family:var(--fc);font-size:12px;font-weight:700;color:var(--ink-m);display:block;line-height:1.2; }
.ev-card__hora  { font-size:11px;color:var(--ink-xl);display:block;margin-top:2px; }
.ev-card__title { font-family:var(--fc);font-size:18px;font-weight:700;color:var(--yale-d);line-height:1.2; }
.ev-card__sub   { font-size:12px;line-height:1.6;color:var(--ink-m);font-weight:300;flex:1; }
.ev-card__meta  { display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--ink-l);border-top:1px solid var(--border-l);padding-top:10px; }
.ev-card__footer { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto; }
.ev-card__precio { font-family:var(--fc);font-size:14px;font-weight:700;color:var(--gold); }
.ev-card__btn { font-size:11px;padding:9px 16px;white-space:nowrap; }

/* In-company */
.ev-custom { display:flex;align-items:center;gap:28px;background:var(--off);border:1px solid var(--border);border-radius:18px;padding:36px 40px; }
.ev-custom__icon { font-size:44px;flex-shrink:0; }
.ev-custom__content h3 { font-family:var(--fc);font-size:20px;font-weight:700;color:var(--yale-d);margin-bottom:8px; }
.ev-custom__content p { font-size:13px;color:var(--ink-m);line-height:1.7;font-weight:300; }
.ev-custom__cta { flex-shrink:0;white-space:nowrap; }

/* ── RESPONSIVE ── */
@media(max-width:1100px){ .ev-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:768px){
  .ev-hero__body { padding:100px 24px 56px; }
  .ev-sec { padding:56px 24px 72px; }
  .ev-grid { grid-template-columns:1fr; }
  .ev-custom { flex-direction:column;text-align:center;padding:28px 24px;gap:16px; }
}