:root{--stage-w:1536px;--stage-h:1024px;--board-x:349px;--board-y:151px;--board-w:837px;--board-h:908px;--paper:#f7dfaa;--ink:#23170e;--red:#8e1017;--gold:#b87713}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#10281f;font-family:Georgia,'Times New Roman',serif}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.combo26-stage{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:url('/26/assets/img/img-perso/combos/bg-combo.jpg') center center/cover no-repeat}.combo26-canvas{position:absolute;left:50%;top:50%;width:var(--stage-w);height:var(--stage-h);transform:translate(-50%,-50%) scale(var(--combo-fit,1));transform-origin:center center}
/* MASTER C03 shell — fixed 1536×1024 coordinates */
.combo26-header{position:absolute;left:430px;top:54px;width:676px;height:93px}.combo26-brandline{position:absolute;left:0;top:0;width:330px;height:57px;display:flex;align-items:center}.combo26-brandline img{width:116px;height:auto;object-fit:contain}.combo26-brandline span{margin-left:16px;padding-left:16px;border-left:1px solid rgba(238,197,111,.55);color:#f4dba5;font:italic 14px/1.05 Georgia,serif}.combo26-siteback{position:absolute;right:18px;top:13px;width:154px;height:51px}.combo26-siteback img{width:100%;height:100%;object-fit:contain}.combo26-progress{position:absolute;left:56px;right:40px;bottom:0;height:27px;color:#f6e3b9;font:11px Arial,sans-serif}.combo26-progress-top{display:flex;justify-content:space-between;align-items:center;padding:0 2px 4px}.combo26-progress-track{height:4px;background:rgba(214,178,114,.35)}.combo26-progress-track i{display:block;width:33.333%;height:100%;background:#d71929}.combo26-board{position:absolute;left:var(--board-x);top:var(--board-y);width:var(--board-w);height:var(--board-h);overflow:visible}.combo26-screen{position:absolute;inset:0}.combo26-screen[hidden]{display:none}
.combo26-screen--c01{background:transparent;border-radius:15px;overflow:visible;isolation:isolate}.combo26-screen--c01::before{content:"";position:absolute;left:10px;top:24px;width:817px;height:840px;background:var(--paper);border-radius:15px;z-index:-1}.c01-frame{position:absolute;left:10px;top:24px;width:817px;height:840px;object-fit:fill;pointer-events:none;z-index:0}.c01-layout{position:absolute;left:10px;top:-16px;width:697px;height:757px;z-index:2;transform:scale(1.2);transform-origin:top left}.c01-hero{position:absolute;left:31px;top:22px;width:635px;height:159px}.c01-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.c01-hero-text{position:absolute;left:30px;top:9px;width:575px;height:135px;object-fit:contain}.c01-intro{position:absolute;left:90px;top:155px;width:517px;text-align:center;font-size:14px;line-height:1.03}.c01-intro strong{display:block;font:700 17px Arial,sans-serif}.c01-intro span{display:block}.c01-audience{position:absolute;left:73px;top:218px;width:551px;height:139px;border:0;margin:0;padding:0}.c01-audience legend{width:100%;display:flex;align-items:center;gap:10px;text-align:center;color:var(--red);font-weight:700;font-size:17px}.c01-audience legend::before,.c01-audience legend::after{content:"";flex:1;height:18px;background-image:url('../img/c01/elements/01/estrela-01.png'),linear-gradient(#d99b20,#d99b20);background-repeat:no-repeat,no-repeat;background-position:left center,center;background-size:18px 18px,calc(100% - 28px) 2px}.c01-audience legend::after{transform:scaleX(-1)}.c01-audience legend span{flex:0 0 auto}.c01-audience-grid{height:111px;margin-top:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.c01-choice{border:0;background:transparent;padding:0;cursor:pointer;display:grid;grid-template-rows:82px 24px;justify-items:center;color:var(--ink);font-size:15px}.c01-choice img{width:100%;height:82px;object-fit:cover;border-radius:5px;border:2px solid transparent}.c01-choice:hover img,.c01-choice.is-selected img{border-color:#a46a0d;box-shadow:0 0 0 2px rgba(255,216,92,.5)}.c01-name{position:absolute;left:74px;top:355px;width:549px;text-align:center}.c01-name label{display:flex;align-items:center;gap:9px;color:var(--red);font-weight:700;font-size:16px;line-height:1.04;margin-bottom:10px}.c01-name label::before,.c01-name label::after{content:"";flex:1;height:18px;background-image:url('../img/c01/elements/01/estrela-01.png'),linear-gradient(#d99b20,#d99b20);background-repeat:no-repeat,no-repeat;background-position:left center,center;background-size:18px 18px,calc(100% - 27px) 2px}.c01-name label::after{transform:scaleX(-1)}.c01-name label span{flex:0 0 auto}.c01-input-wrap{height:43px;margin:0 7px;border:1.5px solid #b87517;border-radius:7px;background:#fff;display:flex;align-items:center;padding:0 16px;gap:14px}.c01-name-icon{width:24px;height:24px;object-fit:contain;flex:0 0 24px}.c01-input-wrap input{border:0;outline:0;width:100%;font-size:18px;color:#34281e;background:transparent}.c01-gender{position:absolute;left:92px;top:456px;width:513px;height:54px;border:0;margin:0;padding:0}.c01-gender legend{position:absolute;left:0;top:4px;width:166px;text-align:center;color:#21180f;font-weight:700;font-size:14px;line-height:1.02}.c01-gender legend small{display:block;font-size:10px;margin-top:1px}.c01-gender-grid{position:absolute;left:184px;top:0;display:flex;justify-content:flex-start;gap:38px;margin:0}.c01-gender-btn{width:112px;height:43px;border:0;padding:0;background:transparent center/contain no-repeat;cursor:pointer}.c01-gender-btn--boy{background-image:url('../img/c01/elements/01/botao-on-menino.png')}.c01-gender-btn--girl{background-image:url('../img/c01/elements/01/botao-on-menina.png')}.c01-gender-btn--boy:hover,.c01-gender-btn--boy.is-selected{background-image:url('../img/c01/elements/01/botao-over-menino.png')}.c01-gender-btn--girl:hover,.c01-gender-btn--girl.is-selected{background-image:url('../img/c01/elements/01/botao-over-menina.png')}.c01-gender{z-index:4}.c01-gender.is-disabled{opacity:.45;pointer-events:none}.c01-gender.is-disabled .c01-gender-btn{filter:saturate(.65)}.c01-note{position:absolute;left:77px;top:516px;width:543px;height:48px;border:1px solid #c58b2c;border-radius:9px;background:rgba(255,245,215,.48);display:flex;align-items:center;padding:4px 20px;gap:16px;font-size:12px;line-height:1.00}.c01-note p{margin:0}.c01-note strong{font-size:13px}.c01-note-icon{width:30px;height:30px;object-fit:contain;flex:0 0 30px}.c01-note p span{white-space:nowrap}.c01-actions{position:absolute;left:0;top:580px;width:100%;text-align:center}.c01-continue{width:221px;height:49px;border:0;cursor:pointer;background:url('../img/c01/elements/01/botao-continuar-on.png') center/contain no-repeat}.c01-continue:hover{background-image:url('../img/c01/elements/01/botao-continuar-over.png')}.c01-closing{margin-top:3px;font-size:12px;color:#2a1b0d;display:flex;align-items:center;justify-content:center;gap:8px}.c01-closing img{width:17px;height:17px;object-fit:contain}.c01-error{position:absolute;left:50%;top:670px;transform:translateX(-50%);color:#8f1017;font:700 11px Arial,sans-serif;white-space:nowrap}
.combo26-footer{position:absolute;left:421px;top:949px;width:694px;height:55px;border-top:1px solid rgba(221,184,109,.38);border-bottom:1px solid rgba(221,184,109,.22);display:grid;grid-template-columns:1fr 1px 1.55fr 1px 1.15fr;align-items:center;color:#000;font-family:Arial,sans-serif}.combo26-footer>div{display:flex;align-items:center;justify-content:center;gap:10px}.combo26-footer img{width:29px;height:29px;object-fit:contain;flex:0 0 auto}.combo26-footer span{display:flex;flex-direction:column}.combo26-footer strong{font-size:10px}.combo26-footer small{font:10px Georgia,serif;margin-top:3px}.combo26-footer>i{height:38px;background:rgba(236,209,154,.45)}
.combo26-screen--legacy{background:rgba(255,247,224,.94);border:2px solid #8a651d;border-radius:15px;padding:40px}.combo26-slot{border:1px dashed rgba(0,0,0,.4);padding:20px;text-align:center}.combo26-btn{margin:30px;padding:12px 30px}
@media(max-width:767px){html,body{min-width:0;min-height:100%;overflow-x:hidden;overflow-y:auto}.combo26-stage{position:relative;width:100%;height:auto;min-height:100vh;background:none}.combo26-canvas{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none}.combo26-header,.combo26-footer{display:none}.combo26-board{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:100vh}.combo26-screen--c01{position:relative;min-height:100vh;border-radius:0;padding:18px 0;overflow:visible;background:var(--paper)}.combo26-screen--c01::before{display:none}.c01-frame{display:none}.c01-layout{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none;display:flex;flex-direction:column;padding:0 18px;gap:16px}.c01-hero,.c01-intro,.c01-audience,.c01-name,.c01-gender,.c01-note,.c01-actions,.c01-error{position:relative;left:auto;top:auto;width:auto}.c01-hero{height:110px}.c01-hero-bg{width:100%;height:110px}.c01-hero-text{left:6%;top:8px;width:88%;height:92px}.c01-intro{font-size:16px}.c01-audience-grid{grid-template-columns:repeat(2,1fr);height:auto}.c01-choice{grid-template-rows:88px 24px}.c01-choice img{height:88px}.c01-input-wrap{margin:0}.c01-gender{min-height:92px}.c01-gender legend{position:relative;left:auto;top:auto;width:100%;font-size:14px}.c01-gender legend small{display:inline;font-size:11px}.c01-gender-grid{position:relative;left:auto;top:auto;justify-content:center;gap:18px;margin-top:8px}.c01-gender-btn{width:112px;height:43px;max-width:none}.c01-note{height:auto;min-height:74px}.c01-continue{width:min(78vw,330px);height:60px}.c01-error{transform:none;white-space:normal;text-align:center}.combo26-screen--legacy{position:relative;min-height:100vh}}

/* C02 — mesma familia estrutural da C01 V9; C01 congelada e intocada */
.combo26-screen--c02{background:transparent;border-radius:15px;overflow:visible;isolation:isolate}
.combo26-screen--c02::before{content:"";position:absolute;left:10px;top:24px;width:817px;height:840px;background:var(--paper);border-radius:15px;z-index:-1}
.c02-frame{position:absolute;left:10px;top:24px;width:817px;height:840px;object-fit:fill;pointer-events:none;z-index:0}
.c02-layout{position:absolute;left:10px;top:-16px;width:697px;height:757px;z-index:2;transform:scale(1.2);transform-origin:top left;color:var(--ink)}
.c02-hero{position:absolute;left:31px;top:22px;width:635px;height:159px;overflow:hidden}
.c02-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.c02-hero-text{position:absolute;left:30px;top:9px;width:575px;height:135px;max-width:575px;max-height:135px;object-fit:contain}
.c02-intro{position:absolute;left:76px;top:155px;width:545px;text-align:center;font-size:14px;line-height:1.03}
.c02-separator{display:none}
.c02-separator span{height:1px;background:#b66d0d;flex:1}.c02-separator b{font-size:18px;line-height:1;font-weight:400}
.c02-items{position:absolute;left:39px;top:237px;width:619px;height:270px;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:var(--c02-card-gap,10px);--c02-card-w:149px;--c02-card-h:255px;--c02-card-pad-y:8px;--c02-card-pad-x:5px;--c02-card-img-h:139px;--c02-card-img-max:132px;--c02-card-title-h:37px;--c02-card-title-size:14px;--c02-card-copy-size:12px}
.c02-items[data-c02-count="2"]{--c02-card-w:158px;--c02-card-h:255px;--c02-card-gap:8px;--c02-card-img-h:139px;--c02-card-img-max:132px;--c02-card-title-h:37px;--c02-card-title-size:14px;--c02-card-copy-size:12px}
.c02-items[data-c02-count="3"]{--c02-card-w:158px;--c02-card-h:255px;--c02-card-gap:7px;--c02-card-img-h:139px;--c02-card-img-max:132px;--c02-card-title-h:37px;--c02-card-title-size:14px;--c02-card-copy-size:12px}
.c02-items[data-c02-count="4"]{--c02-card-w:144px;--c02-card-h:244px;--c02-card-gap:6px;--c02-card-pad-y:7px;--c02-card-pad-x:4px;--c02-card-img-h:126px;--c02-card-img-max:120px;--c02-card-title-h:34px;--c02-card-title-size:13px;--c02-card-copy-size:11px}
.c02-card{position:relative;margin:0;border:1.3px solid #c98a1b;border-radius:8px;background:rgba(255,246,219,.28);text-align:center;padding:var(--c02-card-pad-y) var(--c02-card-pad-x) 8px;overflow:hidden;transform:none;flex:0 0 var(--c02-card-w);width:var(--c02-card-w);height:var(--c02-card-h)}
.c02-card-image{height:var(--c02-card-img-h);display:flex;align-items:center;justify-content:center;margin-bottom:3px}.c02-card-image img{max-width:96%;max-height:var(--c02-card-img-max);object-fit:contain}
.c02-card-image--postal{position:relative;display:block}.c02-card-image--postal img{position:absolute;object-fit:contain}.c02-postal-back{width:82%;height:auto;right:0;top:2px;transform:rotate(3deg)}.c02-postal-front{width:82%;height:auto;left:0;bottom:5px;z-index:2;transform:rotate(-3deg)}
.c02-card h2{height:var(--c02-card-title-h);margin:0;color:#8e1017;font-size:var(--c02-card-title-size);line-height:1.02;font-weight:700;display:flex;align-items:center;justify-content:center}
.c02-card p{margin:2px 0 0;font-size:var(--c02-card-copy-size);line-height:1.08}
.c02-card-rule{position:absolute;left:17px;right:17px;bottom:11px;height:1px;background:#c98a1b}.c02-card-rule::after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:0 4px;color:#b66d0d;font-size:13px}
.c02-note{position:absolute;left:103px;top:521px;width:491px;height:57px;border:1.2px solid #6f9b4e;border-radius:8px;background:rgba(239,247,214,.68);display:flex;align-items:center;padding:6px 18px 6px 37px;gap:17px}
.c02-note img{width:37px;height:37px;object-fit:contain;flex:0 0 37px}.c02-note p{margin:0;font-size:12px;line-height:1.12}
.c02-actions{position:absolute;left:193px;top:594px;width:313px;height:49px;display:flex;align-items:center;gap:30px}
.c02-back{width:43px;height:43px;flex:0 0 43px;border:0;padding:0;cursor:pointer;background:transparent url('../img/c01/elements/01/botao-voltar-seta-on.png') center/contain no-repeat}
.c02-back:hover{background-image:url('../img/c01/elements/01/botao-voltar-seta-over.png')}
.c02-continue{width:221px;height:49px;border:0;padding:0;cursor:pointer;background:transparent url('../img/c01/elements/01/botao-continuar-on.png') center/contain no-repeat}
.c02-continue:hover{background-image:url('../img/c01/elements/01/botao-continuar-over.png')}
@media(max-width:767px){.combo26-screen--c02{position:relative;min-height:100vh;border-radius:0;padding:18px;background:var(--paper)}.combo26-screen--c02::before,.c02-frame{display:none}.c02-layout{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none;display:flex;flex-direction:column;gap:16px}.c02-hero,.c02-intro,.c02-separator,.c02-items,.c02-note,.c02-actions{position:relative;left:auto;top:auto;width:100%;height:auto}.c02-hero{height:150px}.c02-intro{font-size:15px}.c02-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.c02-card{min-height:285px}.c02-note{padding:10px 14px}.c02-actions{justify-content:center;gap:20px}.c02-continue{width:min(62vw,260px)}}


/* C04 — mesma moldura e mesmo bg-hero da C01/C02 */
.combo26-screen--c04{background:transparent;border-radius:15px;overflow:visible;isolation:isolate}.combo26-screen--c04::before{content:"";position:absolute;left:10px;top:24px;width:817px;height:840px;background:var(--paper);border-radius:15px;z-index:-1}.c04-frame{position:absolute;left:10px;top:24px;width:817px;height:840px;object-fit:fill;pointer-events:none;z-index:0}.c04-layout{position:absolute;left:10px;top:-16px;width:697px;height:757px;z-index:2;transform:scale(1.2);transform-origin:top left;color:var(--ink)}
.c04-hero{position:absolute;left:31px;top:22px;width:635px;height:159px}.c04-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.c04-hero-text{position:absolute;left:102px;top:9px;width:431px;height:101px;object-fit:contain}
.c04-santa{position:absolute;right:-4px;top:61px;width:270px;height:225px;object-fit:contain;object-position:right top;z-index:5;pointer-events:none}.c04-letter-note{position:absolute;right:-24px;top:177px;width:102px;height:auto;z-index:6;pointer-events:none;transform:rotate(4deg)}
.c04-intro{position:absolute;left:86px;top:155px;width:440px;text-align:center;font-size:14px;line-height:1.03;z-index:3}.c04-intro strong{display:block;font:700 17px Arial,sans-serif;margin-bottom:0}.c04-intro span{display:block}.c04-separator{position:absolute;left:75px;top:218px;width:350px;height:16px;display:flex;align-items:center;gap:8px;color:#b66d0d}.c04-separator span{height:1px;background:#b66d0d;flex:1}.c04-separator b{font-size:18px;font-weight:400}
.c04-review-list{position:absolute;left:39px;top:238px;width:619px;display:grid;gap:6px}.c04-review{height:84px;border:1.2px solid #c98a1b;border-radius:10px;background:rgba(255,246,219,.32);display:grid;grid-template-columns:72px 1fr 154px;align-items:center;padding:6px 12px 6px 8px}.c04-number{position:relative;width:42px;height:42px;margin-left:4px;border-radius:50%;background:#a30f16;color:#fff;display:grid;place-items:center;font:700 23px/1 Arial,sans-serif}.c04-number i{position:absolute;right:-8px;bottom:-8px;width:23px;height:23px;border:2px solid #fff;border-radius:50%;background:#21843f;display:grid;place-items:center;font:700 15px Arial,sans-serif;font-style:normal}.c04-review.done .c04-number{background:#a30f16}
.c04-copy h2{margin:0 0 2px;color:#991018;font-size:14px;line-height:1.02}.c04-copy p{margin:0 0 3px;font-size:12.5px;line-height:1.04;white-space:nowrap}.c04-copy em{display:inline-block;border-radius:12px;padding:3px 12px;background:#edc88b;color:#5d3515;font:700 9px Arial,sans-serif;font-style:normal}.c04-review.done .c04-copy em{background:#21843f;color:#fff}.c04-copy small{display:block;margin:1px 0 3px;color:#b1121b;font-size:9px}.c04-view{justify-self:end;width:139px;height:38px;border:1px solid #b55c21;border-radius:8px;background:linear-gradient(#c91b20,#8c050b);box-shadow:inset 0 0 0 2px rgba(255,221,146,.35);color:#fff;font:700 14px Georgia,serif;cursor:pointer;display:flex;align-items:center;justify-content:space-around;padding:0 10px}.c04-review.done .c04-view{background:linear-gradient(#c91b20,#8c050b);color:#fff}.c04-view b:last-child{font:400 30px/1 Arial,sans-serif}.c04-review-actions{justify-self:end;display:flex;flex-direction:column;align-items:center}.c04-edit{border:0;background:transparent;color:#9c1218;text-decoration:underline;font:10px Georgia,serif;cursor:pointer;margin-top:3px}
.c04-actions{position:absolute;left:193px;top:594px;width:313px;height:49px;display:flex;align-items:center;gap:30px}.c04-back{width:43px;height:43px;flex:0 0 43px;border:0;padding:0;cursor:pointer;background:transparent url('../img/c01/elements/01/botao-voltar-seta-on.png') center/contain no-repeat}.c04-back:hover{background-image:url('../img/c01/elements/01/botao-voltar-seta-over.png')}.c04-continue{width:221px;height:49px;border:0;padding:0;cursor:pointer;background:transparent url('../img/c01/elements/01/botao-continuar-on.png') center/contain no-repeat}.c04-continue:hover{background-image:url('../img/c01/elements/01/botao-continuar-over.png')}.c02-combo-label{display:block;font:700 18px Arial,sans-serif;color:#8e1017;letter-spacing:.02em;margin-bottom:5px}
@media(max-width:767px){.combo26-screen--c04{position:relative;min-height:100vh;border-radius:0;padding:18px;background:var(--paper)}.combo26-screen--c04::before,.c04-frame{display:none}.c04-layout{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none;display:flex;flex-direction:column;gap:14px}.c04-hero,.c04-intro,.c04-separator,.c04-review-list,.c04-actions{position:relative;left:auto;top:auto;width:100%;height:auto}.c04-hero{height:150px}.c04-santa{position:relative;right:auto;top:auto;width:55%;height:auto;align-self:flex-end;margin-top:-80px}.c04-letter-note{right:5%;top:170px;width:22%}.c04-review-list{display:grid}.c04-review{height:auto;min-height:110px;grid-template-columns:52px 1fr;gap:8px}.c04-review .c04-view,.c04-review-actions{grid-column:2;justify-self:start}.c04-review-actions{align-items:flex-start}.c04-actions{justify-content:center;gap:20px}.c04-continue{width:min(62vw,260px)}}

/* C04 interaction states */
.c04-view{transition:filter .12s ease,transform .12s ease,box-shadow .12s ease}
.c04-view:hover{filter:brightness(1.14);box-shadow:inset 0 0 0 2px rgba(255,235,175,.6),0 2px 5px rgba(75,20,10,.22)}
.c04-view:active{transform:translateY(1px);filter:brightness(.96)}
.c04-view.is-selected{filter:brightness(1.08);box-shadow:inset 0 0 0 2px #f4c45f,0 0 0 2px rgba(177,18,27,.22)}
.c04-review.done .c04-view:hover{background:#fff8e3;color:#7b140f}
.c04-review.done .c04-view.is-selected{background:#f6ddb0;color:#7b140f}
.c04-number i,.c04-review.done .c04-copy em{transition:filter .12s ease,transform .12s ease,box-shadow .12s ease}
.c04-review.done:hover .c04-number i,.c04-review.done:hover .c04-copy em{filter:brightness(1.12)}
.c04-review.done.is-selected .c04-number i,.c04-review.done.is-selected .c04-copy em{box-shadow:0 0 0 2px rgba(33,132,63,.22);filter:brightness(1.06)}

/* C04 V3 — aprovação visual após VER */
.c04-number i{display:none}
.c04-review.is-selected .c04-number{background:#315d38}
.c04-review.is-selected .c04-number i{display:grid;position:absolute;right:-8px;bottom:-8px;width:23px;height:23px;border:2px solid #fff;border-radius:50%;background:#21843f;color:#fff;place-items:center;font:700 15px/1 Arial,sans-serif;font-style:normal}
.c04-view.is-selected{background:#fff3d1!important;color:#991018!important;border-color:#b55c21;filter:none}
.c04-view.is-selected:hover{background:#f8e6bd!important;color:#991018!important}
.c04-review:not(.is-selected) .c04-view{background:linear-gradient(#c91b20,#8c050b);color:#fff}
.c04-review:not(.is-selected) .c04-view:hover{filter:brightness(1.14)}
.c04-review.is-selected .c04-copy em{background:#21843f;color:#fff}
.c04-edit{display:none}
.c04-review[data-editable="true"].done .c04-edit{display:block}

/* C04 V4 — indicadores verdes reservados exclusivamente para estado .is-complete */
.c04-review.is-selected .c04-number{background:#a30f16}
.c04-review.is-selected .c04-number i{display:none}
.c04-review.is-selected .c04-copy em{background:#edc88b;color:#5d3515}
.c04-review.is-complete .c04-number{background:#315d38}
.c04-review.is-complete .c04-number i{display:block;position:absolute;right:-8px;bottom:-8px;width:23px;height:23px;border:2px solid #fff;border-radius:50%;background:#21843f}
.c04-review.is-complete .c04-number i::before{content:"";position:absolute;left:6px;top:4px;width:7px;height:11px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(42deg) skew(-5deg);border-radius:1px}
.c04-review.is-complete .c04-copy em{background:#21843f;color:#fff}


/* C05 MASTER — REBUILD estrutural fiel à prancha; sem reaproveitar geometria da moldura-01 */
.combo26-screen--c05{position:absolute;inset:0;background:transparent;overflow:visible;isolation:isolate}
.combo26-screen--c05::before{content:"";position:absolute;left:-128px;top:58px;width:1092px;height:710px;background:var(--paper);border-radius:15px;z-index:-1}
.c05-frame{position:absolute;left:-128px;top:58px;width:1092px;height:auto;display:block;pointer-events:none;z-index:0}
.c05-layout{position:absolute;left:-128px;top:0;width:1092px;height:760px;z-index:2;color:var(--ink)}

/* assets do hero sempre proporcionais */
.c05-hero{position:absolute;left:242px;top:-10px;width:609px;height:auto;z-index:3}
.c05-hero-bg{position:relative;display:block;width:100%;height:auto}
.c05-hero-text{position:absolute;left:12.5%;top:14%;width:75%;height:auto;display:block}

/* único X da tela, 1:1 */
.c05-close{position:absolute;right:19px;top:71px;width:52px;height:52px;min-width:52px;min-height:52px;padding:0;margin:0;border:2px solid #a76218;border-radius:50%;background:#fff0c7;color:#7f1016;font:700 32px/48px Arial,sans-serif;text-align:center;cursor:pointer;box-shadow:0 1px 3px rgba(70,25,5,.22);z-index:5}
.c05-close:hover{background:#ffe4a6}

/* composição interna segundo MASTER: preview grande à esquerda + coluna de aprovação à direita */
.c05-grid{position:absolute;left:35px;top:185px;width:1022px;height:475px;display:grid;grid-template-columns:660px 330px;column-gap:32px;align-items:start}
.c05-preview-column{position:relative;width:660px;min-width:0}
.c05-preview-shell{width:660px;height:455px;border:1px solid #d4b271;border-radius:9px;background:rgba(255,251,235,.62);padding:11px;display:flex;align-items:center;justify-content:center}
.c05-certificate-preview{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.c05-fullscreen{position:absolute;left:50%;top:411px;transform:translateX(-50%);width:240px;height:52px;border:0;padding:0;background:transparent url('../img/c01/elements/01/botao-tela-cheia.png') center/contain no-repeat;cursor:pointer;z-index:4}
.c05-fullscreen:hover{filter:brightness(1.06)}
.c05-fullscreen>span{display:none}
.c05-magnifier{display:none}

.c05-info-column{width:330px;text-align:center;padding-top:5px}
.c05-item-index{height:34px;display:flex;align-items:center;justify-content:center;gap:10px}
.c05-item-index span{min-width:205px;border:1px solid #d2aa65;border-radius:17px;background:rgba(238,215,167,.62);padding:6px 16px;font:700 14px Arial,sans-serif}
.c05-item-index i{color:#c67b10;font-style:normal;font-size:23px}
.c05-info-column h1{margin:18px 0 10px;color:#971018;font-size:31px;line-height:.96}
.c05-description,.c05-instruction{margin:0;font-size:17px;line-height:1.15}
.c05-instruction{margin-top:15px}
.c05-divider{height:24px;margin:12px 6px;display:flex;align-items:center;gap:10px;color:#c67b10}
.c05-divider span{height:1px;background:#c67b10;flex:1}
.c05-divider b{font-size:22px;font-weight:400}
.c05-watermark-note{min-height:76px;border:1px solid #c99735;border-radius:8px;background:rgba(255,246,219,.42);display:flex;align-items:center;text-align:left;padding:9px 12px;gap:11px}
.c05-info-icon{width:38px;height:38px;border-radius:50%;background:#72542c;color:#fff;display:grid;place-items:center;flex:0 0 38px;font:700 24px Georgia,serif}
.c05-watermark-note p{margin:0;font-size:12px;line-height:1.14}
.c05-approve{display:block;width:413px;aspect-ratio:4.22/1;border:0;padding:0;margin:3px auto 0;cursor:pointer;background:transparent url('../img/c01/elements/01/botao-aprovadr-este-item-on.png') center/contain no-repeat}
.c05-approve:hover{background-image:url('../img/c01/elements/01/botao-aprovadr-este-item-over.png')}
.c05-back-items{display:block;width:226px;aspect-ratio:4.5/1;border:0;padding:0;margin:-14px auto 0;cursor:pointer;background:transparent url('../img/c01/elements/01/botao-voltar-para-os-itens-on.png') center/contain no-repeat}
.c05-back-items:hover{background-image:url('../img/c01/elements/01/botao-voltar-para-os-itens-over.png')}

@media(max-width:767px){
.combo26-screen--c05{position:relative;min-height:100vh;padding:18px;background:var(--paper)}
.combo26-screen--c05::before,.c05-frame{display:none}
.c05-layout{position:relative;left:auto;top:auto;width:100%;height:auto;display:flex;flex-direction:column}
.c05-hero{position:relative;left:auto;top:auto;width:100%}.c05-hero-bg{width:100%;height:auto}.c05-hero-text{left:12.5%;top:14%;width:75%;height:auto}
.c05-close{right:10px;top:105px}
.c05-grid{position:relative;left:auto;top:auto;width:100%;height:auto;display:flex;flex-direction:column;gap:20px}
.c05-preview-column,.c05-preview-shell,.c05-info-column{width:100%}
.c05-preview-shell{height:auto;min-height:300px}
.c05-fullscreen{position:relative;left:auto;top:auto;transform:none;display:block;margin:10px auto}
.c05-watermark-note{height:auto;min-height:76px}
.c05-approve{width:min(82vw,330px)}.c05-back-items{width:min(68vw,270px)}
}

/* C05 V6 — alinhamento dos CTAs com o card informativo */
.c05-info-column{display:flex;flex-direction:column;align-items:center}
.c05-info-column .c05-item-index,
.c05-info-column h1,
.c05-info-column .c05-description,
.c05-info-column .c05-instruction,
.c05-info-column .c05-divider,
.c05-info-column .c05-watermark-note{width:100%}
.c05-approve,.c05-back-items{align-self:center;flex:0 0 auto}

/* somente o asset oficial botao-tela-cheia.png */
.c05-fullscreen{font-size:0;color:transparent}
.c05-fullscreen::before,.c05-fullscreen::after,.c05-magnifier,.c05-magnifier::before,.c05-magnifier::after{display:none!important;content:none!important}

/* trust strip da família C05: 15px abaixo da moldura */
.combo26-canvas:has(.combo26-screen--c05:not([hidden])) .combo26-footer{
  top:872px;
}

/* C05 V7 — eixo central único da coluna direita */
.c05-info-column{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.c05-info-column>*{margin-left:auto;margin-right:auto}
.c05-item-index,.c05-divider,.c05-watermark-note{align-self:center}
.c05-description,.c05-instruction,.c05-info-column h1{text-align:center}

/* C05 V8 — eixo central real da coluna direita + deslocamento vertical */
.c05-info-column{
  position:relative;
  top:-10px;
  width:330px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.c05-info-column .c05-item-index,
.c05-info-column h1,
.c05-info-column .c05-description,
.c05-info-column .c05-instruction,
.c05-info-column .c05-divider,
.c05-info-column .c05-watermark-note{
  position:relative;
  left:0;
  right:auto;
  width:100%;
  margin-left:0;
  margin-right:0;
  align-self:center;
  box-sizing:border-box;
}
.c05-info-column .c05-item-index{justify-content:center}
.c05-info-column h1,
.c05-info-column .c05-description,
.c05-info-column .c05-instruction{text-align:center}
.c05-info-column .c05-divider{display:flex}
.c05-info-column .c05-watermark-note{text-align:left}
.c05-info-column .c05-approve,
.c05-info-column .c05-back-items{
  position:relative;
  left:0;
  right:auto;
  align-self:center;
  margin-left:auto;
  margin-right:auto;
}

/* C05 V9 — correção estrutural do eixo da coluna direita
   Todos os elementos usam a MESMA linha central física. */
.c05-info-column{
  position:relative;
  top:-10px;
  width:330px;
  display:block;
  text-align:center;
}
.c05-info-column > .c05-item-index,
.c05-info-column > h1,
.c05-info-column > .c05-description,
.c05-info-column > .c05-instruction,
.c05-info-column > .c05-divider,
.c05-info-column > .c05-watermark-note,
.c05-info-column > .c05-approve,
.c05-info-column > .c05-back-items{
  position:relative;
  left:50%;
  right:auto;
  transform:translateX(-50%);
  margin-left:0;
  margin-right:0;
}
.c05-info-column > .c05-item-index,
.c05-info-column > h1,
.c05-info-column > .c05-description,
.c05-info-column > .c05-instruction,
.c05-info-column > .c05-divider,
.c05-info-column > .c05-watermark-note{
  width:330px;
}
.c05-info-column > .c05-item-index{display:flex;justify-content:center}
.c05-info-column > h1,
.c05-info-column > .c05-description,
.c05-info-column > .c05-instruction{text-align:center}
.c05-info-column > .c05-watermark-note{text-align:left}
.c05-info-column > .c05-approve{width:413px}
.c05-info-column > .c05-back-items{width:226px}

/* C06 — clone estrutural da C05 V12 congelada */
.combo26-screen--c06{position:absolute;inset:0;background:transparent;overflow:visible;isolation:isolate}
.combo26-screen--c06::before{content:"";position:absolute;left:-128px;top:58px;width:1092px;height:710px;background:var(--paper);border-radius:15px;z-index:-1}
.c06-passport-preview{display:grid;grid-template-columns:38% 58%;gap:4%;align-items:center;justify-content:center}
.c06-passport-preview figure{margin:0;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.c06-passport-preview figure img{display:block;max-width:100%;max-height:365px;width:auto;height:auto;object-fit:contain}
.c06-passport-preview figure:first-child img{max-height:355px}
.c06-passport-preview figcaption{font:700 13px Arial,sans-serif;color:#37312b}
.combo26-passport-canvas{position:relative;display:block;max-width:100%}
.combo26-passport-canvas img{display:block;width:100%;height:auto;max-height:365px;object-fit:contain}
.c06-passport-preview figure:first-child .combo26-passport-canvas img{max-height:355px}
.combo26-passport-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.combo26-canvas:has(.combo26-screen--c06:not([hidden])) .combo26-footer{top:872px}
@media(max-width:767px){.combo26-screen--c06{position:relative;min-height:100vh;padding:18px;background:var(--paper)}.combo26-screen--c06::before,.combo26-screen--c06 .c05-frame{display:none}.c06-passport-preview{grid-template-columns:1fr;gap:18px}}

/* C07 — clone estrutural 1:1 da família C05/C06 congelada */
.combo26-screen--c07{position:absolute;inset:0;background:transparent;overflow:visible;isolation:isolate}
.combo26-screen--c07::before{content:"";position:absolute;left:-128px;top:58px;width:1092px;height:710px;background:var(--paper);border-radius:15px;z-index:-1}
.c07-postal-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;justify-content:center}
.c07-postal-preview figure{margin:0;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.c07-postal-preview figure img{display:block;max-width:100%;width:auto;height:auto;object-fit:contain}
.c07-postal-preview figcaption{font:700 13px Arial,sans-serif;color:#37312b}
.combo26-canvas:has(.combo26-screen--c07:not([hidden])) .combo26-footer{top:872px}
@media(max-width:767px){.combo26-screen--c07{position:relative;min-height:100vh;padding:18px;background:var(--paper)}.combo26-screen--c07::before,.combo26-screen--c07 .c05-frame{display:none}.c07-postal-preview{grid-template-columns:1fr;gap:18px}}

/* C08 — resumo final do Combo; mesma família estrutural C05/C06/C07 */
.combo26-screen--c08{position:absolute;inset:0;background:transparent;overflow:visible;isolation:isolate}
.combo26-screen--c08::before{content:"";position:absolute;left:-128px;top:58px;width:1092px;height:710px;background:var(--paper);border-radius:15px;z-index:-1}
.c08-content{position:absolute;left:24px;top:176px;width:1044px;height:535px;text-align:center}
.c08-ribbon{height:39px;display:flex;align-items:center;justify-content:center;gap:16px;color:#9b1119}
.c08-ribbon strong{min-width:470px;border:2px solid #c98a24;border-radius:21px;padding:6px 24px;background:rgba(255,247,222,.55);font:700 19px Georgia,serif}
.c08-ribbon i{font-style:normal;color:#d68b0b;font-size:24px}
.c08-intro{margin:8px 0 7px;font:15px/1.18 Georgia,serif;color:#28241d}
.c08-products{width:930px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.c08-product{min-width:0;text-align:center}
.c08-product-image{height:160px;border:2px solid #d89a2d;border-radius:10px;background:rgba(255,250,235,.56);display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}
.c08-product-image>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.c08-product>strong{display:flex;align-items:center;justify-content:center;height:30px;margin-top:6px;border:1px solid #d69a34;border-radius:8px;background:rgba(255,247,221,.62);color:#6f1714;font:700 10px/1.05 Arial,sans-serif;padding:0 4px}
.c08-product>span{display:block;margin-top:5px;font:12px Georgia,serif;color:#29251e}
.c08-passport-pair,.c08-postal-pair{gap:5px}
.c08-passport-pair img{max-width:48%;max-height:88%}
.c08-postal-pair img{max-width:49%;max-height:82%}
.c08-stickers{display:grid;gap:6px;padding:14px}
.c08-stickers[data-sticker-qty="1"]{grid-template-columns:1fr;grid-template-rows:1fr}
.c08-stickers[data-sticker-qty="2"]{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}
.c08-stickers[data-sticker-qty="3"]{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}
.c08-stickers[data-sticker-qty="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}
.c08-stickers img{display:block;max-width:100%;max-height:100%;margin:auto}
.c08-stickers img[hidden]{display:none!important}
.c08-letter-default{background-image:none;background-position:center;background-size:cover;background-repeat:no-repeat}
.c08-letter-default{padding:10px}
.c08-letter-default .cp26-letter-preview{aspect-ratio:1447/2048;background:transparent;box-shadow:none;container-type:inline-size;display:block;margin:0 auto;max-height:100%;max-width:100%;overflow:visible;position:relative;width:auto;height:100%}
.c08-letter-default .cp26-letter-canvas{aspect-ratio:1447/2048;background-image:var(--letter-bg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;display:block;height:100%;overflow:visible;position:relative;width:auto}
.c08-letter-default .cp26-letter-document{background:transparent;border:0;box-shadow:none;color:#17110d;font-family:"Times New Roman",Times,serif;font-size:2.015316cqw;font-style:italic;font-weight:400;left:12.094%;letter-spacing:0;line-height:2.686397cqw;margin:0;padding:0;position:absolute;text-align:left;top:21.68%;transform:none;white-space:normal;width:76.503%}
.c08-letter-default .cp26-letter-section{background:transparent;margin:0 0 2.686397cqw;padding:0}
.c08-letter-default .cp26-letter-section:last-child{margin-bottom:0}
.c08-letter-default .cp26-letter-document p{background:transparent;border:0;color:inherit;font:inherit;letter-spacing:0;line-height:inherit;margin:0;padding:0;text-align:inherit}
.c08-letter-default .cp26-letter-document p:last-child{margin-bottom:0}
.c08-letter-default .cp26-letter-placeholder{background:transparent;color:rgba(23,17,13,.78);font-family:"Times New Roman",Times,serif;font-size:2.015316cqw;font-style:italic;font-weight:400;left:12.094%;line-height:2.686397cqw;padding:0;position:absolute;text-align:left;top:21.68%;transform:none;width:76.503%}
.c08-divider{width:930px;height:30px;margin:5px auto 0;display:flex;align-items:center;gap:12px;color:#d58a0d}
.c08-divider span{height:1px;background:#c78b25;flex:1}.c08-divider b{font-size:27px;font-weight:400}
.c08-ready{position:relative;margin-top:-1px;height:67px;color:#a81319}
.c08-ready strong{font:italic 700 37px Georgia,serif}.c08-ready>b{font-size:24px;margin:0 18px;color:#d58a0d}
.c08-ready p{margin:0;color:#28241d;font:14px Georgia,serif}
.c08-combo-logo{position:absolute;left:70px;bottom:1px;width:150px;height:75px;object-fit:contain}
.c08-actions{position:absolute;right:62px;bottom:3px;display:flex;align-items:center;gap:28px}
.c08-back{width:43px;height:43px;border:2px solid #b97513;border-radius:50%;background:#fff1c9;color:#8d1117;font:700 30px/35px Arial,sans-serif;cursor:pointer}
.c08-back:hover{background:#ffe1a0}
.c08-checkout{width:250px;aspect-ratio:4.6/1;border:0;padding:0;background:transparent url('../img/c01/elements/01/botao-ir-para-checkout-on.png') center/contain no-repeat;cursor:pointer}
.c08-checkout:hover{background-image:url('../img/c01/elements/01/botao-ir-para-checkout-over.png')}
.combo26-canvas:has(.combo26-screen--c08:not([hidden])) .combo26-footer{top:872px}
@media(max-width:767px){
.combo26-screen--c08{position:relative;min-height:100vh;padding:18px;background:var(--paper)}
.combo26-screen--c08::before,.combo26-screen--c08 .c05-frame{display:none}
.c08-content{position:relative;left:auto;top:auto;width:100%;height:auto}
.c08-products{width:100%;grid-template-columns:repeat(2,1fr)}
.c08-divider{width:100%}.c08-combo-logo,.c08-actions{position:relative;left:auto;right:auto;bottom:auto;margin:18px auto}
.c08-actions{justify-content:center}.c08-ribbon strong{min-width:0}.c08-intro br{display:none}
}

/* C08 V3 — ajustes solicitados */
.combo26-screen--c08 .c08-hero{
  left:196px;
  width:700px;
}

/* Logo dinâmica do combo: subir 20px */
.combo26-screen--c08 .c08-combo-logo{
  bottom:41px;
}

/* Botão voltar oficial: asset ON/OVER, 20px acima */
.combo26-screen--c08 .c08-back{
  width:58px;
  height:58px;
  border:0;
  border-radius:0;
  padding:0;
  font-size:0;
  color:transparent;
  background:transparent url('../img/c01/elements/01/botao-voltar-seta-on.png') center/contain no-repeat;
  cursor:pointer;
}
.combo26-screen--c08 .c08-back:hover{
  background-image:url('../img/c01/elements/01/botao-voltar-seta-over.png');
}

/* Ambos os controles da área de ações sobem 20px */
.combo26-screen--c08 .c08-actions{
  bottom:43px;
}

/* C08 V5 — logo +30% proporcional; somente texto do hero -15% */
.combo26-screen--c08 .c08-combo-logo{
  width:195px;
  height:97.5px;
}

/* Mantém o BG do hero no tamanho V3/V4 e reduz apenas texto-07 em 15% */
.combo26-screen--c08 .c08-hero .c05-hero-text{
  width:85%;
  height:85%;
  left:7.5%;
  top:7.5%;
  object-fit:contain;
}

/* C08 V6 — correção independente de BG e texto do hero */
.combo26-screen--c08 .c08-hero .c05-hero-bg{
  width:115%;
  height:115%;
  left:-7.5%;
  top:-7.5%;
  object-fit:contain;
}

.combo26-screen--c08 .c08-hero .c05-hero-text{
  width:72.25%;
  height:72.25%;
  left:13.875%;
  top:13.875%;
  object-fit:contain;
}

/* C08 V7 — ajuste solicitado sobre a V6 */
.combo26-screen--c08 .c08-hero .c05-hero-bg{
  width:97.75%;
  height:97.75%;
  left:1.125%;
  top:1.125%;
  object-fit:contain;
}

.combo26-screen--c08 .c08-hero .c05-hero-text{
  width:65.025%;
  height:65.025%;
  left:17.4875%;
  top:17.4875%;
  object-fit:contain;
}

/* C08 V8 — texto-07.png sobe 7px; demais dimensões preservadas */
.combo26-screen--c08 .c08-hero .c05-hero-text{
  transform:translateY(-7px);
}

/* MOBILE GATE 2026-09-28 — correções cirúrgicas; desktop congelado intocado */
@media(max-width:767px){
  /* C01 — deixa a grade de público ocupar sua altura real e cria respiro antes do nome */
  .c01-audience{height:auto;margin-bottom:30px}
  .c01-audience-grid{height:auto}
  .c01-name{margin-top:0}
  .c01-note{box-sizing:border-box;width:100%;padding:10px 14px;align-items:flex-start}
  .c01-note p{min-width:0;overflow-wrap:anywhere}
  .c01-note p span{white-space:normal}

  /* C02 — texto do hero centralizado dentro do próprio bg */
  .c02-hero{position:relative;height:150px;overflow:hidden}
  .c02-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
  .c02-hero-text{position:absolute;left:7.5%;top:7.5%;width:85%;height:85%;max-width:none;max-height:none;object-fit:contain}

  /* C04 — hero composto como unidade; Noel ao lado do texto; VER à direita */
  .c04-hero{position:relative;height:150px;overflow:visible}
  .c04-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
  .c04-hero-text{position:absolute;left:6%;top:8%;width:62%;height:82%;object-fit:contain}
  .c04-santa{position:absolute;right:-2%;top:26px;width:39%;height:132px;margin:0;object-fit:contain;object-position:right center;z-index:5}
  .c04-letter-note{position:absolute;right:1%;top:112px;width:19%;height:auto}
  .c04-review{grid-template-columns:52px minmax(0,1fr) 112px;gap:8px}
  .c04-review .c04-view,.c04-review-actions{grid-column:3;justify-self:end}
  .c04-review-actions{align-items:flex-end}
  .c04-view{width:108px;padding:0 7px}
  .c04-copy p{white-space:normal}

  /* C05/C06/C07 — eixo central único no mobile */
  .combo26-screen--c05,.combo26-screen--c06,.combo26-screen--c07{padding:18px;box-sizing:border-box}
  .combo26-screen--c05 .c05-layout,
  .combo26-screen--c06 .c05-layout,
  .combo26-screen--c07 .c05-layout{width:100%;align-items:center}
  .combo26-screen--c05 .c05-hero,
  .combo26-screen--c06 .c05-hero,
  .combo26-screen--c07 .c05-hero{left:auto;top:auto;width:100%;margin:0 auto}
  .combo26-screen--c05 .c05-grid,
  .combo26-screen--c06 .c05-grid,
  .combo26-screen--c07 .c05-grid{width:100%;align-items:center}
  .combo26-screen--c05 .c05-preview-column,
  .combo26-screen--c06 .c05-preview-column,
  .combo26-screen--c07 .c05-preview-column,
  .combo26-screen--c05 .c05-info-column,
  .combo26-screen--c06 .c05-info-column,
  .combo26-screen--c07 .c05-info-column{width:100%;max-width:660px;margin-left:auto;margin-right:auto;left:auto;right:auto;top:auto;transform:none;text-align:center}
  .combo26-screen--c05 .c05-preview-shell,
  .combo26-screen--c06 .c05-preview-shell,
  .combo26-screen--c07 .c05-preview-shell{width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}
  .combo26-screen--c05 .c05-info-column > *,
  .combo26-screen--c06 .c05-info-column > *,
  .combo26-screen--c07 .c05-info-column > *{left:auto;right:auto;transform:none;margin-left:auto;margin-right:auto;max-width:100%}
  .combo26-screen--c05 .c05-info-column > .c05-item-index,
  .combo26-screen--c05 .c05-info-column > h1,
  .combo26-screen--c05 .c05-info-column > .c05-description,
  .combo26-screen--c05 .c05-info-column > .c05-instruction,
  .combo26-screen--c05 .c05-info-column > .c05-divider,
  .combo26-screen--c05 .c05-info-column > .c05-watermark-note,
  .combo26-screen--c06 .c05-info-column > .c05-item-index,
  .combo26-screen--c06 .c05-info-column > h1,
  .combo26-screen--c06 .c05-info-column > .c05-description,
  .combo26-screen--c06 .c05-info-column > .c05-instruction,
  .combo26-screen--c06 .c05-info-column > .c05-divider,
  .combo26-screen--c06 .c05-info-column > .c05-watermark-note,
  .combo26-screen--c07 .c05-info-column > .c05-item-index,
  .combo26-screen--c07 .c05-info-column > h1,
  .combo26-screen--c07 .c05-info-column > .c05-description,
  .combo26-screen--c07 .c05-info-column > .c05-instruction,
  .combo26-screen--c07 .c05-info-column > .c05-divider,
  .combo26-screen--c07 .c05-info-column > .c05-watermark-note{width:100%;box-sizing:border-box}
  .combo26-screen--c05 .c05-info-column > .c05-approve,
  .combo26-screen--c06 .c05-info-column > .c05-approve,
  .combo26-screen--c07 .c05-info-column > .c05-approve{width:min(82vw,330px)}
  .combo26-screen--c05 .c05-info-column > .c05-back-items,
  .combo26-screen--c06 .c05-info-column > .c05-back-items,
  .combo26-screen--c07 .c05-info-column > .c05-back-items{width:min(68vw,270px)}

  /* C08 — neutraliza coordenadas desktop V8 somente no mobile */
  .combo26-screen--c08 .c08-hero{position:relative;left:auto;top:auto;width:100%;height:auto;margin:0 auto}
  .combo26-screen--c08 .c08-hero .c05-hero-bg{position:relative;left:auto;top:auto;width:100%;height:auto;object-fit:contain}
  .combo26-screen--c08 .c08-hero .c05-hero-text{left:17.4875%;top:17.4875%;width:65.025%;height:65.025%;transform:translateY(-7px);object-fit:contain}
  .combo26-screen--c08 .c08-combo-logo{position:relative;left:auto;right:auto;bottom:auto;width:195px;height:97.5px;margin:18px auto}
  .combo26-screen--c08 .c08-actions{position:relative;left:auto;right:auto;bottom:auto;margin:18px auto;justify-content:center}
}

/* MOBILE GATE 02 — shell completo + calibrações solicitadas. Desktop intocado. */
@media(max-width:767px){
  /* Shell: preserva o fundo e reincorpora os elementos externos ao board. */
  html,body{background:#10281f}
  .combo26-stage{
    position:relative;
    width:100%;
    min-height:100vh;
    height:auto;
    padding:14px 0 18px;
    background:url('/26/assets/img/img-perso/combos/bg-combo.jpg') center top/cover fixed no-repeat;
  }
  .combo26-canvas{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none}
  .combo26-header{
    position:relative;display:block;left:auto;top:auto;width:calc(100% - 24px);height:128px;
    margin:0 auto 10px;
  }
  .combo26-brandline{left:4px;top:0;width:64%;height:58px}
  .combo26-brandline img{width:104px}
  .combo26-brandline span{font-size:11px;margin-left:10px;padding-left:10px}
  .combo26-siteback{right:0;top:5px;width:118px;height:43px}
  .combo26-progress{left:4px;right:4px;bottom:8px;height:31px;font-size:10px}
  .combo26-progress-top{padding-bottom:6px}
  .combo26-board{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0}

  /* Deixa uma faixa real do BG visível ao redor do papel em todas as telas. */
  .combo26-screen--c01,.combo26-screen--c02,.combo26-screen--c04,
  .combo26-screen--c05,.combo26-screen--c06,.combo26-screen--c07,.combo26-screen--c08{
    width:calc(100% - 24px);margin:0 auto;min-height:0;border-radius:14px;
    box-shadow:0 8px 24px rgba(0,0,0,.18);overflow:visible;
  }

  /* Rodapé/trust volta a fazer parte do shell mobile. */
  .combo26-footer{
    position:relative;display:grid;left:auto;top:auto!important;width:calc(100% - 24px);height:auto;
    margin:14px auto 0;padding:10px 4px;
    grid-template-columns:1fr;gap:8px;
    border-top:1px solid rgba(221,184,109,.45);border-bottom:1px solid rgba(221,184,109,.32);
    color:#fff;background:rgba(12,34,27,.48);border-radius:10px;
  }
  .combo26-footer>div{justify-content:flex-start;padding:0 12px}
  .combo26-footer>i{display:none}
  .combo26-footer strong,.combo26-footer small{color:#fff}

  /* C01 — reduz o respiro criado no Gate anterior entre Adulto/Família e o título seguinte. */
  .c01-audience{margin-bottom:12px}

  /* C04 (Tela 3 na revisão mobile): texto-03 +10px à direita, sem mover hero-bg. */
  .c04-hero-text{left:calc(6% + 10px)}
  /* Noel e tudo abaixo dele sobe 10px; hero-bg/texto mantêm a altura. */
  .c04-santa{top:16px}
  .c04-letter-note{top:102px}
  .c04-intro{margin-top:-10px}

  /* C08: mantém o shell visível e garante conteúdo em fluxo. */
  .combo26-screen--c08{padding:18px}
  .combo26-screen--c08 .c05-layout{position:relative;left:auto;top:auto;width:100%;height:auto;display:flex;flex-direction:column}
}


/* MOBILE GATE 03 — rodapé 3 colunas, shell +8px e calibração C04. Desktop intocado. */
@media(max-width:767px){
  /* Cabeçalho completo: logo + texto + voltar ao site + etapas descem 8px como uma unidade. */
  .combo26-header{
    transform:translateY(8px);
    margin-bottom:18px;
  }

  /* C04: mantém o deslocamento horizontal aprovado (+10px) e sobe somente texto-03 em 4px. */
  .c04-hero-text{
    left:calc(6% + 10px);
    top:calc(8% - 4px);
  }

  /* Rodapé mobile: três colunas, ícone acima e texto abaixo. */
  .combo26-footer{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    align-items:start;
    padding:12px 4px 10px;
  }
  .combo26-footer>div{
    min-width:0;
    padding:0 5px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    gap:6px;
    text-align:center;
  }
  .combo26-footer>i{display:none}
  .combo26-footer img{
    width:27px;
    height:27px;
    margin:0 auto;
  }
  .combo26-footer>div:nth-of-type(1) img,
  .combo26-footer>div:nth-of-type(2) img{
    filter:brightness(0) invert(1);
  }
  .combo26-footer>div:nth-of-type(3) img{
    filter:none;
  }
  .combo26-footer span{
    align-items:center;
    width:100%;
  }
  .combo26-footer strong{
    font-size:9px;
    line-height:1.12;
    text-align:center;
  }
  .combo26-footer small{
    font-size:9px;
    line-height:1.15;
    margin-top:3px;
    text-align:center;
  }
}


/* MOBILE GATE 04 — cabeçalho redesenhado e correção efetiva do texto-03. */
@media(max-width:767px){
  /* Cabeçalho em fluxo vertical: marca centralizada, voltar, etapas. */
  .combo26-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    transform:none;
    margin:0 0 18px;
    padding-top:16px;
    gap:10px;
  }

  .combo26-header .combo26-brand,
  .combo26-header .combo26-logo-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    text-align:center;
  }

  .combo26-header .combo26-logo,
  .combo26-header img:first-child{
    transform:scale(1.4);
    transform-origin:center center;
    margin:10px auto 14px;
  }

  .combo26-header .combo26-tagline,
  .combo26-header .combo26-brand-text,
  .combo26-header p{
    transform:scale(1.4);
    transform-origin:center center;
    text-align:center;
    margin:4px auto 12px;
  }

  .combo26-header .combo26-site-back,
  .combo26-header [data-back-site],
  .combo26-header a[href*="/26/"]:not(.combo26-step){
    transform:scale(1.3);
    transform-origin:center center;
    margin:8px auto 10px;
  }

  .combo26-header .combo26-progress,
  .combo26-header .combo26-steps{
    position:relative;
    width:100%;
    margin:4px auto 0;
  }

  /* C04 / "Tela 3": deslocamento explícito relativo à posição do Gate 02:
     +10px horizontal e -5px vertical. */
  .combo26-screen--c04 .c04-hero-text{
    transform:translate(10px,-5px);
  }
}


/* MOBILE GATE 05 — correção com os seletores REAIS do cabeçalho. */
@media(max-width:767px){
  .combo26-header{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    left:auto;
    top:auto;
    width:calc(100% - 24px);
    height:auto;
    min-height:210px;
    margin:0 auto 14px;
    padding:14px 0 8px;
    gap:10px;
    transform:none;
  }

  /* Linha 1: logo + “Mais que uma carta...” centralizados e 40% maiores. */
  .combo26-brandline{
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    height:auto;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
  }
  .combo26-brandline img{
    width:146px;
    height:auto;
    transform:none;
    margin:0;
  }
  .combo26-brandline span{
    margin-left:22px;
    padding-left:22px;
    border-left:1px solid rgba(238,197,111,.55);
    font-size:15.4px;
    line-height:1.05;
    text-align:left;
    transform:none;
  }

  /* Linha 2: botão Voltar pro Site, 30% maior. */
  .combo26-siteback{
    position:relative;
    right:auto;
    top:auto;
    width:153px;
    height:auto;
    margin:0 auto;
    transform:none;
  }
  .combo26-siteback img{
    width:100%;
    height:auto;
    object-fit:contain;
  }

  /* Linha 3: barra de etapas. */
  .combo26-progress{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:calc(100% - 8px);
    height:31px;
    margin:0 auto;
  }

  /* C04/Tela 3: mais 10px à direita e mais 5px para cima
     em relação à posição efetiva do Gate 04. */
  .combo26-screen--c04 .c04-hero-text{
    left:calc(6% + 30px);
    top:calc(8% - 14px);
    transform:none;
  }
}


/* MOBILE GATE 06 — refinamento autorizado */
@media(max-width:767px){
  /* Logo e texto do topo: -15% sobre o tamanho aprovado no Gate 05. */
  .combo26-brandline{
    transform:scale(.85);
    transform-origin:center center;
  }

  /* C04/Tela 3: texto "Sua carta está pronta" +5px à direita. */
  .combo26-screen--c04 .c04-hero-text{
    left:calc(6% + 35px);
  }
}
/* Gate C.2 - Certificado de Boas Acoes: composicao nativa sobre base oficial. */
.c05-certificate-preview {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  container-type: inline-size !important;
  display: block !important;
  height: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  position: relative !important;
  width: min(100%, 638px) !important;
}

.combo26-certificate {
  aspect-ratio: 1491 / 1055 !important;
  background: transparent !important;
  display: block !important;
  max-height: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  position: relative !important;
  width: 100% !important;
}

.combo26-certificate-base {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
  width: 100% !important;
}

.combo26-certificate-name {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #7b3f12 !important;
  display: flex !important;
  font-family: "Segoe Script", "Brush Script MT", cursive !important;
  font-size: var(--certificate-name-size, 6.036217cqw) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  height: 10.900474% !important;
  justify-content: center !important;
  left: 20.254863% !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  text-align: center !important;
  text-shadow: 0 1px 0 rgba(255, 232, 173, .32) !important;
  top: 48.151659% !important;
  transform: rotate(-1deg) !important;
  white-space: nowrap !important;
  width: 59.423206% !important;
  z-index: 2 !important;
}

.combo26-certificate-modal[hidden] {
  display: none !important;
}

.combo26-certificate-modal {
  align-items: center !important;
  background: rgba(0, 0, 0, .72) !important;
  display: flex !important;
  inset: 0 !important;
  justify-content: center !important;
  padding: 28px !important;
  position: fixed !important;
  z-index: 9999 !important;
}

.combo26-certificate-modal-stage {
  container-type: inline-size !important;
  width: min(92vw, 1120px) !important;
}

.combo26-certificate-modal-close {
  align-items: center !important;
  background: #fff8e7 !important;
  border: 2px solid #a76218 !important;
  border-radius: 50% !important;
  color: #971018 !important;
  cursor: pointer !important;
  display: flex !important;
  font: 700 32px/1 Arial, sans-serif !important;
  height: 52px !important;
  justify-content: center !important;
  position: fixed !important;
  right: 28px !important;
  top: 22px !important;
  width: 52px !important;
}

.combo26-name-counter {
  color: #6f4a1d;
  display: block;
  font: 700 11px/1 Arial, sans-serif;
  margin: 5px 10px 0 auto;
  text-align: right;
}

.combo26-name-counter.is-over {
  color: #9c1218;
}

.combo26-name-modal[hidden] {
  display: none !important;
}

.combo26-name-modal {
  align-items: center;
  background: rgba(0, 0, 0, .55);
  display: flex;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 10000;
}

.combo26-name-dialog {
  background: #fff6df;
  border: 2px solid #b87713;
  border-radius: 14px;
  box-shadow: 0 16px 46px rgba(0, 0, 0, .32);
  color: #25180e;
  max-width: 440px;
  padding: 26px 30px 24px;
  text-align: center;
}

.combo26-name-dialog h2 {
  color: #9c1218;
  font-size: 28px;
  line-height: 1;
  margin: 0 0 14px;
}

.combo26-name-dialog p {
  font-size: 16px;
  line-height: 1.28;
  margin: 0 0 12px;
}

.combo26-name-dialog button {
  background: linear-gradient(#c91b20, #8c050b);
  border: 1px solid #7d080d;
  border-radius: 22px;
  color: #fff;
  cursor: pointer;
  font: 700 14px Arial, sans-serif;
  margin-top: 8px;
  padding: 11px 24px;
}