/* Composição de cada tela e mockups das peças.
   Regra das peças da Ágora: nunca bold (peso máximo 500 nos mockups). */

/* ===== capa ===== */
.s-capa{padding:0}
.cv-col{position:absolute;left:0;top:0;bottom:92px;width:270px;border-right:1.5px solid rgba(0,0,0,.28);padding:52px 0 40px 56px;display:flex;flex-direction:column;justify-content:space-between}
.cv-a{width:96px;height:96px}
.cv-date{font-family:var(--fh);font-weight:800;font-size:124px;line-height:.86;letter-spacing:-.045em}
.cv-main{position:absolute;left:330px;right:72px;top:0;bottom:92px;padding:52px 0 44px;display:flex;flex-direction:column;align-items:flex-start}
.cv-top{width:100%;display:flex;justify-content:space-between;font-size:15px}
.cv-top span{opacity:.65}.cv-top b{font-weight:600}
.cv-ttl{margin-top:72px;font-size:132px}
.cv-sub{margin-top:30px;max-width:880px}
.s-capa .pill{margin-top:auto}

/* ===== informações gerais ===== */
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.st{height:260px;display:flex;flex-direction:column;justify-content:space-between;padding:32px}
.st b{font-family:var(--fh);font-weight:800;font-size:104px;line-height:.9;letter-spacing:-.045em}
.st b em{font-style:normal}
.st span{font-size:18px;line-height:1.35;opacity:.72;max-width:250px}
.info-chips{margin-top:22px}
.info-ttl{margin-top:auto}

/* ===== brief recap ===== */
.br-lead{max-width:1060px;font-size:31px}
.br-row{margin-top:50px;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:16px;align-items:stretch}
.br-c{display:flex;flex-direction:column;gap:12px;min-height:210px;padding:32px}
.br-c .ic{width:32px;height:32px}
.br-c h5{font-size:23px;font-weight:700;margin-top:10px}
.br-c p{font-size:16.5px;opacity:.62;line-height:1.45}
.br-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}

/* ===== insight ===== */
.s-ins{flex-direction:row;gap:60px}
.ins-l{width:610px;display:flex;flex-direction:column}
.ins-l>p.sm{max-width:560px;font-size:19px}
.ins-card{margin-top:34px;background:#000;color:#fff;border-radius:22px;padding:34px 36px;display:flex;gap:22px;align-items:flex-start}
.ins-card .ic{width:40px;height:40px}
.ins-card small{display:block;font-size:14px;opacity:.6}
.ins-card b{display:block;font-family:var(--fh);font-weight:800;font-size:66px;line-height:1;letter-spacing:-.035em;margin:8px 0 12px}
.ins-card em{font-style:normal;font-size:16px;opacity:.7}
.ins-l .ttl{margin-top:auto}
.ins-r{flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.stairs{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.stairs span{display:flex;align-items:center;gap:16px;border-radius:14px;padding:22px 28px;font-family:var(--fh);font-weight:800;font-size:23px;text-transform:uppercase;letter-spacing:-.005em;background:var(--cream2)}
.stairs .ic{width:24px;height:24px}
.stairs .st1{width:100%;background:var(--yellow)}.stairs .st2{width:88%}.stairs .st3{width:76%}.stairs .st4{width:64%}
.ins-note{margin-top:30px;max-width:640px}

/* ===== KV (componente em em: 100em = largura) ===== */
.kv{position:relative;width:100em;background:var(--petrol);color:#fff;overflow:hidden;border-radius:.5em;box-shadow:0 2.4em 4.4em -2.4em rgba(0,40,40,.45);font-family:var(--f)}
.kv-h{height:56.25em}.kv-v{height:177.78em}.kv-s{height:100em}
.kv-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:6.25em 6.25em;pointer-events:none}
.kv-win,.t-win,.mw,.tw{position:absolute}
.kv-win::before,.t-win::before,.mw::before,.tw::before{content:"";position:absolute;width:20%;height:20%;left:-4.5%;bottom:-4.5%;background:var(--mint)}
.ph{position:absolute;inset:0;width:100%;height:100%;display:block}
.kv-h .kv-win{left:48.75em;top:5em;width:46.25em;height:46.25em}
.kv-cap{position:absolute;z-index:2;left:1.8em;bottom:1.8em;font-size:1.3em;padding:.45em .8em;background:rgba(255,255,255,.86);color:var(--petrol-dk);border-radius:.3em;white-space:nowrap}
.kv-line{position:absolute;inset:0;width:100%;height:100%;z-index:3;fill:none;stroke:var(--mint);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.kv-line path{vector-effect:non-scaling-stroke}
.kv-txt{position:absolute;z-index:2;left:5em;top:8em;width:40em}
.kv-over{display:block;font-size:1.45em;color:var(--mint-lt);letter-spacing:.02em}
.kv-h1{font-size:3.5em;font-weight:300;line-height:1.1;letter-spacing:-.01em;margin-top:.55em}
.kv-h1 em,.t-h em,.mail-kv em,.tvs em,.ch-q em{font-style:normal;color:var(--mint)}
.kv-sup{font-size:1.5em;line-height:1.42;color:rgba(255,255,255,.8);margin-top:1.1em;max-width:23em}
.kv-date{font-size:1.45em;margin-top:1.4em;display:flex;align-items:center;gap:.6em}
.kv-date::before{content:"";width:.6em;height:.6em;background:var(--mint);flex:none}
.kv-logo{position:absolute;z-index:2;left:5em;bottom:4.2em;height:2.9em;width:auto}
.kv .mk{position:absolute;z-index:6;font-size:1.45em;width:1.9em;height:1.9em;border-radius:50%;background:#fff;color:var(--petrol);display:grid;place-items:center;font-weight:600;box-shadow:0 0 0 .25em rgba(0,200,141,.55)}
/* vertical 9:16 */
.kv-v .kv-logo{left:8em;top:7em;bottom:auto;height:5em}
.kv-v .kv-win{left:8em;top:17em;width:84em;height:84em}
.kv-v .kv-txt{left:8em;top:111em;width:86em}
.kv-v .kv-over{font-size:3.6em}
.kv-v .kv-h1{font-size:10em;line-height:1.04;margin-top:.35em}
.kv-v .kv-date{font-size:3.4em;margin-top:1em}
/* quadrado 1:1 */
.kv-s .kv-win{left:51em;top:27.5em;width:44em;height:45em}
.kv-s .kv-txt{left:6em;top:24em;width:42em}
.kv-s .kv-over{font-size:2.3em}
.kv-s .kv-h1{font-size:3.8em}
.kv-s .kv-date{font-size:2.3em;margin-top:1.3em;align-items:flex-start}
.kv-s .kv-date::before{margin-top:.35em}
.kv-s .kv-logo{left:6em;bottom:7em;height:4.4em}

/* ===== conceito ===== */
.s-conc{display:grid;grid-template-columns:1fr 740px;grid-template-rows:1fr auto;column-gap:60px;row-gap:34px}
.cc-l{align-self:center}
.cc-ttl{font-size:146px}
.cc-kv{align-self:center}
.cc-foot{grid-column:1/3;display:flex;justify-content:space-between;align-items:flex-end;gap:60px}
.cc-tag{font-family:var(--fh);font-weight:700;font-size:25px;letter-spacing:.16em;text-transform:uppercase;color:var(--petrol)}
.cc-foot .sm{max-width:430px}

/* ===== ideia e chamadas ===== */
.ch-idea{font-size:44px;max-width:1320px}
.ch-row{margin-top:36px;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:16px;align-items:stretch}
.ch-c{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:32px}
.ch-k{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.7}
.card .ch-q{opacity:1;font-size:35px;font-weight:300;line-height:1.16;letter-spacing:-.012em}
.ch-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:60px}
.ch-foot .sm{max-width:660px}

/* ===== por quê ===== */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why-grid .card{display:flex;flex-direction:column;gap:14px;padding:30px}
.why-grid small{font-family:var(--fh);font-weight:800;font-size:40px;line-height:1;opacity:.22}
.why-grid .card.pe small{opacity:.5;color:var(--mint)}
.why-grid p{font-size:16px}
.wy-terr{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tm{padding:18px 24px;border-radius:16px;background:var(--mint-xl);color:var(--petrol-dk)}
.tm .lbl{opacity:.75}
.tm p{font-size:16px;line-height:1.45}
.why-ttl{margin-top:auto}

/* ===== jornada + segurança ===== */
.rg-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.rg{display:flex;flex-direction:column;gap:10px;padding:24px}
.rg .ic{color:var(--petrol)}
.rg small{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--petrol);margin-top:6px}
.rg b{font-family:var(--fh);font-weight:800;font-size:22px;text-transform:uppercase;line-height:1.05}
.rg p{font-size:15px}
.rg.pe .ic,.rg.pe small{color:var(--mint)}
.sg-strip{margin-top:16px;display:flex;gap:20px;align-items:flex-start;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--gray2)}
.sg-k{flex:none;width:170px;display:flex;gap:10px;align-items:center;font-size:16px;font-weight:700;color:var(--petrol);line-height:1.2;padding-top:4px}
.sg-k .ic{width:26px;height:26px}
.sg-strip .chips{gap:8px}
.sg-strip .chip{font-size:14px;padding:8px 14px}
.sg-strip .chip .ic{width:16px;height:16px;color:var(--petrol)}
.rg-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:60px}
.rg-foot .sm{max-width:470px}

/* ===== programação por idade ===== */
.pg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.pg-f{display:flex;gap:8px;align-items:center}
.pg-f .chip{padding:9px 16px;font-size:15px;transition:background .2s,color .2s}
.pg-tbl table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px}
.pg-tbl th{background:var(--petrol);color:#fff;font-weight:600;text-align:left;padding:12px 16px;transition:background .3s;white-space:nowrap}
.pg-tbl th:first-child{border-radius:12px 0 0 12px}.pg-tbl th:last-child{border-radius:0 12px 12px 0}
.pg-tbl td{padding:7px 16px;height:41px;border-bottom:1px solid var(--gray2);transition:background .3s}
.pg-tbl th:nth-child(n+3),.pg-tbl td:nth-child(n+3){text-align:center;width:130px}
.pg-tbl td:first-child{font-weight:700;color:var(--petrol);width:170px}
.pg-tbl tr{transition:opacity .3s}
.pg-tbl tr.dim{opacity:.28}
.dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--mint);vertical-align:middle}
.pg-tbl td small{display:block;font-size:11.5px;opacity:.62;margin-top:2px;line-height:1.2}
.pg-tbl table[data-f="1"] td:nth-child(3),.pg-tbl table[data-f="2"] td:nth-child(4),.pg-tbl table[data-f="3"] td:nth-child(5),.pg-tbl table[data-f="4"] td:nth-child(6){background:var(--mint-xl)}
.pg-tbl table[data-f="1"] th:nth-child(3),.pg-tbl table[data-f="2"] th:nth-child(4),.pg-tbl table[data-f="3"] th:nth-child(5),.pg-tbl table[data-f="4"] th:nth-child(6){background:var(--petrol-dk)}
.cs{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:8px;vertical-align:-1px;box-shadow:0 0 0 1.5px rgba(255,255,255,.75)}
.cs.c0{background:#E7E7E3}.cs.c1{background:var(--mint)}.cs.c2{background:var(--petrol-md)}.cs.c3{background:#fff;box-shadow:inset 0 0 0 3px var(--mint),0 0 0 1.5px rgba(255,255,255,.75)}
.pg-note{margin-top:12px;max-width:1200px}

/* ===== grade ===== */
.gd-lead{max-width:820px}
.gd-line{position:relative;height:340px;margin-top:26px}
.gd-rail{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:var(--gray2);border-radius:2px;overflow:hidden}
.gd-rail i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--petrol);transition:width 1.8s var(--ease) .3s}
.is-active .gd-rail i{width:100%}
.gd-stop{position:absolute;left:calc(110px + var(--x) * (100% - 220px) / 8);width:250px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}
.gd-stop.up{bottom:calc(50% + 28px)}
.gd-stop.dn{top:calc(50% + 28px)}
.gd-stop::after{content:"";position:absolute;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:3px solid var(--petrol);box-sizing:border-box}
.gd-stop.up::after{bottom:-37px}.gd-stop.dn::after{top:-37px}
.gd-stop b{font-family:var(--fh);font-weight:800;font-size:32px;color:var(--petrol);letter-spacing:-.02em}
.gd-stop span{font-size:15px;line-height:1.35;display:block;margin-top:4px;max-width:200px}
.gd-stop.hi b{color:var(--mint-dk)}
.gd-stop.hi::after{background:var(--mint);border-color:var(--mint)}
.gd-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:60px}

/* ===== cozinha da casa (cardápio + arte dos carrinhos) ===== */
.cz-head{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.cz-head .chip{font-size:15px;padding:9px 16px}
.cr-body{flex:1;display:grid;grid-template-columns:420px 330px 1fr;gap:34px;align-items:end}
.cart{display:flex;flex-direction:column;align-items:center}
.cart-top{position:relative;width:420px;height:100px;background:var(--petrol);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 28px;border-radius:8px 8px 0 0;transition:opacity .2s}
.cart-top::after{content:"";position:absolute;right:24px;top:24px;width:22px;height:22px;background:var(--mint)}
.cart-top b{font-size:30px;font-weight:400}
.cart-top span{font-size:15px;color:var(--mint-lt);margin-top:4px}
.cart-poles{width:380px;height:56px;display:flex;justify-content:space-between}
.cart-poles i{width:10px;background:#cfcfca}
.cart-front{position:relative;width:420px;height:210px;background:var(--petrol);color:#fff;border-radius:6px;padding:28px;overflow:hidden}
.cart-front p{position:relative;font-size:32px;font-weight:300}
.cart-front span{position:relative;font-size:17px;color:var(--mint-lt)}
.cart-front img{position:absolute;left:28px;bottom:24px;height:20px}
.cart-wheels{width:350px;display:flex;justify-content:space-between;margin-top:-6px}
.cart-wheels i{width:42px;height:42px;border-radius:50%;background:#2b2b2b;border:10px solid #5a5a5a}
.menu-a4{position:relative;width:330px;min-height:467px;background:#fff;border-radius:4px;box-shadow:0 26px 50px -28px rgba(0,40,40,.45),0 0 0 1px rgba(0,0,0,.06);padding:30px 28px 70px;transition:opacity .2s}
.menu-a4>b{font-size:28px;font-weight:400;color:var(--petrol)}
.menu-a4 ul{list-style:none;margin:16px 0 14px;display:flex;flex-direction:column;gap:9px}
.menu-a4 li{font-size:15px;line-height:1.35;padding-left:18px;position:relative}
.menu-a4 li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;background:var(--mint)}
.m-hl{display:inline-flex;gap:7px;align-items:center;font-size:12.5px;padding:6px 11px;border-radius:999px;background:var(--mint-xl);color:var(--petrol-dk);margin-bottom:14px}
.m-hl .ic{width:14px;height:14px}
.m-leg{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11.5px;color:var(--petrol)}
.m-leg span{display:flex;gap:6px;align-items:center}
.m-leg .ic{width:15px;height:15px}
.m-al{font-size:11px;line-height:1.45;opacity:.7;margin-top:12px}
.m-ft{position:absolute;left:0;right:0;bottom:0;height:50px;background:var(--petrol);display:flex;align-items:center;padding:0 28px;border-radius:0 0 4px 4px}
.m-ft img{height:16px}
.swap{opacity:0!important}
.cr-list{display:flex;flex-direction:column;gap:8px;align-self:stretch;justify-content:flex-end}
.cr-list>.xs{margin-bottom:4px}
.cr-list button{text-align:left;padding:12px 18px;border-radius:12px;background:var(--gray);display:flex;flex-direction:column;gap:2px;transition:background .2s,color .2s}
.cr-list b{font-size:17px}
.cr-list button span{font-size:14px;opacity:.65}
.cr-list .on{background:var(--petrol);color:#fff}
.cr-list .on span{opacity:.8}

/* ===== a casa em cada peça ===== */
.ls-head,.pm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:24px}
.ls-head p,.pm-head p{max-width:520px}
.ls-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;flex:1}
.ls{text-align:left;display:flex;flex-direction:column;gap:8px;padding:22px;transition:background .25s,color .25s,transform .25s var(--ease)}
.ls small{font-size:13px;font-weight:700;color:var(--petrol);letter-spacing:.04em}
.ls b{font-family:var(--fh);font-weight:800;font-size:21px;text-transform:uppercase;line-height:1.04}
.ls em{font-style:normal;font-size:15px;font-weight:600;color:var(--petrol)}
.ls p{font-size:14.5px;opacity:.75;line-height:1.42}
.ls span{margin-top:auto;font-size:13px;line-height:1.35;padding-top:12px;border-top:1px solid var(--gray2);opacity:.75}
.ls.ex{background:#fff;box-shadow:inset 0 0 0 1.5px var(--gray2)}
button.ls:hover{background:var(--petrol);color:#fff;transform:translateY(-3px)}
button.ls:hover small,button.ls:hover em{color:var(--mint)}
button.ls:hover span{border-color:rgba(255,255,255,.22)}

/* ===== direcional de KV ===== */
.s-kvd{flex-direction:row;gap:46px;padding-top:140px}
.kd-l{width:470px;display:flex;flex-direction:column;gap:18px}
.kd-l .body{font-size:17px}
.kd-leg{list-style:none;display:flex;flex-direction:column;gap:12px}
.kd-leg li{display:flex;gap:12px}
.kd-leg i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--petrol);color:#fff;font-style:normal;font-size:13px;font-weight:700;display:grid;place-items:center}
.kd-leg b{display:block;font-size:15.5px}
.kd-leg span{font-size:14px;opacity:.7;line-height:1.4}
.kd-r{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px}

/* ===== formatos e regras ===== */
.s-fmt{flex-direction:row;gap:54px}
.fm-kvs{display:flex;gap:40px;align-items:flex-end}
figure{display:flex;flex-direction:column;gap:12px}
figcaption{font-size:14px;opacity:.65}
.fm-r{flex:1;display:flex;flex-direction:column;gap:12px}
.fm-r .ttl{margin-bottom:6px}
.fm-c{padding:18px 24px}
.fm-c p{font-size:15px}
.sw{display:flex;gap:8px;margin:6px 0 10px}
.sw span{width:38px;height:38px;border-radius:8px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.fora{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.fora span{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 11px;border-radius:999px;background:var(--gray)}
.fora span::before{content:"×";color:var(--petrol);font-weight:700}

/* ===== e-mail ===== */
.s-mail{flex-direction:row;gap:56px}
.ml-l{flex:1;display:flex;flex-direction:column;gap:16px}
.ml-l .ttl{margin-bottom:6px}
.ml-c{padding:22px 26px}
.ml-c p{font-size:16.5px;line-height:1.4;margin-bottom:8px;opacity:1}
.ml-c p.xs{font-size:14px;opacity:.65}
.ml-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ml-r{width:560px;margin-top:-52px;display:flex}
.mail{position:relative;width:100%;height:722px;border-radius:16px;background:#fff;box-shadow:0 30px 60px -30px rgba(0,40,40,.45),0 0 0 1px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column}
.mail-bar{flex:none;height:44px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#F4F4F2;border-bottom:1px solid var(--gray2);font-size:13px}
.mail-bar i{width:11px;height:11px;border-radius:50%;background:#D9D9D5}
.mail-bar span{margin-left:10px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--mint) transparent;overscroll-behavior:contain}
.mail-hd{background:var(--petrol);padding:22px 34px}
.mail-hd img{height:22px}
.mail-kv{position:relative;height:250px;background:var(--petrol);overflow:hidden;color:#fff}
.mail-kv .mw{right:34px;top:0;width:220px;height:220px}
.mail-kv p{position:absolute;left:34px;top:40px;font-size:30px;font-weight:300;line-height:1.14}
.mail-body{padding:30px 34px 40px;font-size:15.5px;line-height:1.55;color:#2a2a2a}
.mail-body p{margin-bottom:14px}
.mail-body h6{font-size:15px;font-weight:500;color:var(--petrol);margin:22px 0 8px}
.mail-body ul,.mail-body ol{padding-left:20px;margin-bottom:14px}
.mail-body li{margin-bottom:5px}
.mail-body ul li::marker{color:var(--mint)}
.mail-btn{display:inline-block;margin:6px 0 22px;padding:14px 28px;border-radius:999px;background:var(--mint);color:var(--petrol-dk);font-weight:500}
.mail-qr{display:flex;gap:16px;align-items:center;padding:16px;border-radius:12px;background:var(--gray)}
.mail-qr [data-qr]{width:84px;height:84px;flex:none;color:var(--petrol-dk)}
.mail-qr p{margin:0;font-size:14px}
.mail-sig{margin-top:20px;color:var(--petrol)}
.mail-hint{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;align-items:center;font-size:12px;padding:7px 12px;border-radius:999px;background:rgba(1,70,77,.92);color:#fff;pointer-events:none}
.mail-hint .ic{width:16px;height:16px}

/* ===== chegada: totem e crachá ===== */
.s-che{flex-direction:row;gap:48px;align-items:center}
.ce-l{width:350px;display:flex;flex-direction:column;gap:14px}
.ce-l .lbl{margin-bottom:-6px}
.ce-l .sm b{color:var(--petrol)}
.ce-tot{display:flex;gap:20px;align-items:flex-start}
.ce-cra{display:flex;flex-direction:column;gap:16px}
.ce-badges{display:flex;gap:20px}
.s-che .tot{zoom:.76}
.s-che .badge-c{zoom:.8}
.tot{position:relative;width:262px;height:655px;background:var(--petrol);color:#fff;overflow:hidden;border-radius:4px;box-shadow:0 30px 50px -30px rgba(0,40,40,.55),0 0 0 1px rgba(0,0,0,.05)}
.tot-f .t-over{position:absolute;left:22px;top:28px;font-size:11.5px;color:var(--mint-lt)}
.tot-f .t-win{left:22px;top:66px;width:218px;height:218px}
.t-h{position:absolute;left:22px;right:16px;top:322px;font-size:31px;font-weight:300;line-height:1.12}
.tot-f>img{position:absolute;left:22px;bottom:28px;height:20px}
.tot-v{background:#fff;color:var(--petrol-dk)}
.tot-v .t-over{display:block;background:var(--petrol);color:#fff;font-size:20px;font-weight:300;padding:28px 22px 22px}
.tot-v ul{list-style:none;padding:16px 22px 12px;display:flex;flex-direction:column;gap:8px}
.tot-v li{font-size:12px;line-height:1.3;color:#555;padding-left:16px;position:relative}
.tot-v li::before{content:"";position:absolute;left:0;top:4px;width:8px;height:8px;background:var(--mint)}
.tot-v li b{display:block;font-weight:500;color:var(--petrol);font-size:14px}
.t-ck{padding:0 22px;font-size:13px;color:var(--petrol)}
.t-qr{position:absolute;left:18px;right:18px;bottom:18px;display:flex;gap:12px;align-items:center;padding:10px;border-radius:8px;background:var(--gray)}
.t-qr [data-qr]{width:62px;height:62px;flex:none;color:var(--petrol-dk)}
.t-qr p{font-size:13px;color:var(--petrol)}
.cords{display:flex;flex-direction:column;gap:10px}
.cord-s{position:relative;height:36px;border-radius:18px;display:flex;align-items:center;overflow:hidden;padding:0 80px 0 18px}
.cord-s span{white-space:nowrap;font-size:12.5px;letter-spacing:.06em}
.cord-s small{position:absolute;right:6px;top:6px;bottom:6px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.88);color:var(--petrol-dk);font-size:11.5px;font-weight:700;display:grid;place-items:center}
.cord-s.c1{background:var(--mint);color:var(--petrol-dk)}
.cord-s.c2{background:var(--petrol);color:#fff}
.cord-s.c3{background:#fff;color:var(--petrol);box-shadow:inset 0 0 0 2px var(--mint)}
.cord-s.c3 small{background:var(--mint-xl)}
.stk-b{padding:16px 20px;border-radius:14px;background:#EFEFEC;border:1.5px dashed #cfcfca}
.stk-b p{font-size:14.5px}
.stk-b b{font-weight:600}
.badge-c{position:relative;width:300px;height:420px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 30px 50px -30px rgba(0,40,40,.5),0 0 0 1px rgba(0,0,0,.06)}
.hole{position:absolute;left:50%;top:14px;width:54px;height:10px;margin-left:-27px;border-radius:5px;background:rgba(0,0,0,.22);z-index:3}
.bf-top{height:112px;background:var(--petrol);display:flex;align-items:flex-end;padding:0 24px 22px}
.bf-top img{height:22px}
.bf-ev{display:block;margin:24px 24px 0;font-size:13px;color:var(--petrol)}
.bf-hi{margin:34px 24px 0;font-size:20px;font-weight:300;color:#444}
.bf-nm{margin:6px 24px 0;font-size:34px;font-weight:400;line-height:1.08;color:var(--petrol-dk)}
.bf-age{position:absolute;left:24px;bottom:24px;padding:8px 14px;border-radius:999px;background:var(--petrol);color:#fff;font-size:14px}
.bv{padding:40px 22px 22px;display:flex;flex-direction:column}
.bv-t{font-size:22px;color:var(--petrol);font-weight:400}
.bv-s{font-size:12.5px;color:#555;margin:4px 0 12px}
.pass{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.pass button{display:flex;align-items:center;gap:8px;font-size:12px;text-align:left;padding:7px 8px;border-radius:8px;background:var(--gray);color:var(--petrol-dk);line-height:1.15;transition:background .2s}
.pass i{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px dashed var(--petrol);transition:all .25s var(--ease)}
.pass .on{background:var(--mint-xl)}
.pass .on i{background:var(--mint);border:1.5px solid var(--mint);transform:rotate(-14deg) scale(1.08);box-shadow:inset 0 0 0 4px var(--mint),inset 0 0 0 5.5px #fff}
.pass .lst{grid-column:1/3}
.bv-sos{margin-top:auto;padding:12px 14px;border-radius:10px;background:var(--petrol);color:#fff;display:flex;flex-direction:column;gap:2px}
.bv-sos p{font-size:12px;color:var(--mint-lt)}
.bv-sos b{font-size:14px;font-weight:500}
.bv-sos small{font-size:11px;opacity:.75;margin-top:4px}

/* ===== durante: TV e página do QR ===== */
.s-dur{flex-direction:row;gap:40px;align-items:center}
.du-r{width:330px;display:flex;flex-direction:column;gap:14px}
.du-r .lbl{margin-bottom:-6px}
.du-r .sm b{color:var(--petrol)}
.du-priv{display:flex;gap:14px;align-items:center;padding:16px 20px}
.du-priv .ic{color:var(--mint);flex:none}
.du-priv p{font-size:14.5px;opacity:.92}
.du-tv{width:640px}
.s-dur .tv-screen,.s-dur .tv-foot{zoom:.744}
.tv-screen{position:relative;width:860px;height:498px;background:#111;border:14px solid #161616;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.tv-foot{width:220px;height:26px;margin:0 auto;background:linear-gradient(#232323,#3a3a3a);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}
.tvs{position:absolute;inset:0;background:var(--petrol);color:#fff;opacity:0;transition:opacity .6s}
.tvs.on{opacity:1}
.tvs>img{position:absolute;left:44px;bottom:36px;height:22px}
.tvs .tx{position:absolute;left:44px;top:46px;right:44px}
.tvs .tx>span{font-size:16px;color:var(--mint-lt)}
.tvs .tx p{font-size:46px;font-weight:300;line-height:1.1;margin-top:16px}
.tvs[data-s="0"] .tx{right:420px;top:120px}
.tvs[data-s="0"] .tx p{font-size:34px}
.tvs .tw{right:44px;top:44px;width:340px;height:340px}
.tvs ul{list-style:none;margin-top:18px}
.tvs li{display:flex;gap:26px;align-items:baseline;font-size:31px;font-weight:300;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.tvs li b{font-weight:400;color:var(--mint);min-width:110px}
.tvs .tx small{display:block;font-size:20px;opacity:.82;margin-top:14px;max-width:620px;line-height:1.4}
.stamps{display:flex;gap:16px;margin-top:30px}
.stamps i{width:56px;height:56px;border-radius:50%;border:2px dashed var(--mint-lt)}
.stamps i:nth-child(-n+3){background:var(--mint);border:2px solid var(--mint)}
.stamps .last{border-color:#fff}
.tvqr{display:flex;gap:30px;align-items:center;margin-top:30px}
.tvqr [data-qr]{width:176px;height:176px;flex:none;color:var(--petrol-dk)}
.tvqr small{font-size:22px!important;max-width:380px}
.tv-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.12);z-index:3}
.tv-bar i{display:block;height:100%;width:0;background:var(--mint);animation:tvb 5s linear forwards}
@keyframes tvb{from{width:0}to{width:100%}}
.tv-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.tv-list button{display:flex;gap:10px;align-items:center;padding:9px 14px 9px 9px;border-radius:999px;background:var(--gray);font-size:14px;font-weight:600;transition:background .2s,color .2s}
.tv-list small{width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px}
.tv-list .on{background:var(--petrol);color:#fff}
.tv-list .on small{background:var(--mint);color:var(--petrol-dk)}
.s-dur .phone{zoom:.84}
.phone{width:340px;height:712px;border-radius:48px;background:#111;padding:12px;box-shadow:0 40px 70px -35px rgba(0,30,30,.6)}
.ph-scr{width:100%;height:100%;border-radius:38px;background:#F4F5F3;overflow:hidden;display:flex;flex-direction:column}
.ph-hd{background:var(--petrol);color:#fff;padding:40px 20px 18px}
.ph-hd img{height:16px;margin-bottom:14px}
.ph-hd b{display:block;font-size:17px;font-weight:500}
.ph-hd span{display:block;font-size:12px;color:var(--mint-lt);margin-top:4px}
.ph-tabs{display:flex;gap:2px;padding:10px 8px;background:#fff;border-bottom:1px solid var(--gray2)}
.ph-tabs button{flex:none;font-size:11px;padding:6px 7px;border-radius:999px;color:#555;transition:background .2s,color .2s}
.ph-tabs .on{background:var(--petrol);color:#fff}
.ph-body{flex:1;position:relative;overflow:hidden}
.ph-p{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transition:opacity .3s}
.ph-p.on{opacity:1;visibility:visible}
.now{padding:16px;border-radius:14px;background:var(--petrol);color:#fff}
.now small{font-size:11px;color:var(--mint)}
.now b{display:block;font-size:16px;font-weight:500;margin:6px 0 4px;line-height:1.25}
.now span{font-size:12px;opacity:.75}
.nxt{padding:14px 16px;border-radius:14px;background:#fff}
.nxt small{font-size:11px;color:var(--mint-dk)}
.nxt b{display:block;font-size:14px;font-weight:500;color:var(--petrol-dk);margin-top:4px}
.ph-ages{display:flex;gap:4px;flex-wrap:wrap}
.ph-ages span{font-size:11px;padding:5px 9px;border-radius:999px;background:#fff;cursor:pointer}
.ph-ages .on{background:var(--mint);color:var(--petrol-dk)}
.ph-list{list-style:none;background:#fff;border-radius:14px;padding:4px 14px}
.ph-list li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:9px 0;border-bottom:1px solid var(--gray);color:#555}
.ph-list li:last-child{border:0}
.ph-list b{font-weight:500;color:var(--petrol)}
.ph-list.q li{color:var(--petrol-dk)}
.ph-list.q li::after{content:"+";color:var(--mint-dk);font-size:15px;line-height:1}
.ph-ft{padding:12px 16px 24px;font-size:11px;line-height:1.4;background:#fff;color:#555;border-top:1px solid var(--gray2)}

/* ===== para alinharmos ===== */
.pm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 34px}
.pm{padding:14px 0 14px 22px;border-left:3px solid var(--mint)}
.pm b{font-size:17px;color:var(--petrol);display:block;margin-bottom:4px}
.pm p{font-size:15px;opacity:.75;line-height:1.45}

/* ===== confidencialidade e obrigado ===== */
.s-conf{padding-top:165px}
.hd-conf{align-items:center;gap:24px;justify-content:flex-start}
.hd-conf .ttl.s{font-size:44px;flex:1;padding-top:4px}
.cf-lock{width:26px;height:26px;opacity:.6}
.cf-cols{display:grid;grid-template-columns:1fr 1fr;gap:70px;font-size:17.5px;line-height:1.62;color:rgba(255,255,255,.82)}
.cf-cols p{margin-bottom:20px}
.ob-ttl{margin-top:30px;font-size:200px}
.ob-u{color:var(--yellow)}
.ob-sub{margin-top:18px;opacity:.75}
.ob-row{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ob{padding:30px;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.ob b{font-size:24px;font-weight:700}
.ob a{color:inherit;opacity:.7;text-decoration:none;font-size:16px}
.ob a:hover{text-decoration:underline}