#juarez-events-demo{font-family:Arial,sans-serif;--page:light-dark(#fff,#0b1728);--ink:light-dark(#0d203b,#edf2f8);--sub:light-dark(#586579,#b7c2d1);--soft:light-dark(#f3f4f3,#152337);--line:light-dark(#dfe3e6,#34445b);--orange:light-dark(#bd4c16,#ffad77);--button:light-dark(#10233e,#edf2f8);--button-text:light-dark(#fff,#0b1728);color:var(--ink)}
#juarez-events-demo *{box-sizing:border-box}#juarez-events-demo button,#juarez-events-demo a{font:inherit}#juarez-events-demo button{cursor:pointer}#juarez-events-demo .demo-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;align-items:center;min-height:42px;padding-bottom:12px;color:var(--sub)}#juarez-events-demo .demo-label button{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:9px 12px}#juarez-events-demo .website{background:var(--page)}#juarez-events-demo .web-header{padding:16px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}#juarez-events-demo .web-header>img{width:108px;height:73px;object-fit:contain;background:#fff}#juarez-events-demo nav{display:flex;gap:24px;align-items:center;font-size:12px;flex-wrap:wrap}#juarez-events-demo nav a{color:var(--orange);text-decoration:none}#juarez-events-demo .nav-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);vertical-align:middle;margin-left:3px}#juarez-events-demo .web-hero{position:relative;min-height:440px;padding:48px 40px;background:var(--soft)}#juarez-events-demo .hero-copy{max-width:55%}#juarez-events-demo .kicker{color:var(--orange);font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 15px}#juarez-events-demo h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.6px;line-height:1.08;font-weight:600;margin:0 0 18px}#juarez-events-demo .hero-copy>p:not(.kicker){font-size:13px;line-height:1.7;color:var(--sub);max-width:300px;margin:0}#juarez-events-demo .hero-cta{display:inline-block;font-size:12px;margin-top:26px;padding-bottom:7px;border-bottom:1px solid var(--orange)}#juarez-events-demo .floating-invite{position:absolute;right:30px;top:24px;width:220px;background:var(--page);border:1px solid var(--line);box-shadow:0 14px 35px #0002;border-radius:12px;overflow:hidden;z-index:2}#juarez-events-demo .float-title{padding:7px 8px 7px 12px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600}#juarez-events-demo .close-pop{border:0;background:transparent;color:var(--ink);font-size:25px;min-width:32px;min-height:32px}#juarez-events-demo .mini-cover{position:relative;height:180px;overflow:hidden;background:#061326}#juarez-events-demo .mini-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 39%;opacity:.86}#juarez-events-demo .circle-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:1px solid #ffffffb0;background:#071629c9;color:#fff;display:grid;place-items:center}#juarez-events-demo .circle-play svg{width:19px;height:19px}#juarez-events-demo .time{position:absolute;right:8px;bottom:8px;background:#071629d9;color:#fff;padding:3px 5px;border-radius:3px;font-size:10px}#juarez-events-demo .mini-copy{padding:12px;display:grid;gap:7px}#juarez-events-demo .mini-copy strong{font-size:13px}#juarez-events-demo .mini-copy>span{font-size:10px;color:var(--sub)}#juarez-events-demo .mini-copy a{font-size:11px;color:var(--orange);text-decoration:none;margin-top:4px}#juarez-events-demo .events-section{padding:36px 40px 40px;border-top:3px solid var(--orange)}#juarez-events-demo .events-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:26px}#juarez-events-demo h2{font-size:30px;line-height:1.15;font-weight:500;letter-spacing:-.8px;margin:0}#juarez-events-demo .location-chip{display:flex;gap:6px;font-size:11px;align-items:center;white-space:nowrap;color:var(--sub)}#juarez-events-demo .location-chip svg{width:14px;height:14px}#juarez-events-demo .event-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px;align-items:center}#juarez-events-demo .event-art{position:relative;min-width:0}#juarez-events-demo .event-art>img{width:100%;height:auto;display:block;border-radius:8px}#juarez-events-demo .art-play{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#071629ed;color:#fff;border:1px solid #ffffff60;border-radius:24px;padding:12px 15px;display:flex;gap:8px;align-items:center;font-size:11px;white-space:nowrap}#juarez-events-demo .art-play svg{width:14px;height:14px}#juarez-events-demo .event-status{font-size:9px;letter-spacing:1.5px;color:var(--orange);font-weight:700;margin:0 0 13px}#juarez-events-demo .event-status span{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:5px}#juarez-events-demo .event-body h3{font-size:33px;line-height:1.04;letter-spacing:-.9px;margin:0 0 15px;font-weight:600}#juarez-events-demo .event-intro{font-size:13px;line-height:1.65;color:var(--sub);margin:0 0 17px}#juarez-events-demo .event-intro strong{font-weight:500;color:var(--ink)}#juarez-events-demo .chef{display:flex;gap:10px;align-items:center;margin:0 0 21px}#juarez-events-demo .chef>svg{width:26px;height:26px;color:var(--orange)}#juarez-events-demo .chef strong{display:block;font-size:12px}#juarez-events-demo .chef span{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:var(--sub)}#juarez-events-demo .event-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:20px}#juarez-events-demo .event-times span{display:block;font-size:9px;color:var(--sub);letter-spacing:1px}#juarez-events-demo .event-times strong{display:block;font-size:26px;font-weight:500;margin:6px 0}#juarez-events-demo .event-times p{font-size:11px;margin:0}#juarez-events-demo .event-buttons{display:flex;gap:10px;flex-wrap:wrap}#juarez-events-demo .attend,#juarez-events-demo .watch{font-size:12px;padding:12px 16px;min-height:44px;border-radius:5px;display:flex;align-items:center;gap:12px}#juarez-events-demo .attend{border:1px solid var(--button);background:var(--button);color:var(--button-text)}#juarez-events-demo .attend svg{width:16px;height:16px}#juarez-events-demo .watch{border:1px solid var(--line);background:var(--page);color:var(--ink)}#juarez-events-demo .event-note{font-size:10px;line-height:1.6;color:var(--sub);margin:12px 0 0}#juarez-events-demo .attendance-panel,#juarez-events-demo .video-preview{margin-top:25px;background:var(--soft);border-radius:8px;padding:22px}#juarez-events-demo .panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}#juarez-events-demo .panel-title h3{font-size:17px;margin:0;font-weight:500}#juarez-events-demo .panel-title button{border:0;background:transparent;color:var(--ink);font-size:24px;min-width:34px;min-height:34px}#juarez-events-demo .schedule-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#juarez-events-demo .schedule-options button{font-size:11px;text-align:left;line-height:1.5;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--page);color:var(--ink)}#juarez-events-demo .schedule-options strong{font-size:12px;display:block;margin-top:4px}#juarez-events-demo .schedule-options [aria-pressed=true]{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}#juarez-events-demo #attendance-result{font-size:13px;line-height:1.6;margin:17px 0 9px}#juarez-events-demo .attendance-panel small{font-size:10px;line-height:1.6;color:var(--sub);display:block}#juarez-events-demo .preview-poster{max-width:380px;margin:auto}#juarez-events-demo .preview-poster img{width:100%;display:block}#juarez-events-demo .video-preview>p{font-size:12px;line-height:1.6;color:var(--sub);margin:16px 0 0}#juarez-events-demo .after-events{padding:32px 40px;background:var(--soft)}#juarez-events-demo .after-events h2{font-size:27px}#juarez-events-demo .after-events>div{display:flex;gap:30px;flex-wrap:wrap;margin-top:25px;font-size:12px;color:var(--sub)}#juarez-events-demo .demo-footnote{font-size:12px;line-height:1.6;color:var(--sub);margin:14px 0 0}#juarez-events-demo [hidden]{display:none!important}
@media(max-width:640px){#juarez-events-demo .web-header{padding:14px 20px}#juarez-events-demo nav{gap:16px}#juarez-events-demo nav>span{display:none}#juarez-events-demo .web-hero{padding:30px 22px;min-height:0}#juarez-events-demo .hero-copy{max-width:none}#juarez-events-demo .hero-copy h1{font-size:35px}#juarez-events-demo .floating-invite{position:relative;right:auto;top:auto;width:100%;margin:26px 0 0;display:grid;grid-template-columns:112px 1fr}#juarez-events-demo .float-title{grid-column:1/-1}#juarez-events-demo .mini-cover{height:112px}#juarez-events-demo .mini-copy{align-content:center}#juarez-events-demo .mini-copy strong{font-size:12px}#juarez-events-demo .events-section{padding:28px 22px}#juarez-events-demo .events-title{align-items:start;flex-direction:column}#juarez-events-demo .events-title h2{font-size:29px}#juarez-events-demo .event-feature{grid-template-columns:1fr;gap:24px}#juarez-events-demo .event-art{max-width:360px;margin:auto}#juarez-events-demo .event-body h3{font-size:34px}#juarez-events-demo .event-body h3 br{display:none}#juarez-events-demo .event-body h3 br::after{content:' '}#juarez-events-demo .schedule-options{grid-template-columns:1fr}#juarez-events-demo .after-events{padding:28px 22px}}

body{margin:0;background:#e9edf1;padding:22px;color-scheme:light;font-family:Arial,sans-serif}
#juarez-events-demo{max-width:1050px;margin:auto}
#juarez-events-demo .floating-invite{position:fixed;top:115px;right:max(22px,calc((100vw - 1050px)/2 + 22px));width:220px}
#juarez-events-demo .mini-cover{height:auto;min-height:120px}
#juarez-events-demo .mini-cover video{display:block;width:100%;height:190px;background:#061326;object-fit:contain}
#juarez-events-demo .event-video{width:100%;max-height:70vh;display:block;background:#061326;border-radius:8px}
#juarez-events-demo #interest-form{display:grid;gap:12px;margin-top:20px;max-width:500px}
#juarez-events-demo #interest-form>label{font-size:13px;line-height:1.6}
#juarez-events-demo #interest-name{border:1px solid var(--line);padding:12px;border-radius:5px;font:inherit;font-size:16px;min-width:0;background:var(--page);color:var(--ink)}
#juarez-events-demo #interest-form .attend{width:fit-content}
#juarez-events-demo .local-consent input{margin-right:8px}
#juarez-events-demo .local-panel{font-size:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px;line-height:1.6}
#juarez-events-demo .local-panel summary{cursor:pointer}
#juarez-events-demo .local-panel button{padding:10px 15px;border:1px solid var(--line);background:var(--soft);border-radius:5px;color:var(--ink)}
#juarez-events-demo button:focus-visible,#juarez-events-demo a:focus-visible{outline:3px solid #f39339;outline-offset:3px}
@media(max-width:640px){body{padding:8px}#juarez-events-demo .floating-invite{position:relative;top:auto;right:auto;width:100%}#juarez-events-demo .mini-cover video{height:135px}#juarez-events-demo .event-video{max-height:75vh}}

#juarez-events-demo{font-family:inherit;position:relative}#juarez-events-demo .events-section{max-width:1200px;margin:auto;padding:64px 24px}#juarez-events-demo .floating-invite{position:fixed;right:22px;top:110px;width:220px;z-index:850;max-height:calc(100dvh - 140px);overflow:auto}#juarez-events-demo .mini-cover{height:210px}#juarez-events-demo .mini-cover video{height:210px;width:100%;object-fit:contain;background:#071623}#juarez-events-demo [hidden]{display:none!important}#juarez-events-demo form{display:grid;gap:10px}#juarez-events-demo form input:not([type=checkbox]){padding:12px;border:1px solid #adbdcc;border-radius:8px;width:100%;box-sizing:border-box}#juarez-events-demo .event-trap{display:none!important}#juarez-events-demo .local-consent{font-size:14px}#juarez-events-demo button:focus-visible,#juarez-events-demo a:focus-visible{outline:3px solid #e19e20;outline-offset:4px}@media(max-width:650px){#juarez-events-demo .floating-invite{width:165px;right:12px;top:95px}#juarez-events-demo .mini-cover,#juarez-events-demo .mini-cover video{height:150px}#juarez-events-demo .events-section{padding:40px 18px}}
/* Landscape player and movable invitation. */
#juarez-events-demo .event-video{width:min(100%,1000px,115dvh);height:auto;aspect-ratio:16/9;max-height:none;margin-inline:auto;object-fit:contain}
#juarez-events-demo .floating-invite{display:block;margin:0;width:min(264px,calc(100vw - 20px));max-height:calc(100dvh - 16px)}
#juarez-events-demo .mini-cover{height:auto;min-height:0;aspect-ratio:16/9}
#juarez-events-demo .mini-cover video{height:100%;width:100%;aspect-ratio:16/9;object-fit:contain}
#juarez-events-demo .float-title{padding:3px 7px;gap:4px}
#juarez-events-demo .close-pop{min-height:40px;min-width:40px;line-height:1}
@media(max-width:650px){#juarez-events-demo .floating-invite{width:min(218px,calc(100vw - 20px));top:clamp(8px,16dvh,95px)}#juarez-events-demo .video-preview{padding:12px}}

#juarez-events-demo #popup-player{cursor:grab;touch-action:none;user-select:none}
#juarez-events-demo #popup-player.is-dragging{cursor:grabbing}
#unox-home-highlight[hidden] { display: none; }
#unox-home-highlight {
  position: relative;
  overflow: hidden;
  margin: 12px auto;
  width: min(1100px, calc(100% - 32px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 13px 18px;
  border-radius: 12px;
  background: linear-gradient(120deg, #ffd66d, #ffc34d);
  color: #102639;
  scroll-margin-top: 130px;
}
#unox-home-highlight p { margin: 0; }
#unox-home-highlight .agenda-heading p { font-size: 11px; font-weight: 800; letter-spacing: .09em; }
#unox-home-highlight h2 { margin: 3px 0 0; font-size: clamp(19px, 3vw, 25px); line-height: 1.15; }
#unox-home-highlight a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  gap: 6px;
  padding: 6px 11px;
  font-size: 13px;
  border: 2px solid #102639;
  border-radius: 7px;
  background: #102639;
  color: #fff;
  font-weight: 750;
  text-decoration: none;
  transition: background .18s, transform .18s;
}
#unox-home-highlight a:hover { background: #234961; transform: translateY(-2px); }
#unox-home-highlight a:focus-visible { outline: 3px solid #102639; outline-offset: 3px; }
#unox-home-highlight.is-in-view { animation: unox-arrival .4s ease-out both; }
#unox-home-highlight.is-in-view::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, #fff7d78c 50%, transparent 70%);
  animation: unox-shine .9s ease-out .2s both;
}
@keyframes unox-arrival { from { transform: translateY(8px); } to { transform: translateY(0); } }
@keyframes unox-shine { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
  #unox-home-highlight.is-in-view, #unox-home-highlight.is-in-view::after { animation: none; }
  #unox-home-highlight.is-in-view::after { display: none; }
  #unox-home-highlight a { transition: none; }
  #unox-home-highlight a:hover { transform: none; }
}