/* v3.4 · App da plateia: responsivo (celular de pé/deitado, telas pequenas e tablets),
   boas-vindas, mandala, palestrantes e logo Microsoft. */
:root{--v33-kb:#00338D;--v33-cb:#1E49E2;--v33-db:#0C233C;--v33-pac:#00B8F5;--v33-lb:#ACEAFF;--v33-pur:#7213EA;--v33-lpur:#B497FF}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:hidden;max-width:100%}
html.v33-lock,html.v33-lock body{overflow:hidden!important}
#view img,#view svg,#view video{max-width:100%}

/* ---------- tipografia fluida: acompanha largura E altura da tela ---------- */
#view h1,#view h2,#view .q,#view .lead,#view .kick,#view .tx,#view p{overflow-wrap:break-word;word-break:normal;hyphens:manual}
#view h1,#view h2,#view .q{text-wrap:balance}
#view .lead,#view p,#view .tx{text-wrap:pretty}
#view h1{font-size:clamp(24px,min(7.4vw,4.6vh),40px);line-height:1.08}
#view .q{font-size:clamp(19px,min(5.6vw,3.6vh),28px);line-height:1.18}
#view .q.sm{font-size:clamp(17px,min(4.8vw,3.1vh),23px)}
#view .lead{font-size:clamp(14px,3.9vw,17px);line-height:1.45}
#view{width:100%;max-width:600px;margin-left:auto;margin-right:auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));box-sizing:border-box}
#dock{padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
.opts .opt{min-height:52px}
.rgrid{gap:10px}
/* cartão de palestrante do app original: nome em cima, cargo embaixo, e-mail nunca vaza */
.card.spk strong{display:block;margin:0 0 2px}
.card.spk span,.card.spk a{overflow-wrap:anywhere}

/* telas estreitas (320–360 px) */
@media (max-width:360px){
  #view{padding-left:12px;padding-right:12px}
  #view h1{font-size:24px}#view .q{font-size:18.5px}
  .rgrid .rbig{font-size:12.5px}
  #v33wel .v33w-in h1{font-size:29px}
}
/* celulares baixos (ex.: iPhone SE de pé) */
@media (orientation:portrait) and (max-height:700px){
  #view .hero{padding-top:4px}
  .v33m{margin-bottom:8px}
  .v33m-card{min-height:0}
}
/* tablets e telas grandes */
@media (min-width:700px) and (orientation:portrait){
  #view{max-width:640px}
  #view h1{font-size:42px}
}
/* celular deitado: duas colunas, menos altura */
@media (orientation:landscape) and (max-height:540px){
  #view{max-width:min(980px,100%)}
  #view h1{font-size:clamp(20px,5.6vh,30px)}
  #view .q{font-size:clamp(16px,4.6vh,23px)}
  #view .lead{font-size:14px}
  #view .hero:has(.v33m){display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);column-gap:24px;align-items:center;text-align:left}
  #view .hero:has(.v33m)>.v33m{display:contents}
  #view .hero:has(.v33m) .v33m-st{grid-column:1;grid-row:1 / span 6;justify-self:center}
  #view .hero:has(.v33m)>:not(.v33m),#view .hero:has(.v33m) .v33m-card{grid-column:2}
  #view .hero:has(.v33m) .v33m-card{order:5;margin-top:14px}
  #view .rgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  #view .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #view .opts .grp{grid-column:1 / -1}
  #view .sticky{position:static}
  #view .dq{padding-top:6px;padding-bottom:6px}
  #dock .rbtn{padding-top:6px;padding-bottom:6px}
  .v33m-st{width:min(64vh,280px)!important}
  .v33m-card{min-height:0;padding:10px 12px}
  .v33spk-l{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v33spk-c{flex-direction:column;align-items:flex-start}
}

/* ===================================================== BOAS-VINDAS */
#v33wel{position:fixed;inset:0;z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;color:#fff;background:var(--v33-kb);opacity:0;transition:opacity .45s ease;font-family:"Open Sans","Segoe UI",system-ui,Arial,sans-serif}
#v33wel.on{opacity:1}#v33wel.out{opacity:0;transform:scale(1.02);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.v33w-bg{position:fixed;inset:0;background:linear-gradient(135deg,var(--v33-pur),var(--v33-cb) 60%,var(--v33-kb));pointer-events:none}
.v33w-bg i{position:absolute;border-radius:50%;border:1.5px dashed rgba(172,234,255,.28);width:120vmax;height:120vmax;right:-70vmax;top:-60vmax;animation:v33spin 120s linear infinite}
.v33w-bg i+i{width:80vmax;height:80vmax;right:-50vmax;top:-40vmax;border-color:rgba(180,151,255,.3);animation-direction:reverse}
@keyframes v33spin{to{transform:rotate(360deg)}}
.v33w-in{position:relative;max-width:520px;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
.v33w-top{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--v33-lb)}
.v33w-top svg,.v33-klg{height:26px;width:auto;fill:currentColor;color:#fff}
.v33-kw{font-weight:800;letter-spacing:.04em}
.v33w-kick{margin-top:26px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--v33-lb);letter-spacing:.02em}
.v33w-kick::before{content:"";width:26px;height:3px;background:var(--v33-pac)}
.v33w-in h1{margin:10px 0 0;font-family:"Open Sans Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:clamp(30px,9.5vw,44px);line-height:1.02;text-wrap:balance}
.v33w-lead{margin-top:12px;font-size:15.5px;line-height:1.5;color:#E6F7FF;text-wrap:pretty}
.v33w-steps{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.v33w-steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(172,234,255,.28);opacity:0;transform:translateY(14px);animation:v33up .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.25s + var(--d) * .12s)}
.v33w-steps b{display:block;font-size:15.5px;line-height:1.25}
.v33w-steps li span:not(.v33w-i){display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:#D5F1FF}
.v33w-i{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,184,245,.25);border:1px solid var(--v33-pac);color:#fff}
@keyframes v33up{to{opacity:1;transform:none}}
.v33w-prof{margin-top:16px;padding:14px 16px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(172,234,255,.28);display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.v33w-ph{grid-column:1 / -1;font-size:14.5px;font-weight:700}.v33w-ph em{font-style:normal;font-weight:600;font-size:12px;color:var(--v33-lb);margin-left:6px}
.v33w-f{display:flex;flex-direction:column;gap:6px;min-width:0}.v33w-f>span:first-child{font-size:12px;font-weight:700;color:var(--v33-lb);letter-spacing:.02em}
.v33w-sel{position:relative;display:block}
.v33w-sel::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border:solid var(--v33-lb);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.v33w-sel select{-webkit-appearance:none;appearance:none;width:100%;min-height:46px;padding:0 34px 0 12px;border-radius:12px;border:1px solid rgba(172,234,255,.45);background:rgba(12,35,60,.55);color:#fff;font:600 16px/1.2 "Open Sans","Segoe UI",Arial,sans-serif;text-overflow:ellipsis}
.v33w-sel select:focus-visible{outline:3px solid #fff;outline-offset:2px}
.v33w-sel select option{color:#0C233C;background:#fff}
@media (max-width:380px){.v33w-prof{grid-template-columns:1fr}}
.v33w-priv{margin-top:12px;padding:14px 16px;border-radius:16px;background:rgba(12,35,60,.45);border:1px solid rgba(172,234,255,.22)}
.v33w-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.v33w-pl li{display:flex;gap:10px;align-items:flex-start;font-size:12.8px;line-height:1.45;color:#CFEFFF}
.v33w-pl li svg{flex:none;margin-top:1px;color:var(--v33-lb)}.v33w-pl b{color:#fff}
.v33w-chk{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(172,234,255,.2);font-size:14px;line-height:1.4;cursor:pointer}
.v33w-chk input{position:absolute;opacity:0;width:1px;height:1px}
.v33w-box{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--v33-lb);display:flex;align-items:center;justify-content:center;transition:.2s}
.v33w-chk input:checked+.v33w-box{background:var(--v33-pac);border-color:var(--v33-pac)}
.v33w-chk input:checked+.v33w-box::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.v33w-chk input:focus-visible+.v33w-box{outline:3px solid #fff;outline-offset:2px}
.v33w-chk a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.v33w-go{margin-top:16px;width:100%;min-height:54px;border:0;border-radius:99px;background:#fff;color:var(--v33-kb);font:700 16px/1 "Open Sans","Segoe UI",Arial,sans-serif;cursor:pointer;transition:transform .15s,opacity .25s}
.v33w-go:disabled{opacity:.4;cursor:not-allowed}.v33w-go:not(:disabled):active{transform:scale(.98)}
.v33w-go:focus-visible{outline:3px solid var(--v33-lb);outline-offset:3px}
@media (orientation:landscape) and (max-height:540px){
  #v33wel .v33w-in{max-width:900px}
  #v33wel .v33w-kick{margin-top:12px}
  #v33wel .v33w-in h1{font-size:28px}#v33wel .v33w-in h1 br{display:none}
  #v33wel .v33w-lead{margin-top:6px}
  #v33wel .v33w-steps{flex-direction:row;gap:10px;margin-top:12px}
  #v33wel .v33w-steps li{flex:1;min-width:0;grid-template-columns:1fr;gap:8px;padding:12px}
  #v33wel .v33w-i{width:38px;height:38px}
  #v33wel .v33w-prof{grid-template-columns:auto 1fr 1fr;align-items:end}
  #v33wel .v33w-ph{grid-column:auto;align-self:center;max-width:150px}
}

/* ===================================================== MANDALA */
.v33m{display:flex;flex-direction:column;align-items:center;gap:14px;margin:4px auto 16px;width:100%}
.v33m-st{position:relative;container-type:inline-size;width:min(80vw,46vh,330px);aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none}
.v33m-glow{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(114,19,234,.55),rgba(30,73,226,.25) 55%,transparent 72%);filter:blur(6px)}
.v33m-o{position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(172,234,255,.28)}
.v33m-o.o2{inset:27%;border:1px dashed rgba(180,151,255,.35)}
.v33m-arc{position:absolute;inset:9%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,rgba(0,184,245,.0) 62%,rgba(0,184,245,.9) 88%,transparent 88%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:v33spin 9s linear infinite}
.v33m-c{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:radial-gradient(circle at 30% 25%,#8B3DFF,var(--v33-pur) 45%,var(--v33-cb));box-shadow:0 10px 30px rgba(12,35,60,.45),inset 0 0 0 6px rgba(255,255,255,.06);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;z-index:2;padding:0}
.v33m-c svg{height:14%;width:auto;max-width:56%;fill:currentColor;opacity:.95}
.v33m-c b{font-family:"Open Sans Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(14px,6.2cqw,21px);line-height:1;white-space:nowrap;margin-top:2px}
.v33m-c small{font-size:clamp(9px,3.2cqw,11px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--v33-lb)}
.v33m-c::before,.v33m-c::after{content:"";position:absolute;inset:-10%;border-radius:50%;border:1.5px solid rgba(172,234,255,.4);animation:v33pulse 3.6s ease-out infinite;pointer-events:none}
.v33m-c::after{animation-delay:1.8s}
@keyframes v33pulse{from{transform:scale(.9);opacity:.9}to{transform:scale(1.4);opacity:0}}
.v33m-n{position:absolute;left:0;top:0;z-index:3;width:clamp(34px,13.5cqw,46px);aspect-ratio:1;padding:0;border-radius:50%;border:1.5px solid rgba(180,151,255,.85);background:rgba(12,35,60,.92);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;will-change:transform;box-shadow:0 4px 14px rgba(12,35,60,.35);opacity:0;transition:background .3s,border-color .3s,box-shadow .3s,opacity .5s}
.v33m-st.ready .v33m-n{opacity:1;transition-delay:0s,0s,0s,calc(var(--i) * 60ms)}
.v33m-n svg{width:50%;height:50%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.v33m-st.has .v33m-n:not(.on){opacity:.55}
.v33m-n.on{background:var(--v33-pur);border-color:#fff;box-shadow:0 0 0 5px rgba(180,151,255,.3),0 6px 18px rgba(114,19,234,.5);z-index:4}
.v33m-n.on svg{transform:scale(1.15)}
.v33m-n:focus-visible{outline:2px solid #fff;outline-offset:3px}
.v33m-card{width:min(100%,440px);min-height:100px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(172,234,255,.3);text-align:left;box-sizing:border-box}
.v33m-card small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--v33-lb)}
.v33m-card h3{margin:4px 0 2px;font-size:clamp(16px,4.6vw,19px);line-height:1.2;text-wrap:balance}.v33m-card h3 em{font-style:normal;font-weight:600;color:var(--v33-lb);font-size:.78em;margin-left:4px}
.v33m-card p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:#E2F6FF;text-wrap:pretty}
.v33m-card.pop{animation:v33pop .45s cubic-bezier(.2,.8,.2,1)}
@keyframes v33pop{from{opacity:0;transform:translateY(8px)}}
#view.v33-spk .v33m{display:none}
@media (prefers-reduced-motion:reduce){.v33m-c::before,.v33m-c::after,.v33w-bg i,.v33m-arc{animation:none}}

/* ===================================================== PALESTRANTES NO CELULAR */
.v33spk{margin:6px 0 18px;text-align:left}
.v33spk.end{margin-top:22px}
.v33spk-k{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--v33-lb);margin-bottom:12px}
.v33spk-k::before{content:"";width:24px;height:3px;background:var(--v33-pac)}
.v33spk-l{display:grid;grid-template-columns:1fr;gap:10px}
.v33spk-c{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(172,234,255,.28);min-width:0;opacity:0;transform:translateY(12px);animation:v33up .55s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--d) * .1s)}
.v33spk-a{flex:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 18px/1 "Open Sans","Segoe UI",Arial,sans-serif;color:#fff;background:linear-gradient(135deg,var(--v33-pur),var(--v33-cb));border:2px solid rgba(255,255,255,.7)}
.v33spk-a.ms{background:linear-gradient(135deg,#0C233C,#1E49E2)}
.v33spk-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.v33spk-t b{font-size:17px;line-height:1.2}
.v33spk-t>span{font-size:13px;line-height:1.35;color:#D5F1FF}
.v33spk-o{display:flex;align-items:center;margin-top:6px;color:#fff;height:18px}
.v33spk-kl{height:16px;width:auto;fill:currentColor}
.v33spk-t a{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:600;color:#fff;text-decoration:none;overflow-wrap:anywhere}
.v33spk-t a svg{flex:none;color:var(--v33-lb)}
@media (min-width:560px) and (orientation:portrait){.v33spk-l{grid-template-columns:repeat(3,minmax(0,1fr))}.v33spk-c{flex-direction:column;align-items:flex-start}}

/* ===================================================== LOGO MICROSOFT + RAIO-X */
.v33ms-k{display:inline-flex;align-items:center;vertical-align:middle;margin:0 4px 0 6px;color:#fff}
.v33ms{display:block;overflow:visible}
.acts [data-act="mail"],.acts [data-act="pdf"]{display:none!important}
.acts [data-act="share"]{width:100%}
.v33-busy{opacity:.7;pointer-events:none;position:relative}
.v33-busy::after{content:"";width:16px;height:16px;margin-left:10px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:v33spin .8s linear infinite;display:inline-block;vertical-align:middle}