/* Variante de Eventos para Nosotros. Reutiliza Flexbox, scroll, controles y
   responsive de events.css; aquí solo se cambia la presentación del banner. */
.about-conferences { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 100% 80%, #0053b570, transparent 55%), linear-gradient(110deg, #032952, #011a32 65%, #032c59); border-block-color: #185786; padding-block: clamp(1.5rem, 3vw, 2.8rem); }
.about-conferences::before { content: ''; position: absolute; z-index: -1; width: 16rem; height: 16rem; left: -12rem; bottom: -12rem; border-radius: 50%; background: #0466d527; }
.about-conferences .events__container { width: min(88%, 75rem); }
.about-conferences .events__layout { gap: clamp(1.5rem, 3vw, 3rem); }
.about-conferences__eyebrow { display: flex; align-items: center; gap: .6rem; margin-bottom: .6rem; color: #4da9e6; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.about-conferences__eyebrow::before { content: ''; width: 1rem; height: .125rem; background: currentColor; }
.about-conferences .events__intro { flex: 1 1 25rem; }
.about-conferences .events__carousel { flex: 1.4 1 33rem; }
.about-conferences .events__title { font-size: clamp(1.6rem, 2.7vw, 2.4rem); }
.about-conferences .events__title span { display: block; color: var(--color-primary-light); }
.about-conferences .events__description { max-width: 47ch; color: #b3c7df; }
.about-conferences .events__cta { border-radius: .6rem; background: #008dff; margin-top: .9rem; }
/* Tres fotos verticales en escritorio; las reglas compartidas reducen a dos o una. */
.about-conferences .events__card { border-radius: .9rem; border-color: #4194b97a; background: #083356; box-shadow: none; }
.about-conferences .events__card:hover { transform: none; box-shadow: none; }
.about-conferences .events__photo { aspect-ratio: 9 / 10; height: 100%; object-fit: cover; }
.about-conferences .events__cards { padding-bottom: .5rem; }
.about-conferences .events__controls { margin-top: .25rem; }
@media (max-width: 65.625rem) {
  .about-conferences .events__intro, .about-conferences .events__carousel { flex-basis: auto; }
  .about-conferences .events__photo { aspect-ratio: 4 / 3; }
}