:root {
  --ink: #111a22;
  --navy: #142838;
  --navy-deep: #09151e;
  --blue: #197aaa;
  --cyan: #20a9c5;
  --gold: #e2ac4d;
  --cream: #f4f0e7;
  --paper: #fffdf8;
  --white: #ffffff;
  --muted: #62717c;
  --line: rgba(20, 40, 56, 0.14);
  --shadow: 0 22px 60px rgba(9, 21, 30, 0.16);
  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background:
    radial-gradient(circle at 0 12%, rgba(32, 169, 197, 0.11), transparent 31rem),
    linear-gradient(180deg, #f8f6f0 0%, #ffffff 42%, #f1f5f6 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

button, input, select, textarea { font: inherit; }
a { color: inherit; }
img { max-width: 100%; }

.skip-link {
  position: fixed;
  left: 1rem;
  top: -5rem;
  z-index: 100;
  padding: .75rem 1rem;
  color: var(--white);
  background: var(--navy);
  border-radius: 10px;
  transition: top .2s ease;
}
.skip-link:focus { top: 1rem; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
  padding: 10px clamp(18px, 4vw, 70px);
  border-bottom: 1px solid rgba(20, 40, 56, .1);
  background: rgba(255, 253, 248, .9);
  backdrop-filter: blur(18px);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.brand img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}
.brand span { display: grid; }
.brand strong { font-size: 1.15rem; letter-spacing: .18em; }
.brand small { color: var(--muted); font-size: .73rem; letter-spacing: .045em; }

.header-actions { display: flex; align-items: center; gap: 22px; }
.header-link {
  text-decoration: none;
  font-weight: 750;
  color: var(--navy);
}
.language-switcher {
  display: flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--white);
}
.language-button {
  border: 0;
  border-radius: 999px;
  padding: 7px 11px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-size: .82rem;
  font-weight: 750;
}
.language-button.active { color: var(--white); background: var(--navy); }

.hero { padding: clamp(18px, 3vw, 42px) clamp(16px, 4vw, 70px) 0; }
.carousel {
  position: relative;
  width: min(1400px, 100%);
  min-height: clamp(500px, 67vh, 720px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--navy-deep);
  box-shadow: var(--shadow);
}
.carousel::after {
  position: absolute;
  inset: auto 0 0;
  height: 120px;
  content: "";
  pointer-events: none;
  background: linear-gradient(transparent, rgba(4, 13, 19, .72));
}

.slide {
  position: absolute;
  inset: 0;
  display: grid;
  align-items: center;
  padding: clamp(54px, 8vw, 110px);
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.025);
  background-image:
    linear-gradient(90deg, rgba(5, 15, 22, .94) 0%, rgba(9, 22, 31, .78) 46%, rgba(9, 22, 31, .22) 100%),
    var(--slide-image);
  background-position: center;
  background-size: cover;
  transition: opacity .55s ease, transform 1.1s ease, visibility .55s;
}
.slide.active { opacity: 1; visibility: visible; transform: scale(1); }
.slide-content { width: min(680px, 78%); position: relative; z-index: 2; }
.slide h1, .slide h2 {
  margin: .25rem 0 1rem;
  max-width: 760px;
  font-size: clamp(2.7rem, 6.8vw, 6.4rem);
  line-height: .97;
  letter-spacing: -.055em;
}
.slide h2 { font-size: clamp(2.35rem, 5.4vw, 5.2rem); }
.slide p:not(.eyebrow) {
  max-width: 650px;
  margin: 0 0 1.7rem;
  color: rgba(255,255,255,.88);
  font-size: clamp(1rem, 1.6vw, 1.3rem);
}
.workshop-slide h1 { color: #fff6d8; text-shadow: 0 3px 30px rgba(226, 172, 77, .25); }
.event-carousel-slide { background-position:center; cursor:pointer; }

.eyebrow {
  margin: 0 0 .65rem;
  color: var(--cyan);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.slide .eyebrow { color: #ffd67f; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 13px 22px;
  border: 0;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 850;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .carousel-arrow:focus-visible, .dot:focus-visible, .language-button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(32, 169, 197, .52);
  outline-offset: 3px;
}
.button.primary { color: var(--navy-deep); background: #fff6d8; box-shadow: 0 12px 28px rgba(0,0,0,.2); }
.button.primary:hover { background: var(--white); }
.button.light { color: var(--navy); background: var(--white); }

.carousel-arrow {
  position: absolute;
  z-index: 8;
  top: 50%;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 50%;
  color: var(--white);
  background: rgba(9, 21, 30, .35);
  backdrop-filter: blur(8px);
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 2rem;
  line-height: 1;
}
.carousel-arrow.previous { left: 22px; }
.carousel-arrow.next { right: 22px; }
.carousel-arrow:hover { background: rgba(9, 21, 30, .72); }

.carousel-footer {
  position: absolute;
  z-index: 8;
  left: clamp(54px, 8vw, 110px);
  right: clamp(54px, 8vw, 110px);
  bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.carousel-dots { display: flex; gap: 9px; }
.dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  transition: width .2s ease, background .2s ease;
}
.dot.active { width: 34px; background: var(--white); }
.carousel-count { color: rgba(255,255,255,.65); font-size: .86rem; letter-spacing: .12em; }
.carousel-count strong { color: var(--white); }

.contact-section {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: clamp(26px, 5vw, 76px);
  width: min(1240px, calc(100% - 32px));
  margin: clamp(22px, 3vw, 38px) auto 0;
  padding: clamp(28px, 5vw, 70px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 48px rgba(9, 21, 30, .1);
}
.contact-intro h2, .section-heading h2, .final-cta h2 {
  margin: 0 0 1rem;
  color: var(--navy);
  font-size: clamp(2rem, 4vw, 3.9rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.contact-intro > p:not(.eyebrow) { color: var(--muted); font-size: 1.05rem; }
.contact-highlights { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.contact-highlights span {
  padding: 8px 12px;
  border: 1px solid rgba(25, 122, 170, .18);
  border-radius: 999px;
  color: var(--blue);
  background: rgba(32, 169, 197, .075);
  font-size: .84rem;
  font-weight: 750;
}

.contact-form { display: grid; gap: 18px; min-width: 0; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; min-width: 0; }
.contact-form label { display: grid; min-width: 0; gap: 7px; color: var(--navy); font-size: .88rem; font-weight: 800; }
.contact-form input, .contact-form select, .contact-form textarea {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border: 1px solid rgba(20, 40, 56, .18);
  border-radius: var(--radius-sm);
  color: var(--ink);
  background: #fbfcfc;
  padding: 13px 14px;
  font-weight: 500;
}
.contact-form input, .contact-form select { min-height: 50px; }
.contact-form textarea { resize: vertical; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #8b989f; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
  border-color: var(--cyan);
  background: var(--white);
}
.full-field { grid-column: 1 / -1; }
.submit-button {
  width: 100%;
  color: var(--white);
  background: linear-gradient(120deg, var(--blue), var(--cyan));
  box-shadow: 0 12px 28px rgba(25, 122, 170, .22);
}
.form-note { margin: -5px 0 0; color: var(--muted); font-size: .77rem; text-align: center; }
.bot-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.pathways {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(78px, 10vw, 130px) 0;
}
.section-heading { max-width: 820px; margin-bottom: 34px; }
.pathway-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.pathway-grid article {
  min-height: 260px;
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(255,255,255,.72);
}
.pathway-grid article:nth-child(1) { background: linear-gradient(145deg, #fff9e8, #fff); }
.pathway-grid article span { color: var(--cyan); font-size: .77rem; font-weight: 900; letter-spacing: .15em; }
.pathway-grid h3 { margin: 55px 0 .6rem; color: var(--navy); font-size: 1.28rem; }
.pathway-grid p { margin: 0; color: var(--muted); font-size: .94rem; }

.final-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto 70px;
  padding: clamp(32px, 5vw, 66px);
  border-radius: var(--radius-lg);
  color: var(--white);
  background:
    radial-gradient(circle at 80% 20%, rgba(32,169,197,.3), transparent 28rem),
    linear-gradient(130deg, var(--navy-deep), var(--navy));
}
.final-cta .eyebrow { color: #ffd67f; }
.final-cta h2 { max-width: 750px; margin-bottom: 0; color: var(--white); }

.footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 28px clamp(18px, 4vw, 70px);
  border-top: 1px solid var(--line);
  color: var(--muted);
  background: var(--paper);
}
.footer-brand { display: grid; }
.footer-brand strong { color: var(--navy); letter-spacing: .18em; }
.footer-brand span { font-size: .75rem; }
.footer p { margin: 0; font-size: .82rem; }

.thank-you-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.thank-you-main {
  flex: 1;
  display: grid;
  place-items: center;
  width: 100%;
  padding: clamp(38px, 8vw, 90px) 18px;
}
.thank-you-card {
  width: min(720px, 100%);
  padding: clamp(34px, 7vw, 72px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow);
  text-align: center;
}
.thank-you-card h1 {
  margin: 0 0 18px;
  color: var(--navy);
  font-size: clamp(2.15rem, 5vw, 4rem);
  line-height: 1.03;
  letter-spacing: -.045em;
}
.thank-you-card > p:not(.eyebrow) {
  max-width: 580px;
  margin: 0 auto 30px;
  color: var(--muted);
  font-size: 1.08rem;
}
.thank-you-card .button { display: inline-flex; }
.success-mark {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin: 0 auto 22px;
  border-radius: 50%;
  color: var(--white);
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  box-shadow: 0 14px 30px rgba(25, 122, 170, .24);
  font-size: 2rem;
  font-weight: 900;
}

@media (max-width: 960px) {
  .carousel { min-height: 610px; }
  .slide { padding: 70px 64px 110px; background-image: linear-gradient(90deg, rgba(5,15,22,.94), rgba(9,22,31,.55)), var(--slide-image); }
  .slide-content { width: 90%; }
  .contact-section { grid-template-columns: 1fr; }
  .pathway-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
  .site-header { min-height: 72px; padding: 8px 10px; }
  .brand { min-width: 0; gap: 8px; }
  .brand img { width: 46px; height: 46px; flex: 0 0 auto; }
  .brand strong { font-size: 1rem; }
  .brand small, .header-link { display: none; }
  .header-actions { min-width: 0; gap: 6px; }
  .language-switcher { flex: 0 0 auto; }
  .language-button { padding: 6px 8px; font-size: .72rem; }
  .hero { padding: 10px 10px 0; }
  .carousel { min-height: 610px; border-radius: 20px; }
  .slide { align-items: end; padding: 60px 26px 120px; background-image: linear-gradient(0deg, rgba(5,15,22,.97) 0%, rgba(9,22,31,.68) 60%, rgba(9,22,31,.28) 100%), var(--slide-image); }
  .real-photo-slide {
    background-color: var(--navy-deep);
    background-position: center, center top;
    background-repeat: no-repeat;
    background-size: cover, 100% auto;
  }
  .podcast-slide {
    background-image:
      linear-gradient(0deg, rgba(5,15,22,.97) 0%, rgba(9,22,31,.68) 60%, rgba(9,22,31,.28) 100%),
      url('assets/slide-podcast-mobile.webp');
  }
  .event-carousel-slide {
    background-position:center,center;
    background-size:cover,cover;
  }
  .slide-content { width: 100%; }
  .slide h1, .slide h2 { font-size: clamp(2.35rem, 13vw, 3.8rem); }
  .slide p:not(.eyebrow) { font-size: 1rem; }
  .carousel-arrow { display: none; }
  .carousel-arrow.previous { left: 12px; }
  .carousel-arrow.next { right: 12px; }
  .carousel-footer { left: 26px; right: 26px; bottom: 24px; }
  .contact-section { width: calc(100% - 20px); margin-top: 12px; padding: 28px 20px; border-radius: 20px; }
  .field-grid { grid-template-columns: 1fr; }
  .pathways { width: calc(100% - 28px); padding: 74px 0; }
  .pathway-grid { grid-template-columns: 1fr; }
  .pathway-grid article { min-height: auto; }
  .pathway-grid h3 { margin-top: 30px; }
  .final-cta { width: calc(100% - 20px); flex-direction: column; align-items: flex-start; margin-bottom: 32px; border-radius: 20px; }
  .footer { flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* ELEVA sponsor ticker */
.sponsor-ticker { width:min(1400px,calc(100% - 32px)); margin:18px auto 4px; padding:15px 0; overflow:hidden; border-block:1px solid var(--line); background:rgba(255,255,255,.68); }
.sponsor-ticker-head { display:flex; align-items:baseline; gap:12px; padding:0 22px 11px; }
.sponsor-kicker { margin:0; color:var(--blue); font-size:.72rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.sponsor-note { margin:0; color:var(--muted); font-size:.82rem; }
.sponsor-viewport { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.sponsor-track { display:flex; align-items:center; gap:12px; width:max-content; padding:2px 12px; animation:sponsor-scroll 32s linear infinite; }
.sponsor-sequence { display:flex; align-items:center; gap:12px; }
@media (hover:hover) and (pointer:fine) {
 .sponsor-track:hover,.sponsor-track:focus-within { animation-play-state:paused; }
}
.sponsor-logo,.supporting-group { flex:0 0 auto; border-radius:13px; }
.sponsor-logo { display:flex; align-items:center; justify-content:center; width:190px; height:88px; padding:7px 12px; overflow:hidden; background:#000; box-shadow:0 7px 20px rgba(9,21,30,.11); }
.sponsor-logo img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; }
.supporting-group { display:flex; align-items:center; width:620px; height:88px; padding:8px 14px; overflow:hidden; background:#000; box-shadow:0 7px 20px rgba(9,21,30,.11); }
.supporting-logo { display:flex; align-items:center; justify-content:center; flex:1 1 0; min-width:0; height:100%; padding:4px 9px; }
.supporting-logo img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; }
.supporting-logo-wide { flex:1.42 1 0; }
@keyframes sponsor-scroll { to { transform:translateX(calc(-50% - 6px)); } }
@media (prefers-reduced-motion:reduce) { .sponsor-track { animation:none; } }
@media (max-width:680px) {
 .sponsor-ticker { width:calc(100% - 20px); margin-top:12px; padding:13px 0; }
 .sponsor-ticker-head { display:block; padding:0 16px 10px; }
 .sponsor-note { margin-top:2px; font-size:.74rem; }
 .sponsor-logo { width:170px; height:80px; padding:6px 10px; }
 .supporting-group { width:520px; height:80px; padding:7px 10px; }
 .supporting-logo { padding:3px 7px; }
}

/* Conexión de Negocios event page */
.event-page { background:linear-gradient(180deg,#f8f6f0 0%,#fff 52%,#f1f5f6 100%); }
.event-hero { width:min(1400px,calc(100% - 32px)); margin:clamp(18px,3vw,42px) auto 0; overflow:hidden; border-radius:var(--radius-lg); background:var(--navy-deep); box-shadow:var(--shadow); }
.event-graphic { display:block; width:100%; aspect-ratio:1280/476; object-fit:cover; }
.event-hero-copy { padding:clamp(30px,5vw,68px); color:var(--white); background:radial-gradient(circle at 90% 0,rgba(226,172,77,.18),transparent 25rem),linear-gradient(130deg,var(--navy-deep),var(--navy)); }
.event-hero-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,220px); align-items:start; gap:clamp(28px,5vw,72px); }
.event-collaboration { display:grid; justify-items:center; gap:10px; padding:18px; border:1px solid rgba(255,255,255,.2); border-radius:22px; background:rgba(255,255,255,.08); text-align:center; }
.event-collaboration span { color:#ffd67f; font-size:.7rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.event-collaboration img { display:block; width:min(160px,100%); aspect-ratio:1; object-fit:contain; }
.event-hero-copy h1,.event-invitation h2,.event-form-intro h2,.event-hosts h2 { margin:.15rem 0 1rem; font-size:clamp(2.45rem,5.6vw,5.8rem); line-height:.96; letter-spacing:-.055em; }
.event-hero-copy .eyebrow,.event-hosts .eyebrow { color:#ffd67f; }
.event-lead { max-width:780px; margin:0 0 28px; color:rgba(255,255,255,.86); font-size:clamp(1.05rem,1.7vw,1.32rem); }
.event-facts { display:grid; grid-template-columns:1fr .7fr 1.35fr; gap:12px; margin:0 0 28px; }
.event-facts div { padding:18px; border:1px solid rgba(255,255,255,.16); border-radius:var(--radius-sm); background:rgba(255,255,255,.06); }
.event-facts span { display:block; margin-bottom:5px; color:#ffd67f; font-size:.7rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.event-facts strong { font-size:.96rem; line-height:1.4; }
.event-actions { display:flex; flex-wrap:wrap; gap:12px; }
.event-primary { color:var(--navy-deep); background:#fff6d8; }
.event-secondary { border:1px solid rgba(255,255,255,.42); color:var(--white); background:transparent; }
.event-primary:hover { background:var(--white); }
.event-secondary:hover { background:rgba(255,255,255,.1); }
.event-invitation { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(30px,6vw,90px); width:min(1240px,calc(100% - 32px)); margin:0 auto; padding:clamp(75px,10vw,130px) 0; }
.event-invitation h2,.event-form-intro h2 { color:var(--navy); font-size:clamp(2.2rem,4.4vw,4.6rem); }
.event-invitation-copy > p { margin:0 0 18px; color:var(--muted); font-size:1.05rem; }
.event-highlights { display:grid; gap:10px; margin:26px 0 0; padding:0; list-style:none; }
.event-highlights li { position:relative; padding:13px 14px 13px 42px; border:1px solid var(--line); border-radius:var(--radius-sm); color:var(--navy); background:rgba(255,255,255,.72); font-weight:750; }
.event-highlights li::before { position:absolute; left:15px; content:'✓'; color:var(--blue); font-weight:900; }
.event-registration { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(30px,5vw,76px); width:min(1240px,calc(100% - 32px)); margin:0 auto; padding:clamp(30px,5vw,70px); border:1px solid var(--line); border-radius:var(--radius-lg); background:rgba(255,255,255,.96); box-shadow:0 18px 48px rgba(9,21,30,.1); }
.event-form-intro > p:not(.eyebrow) { color:var(--muted); font-size:1.02rem; }
.participant-showcase { width:min(1320px,calc(100% - 32px)); margin:0 auto clamp(34px,5vw,68px); padding:clamp(30px,5vw,60px) 0; overflow:hidden; border-block:1px solid var(--line); }
.participant-showcase-heading { display:grid; grid-template-columns:.85fr 1.15fr; align-items:end; gap:clamp(24px,5vw,72px); width:min(1240px,100%); margin:0 auto 28px; padding:0 16px; }
.participant-showcase-heading h2 { margin-bottom:0; color:var(--navy); font-size:clamp(2rem,3.4vw,3.6rem); }
.participant-showcase-heading > p { max-width:620px; margin:0; color:var(--muted); font-size:1.02rem; }
.participant-marquee { display:grid; gap:14px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.participant-row { overflow:hidden; }
.participant-track { display:flex; width:max-content; will-change:transform; }
.participant-track--left { animation:participant-scroll-left 54s linear infinite; }
.participant-track--right { transform:translateX(calc(-50%)); animation:participant-scroll-right 58s linear infinite; }
.participant-sequence { display:flex; align-items:stretch; gap:14px; padding-right:14px; }
.participant-card { display:grid; grid-template-rows:112px auto; place-items:center; width:230px; min-height:158px; padding:14px 16px 12px; overflow:hidden; border:1px solid rgba(20,40,56,.13); border-radius:18px; background:rgba(255,255,255,.98); box-shadow:0 8px 24px rgba(9,21,30,.07); }
.participant-card--dark { border-color:rgba(255,255,255,.16); background:linear-gradient(145deg,#101c25,#1b2e3b); }
.participant-card img { display:block; width:100%; height:112px; object-fit:contain; }
.participant-card span { width:100%; overflow:hidden; color:var(--navy); font-size:.73rem; font-weight:800; line-height:1.2; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.participant-card--dark span { color:var(--white); }
.participant-showcase-cta { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:28px; padding:0 16px; text-align:center; }
.participant-showcase-cta p { margin:0; color:var(--navy); font-weight:800; }
.participant-showcase-cta .event-primary { color:var(--white); background:var(--navy); }
.participant-showcase-cta .event-primary:hover { background:var(--blue); }
@keyframes participant-scroll-left { to { transform:translateX(-50%); } }
@keyframes participant-scroll-right { from { transform:translateX(-50%); } to { transform:translateX(0); } }
@media (hover:hover) and (pointer:fine) {
 .participant-track:hover,.participant-track:focus-within { animation-play-state:paused; }
}
.event-form .file-field { padding:15px; border:1px solid rgba(20,40,56,.15); border-radius:var(--radius-sm); background:#f8fafb; }
.event-form input[type='file'] { padding:9px; background:var(--white); }
.event-form input[type='file']::file-selector-button { margin-right:12px; padding:9px 13px; border:0; border-radius:999px; color:var(--white); background:var(--navy); cursor:pointer; font-weight:800; }
.event-form small { color:var(--muted); font-size:.75rem; font-weight:500; }
.consent-field { display:grid!important; grid-template-columns:auto 1fr; align-items:start; gap:10px!important; color:var(--muted)!important; font-size:.78rem!important; font-weight:600!important; }
.consent-field input { width:18px!important; min-height:18px!important; margin:2px 0 0; accent-color:var(--blue); }
.event-hosts { width:min(1240px,calc(100% - 32px)); margin:clamp(65px,9vw,110px) auto 70px; padding:clamp(34px,6vw,72px); border-radius:var(--radius-lg); color:var(--white); background:radial-gradient(circle at 82% 20%,rgba(32,169,197,.28),transparent 28rem),linear-gradient(130deg,var(--navy-deep),var(--navy)); }
.event-hosts h2 { max-width:900px; color:var(--white); font-size:clamp(2.2rem,4.5vw,4.7rem); }
.event-hosts > p:last-child { max-width:820px; margin:0; color:rgba(255,255,255,.78); font-size:1.05rem; }

@media (max-width:960px) {
 .event-facts { grid-template-columns:1fr 1fr; }
 .event-facts div:last-child { grid-column:1/-1; }
 .event-invitation,.event-registration { grid-template-columns:1fr; }
 .participant-showcase-heading { grid-template-columns:1fr; align-items:start; }
 .participant-card { width:210px; }
}
@media (max-width:680px) {
 .event-hero { width:calc(100% - 20px); margin-top:10px; border-radius:20px; }
 .event-graphic { aspect-ratio:auto; min-height:210px; object-position:center; }
 .event-hero-copy { padding:30px 20px; }
 .event-hero-intro { grid-template-columns:1fr; gap:4px; }
 .event-collaboration { grid-template-columns:1fr 94px; align-items:center; justify-items:start; margin:0 0 26px; padding:14px 16px; text-align:left; }
 .event-collaboration img { width:94px; }
 .event-hero-copy h1 { font-size:clamp(2.55rem,14vw,4rem); }
 .event-facts { grid-template-columns:1fr; }
 .event-facts div:last-child { grid-column:auto; }
 .event-actions .button { width:100%; }
 .event-invitation { width:calc(100% - 28px); padding:70px 0; }
 .participant-showcase { width:calc(100% - 20px); padding:38px 0; }
 .participant-showcase-heading { margin-bottom:22px; padding:0 12px; }
 .participant-showcase-heading h2 { font-size:clamp(2rem,11vw,3rem); }
 .participant-marquee { gap:10px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
 .participant-sequence { gap:10px; padding-right:10px; }
 .participant-card { grid-template-rows:92px auto; width:178px; min-height:136px; padding:10px 12px; border-radius:15px; }
 .participant-card img { height:92px; }
 .participant-card span { font-size:.66rem; }
 .participant-showcase-cta { flex-direction:column; gap:12px; }
 .participant-showcase-cta .button { width:100%; }
 .event-registration { width:calc(100% - 20px); padding:28px 20px; border-radius:20px; }
 .event-hosts { width:calc(100% - 20px); margin-bottom:32px; padding:32px 22px; border-radius:20px; }
}
@media (prefers-reduced-motion:reduce) {
 .participant-marquee { overflow-x:auto; -webkit-mask-image:none; mask-image:none; }
 .participant-track,.participant-track--right { transform:none; animation:none; }
 .participant-sequence[aria-hidden='true'] { display:none; }
}