/* VII Foro Futuro 2026 · Programa oficial interactivo */
.agenda-program{position:relative;overflow:hidden;background:#041a33;color:#fff}
.agenda-program::before{content:"";position:absolute;inset:-25% auto auto 48%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(44,177,154,.16),transparent 68%);pointer-events:none}
.agenda-program::after{content:"FF26";position:absolute;right:-18px;top:70px;font:700 clamp(110px,18vw,280px)/1 "Space Grotesk",sans-serif;color:rgba(255,255,255,.018);letter-spacing:-.08em;pointer-events:none}
.agenda-program .section-head{position:relative;z-index:1}
.agenda-program .section-title{color:#fff}
.agenda-program .section-intro{color:#b7c8d8}
.program-actions{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.program-download{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;text-decoration:none;font-weight:700;font-size:13px;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.program-download:hover{transform:translateY(-2px);border-color:rgba(78,184,130,.8);background:rgba(78,184,130,.1)}
.program-download span{font-size:18px;color:#4eb882}
.program-shell{position:relative;z-index:1;margin-top:54px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(3,21,43,.74);box-shadow:0 34px 80px rgba(0,0,0,.22);overflow:hidden}
.program-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.program-tab{appearance:none;border:0;text-align:left;padding:25px 30px;background:#092442;color:#b7c8d8;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center;transition:background .28s ease,color .28s ease,transform .28s ease}
.program-tab:hover{background:#0b2b4e;color:#fff}
.program-tab[aria-selected="true"]{background:linear-gradient(135deg,#0d3459,#0a2444);color:#fff;box-shadow:inset 0 -3px #4eb882}
.program-tab>span{grid-row:1/3;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(78,184,130,.12);color:#58c792;font:700 12px/1 "Space Grotesk";text-transform:uppercase;letter-spacing:.08em}
.program-tab strong{font:600 20px/1.12 "Space Grotesk"}
.program-tab small{font-size:12px;color:#86a0b9;margin-top:4px}
.program-tab[aria-selected="true"] small{color:#b7c8d8}
.program-panel{padding:36px 38px 46px}
.program-panel[hidden]{display:none}
.program-day-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}
.program-day-head div>span{display:block;color:#4eb882;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.program-day-head h3{margin:0;font:600 clamp(27px,3.2vw,44px)/1.05 "Space Grotesk";letter-spacing:-.035em}
.program-day-head p{margin:0;color:#b7c8d8;font-size:14px}
.program-day-head p span{color:#4eb882}
.program-timeline{position:relative;display:grid;gap:14px}
.program-timeline::before{content:"";position:absolute;left:164px;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.14)}
.program-timeline::after{content:"";position:absolute;left:163px;top:6px;bottom:6px;width:3px;border-radius:3px;background:linear-gradient(#4eb882,#2fb4ca,#73d1a0);transform:scaleY(0);transform-origin:top;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.program-panel.is-revealed .program-timeline::after{transform:scaleY(1)}
.program-session{display:grid;grid-template-columns:132px 42px minmax(0,1fr);align-items:stretch;position:relative;opacity:0;transform:translateY(16px);transition:opacity .55s ease calc(var(--item-index)*24ms),transform .55s cubic-bezier(.2,.75,.2,1) calc(var(--item-index)*24ms)}
.program-session.is-visible,.program-panel.is-revealed .program-session{opacity:1;transform:none}
.program-session__time{padding:22px 14px 18px 0;text-align:right;color:#d7e4ef;font:600 14px/1.2 "Space Grotesk";font-variant-numeric:tabular-nums}
.program-session__rail{position:relative;display:grid;place-items:start center;padding-top:19px;z-index:2}
.program-session__rail span{width:27px;height:27px;border:5px solid #041a33;border-radius:50%;display:grid;place-items:center;background:#284760;color:#fff;font:700 8px/1 "Inter";box-shadow:0 0 0 1px rgba(255,255,255,.16);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.program-session__card{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045);padding:21px 23px;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}
.program-session__card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:#4eb882;opacity:.55}
.program-session:hover .program-session__card{transform:translateX(5px);border-color:rgba(78,184,130,.4);background:rgba(255,255,255,.072);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.program-session:hover .program-session__rail span{transform:scale(1.12);background:#4eb882;box-shadow:0 0 0 7px rgba(78,184,130,.12)}
.program-session__topline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.program-session__type{color:#4eb882;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.program-session__status{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.program-session h4{margin:0;color:#fff;font:600 clamp(18px,2vw,23px)/1.28 "Space Grotesk";letter-spacing:-.018em}
.program-session__subtitle{margin:7px 0 0;color:#a9e6c6;font-weight:600}
.program-session__speaker{display:flex;flex-direction:column;gap:3px;margin:13px 0 0;color:#fff;font-size:14px}
.program-session__speaker strong{font-weight:700}
.program-session__speaker span{color:#9fb4c8;font-size:12px}
.program-session__people,.program-session__moderator{margin:13px 0 0;color:#c9d7e3;font-size:13px;line-height:1.55}
.program-session__people>span,.program-session__moderator>span{display:block;color:#4eb882;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.program-session__people ul{display:grid;gap:7px;margin:7px 0 0;padding:0;list-style:none}
.program-session__people li{position:relative;padding-left:16px}
.program-session__people li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:#4eb882}
.program-session__location{display:inline-flex;align-items:center;gap:7px;margin:10px 0 0;color:#c4d5e3;font-size:12px}
.program-session__location::before{content:"⌖";color:#4eb882}
.program-session--evolve .program-session__card::before{background:#2fb4ca}.program-session--evolve .program-session__type{color:#6bd6e6}.program-session--evolve:hover .program-session__rail span{background:#2fb4ca;box-shadow:0 0 0 7px rgba(47,180,202,.12)}
.program-session--transcend .program-session__card::before{background:#73d1a0}.program-session--transcend .program-session__type{color:#8be0b1}
.program-session--panel .program-session__card,.program-session--forum .program-session__card{background:linear-gradient(135deg,rgba(47,180,202,.09),rgba(78,184,130,.05));border-color:rgba(47,180,202,.25)}
.program-session--break .program-session__card,.program-session--meal .program-session__card,.program-session--cocktail .program-session__card{padding-block:16px;background:rgba(255,255,255,.025);border-style:dashed}
.program-session--break h4,.program-session--meal h4,.program-session--cocktail h4{font-size:17px}
.program-session--closure .program-session__card{background:linear-gradient(135deg,rgba(78,184,130,.13),rgba(255,255,255,.04));border-color:rgba(78,184,130,.28)}
.program-session.is-live .program-session__card{border-color:#58c792;background:rgba(78,184,130,.1);box-shadow:0 0 0 1px rgba(78,184,130,.18),0 18px 55px rgba(0,0,0,.22)}
.program-session.is-live .program-session__rail span{background:#4eb882;animation:programPulse 1.8s ease infinite}
.program-session.is-live .program-session__status{color:#82e0ad;border-color:rgba(78,184,130,.55)}
.program-session.is-next .program-session__status{color:#78d8e7;border-color:rgba(47,180,202,.55)}
.program-session.is-complete{opacity:.58}
.program-axis{position:relative;margin:17px 0 10px 174px;border-radius:18px;padding:20px 23px;display:flex;justify-content:space-between;gap:20px;align-items:center;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.program-axis.is-visible,.program-panel.is-revealed .program-axis{opacity:1;transform:none}
.program-axis::after{content:"";position:absolute;right:-30px;top:-80px;width:220px;height:220px;border:1px solid rgba(255,255,255,.15);border-radius:50%}
.program-axis span{position:relative;z-index:1;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.program-axis strong{position:relative;z-index:1;font:600 clamp(18px,2.3vw,27px)/1.1 "Space Grotesk"}
.program-axis--build{background:linear-gradient(120deg,#164d41,#0c382f);color:#e8fff3}
.program-axis--evolve{background:linear-gradient(120deg,#0d4d60,#0b344d);color:#e7fbff}
.program-axis--transcend{background:linear-gradient(120deg,#276048,#123a32);color:#ecfff4}
.program-live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes programPulse{0%,100%{box-shadow:0 0 0 0 rgba(78,184,130,.35)}50%{box-shadow:0 0 0 9px rgba(78,184,130,0)}}
@media(max-width:900px){
  .program-shell{margin-top:38px;border-radius:24px}
  .program-panel{padding:30px 24px 38px}
  .program-timeline::before{left:113px}.program-timeline::after{left:112px}
  .program-session{grid-template-columns:86px 40px minmax(0,1fr)}
  .program-session__time{font-size:12px;padding-right:8px}
  .program-axis{margin-left:126px}
}
@media(max-width:640px){
  .agenda-program::after{display:none}
  .program-shell{margin-inline:-5px;border-radius:20px}
  .program-tabs{position:sticky;top:76px;z-index:8}
  .program-tab{padding:15px 13px;grid-template-columns:auto 1fr;column-gap:9px}
  .program-tab>span{width:37px;height:37px;border-radius:11px;font-size:9px}
  .program-tab strong{font-size:15px}.program-tab small{display:none}
  .program-panel{padding:24px 13px 30px}
  .program-day-head{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:24px}
  .program-day-head h3{font-size:29px}
  .program-timeline::before{left:15px}.program-timeline::after{left:14px}
  .program-session{grid-template-columns:31px minmax(0,1fr);gap:0}
  .program-session__time{grid-column:2;text-align:left;padding:0 0 7px 14px;color:#77d7a4;font-size:11px}
  .program-session__rail{grid-column:1;grid-row:1/3;padding-top:18px}
  .program-session__rail span{width:25px;height:25px}
  .program-session__card{grid-column:2;padding:18px 17px;margin-left:3px}
  .program-session h4{font-size:18px}
  .program-axis{margin:14px 0 7px 31px;flex-direction:column;align-items:flex-start;padding:17px}
  .program-axis strong{font-size:20px}
  .program-actions{margin-top:21px}
}
@media(prefers-reduced-motion:reduce){
  .program-session,.program-axis,.program-timeline::after{transition:none!important;transform:none!important;opacity:1!important}
  .program-session.is-live .program-session__rail span{animation:none!important}
}
