/* Landing pública do evento "Juntos no mesmo Palco" (mCore/Evento-Juntos.tpl).
   Página autónoma, independente do style.css da app. Identidade: Brand Book
   v3 (azul-noite, índigo do logotipo, ciano de destaque). */

:root{
  --ink:#0B0E33; --ink-soft:#4B5078; --line:#DDE0EE; --alt:#F4F5FA; --paper:#FFFFFF;
  --indigo:#151A69; --night:#080C3E; --blue:#0F5FD6; --cyan:#2BC0F5; --chip:#EEF1FF;
  --display:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --body:'Public Sans','Helvetica Neue',Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0; font-family:var(--body); font-size:16px; line-height:1.6; color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--blue)}
:focus-visible{outline:2px solid #1677FF; outline-offset:3px}
input,select,button,textarea{font:inherit}
[hidden]{display:none !important}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}

.ev-wrap{max-width:1200px; margin:0 auto; padding-inline:clamp(16px,5vw,64px)}
.ev-section{padding-block:clamp(64px,8vw,112px)}
.ev-section-alt{background:var(--alt)}
.ev-section-dark{background:var(--night); color:#fff}

.ev-eyebrow{font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--blue)}
.ev-h2{font-family:var(--display); font-size:clamp(30px,3.6vw,46px); font-weight:800; line-height:1.1; color:var(--indigo); text-wrap:balance}
.ev-h2-sm{font-size:clamp(28px,3.2vw,40px); line-height:1.15}
.ev-lead{font-size:18px; color:var(--ink-soft)}
.ev-stack{display:flex; flex-direction:column; gap:16px}

/* cabeçalho */
.ev-header{background:var(--paper); border-bottom:1px solid var(--line)}
.ev-header-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-block:14px}
.ev-logo{display:flex; align-items:center; min-height:44px}
.ev-logo img{height:40px; width:auto; max-width:100%}
.ev-nav{display:flex; align-items:center; gap:8px 24px; flex-wrap:wrap; font-size:15px; font-weight:600}
.ev-nav a{color:var(--ink); text-decoration:none; padding:10px 0}
.ev-nav a.ev-nav-cta{display:inline-flex; align-items:center; min-height:44px; padding:0 20px; border-radius:999px; background:var(--indigo); color:#fff}

/* botões */
.ev-btn{display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 28px; border-radius:999px; font-weight:700; text-decoration:none; border:0; cursor:pointer}
.ev-btn-primary{background:var(--cyan); color:var(--night)}
.ev-btn-ghost{border:1px solid rgba(255,255,255,.45); color:#fff; font-weight:600}
.ev-btn-indigo{background:var(--indigo); color:#fff; font-size:16px}

/* hero */
.ev-hero{position:relative; overflow:hidden; background:var(--night); color:#fff}
.ev-hero::before{content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 36% 80% at 74% 0%, rgba(255,255,255,.11), rgba(255,255,255,0) 72%)}
.ev-hero-inner{position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:clamp(40px,5vw,72px); padding-block:clamp(56px,8vw,104px) clamp(56px,7vw,96px)}
.ev-hero-text{flex:1 1 520px; min-width:0; display:flex; flex-direction:column; gap:28px}
.ev-kicker{font-family:var(--display); font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--cyan)}
.ev-title{font-family:var(--display); line-height:.95; text-transform:uppercase; text-wrap:balance}
.ev-title-top{display:block; font-weight:300; font-size:clamp(28px,4.2vw,58px); letter-spacing:.05em}
.ev-title-main{display:block; font-weight:900; font-size:clamp(60px,9vw,128px); letter-spacing:-.01em}
.ev-hero-lead{max-width:34em; font-size:clamp(17px,1.5vw,20px); color:rgba(255,255,255,.82)}
.ev-meta{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:16px 24px; padding:20px 0; border-block:1px solid rgba(255,255,255,.18)}
.ev-meta div{min-width:0}
.ev-meta dt{font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.62)}
.ev-meta dd{margin-top:4px; font-family:var(--display); font-size:18px; font-weight:600}
.ev-hero-actions{display:flex; flex-wrap:wrap; gap:12px}
.ev-hero-mark{flex:1 1 340px; min-width:0; display:flex; flex-direction:column; align-items:center}
.ev-mark{width:min(380px,100%); display:flex; flex-direction:column; align-items:center}
.ev-mark svg{position:relative; z-index:1; width:80%; height:auto; filter:drop-shadow(0 0 34px rgba(43,192,245,.55))}
.ev-mark-floor{width:100%; height:84px; margin-top:-26px; border-radius:50%; background:radial-gradient(ellipse at 50% 50%, rgba(43,192,245,.5), rgba(43,192,245,.12) 55%, rgba(43,192,245,0) 72%)}
.ev-claim{margin-top:12px; font-family:var(--display); font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; text-align:center; color:var(--cyan)}

/* porque participar */
.ev-benefits{list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); gap:44px 40px}
.ev-benefit{min-width:0; display:flex; flex-direction:column; gap:12px; padding-top:20px; border-top:2px solid var(--indigo)}
.ev-ico{display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:12px; background:var(--chip)}
.ev-ico svg{width:26px; height:26px; fill:none; stroke:var(--indigo); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.ev-benefit .ev-ben-rotulo{font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--blue); margin-bottom:-6px}
.ev-benefit h3{font-family:var(--display); font-size:21px; font-weight:800; line-height:1.25}
.ev-benefit p{color:var(--ink-soft)}

/* antes / com a ONE */
.ev-fluxo{display:grid; gap:14px; padding:24px; border-radius:16px; background:var(--alt)}
.ev-fluxo-linha{display:flex; flex-wrap:wrap; gap:6px 20px; align-items:baseline}
.ev-fluxo-rotulo{flex:0 0 110px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft)}
.ev-fluxo-linha p:last-child{flex:1 1 280px; min-width:0; color:var(--ink-soft)}
.ev-fluxo-onev .ev-fluxo-rotulo{color:var(--blue)}
.ev-fluxo-onev p:last-child{font-family:var(--display); font-weight:800; font-size:18px; color:var(--indigo)}
.ev-fecho{font-family:var(--display); font-size:clamp(20px,2.4vw,28px); font-weight:800; line-height:1.25; color:var(--indigo); text-wrap:balance}

/* exemplo */
.ev-exemplo{display:flex; flex-wrap:wrap; align-items:flex-start; gap:clamp(32px,5vw,64px)}
.ev-exemplo-texto{flex:1 1 300px; min-width:0}
.ev-exemplo-texto p{font-size:17px; color:var(--ink-soft)}
.ev-exemplo-texto .ev-nota{font-size:14px}
.ev-cartao{flex:2 1 600px; min-width:0; background:var(--paper); border:1px solid var(--line); border-radius:16px; overflow:hidden}
.ev-cartao-head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; padding:18px 20px; border-bottom:1px solid var(--line)}
.ev-cartao-head p{min-width:0}
.ev-cartao-head .ev-sub{font-size:14px; color:var(--ink-soft)}
.ev-scroll{overflow-x:auto}
.ev-tabela{width:100%; min-width:560px; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums}
.ev-tabela th{text-align:left; padding:12px 16px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); background:#F8F9FC; border-bottom:1px solid var(--line)}
.ev-tabela td{padding:14px 16px; border-bottom:1px solid var(--line)}
.ev-tabela th:first-child, .ev-tabela td:first-child{padding-left:20px}
.ev-tabela th:last-child, .ev-tabela td:last-child{padding-right:20px}
.ev-tabela .num{text-align:right}
.ev-tabela tbody tr:last-child td{border-bottom:0}
.ev-tabela tfoot td{padding:16px; border-top:2px solid var(--indigo); border-bottom:0; font-weight:700}
.ev-novo{font-weight:700; color:var(--blue)}
.ev-pill{display:inline-block; font-size:12px; font-weight:700; padding:4px 10px; border-radius:999px; background:#EEF0F6; color:var(--ink-soft)}
.ev-pill-ok{background:#E3EEFF; color:#0F4FB4}
.ev-pill-forte{background:var(--indigo); color:#fff}
/* tabela comparativa do exemplo (3 projetos lado a lado) */
.ev-exemplo-texto strong{color:var(--ink)}
.ev-oculto{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.ev-comparar th, .ev-comparar td{text-align:left}
/* larguras fixas: coluna das caracteristicas + 3 colunas de projetos IGUAIS */
.ev-comparar{table-layout:fixed}
.ev-col-rotulo{width:31%}
.ev-col-projeto{width:23%}
.ev-comparar td, .ev-comparar tfoot td, .ev-comparar thead th:not(:first-child){padding-inline:12px}
/* um valor nunca parte: o € fica sempre na mesma linha do número */
.ev-comparar .ev-valor{white-space:nowrap}
.ev-comparar tbody th, .ev-comparar tfoot th{padding:12px 16px 12px 20px; font-size:14px; font-weight:600; letter-spacing:0; text-transform:none; color:var(--ink); background:transparent}
.ev-comparar tbody th{border-bottom:1px solid var(--line)}
.ev-comparar tbody tr:last-child th{border-bottom:0}
.ev-comparar tfoot th{padding-block:16px; border-top:2px solid var(--indigo); border-bottom:0; font-weight:700}
.ev-sim{color:var(--blue); font-weight:700}
.ev-recurso{display:inline-block; margin-top:6px; font-size:12px; padding:3px 9px; border-radius:6px; background:#E4F5FD; color:#0B4F6C}
.ev-chat{padding:16px 20px 20px; border-top:1px solid var(--line); background:#F8F9FC}
.ev-chat-label{margin-bottom:8px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft)}
.ev-msg{padding:10px 14px; border-radius:10px; background:#E3EEFF; font-size:14px}
.ev-msg small{display:block; font-size:12px; color:var(--ink-soft)}

/* programa */
.ev-programa{display:flex; flex-wrap:wrap; align-items:flex-start; gap:clamp(32px,5vw,72px)}
.ev-programa-main{flex:1.5 1 480px; min-width:0; display:flex; flex-direction:column; gap:24px}
.ev-programa-main .ev-sub{color:var(--ink-soft)}
.ev-agenda{list-style:none; padding:0; display:flex; flex-direction:column}
.ev-parte{margin:32px 0 4px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--blue)}
.ev-slot{display:flex; flex-wrap:wrap; gap:6px 20px; padding:18px 0; border-bottom:1px solid var(--line)}
.ev-slot-destaque{gap:8px 20px; padding:22px 20px; margin:10px 0; border:1px solid var(--line); border-radius:14px; background:var(--alt)}
.ev-hora{flex:0 0 132px; font-family:var(--display); font-size:14px; font-weight:800; line-height:1.6; color:var(--indigo); font-variant-numeric:tabular-nums}
.ev-slot-corpo{flex:1 1 260px; min-width:0}
.ev-slot-corpo h3{font-size:18px; font-weight:700; line-height:1.4}
.ev-slot-corpo p{margin-top:4px; color:var(--ink-soft)}
.ev-passos{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; list-style:none; padding:0}
.ev-passos li{display:inline-flex; align-items:baseline; gap:6px; padding:5px 12px; border-radius:999px; background:var(--paper); border:1px solid #C9CDE4; font-size:13px; font-weight:600}
.ev-passos li span{color:var(--blue); font-variant-numeric:tabular-nums}
.ev-sessao{flex:1 1 300px; min-width:0; display:flex; flex-direction:column; gap:20px; padding:28px; border-radius:20px; background:var(--night); color:#fff}
.ev-sessao h3{font-family:var(--display); font-size:20px; font-weight:800}
.ev-sessao dl{display:flex; flex-direction:column; gap:14px}
.ev-sessao dl div{display:flex; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.16)}
.ev-sessao dl div:last-child{padding-bottom:0; border-bottom:0}
.ev-sessao dt{color:rgba(255,255,255,.66)}
.ev-sessao dd{font-weight:600; text-align:right}
.ev-sessao p{font-size:15px; color:rgba(255,255,255,.8)}

/* para quem é */
.ev-quem{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:32px}
.ev-quem div{min-width:0; display:flex; flex-direction:column; gap:8px}
.ev-quem h3{font-family:var(--display); font-size:18px; font-weight:800}
.ev-quem p{color:var(--ink-soft)}

/* inscrição */
.ev-inscricao{display:flex; flex-wrap:wrap; align-items:flex-start; gap:clamp(32px,5vw,72px)}
.ev-inscricao-texto{flex:1 1 340px; min-width:0; display:flex; flex-direction:column; gap:18px}
.ev-inscricao-texto .ev-eyebrow{color:var(--cyan)}
.ev-inscricao-texto h2{font-family:var(--display); font-size:clamp(32px,4vw,52px); font-weight:800; line-height:1.05; text-wrap:balance}
.ev-inscricao-texto .ev-lead{color:rgba(255,255,255,.82)}
.ev-inscricao-quando{font-family:var(--display); font-weight:600}
.ev-inscricao-form{flex:1.3 1 480px; min-width:0}
.ev-form{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:18px; padding:clamp(20px,3vw,36px); border-radius:20px; background:var(--paper); color:var(--ink)}
.ev-campo{min-width:0; display:flex; flex-direction:column; gap:6px}
.ev-campo label{font-size:14px; font-weight:600}
.ev-facultativo{font-weight:400; color:var(--ink-soft)}
.ev-campo input, .ev-campo select{height:48px; padding:0 14px; border:1px solid #B9BED6; border-radius:10px; background:var(--paper); color:var(--ink); font-size:16px}
.ev-campo select{padding:0 12px}
.ev-campo input[aria-invalid="true"], .ev-campo select[aria-invalid="true"]{border-color:#B3261E; border-width:2px}
.ev-check{grid-column:1 / -1; display:flex; align-items:flex-start; gap:10px; font-size:15px}
.ev-check input{flex:0 0 auto; width:20px; height:20px; margin:2px 0 0; accent-color:var(--indigo)}
.ev-erro{grid-column:1 / -1; padding:12px 14px; border-radius:10px; background:#FDECEA; color:#8C1D18; font-size:14px; font-weight:600}
.ev-form .ev-btn{grid-column:1 / -1; min-height:52px}
.ev-form .ev-btn[disabled]{opacity:.6; cursor:progress}
.ev-aviso{grid-column:1 / -1; font-size:13px; color:var(--ink-soft)}
.ev-armadilha{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden}
.ev-bilhete{display:flex; flex-wrap:wrap; border-radius:20px; overflow:hidden; background:var(--paper); color:var(--ink)}
.ev-bilhete-lado{flex:0 0 132px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:28px 12px; background:var(--indigo); color:#fff; border-right:2px dashed rgba(255,255,255,.4)}
.ev-bilhete-lado svg{width:52px; height:52px}
.ev-bilhete-lado p{font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase}
.ev-bilhete-corpo{flex:1 1 260px; min-width:0; display:flex; flex-direction:column; gap:8px; padding:28px 32px}
.ev-bilhete-corpo .ev-eyebrow{font-size:13px}
.ev-bilhete-nome{font-family:var(--display); font-size:28px; font-weight:800; line-height:1.15; overflow-wrap:anywhere}
.ev-bilhete-corpo p{color:var(--ink-soft)}
.ev-bilhete-corpo p.ev-forte{color:var(--ink); font-weight:600}
.ev-link-botao{align-self:flex-start; min-height:44px; padding:0; border:0; background:none; color:var(--blue); font-size:15px; font-weight:700; cursor:pointer}

/* perguntas */
.ev-faq{max-width:820px; margin:0 auto; padding-inline:clamp(16px,5vw,64px)}
.ev-faq-lista{display:flex; flex-direction:column; margin-top:24px}
.ev-faq details{padding:18px 0; border-bottom:1px solid var(--line)}
.ev-faq summary{cursor:pointer; font-size:18px; font-weight:700}
.ev-faq details p{margin-top:10px; color:var(--ink-soft)}

/* rodapé */
.ev-footer{background:var(--night); color:#fff}
.ev-footer-inner{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding-block:40px}
.ev-footer-marca{display:flex; align-items:center; gap:14px; min-width:0}
.ev-footer-marca svg{flex:0 0 auto; width:40px; height:40px}
.ev-footer-nome{font-family:var(--display); font-size:20px; letter-spacing:.04em}
.ev-footer-nome b{font-weight:900}
.ev-footer-nome span{font-weight:300}
.ev-footer-claim{font-size:14px; color:var(--cyan)}
.ev-footer-dados{font-size:14px; color:rgba(255,255,255,.7)}

/* ---- Landing reduzida ao hero: logótipo "Juntos No Mesmo Palco" + formulário à direita (04/10/2026) ---- */
.ev-title-logo{margin:0; line-height:0}
.ev-title-logo img{display:block; width:min(600px,100%); height:auto}
.ev-hero .ev-inscricao{flex:1 1 100%; margin-top:clamp(8px,2vw,24px)}
.ev-hero .ev-inscricao-form .ev-campo-largo{grid-column:1 / -1}