/* eventos.css — Tarjetas de evento (cartelera) */
    /* Tarjetas de evento (cartelera con relieve) */
    .event-card {
      display: flex; align-items: stretch; gap: 12px; padding: 11px; margin-bottom: 11px;
      background: linear-gradient(180deg, rgba(139,92,246,.06), transparent), var(--panel-2);
      border: 1px solid var(--line); border-radius: var(--r-lg);
      cursor: pointer; transition: transform .14s var(--ease), border-color .15s, box-shadow .15s; box-shadow: var(--sh-sm);
    }
    .event-card:hover { transform: translateY(-2px); border-color: rgba(139,92,246,.4); box-shadow: 0 8px 24px rgba(139,92,246,.2); }
    /* Imagen/portada del evento */
    .event-card .ev-img {
      position: relative; width: 76px; height: 76px; border-radius: 14px; flex: 0 0 auto;
      background-size: cover; background-position: center; overflow: hidden;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 4px 10px rgba(0,0,0,.3);
    }
    .event-card .ev-ph { display: grid; place-items: center; background: linear-gradient(135deg, #8b5cf6, #6366f1); }
    .event-card .ev-catbig { font-size: 34px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.4)); }
    /* Chip de fecha con relieve (día grande + mes) */
    .event-card .ev-datechip {
      position: absolute; bottom: 4px; left: 4px; right: 4px;
      background: rgba(10,12,18,.78); backdrop-filter: blur(6px);
      border-radius: 9px; padding: 3px 0; text-align: center; line-height: 1;
      box-shadow: 0 2px 6px rgba(0,0,0,.4);
    }
    .event-card .ev-datechip span { display: block; font-size: 17px; font-weight: 800; color: #fff; }
    .event-card .ev-datechip small { font-size: 8.5px; font-weight: 700; letter-spacing: 1px; color: #a78bfa; }
    /* Cuerpo */
    .event-card .ev-body { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 3px; }
    .event-card .ev-title { font-size: 15px; font-weight: 700; letter-spacing: -0.01em;
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2px; }
    .event-card .ev-row { font-size: 12px; color: #c7cfdc; display: flex; align-items: center; gap: 7px; }
    /* Íconos con relieve (círculo de color) */
    .event-card .ev-ico {
      width: 20px; height: 20px; border-radius: 6px; display: grid; place-items: center;
      font-size: 10px; flex: 0 0 auto; box-shadow: inset 0 1px 1px rgba(255,255,255,.15);
    }
    .event-card .ev-ico.time { background: linear-gradient(135deg, #a78bfa, #8b5cf6); }
    .event-card .ev-ico.place { background: linear-gradient(135deg, #fb7185, #e11d48); }
    .event-card .ev-ico.ppl { background: linear-gradient(135deg, #4ade80, #22c55e); }
    .event-card .ev-chip {
      font-size: 10px; padding: 2px 8px; border-radius: 10px; margin-left: 4px;
      background: rgba(139,92,246,.18); color: #d9c8ff; border: 1px solid rgba(139,92,246,.3); font-weight: 500;
    }