/* ========================================================
   00 | 00-base.css (conteúdo original preservado)
   ======================================================== */
/* FENIXX.ONE | BASE COMPARTILHADA | P_00 ... P_05 */
@font-face {font-family:NotoCond;src:url('fonts/noto-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face {font-family:NotoCond;src:url('fonts/noto-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face {font-family:NotoCond;src:url('fonts/noto-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root {--font:NotoCond;--h1:29px;--h2:17px;--h3:15px;--p:14px;--w1:700;--w2:700;--w3:700;--wp:400;--ink:#213d5d;--blue:#245c8b;--border:#9abbd0}
*,*::before,*::after {box-sizing:border-box}
html {min-height:100%}
body {margin:0;min-height:100vh;background:#dce8f1;color:var(--ink);font-family:var(--font),sans-serif}
a {color:var(--blue)}
button {font:inherit}
[hidden] {display:none!important}


/* ========================================================
   01 | 10-p00-index.css (conteúdo original preservado)
   ======================================================== */
/* P_00 | INDEX APROVADO EM 27/10/2026
   Não alterar geometria sem nova aprovação.
   A tipografia e a distribuição vertical são canônicas. */
body.page-p00 {display:flex;align-items:center;justify-content:center;overflow:hidden}
.page-index{width:1080px;height:574px;margin:0;flex:none;background:linear-gradient(155deg,#d9effb 0%,#f5fbff 50%,#d6ebfa 100%);border:2px solid #9abbd0;border-radius:20px;box-shadow:0 8px 26px #406b882a;position:relative;overflow:hidden;text-align:center;font-family:var(--font),sans-serif}.top{height:126px;display:flex;align-items:center;justify-content:center;position:relative}.logo{max-width:290px;max-height:73px;object-fit:contain}.utility{position:absolute;top:46px;font-size:11px;border:1px solid #a7c9dc;background:#eaf7ff;border-radius:14px;padding:5px 11px}.utility.left{left:116px}.utility.right{right:116px}.page-index h1{font-size:var(--h1);font-weight:var(--w1);line-height:1.08;margin:0;color:#2c5d82}.intro{font-size:var(--p);font-weight:600;margin:17px 0 2px;line-height:1.18}.categories{display:flex;justify-content:center;gap:10px;margin:36px 26px 0}.category{width:190px;min-width:0}.category img{display:block;width:114px;height:114px;object-fit:contain;margin:0 auto}.category h2{font-size:var(--h2);font-weight:var(--w2);margin:3px 0 5px;line-height:1.12;color:#245c8b}.category p{font-size:var(--p);font-weight:var(--wp);line-height:1.17;margin:0 5px}.hint{display:flex;align-items:center;justify-content:center;gap:7px;font-size:var(--p);margin:30px 0 0;color:#476c88}.mouse-icon{width:16px;height:20px;flex:none;stroke:#476c88;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.page-index footer{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #bad4e6;height:28px;padding:3px 10px;font-size:11px;background:#e8f5fc;display:flex;align-items:center;justify-content:center;gap:6px}.page-index footer img{width:19px;height:19px;object-fit:contain}.page-index footer a{color:#245c8b;text-decoration:none}.page-index footer a:hover{text-decoration:underline}.free-flash{color:#1688cc;font-weight:700;animation:freePulse 3.2s linear infinite}@keyframes freePulse{0%,62%,78%,90%,100%{opacity:1}70%,84%{opacity:.08}}@media(prefers-reduced-motion:reduce){.free-flash{animation:none}}


/* Apenas dispositivos menores: preservar proporções e permitir visualização. */


/* Moldura proporcional: o miolo aprovado mantém coordenadas canônicas. */
.viewport-stage{width:1080px;height:574px;flex:none;position:relative;transform-origin:top left}

/* V5 | Enquadramento compartilhado com P_01: sem transform/scale.
   Mantém a distribuição interna aprovada, altera somente o contêiner. */
body.page-p00 {min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 30px;overflow:hidden}
.viewport-stage {width:100%;max-width:1306px;height:min(574px,calc(100dvh - 40px));min-height:0;min-width:0;flex:0 1 1306px;transform:none!important;margin:0!important}
.page-index {width:100%;height:100%;margin:0}
.categories {justify-content:space-around;gap:10px;margin-left:26px;margin-right:26px}
@media(max-width:720px) {body.page-p00{padding:12px;overflow:auto}.viewport-stage{height:auto;min-height:574px}.page-index{min-height:574px}.categories{flex-wrap:wrap}}

/* V7 — manter o conteúdo desktop na largura canônica, ampliar somente a moldura. */
@media (min-width: 721px) {
 .categories {width:min(100% - 52px, 1020px);margin-left:auto;margin-right:auto;justify-content:center;gap:10px}
 .utility-trigger--left {left:max(22px,calc(50% - 475px))}
 .utility-trigger--right {right:max(22px,calc(50% - 475px))}
}
/* Tablet: não reduzir o desktop inteiro; permitir leitura e distribuição natural. */
@media (min-width:721px) and (max-width:1050px) {
 body.page-p00{overflow:auto;align-items:flex-start}
 .viewport-stage{height:auto;min-height:calc(100dvh - 40px)}
 .page-index{min-height:calc(100dvh - 40px);height:auto;padding-bottom:45px}
 .categories{flex-wrap:wrap;max-width:700px;row-gap:22px;margin-top:28px}
 .category{width:200px}
 .utility-trigger--left{left:14px}.utility-trigger--right{right:14px}
 .utility-trigger{top:35px;width:130px;font-size:12px}
 .utility-trigger__icon{width:60px;height:60px}.utility-trigger__icon svg{width:42px;height:42px}
 .page-index footer{min-height:28px;height:auto}
}
/* Mobile: fluxo vertical, sem sobreposições ou redução global de escala. */
@media (max-width:720px) {
 body.page-p00{display:block;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:12px}
 .viewport-stage{width:100%;max-width:none;height:auto;min-height:0;display:block}
 .page-index{width:100%;height:auto;min-height:calc(100dvh - 24px);padding:0 12px 52px;overflow:visible}
 .top{height:178px;display:flex;align-items:flex-start;padding-top:16px}
 .logo{width:min(185px,58%);max-height:58px}
 .utility-trigger{top:84px;width:46%;font-size:12px;gap:4px}
 .utility-trigger--left{left:2%}.utility-trigger--right{right:2%}
 .utility-trigger__icon{width:54px;height:54px;border-radius:16px}
 .utility-trigger__icon svg{width:37px;height:37px}
 .utility-trigger__label{white-space:normal;margin-top:0}
 .page-index h1{font-size:clamp(21px,6vw,27px);line-height:1.1}
 .intro{font-size:14px;line-height:1.3;margin:16px auto 0;max-width:330px}
 .categories{width:100%;margin:26px auto 0;display:flex;flex-direction:column;align-items:center;gap:25px}
 .category{width:min(100%,285px)}
 .category img{width:100px;height:100px}
 .category h2{font-size:18px}
 .category p{font-size:14px;line-height:1.3}
 .hint{margin:26px auto 0;max-width:300px;font-size:13px;line-height:1.3}
 .page-index footer{height:auto;min-height:36px;padding:8px 6px;font-size:10px;flex-wrap:wrap;line-height:1.3}
}

/* V8 — correção exclusiva da moldura no desktop.
   Conteúdo P_00 permanece na largura canônica de 1080px, centralizado.
   A moldura ocupa a mesma área externa da P_01 (30px laterais, 20px verticais). */
@media (min-width:1141px) {
  body.page-p00 {padding:20px 30px;overflow:hidden}
  .viewport-stage {
    width:100%;max-width:1306px;flex:1 1 auto;
    height:min(574px,calc(100dvh - 40px));
    border:2px solid #9abbd0;border-radius:20px;
    background:linear-gradient(155deg,#d9effb 0%,#f5fbff 50%,#d6ebfa 100%);
    box-shadow:0 8px 26px #406b882a;overflow:hidden;
  }
  .page-index {
    width:1080px;max-width:1080px;height:100%;
    margin:0 auto;border:0;border-radius:0;box-shadow:none;
    background:transparent;overflow:visible;
  }
  .categories {width:auto;margin:36px 26px 0;justify-content:center;gap:10px}
  .utility-trigger--left {left:116px}
  .utility-trigger--right {right:116px}
  .page-index footer {
    left:50%;right:auto;width:calc(100vw - 60px);max-width:1302px;
    transform:translateX(-50%);
  }
}


/* ========================================================
   02 | 11-p00-password.css (conteúdo original preservado)
   ======================================================== */
/* P_00 — componentes adjacentes; não modifica miolo da página. */
.utility-trigger{position:absolute;top:64px;display:flex;flex-direction:column;align-items:center;gap:8px;width:170px;padding:0;border:0;background:none;color:#17598d;cursor:pointer;font:700 15px var(--font),sans-serif}
.utility-trigger--left{left:65px}.utility-trigger--right{right:65px}
.utility-trigger__icon{width:84px;height:84px;display:grid;place-items:center;border:2px solid #75dfff;border-radius:23px;background:linear-gradient(145deg,#f9ffffc9,#b4e9ff9c);box-shadow:inset 0 2px 10px #fff,0 4px 11px #4bb8f059;color:#0986ed}
.utility-trigger__icon svg{width:57px;height:57px;filter:drop-shadow(0 2px 2px #2c8cc944)}
.utility-trigger__label{margin-top:2px;white-space:nowrap}
.utility-trigger:focus-visible .utility-trigger__icon{outline:3px solid #1264ce;outline-offset:3px}
.dialog-backdrop{position:fixed;inset:0;z-index:50;background:#173e5e70;display:grid;place-items:center;padding:18px;overflow-y:auto}
.glass-dialog{width:min(760px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;border:2px solid #9bc7e2;border-radius:22px;padding:26px 28px 24px;background:linear-gradient(145deg,#f3fbffed,#d9f0ffed);box-shadow:0 18px 65px #12385e55;color:#17476f;font-family:var(--font),sans-serif;font-size:17px}
.dialog-header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #b8d7e9;padding-bottom:15px}.dialog-header h2{font-size:30px;line-height:1.1;margin:0;color:#0e3c68}.dialog-header p{margin:5px 0 0}.dialog-lock{width:72px;height:72px;display:grid;place-items:center;border:2px solid #83e3ff;border-radius:22px;background:linear-gradient(135deg,#fff,#a8e2ff);font-size:42px}.dialog-header-actions{margin-left:auto;display:flex;gap:10px}.icon-action{border:1px solid #b7d7e9;border-radius:12px;background:linear-gradient(#fff,#dff2ff);width:46px;height:46px;font-size:28px;color:#20619b;cursor:pointer}.dialog-description{line-height:1.35;margin:18px 0}.glass-dialog fieldset{border:0;padding:0;margin:18px 0}.glass-dialog legend{font-size:19px;font-weight:700;margin-bottom:10px}.length-options,.letter-options{display:grid;gap:9px}.length-options{grid-template-columns:repeat(5,1fr)}.letter-options{grid-template-columns:repeat(4,1fr)}.length-options label,.letter-options label{position:relative;cursor:pointer}.length-options input,.letter-options input{position:absolute;opacity:0}.length-options span,.letter-options span{display:flex;justify-content:center;align-items:center;min-height:62px;text-align:center;border:2px solid #c3dff0;border-radius:13px;background:linear-gradient(145deg,#fff,#e5f5ff);box-shadow:0 3px 7px #8ab7d633;font-weight:700;padding:7px}.length-options span{font-size:22px}.letter-options span{font-size:15px}.length-options input:checked+span,.letter-options input:checked+span{color:#fff;border-color:#0a8dff;background:linear-gradient(145deg,#69caff,#087aff);box-shadow:inset 0 2px 4px #ffffff80,0 4px 10px #1d83d677}.length-options input:focus-visible+span,.letter-options input:focus-visible+span{outline:3px solid #063e88}.extra-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.extra-options>label{border:1px solid #c3dff0;border-radius:13px;padding:12px;background:#ffffff66;display:grid;gap:10px}.extra-options input{accent-color:#087aff;width:19px;height:19px;vertical-align:middle}.dialog-buttons{display:flex;justify-content:center;gap:18px;margin-top:26px}.glass-button{border-radius:17px;border:2px solid #7bcfff;padding:13px 22px;font-weight:700;font-size:19px;cursor:pointer;box-shadow:inset 0 2px 5px #ffffffa6,0 5px 13px #2875ae55}.glass-button.primary{background:linear-gradient(145deg,#6bd2ff,#087bfa 75%);color:white}.glass-button.green{background:linear-gradient(145deg,#7ae9a3,#0da55b 75%);color:white;border-color:#59d78c}.glass-button.secondary{background:linear-gradient(#fff,#deeffa);color:#184b77}.notice,.current-settings{background:#d9f0ff9c;border:1px solid #b9daed;border-radius:12px;padding:14px;margin:18px 0}.cipher-label{font-weight:700;display:block;margin:20px 0 8px}.cipher-output{min-height:78px;border:2px solid #c5e0f1;border-radius:15px;background:#ffffffb5;display:flex;align-items:center;justify-content:center;letter-spacing:.3em;font-size:27px;overflow:hidden}.generator-actions{display:grid;grid-template-columns:3fr 2fr;gap:18px;margin-top:18px}.generator-actions .glass-button{width:100%;min-width:0}.current-settings p{margin:8px 0 0}.dialog-footnote{margin:20px 0 0}.prototype-notice{font-size:13px;color:#53738b;margin:8px 0 0}.language-placeholder{max-width:500px}.language-placeholder .dialog-header{justify-content:space-between}
@media(max-width:600px){.glass-dialog{padding:16px;font-size:15px}.dialog-header h2{font-size:24px}.dialog-lock{width:50px;height:50px;font-size:29px}.length-options{gap:5px}.letter-options{grid-template-columns:repeat(2,1fr)}.length-options span{min-height:49px;font-size:17px}.generator-actions{gap:8px}.glass-button{font-size:15px;padding:10px}.extra-options{grid-template-columns:1fr}}

/* V4 — SOMENTE JANELAS DE ESTADO: ergonomia 1080×574, sem alterar P_00 */
.dialog-backdrop{padding:12px;overflow:hidden;align-items:center;justify-items:center}
.glass-dialog{width:min(700px,94vw);max-height:min(80dvh,460px);overflow:visible;padding:13px 19px 12px;border-radius:18px;font-size:12px;line-height:1.18}
.dialog-header{gap:12px;padding-bottom:8px}
.dialog-header h2{font-size:22px;line-height:1.08}
.dialog-header p{margin:3px 0 0;font-size:12px}
.dialog-lock{width:48px;height:48px;border-radius:14px;flex:none;color:#0789ef}
.dialog-lock svg{width:36px;height:36px;display:block}
.dialog-header-actions{gap:7px}
.icon-action{width:33px;height:33px;border-radius:9px;font-size:22px}
.dialog-description{margin:10px 0;line-height:1.25}
.glass-dialog fieldset{margin:10px 0}
.glass-dialog legend{font-size:14px;margin-bottom:6px}
.length-options,.letter-options{gap:7px}
.length-options span,.letter-options span{min-height:40px;padding:4px 3px;border-radius:10px}
.length-options span{font-size:16px}
.letter-options span{font-size:11px}
.extra-options{gap:8px}
.extra-options>label{padding:7px 9px;gap:5px;border-radius:10px}
.extra-options input{width:15px;height:15px}
.dialog-buttons{margin-top:11px;gap:12px}
.glass-button{font-size:14px;padding:8px 15px;border-radius:12px}
.notice,.current-settings{padding:9px 11px;margin:11px 0;border-radius:10px}
.cipher-label{margin:10px 0 5px}
.cipher-output{min-height:50px;border-radius:11px;font-size:20px;letter-spacing:.12em}
.generator-actions{gap:12px;margin-top:10px}
.current-settings p{margin:5px 0 0}
.dialog-footnote{margin:9px 0 0;line-height:1.25}
.prototype-notice{font-size:10px;margin:5px 0 0}
/* Em telas menores, reduzir proporcionalmente sem transformar a janela em página longa. */
@media(max-height:540px) and (min-width:601px){
.glass-dialog{max-height:82dvh;padding:9px 14px;font-size:11px}
.dialog-header{padding-bottom:5px}.dialog-lock{width:40px;height:40px}.dialog-lock svg{width:31px;height:31px}
.dialog-header h2{font-size:19px}.dialog-description{margin:7px 0}
.glass-dialog fieldset{margin:7px 0}.length-options span,.letter-options span{min-height:34px}
.extra-options>label{padding:5px 7px}.dialog-buttons{margin-top:8px}.glass-button{padding:6px 12px}
.notice,.current-settings{margin:7px 0;padding:7px}.cipher-output{min-height:42px}.generator-actions{margin-top:7px}.dialog-footnote{margin-top:6px}
}
@media(max-width:600px){
.dialog-backdrop{padding:7px}.glass-dialog{width:min(96vw,420px);max-height:90dvh;overflow-y:auto;padding:10px;font-size:11px}
.dialog-header h2{font-size:19px}.dialog-lock{width:40px;height:40px}.dialog-lock svg{width:30px;height:30px}
.letter-options{grid-template-columns:repeat(2,1fr)}.length-options span{font-size:13px;min-height:34px}.letter-options span{min-height:34px;font-size:10px}
.extra-options{grid-template-columns:1fr 1fr;gap:5px}.extra-options>label{padding:6px;font-size:10px}
.glass-button{font-size:12px;padding:7px 9px}.cipher-output{min-height:42px;font-size:16px}
}

/* V7 — pop-ups adjacentes, legíveis e com altura limitada. */
.dialog-backdrop{overflow-y:auto}
.glass-dialog{max-height:min(80dvh,520px);overflow-y:auto}
.cipher-output{letter-spacing:.04em;overflow-wrap:anywhere;word-break:break-all;padding:8px 12px;user-select:text}
@media(max-width:720px){.glass-dialog{width:min(96vw,440px);max-height:80dvh;overflow-y:auto}.dialog-backdrop{padding:8px}}

/* V11: separação entre rótulo e resumo; geometria restante preservada */
.current-settings strong{display:block;margin-bottom:7px}
.current-settings p{margin-top:0;line-height:1.4}


/* ========================================================
   03 | 12-p00-languages.css (conteúdo original preservado)
   ======================================================== */
/* V9 | Internationalization test layer: no desktop canonical repositioning. */
.language-dialog{width:min(860px,96vw);max-height:80dvh;overflow-y:auto;padding:17px 23px 20px}
.language-header{justify-content:space-between}.language-header p{font-size:14px;line-height:1.35;margin:7px 0 0}
.language-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 7px;margin-top:17px}
.language-item{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;min-width:0;color:#235780;font:600 12px/1.3 system-ui,'Noto Sans',sans-serif}
.language-circle{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:2px solid #ffffffb0;box-shadow:inset 0 3px 5px #ffffff90,0 3px 7px #3875a060;font:800 17px/1 system-ui,sans-serif;color:white;text-shadow:0 1px 2px #0005}
.language-item:nth-child(7n+1) .language-circle{background:linear-gradient(145deg,#7ad6ff,#0571d8)}
.language-item:nth-child(7n+2) .language-circle{background:linear-gradient(145deg,#ffb3d8,#d94b94)}
.language-item:nth-child(7n+3) .language-circle{background:linear-gradient(145deg,#ffdc75,#e49b1b)}
.language-item:nth-child(7n+4) .language-circle{background:linear-gradient(145deg,#8fe6b0,#20995b)}
.language-item:nth-child(7n+5) .language-circle{background:linear-gradient(145deg,#c7a7ff,#8151c4)}
.language-item:nth-child(7n+6) .language-circle{background:linear-gradient(145deg,#ffad89,#d76a39)}
.language-item:nth-child(7n+7) .language-circle{background:linear-gradient(145deg,#86e9e8,#1796a5)}
.language-name{overflow-wrap:anywhere;line-height:1.5;min-height:2em;text-align:center}
.language-item[aria-pressed="true"] .language-circle{outline:3px solid #1d65af;outline-offset:2px}
.language-item:focus-visible{outline:2px solid #1d65af;border-radius:8px}
/* Keep the logo first, then the two controls in a true mobile document flow. */
@media(max-width:720px){
 .page-index .top{height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;justify-items:center;align-items:start;gap:12px 8px;padding:16px 2px 22px}
 .page-index .top .logo{grid-column:1/-1;grid-row:1;width:min(220px,70%);max-height:76px}
 .page-index .top .utility-trigger{position:static;top:auto;left:auto;right:auto;width:100%;min-width:0;grid-row:2;font-size:12px;gap:5px}
 .page-index .top .utility-trigger--left{grid-column:1}.page-index .top .utility-trigger--right{grid-column:2}
 .page-index .top .utility-trigger__icon{width:54px;height:54px;flex:none}
 .page-index .top .utility-trigger__label{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
 .language-dialog{width:min(96vw,480px);max-height:80dvh;padding:12px}
 .language-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 4px}
 .language-circle{width:40px;height:40px;font-size:15px}.language-item{font-size:11px}
}
@media(max-width:350px){.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Language-specific typography: do not mirror layout; respect text direction. */
html[lang="bn"] .page-index,html[lang="bn"] .glass-dialog,
html[lang="hi"] .page-index,html[lang="hi"] .glass-dialog,
html[lang="th"] .page-index,html[lang="th"] .glass-dialog{line-height:1.4}
html[dir="rtl"] .page-index h1,html[dir="rtl"] .page-index .intro,html[dir="rtl"] .category,html[dir="rtl"] .dialog-description,html[dir="rtl"] .notice{direction:rtl}
/* Popup text expands before reducing font size. */
.glass-dialog:not(.language-dialog){max-height:80dvh;overflow-y:auto}
.glass-dialog .glass-button{white-space:normal;line-height:1.25;min-height:40px}
@media(min-width:721px) and (max-width:1140px){.page-index .top .utility-trigger{top:35px}}
.dialog-backdrop[hidden]{display:none!important}

/* V10: grid exists offline; adaptive popup without affecting the approved five category positions. */
.language-dialog{height:auto;min-height:0;max-height:min(80dvh,660px)}
.language-grid{direction:ltr}
.language-item{direction:ltr}
.language-name{font-family:system-ui,"Noto Sans",sans-serif;min-height:2.5em;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:720px){.page-index .top{min-height:0}.page-index .top .utility-trigger{align-self:start}.language-dialog{max-height:84dvh;overflow-y:auto}}


/* ========================================================
   04 | 20-p01-index-a.css (conteúdo original preservado)
   ======================================================== */
/* P_01 — Index A | estrutura própria, herda 00-base.css. */
body.page-p01 {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 20px 30px; /* margem visual externa: 30px nas laterais */
}
.page-p01 .shell {
  width: 100%;
  max-width: 1306px;
  min-height: 574px;
  height: min(574px, calc(100vh - 40px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 2px solid var(--border);
  border-radius: 20px;
  background: linear-gradient(155deg,#d9effb 0%,#f5fbff 50%,#d6ebfa 100%);
}
/* Header: marca à esquerda, título central, navegação à direita. */
.page-p01 .site-header {
  flex: 0 0 70px;
  display: grid;
  grid-template-columns: 1fr minmax(0,2fr) 1fr;
  align-items: center;
  padding: 0 30px;
  border-bottom: 1px solid #bad4e6;
}
.page-p01 .site-brand {display:flex;align-items:center;gap:12px;min-width:0}
.page-p01 .site-brand img {width:32px;height:32px;object-fit:contain}
.page-p01 .brand {font-weight:700;font-size:17px;color:var(--blue)}
.page-p01 .site-header h1 {
  margin:0;
  color:#2c5d82;
  text-align:center;
  font-size:var(--h1);
  font-weight:700;
  line-height:1.15;
}
.page-p01 .site-header nav {justify-self:end}
.page-p01 .site-header nav a {font-size:14px;text-decoration:none}
/* Área integralmente livre para o grid canônico de 12 cards. */
.page-p01 .content {
  flex:1;
  min-height:0;
  padding:24px 30px;
}
.page-p01 .site-footer {
  flex:0 0 28px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  border-top:1px solid #bad4e6;
  background:#e8f5fc;
  font-size:11px;
}
.page-p01 .site-footer img {width:19px;height:19px;object-fit:contain}
@media(max-width:720px) {
  body.page-p01 {padding:12px}
  .page-p01 .shell {min-height:540px;height:calc(100dvh - 24px)}
  .page-p01 .site-header {padding:0 14px;grid-template-columns:1fr 1.3fr 0.55fr}
  .page-p01 .brand {font-size:13px}
  .page-p01 .site-header h1 {font-size:19px}
  .page-p01 .content {padding:18px}
}


/* ========================================================
   05 | 30-privacy.css (conteúdo original preservado)
   ======================================================== */
/* P_DOCS | Documentos — conteúdo jurídico ainda não aprovado */
body.page-docs {padding:35px 18px}
.docs {max-width:900px;margin:auto;background:#eef8ff;border:2px solid var(--border);border-radius:18px;padding:28px}
.docs .brand-logo {width:190px;max-height:65px;object-fit:contain}
.docs h1 {font-size:29px;color:#2c5d82}
.docs .tabs {display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}
.docs .tabs button {font:600 15px NotoCond,sans-serif;padding:9px 15px;border:1px solid var(--border);background:#fff;color:var(--blue);border-radius:9px;cursor:pointer}
.docs .tabs button[aria-selected=true] {background:var(--blue);color:white}
.docs .panel {min-height:180px;border:1px solid #bad4e6;border-radius:12px;background:white;padding:22px}
.docs .panel h2 {font-size:17px}
.docs .panel p {font-size:14px}
.docs .back {display:inline-block;margin-top:20px;color:var(--blue)}


/* ========================================================
   06 | Ajustes linguísticos P_00 — sem alterar geometria global
   ======================================================== */
/* Fallbacks linguísticos globais. */







/* Ajustes localizados de respiro, sem alterar o conteúdo JSON. */
html[lang="fr"] .page-index .category p,html[lang="en"] .page-index .category p {line-height:1.27;overflow-wrap:normal}
html[lang="fr"] .page-index .category h2,html[lang="en"] .page-index .category h2 {line-height:1.23}

/* ========================================================
   07 | Index 0A e produtos — herdam a matriz global
   ======================================================== */
.page-catalog .catalog-main{width:min(1080px,100%);margin:0 auto;padding:0 24px 56px;text-align:center}
.page-catalog .catalog-header{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.page-catalog .catalog-header .logo{width:min(290px,40%)}
.page-catalog .catalog-title{font-size:var(--h1);color:#2c5d82;margin:0;flex:1}
.page-catalog .home-link{flex:none;padding:9px 16px;border:1px solid var(--border);border-radius:14px;background:#eaf7ff;text-decoration:none;font-weight:700}
.page-catalog .catalog-notice{color:#8d0000;font-weight:700}
.page-catalog .catalog-content{min-height:270px}
.page-catalog .catalog-footer{border-top:1px solid #bad4e6;padding:8px 10px;font-size:11px;background:#e8f5fc;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.page-catalog .catalog-footer img{width:19px;height:19px;object-fit:contain}
@media(max-width:720px){.page-catalog .catalog-header{min-height:150px;flex-wrap:wrap;justify-content:center}.page-catalog .catalog-title{flex-basis:100%;order:3}.page-catalog .catalog-main{padding:0 12px 24px}}

/* ========================================================
   V2 | Correções verificáveis P_00
   ======================================================== */
/* Senha inteira visível; nunca ocultar caracteres por overflow. */
.page-index .cipher-output {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 50px;
  height: auto;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: break-all;
  white-space: normal;
  font-family: ui-monospace, Consolas, "Courier New", monospace;
  letter-spacing: .025em;
  line-height: 1.45;
  padding: 10px 14px;
  text-align: center;
}








/* V3 | Acessibilidade e legibilidade do gerador de senhas */
#password-overlay .cipher-output {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-all;
  white-space: normal;
  user-select: all;
  direction: ltr;
  unicode-bidi: isolate;
}

/* ============================================================
   TURNKEY PLUS ONE | P_0A matriz de teste | 04/11/2026
   Escopo isolado: não altera P_00 nem os demais catálogos.
   Viewport 1080×574 | header 50 | footer 25 | miolo 499.
   ============================================================ */
.page-catalog--matrix {
  /* Mesmo enquadramento aprovado da P_00: 30px laterais e 20px verticais. */
  margin: 0;
  min-height: 100dvh;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #dce8f1;
}
.page-catalog--matrix .catalog-stage {
  /* Espelha .viewport-stage da P_00, sem largura fixa centralizada. */
  width: 100%;
  max-width: 1306px;
  height: min(574px, calc(100dvh - 40px));
  min-width: 0;
  min-height: 0;
  flex: 0 1 1306px;
  margin: 0;
  position: relative;
}
.page-catalog--matrix .catalog-main {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-rows: 50px minmax(0, 1fr) 25px;
  overflow: hidden;
  background: linear-gradient(155deg,#d9effb 0%,#f5fbff 50%,#d6ebfa 100%);
  border: 1px solid #9abbd0;
  border-radius: 16px;
  text-align: initial;
}
.page-catalog--matrix .catalog-header {
  box-sizing: border-box;
  min-height: 0;
  height: 50px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid #bad4e6;
}
.page-catalog--matrix .catalog-brand {
  display: block;
  flex: 0 1 auto;
  width: 295px;
  max-width: 48%;
  max-height: 38px;
  height: auto;
  object-fit: contain;
  object-position: left center;
}
.page-catalog--matrix .catalog-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #2c5d82;
  font-family: 'Open Sans Condensed', 'Open Condensed', var(--font), sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.08;
  text-align: right;
}
.page-catalog--matrix .catalog-content {
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
.page-catalog--matrix .catalog-footer {
  box-sizing: border-box;
  height: 25px;
  min-height: 0;
  padding: 1px 8px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background: #e8f5fc;
  border-top: 1px solid #bad4e6;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
}
.page-catalog--matrix .catalog-footer img {
  width: 17px;
  height: 17px;
  object-fit: contain;
}
.page-catalog--matrix .catalog-footer a {
  color: #245c8b;
  text-decoration: none;
}
@media (max-width: 720px) {
  .page-catalog--matrix { padding: 12px; overflow: auto; }
  .page-catalog--matrix .catalog-stage { height: max(574px, calc(100dvh - 24px)); }
  .page-catalog--matrix .catalog-brand { max-width: 46%; }
  .page-catalog--matrix .catalog-title { font-size: clamp(17px, 4vw, 25px); }
}

/* TURNKEY PLUS ONE V9 — Interação exclusivamente visual das letras da P_00.
   Não altera tamanho, posição em repouso ou layout dos cards. */
.category[data-href] { cursor: pointer; }
.category[data-href] > img { transition: transform 160ms ease, filter 160ms ease; transform: translateY(0); }
.category[data-href]:hover > img, .category[data-href]:focus-visible > img { transform: translateY(3px); filter: brightness(1.035); }
.category[data-href]:active > img { transform: translateY(5px) scale(.985); transition-duration: 65ms; }
.category[data-href]:focus-visible { outline: 2px solid #1379d2; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .category[data-href] > img { transition: none; }
  .category[data-href]:hover > img, .category[data-href]:focus-visible > img, .category[data-href]:active > img { transform: none; }
}

/* V10 — estado de pressão visível antes da navegação.
   Mantém a geometria e as imagens da P_00 inalteradas. */
.page-index .category[data-href].is-pressing > img {
  transform: translateY(5px) scale(.985);
  filter: brightness(.97);
  transition-duration: 75ms;
}
@media (prefers-reduced-motion: reduce) {
  .page-index .category[data-href].is-pressing > img {
    transform: none;
    filter: brightness(.97);
  }
}

/* V11 | P_00 A–E: elevação perceptível sem alterar geometria em repouso. */
.page-index .category[data-href] > img {
  border-radius: 22px;
  transition: transform 190ms cubic-bezier(.2,.75,.25,1), filter 190ms ease, box-shadow 190ms ease;
  box-shadow: 0 0 0 rgba(23,75,124,0);
}
.page-index .category[data-href]:hover > img,
.page-index .category[data-href]:focus-visible > img {
  transform: translateY(-4px) scale(1.025);
  filter: brightness(1.055);
  box-shadow: 0 9px 13px -9px rgba(23,75,124,.38);
}
.page-index .category[data-href]:active > img,
.page-index .category[data-href].is-pressing > img {
  transform: translateY(3px) scale(.985);
  filter: brightness(.975);
  box-shadow: 0 2px 5px -4px rgba(23,75,124,.3);
  transition-duration: 85ms;
}
@media (prefers-reduced-motion: reduce) {
  .page-index .category[data-href] > img,
  .page-index .category[data-href]:hover > img,
  .page-index .category[data-href]:focus-visible > img,
  .page-index .category[data-href]:active > img,
  .page-index .category[data-href].is-pressing > img { transform: none; transition: none; }
}

/* V18 | P_00 — ajustes exclusivos solicitados; P_0A permanece intacta. */
.page-index .category[href]{cursor:pointer;text-decoration:none;color:inherit;display:block;}
.page-index .category[href] > img{
 border-radius:0;box-shadow:none;transform:translate(0,0);
 filter:drop-shadow(0 2px 1px #8099a7);
 transition:transform .17s ease,filter .17s ease;
}
.page-index .category[href]:hover > img,
.page-index .category[href]:focus-visible > img{
 transform:translate(-2px,-5px);
 filter:drop-shadow(4px 8px 4px #8296a7);
 box-shadow:none;
}
.page-index .category[href]:active > img,
.page-index .category[href].is-pressing > img{
 transform:translate(2px,2px) scale(.975);
 filter:drop-shadow(1px 1px 1px #8296a7);
 box-shadow:none;transition-duration:.08s;
}
@media(min-width:721px) and (max-width:1140px){
 .page-index .top .utility-trigger{width:clamp(98px,14vw,145px);font-size:clamp(11px,1.4vw,14px);}
 .page-index .top .utility-trigger--left{left:clamp(10px,2vw,24px);}
 .page-index .top .utility-trigger--right{right:clamp(10px,2vw,24px);}
 .page-index .top .utility-trigger__icon{width:clamp(52px,6vw,70px);height:clamp(52px,6vw,70px);}
 .page-index .top .utility-trigger__label{white-space:normal;overflow-wrap:anywhere;line-height:1.22;}
 .page-index h1{padding-inline:24px;box-sizing:border-box;}
 .page-index .categories{row-gap:30px;}
 .page-index .category h2{padding-inline:7px;box-sizing:border-box;}
}
@media(max-width:720px){
 .page-index .top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
 .page-index .top .utility-trigger{max-width:100%;padding-inline:5px;box-sizing:border-box;}
 .page-index .top .utility-trigger__icon{width:clamp(42px,13vw,54px);height:clamp(42px,13vw,54px);}
 .page-index .top .utility-trigger__label{font-size:clamp(10px,3vw,12px);}
 .page-index h1{padding-inline:10px;overflow-wrap:anywhere;box-sizing:border-box;}
 .page-index .categories{padding-inline:10px;box-sizing:border-box;}
 .page-index .category{max-width:100%;}
 .page-index .category h2{padding-inline:12px;box-sizing:border-box;overflow-wrap:anywhere;}
}
@media(prefers-reduced-motion:reduce){
 .page-index .category[href] > img{transition:none;}
 .page-index .category[href]:hover > img,
 .page-index .category[href]:focus-visible > img,
 .page-index .category[href]:active > img,
 .page-index .category[href].is-pressing > img{transform:none;}
}

/* V19 — P_00: correção de fluxo mobile/tablet e ícones unificados. */
.page-p00 .utility-trigger__icon{width:clamp(46px,6.2vw,84px);height:auto;aspect-ratio:1;border:0;background:none;box-shadow:none;border-radius:0;display:block;flex:none;}
.page-p00 .utility-trigger__icon img{display:block;width:100%;height:100%;object-fit:contain;}
@media (min-width:721px) and (max-width:1140px){
 body.page-p00{overflow-y:auto;}
 .page-p00 .page-index .top .utility-trigger__icon{width:clamp(48px,6.5vw,70px);height:auto;}
 .page-p00 .page-index .top{height:auto;min-height:126px;}
 .page-p00 .page-index .categories{margin-top:44px;}
}
@media(max-width:720px){
 .page-p00 .page-index .top{padding-bottom:24px;row-gap:14px;}
 .page-p00 .page-index .top .utility-trigger__icon{width:clamp(42px,13vw,54px);height:auto;}
 .page-p00 .page-index .intro{position:static!important;max-width:100%;margin-bottom:0;line-height:1.4;}
 .page-p00 .page-index .intro [data-i18n="P_00.disclaimer.cultural"]{position:static!important;display:block;width:100%!important;margin-top:8px;line-height:1.35!important;}
 .page-p00 .page-index .categories{margin-top:36px;gap:28px;padding:0 10px;}
 .page-p00 .page-index .category{width:min(100%,285px);}
}
@media (prefers-reduced-motion:reduce){.page-p00 .category[href]>img{transition:none;}}

/* P_00 placeholders: botão de retorno funcional. */
.page-catalog--matrix .p00-return{font-size:25px;line-height:1;color:#245c8b;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;flex:none;}
.page-catalog--matrix .p00-return:focus-visible{outline:2px solid #245c8b;outline-offset:3px;}

/* V21 | P_00: acabamento final solicitado, sem alterar P_0A. */
.page-p00 .page-index .category[href]:hover > img,
.page-p00 .page-index .category[href]:focus-visible > img {
  transform:translate(-5px,-5px);
  filter:drop-shadow(4px 8px 4px #8296a7);
}
@media (max-width:720px) {
  .page-p00 .page-index .categories {margin-top:22px;}
  .page-p00 .page-index .hint {margin-top:18px;margin-bottom:24px;}
  .page-p00 .page-index {padding-bottom:70px;}
}

/* Crazy Calculator — estilos exclusivos, escopo isolado */
@scope (.cc-page) {
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#dce8f1;color:#2c5c82}body{padding:clamp(3px,.8vw,10px)}.stage{min-height:calc(100dvh - 2*clamp(3px,.8vw,10px));border:1px solid #aac9dc;border-radius:14px;background:linear-gradient(#e3f3ff,#f5fbff);display:flex;flex-direction:column;overflow:hidden}.stage__header,.stage__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(12px,2vw,22px)}.stage__header{border-bottom:1px solid #c7dce9}.stage__footer{border-top:1px solid #c7dce9;font-size:clamp(12px,1.1vw,15px);flex-wrap:wrap}.product{font-size:clamp(15px,1.3vw,19px);font-weight:700}.status{font-size:clamp(12px,1vw,14px)}.stage__content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px}.calculator{position:relative;container-type:inline-size;aspect-ratio:560/830;width:min(560px,calc(100vw - 24px),calc((100dvh - 135px)*560/830));flex:none}.calculator>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.display{position:absolute;left:17.3%;top:41.3%;width:65.4%;height:17.3%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2%;text-align:center;color:#142d4a;pointer-events:none}.display__text{width:100%;font-size:5cqw;line-height:1.14;font-weight:700;overflow-wrap:anywhere;white-space:pre-line}.keypad{position:absolute;inset:0;pointer-events:none}.key{position:absolute;pointer-events:auto;border:0;background:transparent;border-radius:15%;cursor:pointer;color:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.key:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px #0076ed}.key:active{background:rgba(255,255,255,.20)}.stage__footer button{font-size:14px;font-weight:700;border:1px solid #628cb4;border-radius:9px;background:#fff;color:#2c5c82;padding:10px 14px;min-height:44px;cursor:pointer}@media(max-width:600px){.stage{border-radius:9px}.stage__header{padding:10px 12px}.stage__content{padding:8px 3px}.calculator{width:min(calc(100vw - 12px),calc((100dvh - 175px)*560/830))}.stage__footer{padding:10px 12px;justify-content:center;text-align:center;gap:8px}.stage__footer span{flex:1 1 100%}.stage__footer button{order:1;width:min(100%,280px)}.stage__footer span:last-child{order:2}}@media(max-height:550px) and (orientation:landscape){.stage__header,.stage__footer{padding:4px 12px}.stage__content{padding:1px}.calculator{width:min(560px,calc(100vw - 16px),calc((100dvh - 92px)*560/830))}.stage__footer button{min-height:34px;padding:5px 10px}}
/* Integração v33: página comercial e laboratório, sem PWA instalável */
body{padding:clamp(5px,1vw,12px)}.stage{min-height:calc(100dvh - 2*clamp(5px,1vw,12px))}.stage__header{gap:12px}.brand{width:clamp(145px,20vw,240px);height:auto;object-fit:contain}.stage__content{flex-direction:column;gap:8px}.calculator{width:min(560px,calc(100vw - 28px),calc((100dvh - 235px)*560/830))}.info{width:min(100%,720px);padding:12px 16px;line-height:1.45;text-align:center;font-size:clamp(14px,1.15vw,16px)}.info p{margin:5px 0}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #4d9cf5;border-radius:22px;padding:8px 18px;background:linear-gradient(110deg,#001c42,#003a8d 60%,#0876ed);color:#fff;text-decoration:none;box-shadow:0 0 0 2px #a4dfff,0 4px 15px #008cff66;font-size:clamp(16px,1.4vw,20px)}.cta strong{font-weight:800;color:#fff}.cta .blue{color:#57a9ff}.share{border:1px solid #8db6d5;background:white;color:#2c5c82;border-radius:12px;min-height:44px;padding:9px 16px;font-weight:700;cursor:pointer}.shareline{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px}.stage__footer{justify-content:center}.stage__footer button{min-height:44px}.notice{font-size:13px;color:#345f80}.hide{display:none!important}.stage__header .product{margin-left:auto}.lang-note{font-size:14px}.stage__content{justify-content:center}@media(max-width:600px){.stage__header{padding:8px}.brand{width:130px}.stage__header .product{font-size:14px}.calculator{width:min(calc(100vw - 20px),calc((100dvh - 330px)*560/830))}.info{padding:8px 12px}.stage__footer{padding:8px}.shareline{gap:8px}}@media(max-height:650px){.calculator{width:min(calc(100vw - 28px),calc((100dvh - 180px)*560/830))}.info{padding:5px}.info p{margin:2px 0}}

/* Ajustes exclusivos do laboratório v34 */
.display__text{font-size:6.9cqw;line-height:1.16;font-weight:800;overflow-wrap:break-word;word-break:normal;hyphens:auto}
.cta{background:linear-gradient(115deg,#0879ec,#12a5ff 52%,#276ee5);border-color:#77c8ff;box-shadow:0 0 0 2px #b5e7ff,0 4px 18px #008cff88;gap:12px;color:white;font-weight:700}
.cta__icon{width:42px;height:42px;object-fit:contain;border-radius:50%;flex:none}
.lab-language{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0;font-weight:700}
.lab-language select{min-height:42px;max-width:100%;border:1px solid #75a9d4;border-radius:8px;padding:7px 10px;background:white;color:#2c5c82;font:inherit}
@media(max-width:600px){.cta__icon{width:34px;height:34px}.cta{font-size:15px;padding:6px 12px}}

/* CC v36 — área inferior compacta, motor preservado */
.stage__content{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:6px 8px 10px}
.calculator{width:min(560px,calc(100vw - 24px));max-width:100%;flex:none}
.cc-information{width:min(100%,820px);margin:0 auto;text-align:center;color:#2c5c82;padding:0 8px}
.cc-information h2{font-size:clamp(15px,1.65vw,20px);line-height:1.18;margin:4px 0 5px;font-weight:800}
.cc-information>p:not(#cc-share-status){font-size:clamp(12px,1.1vw,15px);line-height:1.3;margin:0 auto 7px;max-width:800px}
.cc-share-buttons{display:flex;flex-direction:column;align-items:center;gap:3px}
.cc-share-secondary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%}
.cc-graphic{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;line-height:0;flex:0 1 auto;min-width:0}
.cc-graphic img{display:block;width:100%;height:auto;object-fit:contain}
.cc-graphic--main{width:min(230px,55vw)}
.cc-share-secondary .cc-graphic{width:min(185px,43vw)}
.cc-graphic:focus-visible{outline:2px solid #1765ac;outline-offset:2px;border-radius:18px}
#cc-share-status{min-height:1em;font-size:12px;line-height:1.1;margin:2px 0 0}
.stage__footer{padding:5px 12px;font-size:12px}
@media(min-width:760px){.stage__content{gap:5px}.calculator{width:min(480px,calc((100dvh - 235px)*560/830),calc(100vw - 24px))}}
@media(max-width:600px){.stage__content{padding:5px 5px 8px;gap:5px}.calculator{width:min(calc(100vw - 14px),560px)}.cc-information{padding:0 4px}.cc-share-secondary{gap:6px}.cc-graphic--main{width:min(220px,65vw)}.cc-share-secondary .cc-graphic{width:min(170px,45vw)}}

/* v37: três botões em uma linha, mesma altura visual; texto compacto */
.cc-information{width:min(100%,990px);padding:0 5px}
.cc-information h2{max-width:650px;margin:2px auto 6px;font-size:clamp(15px,1.45vw,19px);line-height:1.16;text-wrap:balance}
.cc-information>p:not(#cc-share-status){max-width:960px;font-size:clamp(11px,.92vw,13px);line-height:1.24;margin:0 auto 7px}
.cc-share-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(7px,1.3vw,18px);width:100%;flex-wrap:nowrap}
.cc-share-secondary{display:contents}
.cc-graphic,.cc-graphic--main,.cc-share-secondary .cc-graphic{width:auto;flex:0 1 auto;min-width:0;max-width:none}
.cc-graphic img{display:block;width:auto;height:clamp(33px,4vw,49px);max-width:100%;object-fit:contain}
.cc-graphic--main{order:2}.cc-share-secondary #cc-whatsapp{order:1}.cc-share-secondary #cc-email{order:3}
#cc-share-status{margin:3px 0 0;min-height:0;font-size:11px}
@media(max-width:600px){.cc-information h2{font-size:clamp(14px,3.5vw,17px);max-width:96%}.cc-information>p:not(#cc-share-status){font-size:11px;line-height:1.23}.cc-share-buttons{gap:5px}.cc-graphic img{height:clamp(22px,6vw,36px)}}

/* v38: barra original fornecida pelo diretor de arte, sem reconstrução ou distorção */
.cc-share-composite{position:relative;display:block;width:min(100%,960px);margin:0 auto;line-height:0}
.cc-share-art{display:block;width:100%;height:auto;object-fit:contain}
.cc-share-hit{position:absolute;top:0;height:100%;border:0;padding:0;background:transparent;cursor:pointer}
.cc-share-hit--whatsapp{left:0;width:25.8%}
.cc-share-hit--copy{left:25.8%;width:47.6%}
.cc-share-hit--email{left:73.4%;width:26.6%}
.cc-share-hit:focus-visible{outline:3px solid #175dbe;outline-offset:-3px;border-radius:16px}

/* v39 — ajuste ergonômico solicitado: barra 50%, espaçamento e margens */
body{padding:20px 30px}
.stage{min-height:calc(100dvh - 40px)}
.stage__content{gap:3px;padding:3px 8px 3px}
.cc-information h2{margin:1px auto 3px}
.cc-information>p:not(#cc-share-status){margin:0 auto 2px}
.cc-share-composite{width:min(50%,480px);margin:-4px auto 12px}
#cc-share-status{margin:0;line-height:1;min-height:0}
.stage__footer{padding:3px 12px;font-size:11px}
@media(max-width:600px){body{padding:20px 30px}.stage{min-height:calc(100dvh - 40px)}.stage__content{padding:3px 3px 3px}.cc-share-composite{width:min(100%,480px);margin:-2px auto 12px}}

/* v41 — respiro inferior dos botoes sem alterar a arte */
.cc-share-composite{margin-bottom:20px}
@media(max-width:600px){.cc-share-composite{margin-bottom:20px}}
/* V42: footer estável e distância mínima independente do idioma */
.stage{min-height:calc(100dvh - 40px)}
.stage__content{flex:1 0 auto;justify-content:flex-start}
.cc-share-composite{margin-bottom:0}
.cc-information{padding-bottom:14px}
.stage__footer{margin-top:auto;flex:none;min-height:28px;padding:5px 12px}
@media(max-width:600px){.cc-share-composite{margin-bottom:0}.cc-information{padding-bottom:14px}}

/* v43 — caixa invisível H3/P e distribuição vertical sem cortar traduções */
html,body{height:100%;overflow-x:hidden}
.stage{height:calc(100dvh - 40px);min-height:0;display:flex;flex-direction:column}
.stage__header{flex:none}
.stage__content{flex:1 1 auto;min-height:0;gap:clamp(3px,.7dvh,7px);padding:4px 8px 8px;justify-content:flex-start;overflow:hidden}
.calculator{width:min(480px,calc(100vw - 76px),max(155px,calc((100dvh - 300px)*560/830)));flex:none}
.cc-information{width:min(100%,990px);min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 10px 0;margin:0 auto;text-align:center;overflow:visible}
.cc-information h3{font-size:clamp(14px,1.45vw,19px);line-height:1.17;max-width:700px;width:100%;margin:0 auto 6px;font-weight:800;text-wrap:balance;text-align:center}
.cc-information>p[data-cc-i18n="CCOPS_002"]{font-size:clamp(11px,.95vw,13px);line-height:1.28;width:100%;max-width:960px;margin:0 auto 9px;padding:0 8px;text-align:center;max-height:clamp(55px,15dvh,118px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.cc-share-composite{width:min(50%,480px);margin:0 auto 9px;flex:none}
#cc-share-status{margin:0;flex:none}
.stage__footer{flex:none;min-height:29px;margin-top:auto;padding:5px 12px}
@media(max-width:600px){.calculator{width:min(calc(100vw - 76px),max(135px,calc((100dvh - 320px)*560/830)))}.cc-information{padding:0 3px}.cc-information h3{font-size:clamp(13px,3.4vw,17px)}.cc-information>p[data-cc-i18n="CCOPS_002"]{font-size:11px;max-height:clamp(65px,19dvh,130px)}.cc-share-composite{width:min(100%,480px);margin-bottom:9px}}
@media(max-height:560px){.calculator{width:min(300px,calc(100vw - 76px),max(110px,calc((100dvh - 245px)*560/830)))}.cc-information h3{font-size:13px;margin-bottom:3px}.cc-information>p[data-cc-i18n="CCOPS_002"]{max-height:64px;margin-bottom:5px}.cc-share-composite{margin-bottom:5px}}

/* v44 — correção pontual: proporção v42, caixa de texto real e distribuição vertical */
.stage{height:calc(100dvh - 40px);min-height:0}
.stage__content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;justify-content:flex-start;align-items:center;gap:0;padding:5px 8px 12px;overflow:visible}
.calculator{width:min(480px,calc(100vw - 76px),max(155px,calc((100dvh - 245px)*560/830)));flex:0 0 auto}
.cc-information{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 1 auto;min-height:0;width:min(100%,990px);padding:7px 12px 0;margin:0 auto;background:transparent;border:0;text-align:center;overflow:visible}
.cc-information h3{font-size:clamp(14px,1.45vw,19px);line-height:1.17;max-width:700px;margin:0 auto 5px;padding:0 6px;text-align:center;text-wrap:balance;flex:none}
.cc-information>p[data-cc-i18n="CCOPS_002"]{font-size:clamp(11px,.95vw,13px);line-height:1.28;width:100%;max-width:960px;margin:0 auto 9px;padding:0 10px;text-align:center;max-height:clamp(44px,9dvh,80px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;flex:0 1 auto}
.cc-share-composite{width:min(50%,480px);margin:0 auto 0;flex:0 0 auto}
#cc-share-status{min-height:0;margin:0;font-size:11px}
.stage__footer{margin-top:auto;min-height:29px;flex:0 0 auto;padding:5px 12px}
@media(max-width:600px){.calculator{width:min(calc(100vw - 76px),max(135px,calc((100dvh - 275px)*560/830)))}.cc-information{padding:6px 4px 0}.cc-information>p[data-cc-i18n="CCOPS_002"]{max-height:clamp(60px,16dvh,120px)}.cc-share-composite{width:min(100%,480px);margin:0}}
@media(max-height:560px){.calculator{width:min(300px,calc(100vw - 76px),max(110px,calc((100dvh - 235px)*560/830)))}.cc-information{padding-top:3px}.cc-information h3{margin-bottom:3px}.cc-information>p[data-cc-i18n="CCOPS_002"]{max-height:55px;margin-bottom:5px}}

/* v45 — restaura dimensao v42; texto completo em caixa invisivel sem rolagem */
.stage{height:calc(100dvh - 40px);min-height:0;display:flex;flex-direction:column}
.stage__content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:3px 8px 0;overflow:visible}
.calculator{width:min(480px,calc((100dvh - 235px)*560/830),calc(100vw - 24px));max-width:100%;flex:0 0 auto}
.cc-information{box-sizing:border-box;width:min(100%,560px);max-width:560px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;margin:0 auto;padding:4px 12px 0;border:0;background:transparent;overflow:visible;text-align:center}
.cc-information h3{box-sizing:border-box;width:100%;max-width:100%;font-size:clamp(14px,1.45vw,19px);line-height:1.16;font-weight:800;text-wrap:balance;text-align:center;margin:0 auto 6px;padding:0}
.cc-information>p[data-cc-i18n="CCOPS_002"]{box-sizing:border-box;display:block;width:100%;max-width:100%;height:auto;max-height:none;min-height:0;overflow:visible;scrollbar-width:auto;font-size:clamp(11px,.92vw,13px);line-height:1.25;text-align:center;white-space:normal;overflow-wrap:break-word;margin:0 auto 10px;padding:0}
.cc-share-composite{width:min(100%,480px);max-width:480px;flex:0 0 auto;margin:0 auto 0}
#cc-share-status{min-height:0;margin:0;flex:none}
.stage__footer{flex:0 0 auto;margin-top:auto;min-height:29px;padding:5px 12px}
@media(max-width:600px){.calculator{width:min(calc(100vw - 24px),calc((100dvh - 235px)*560/830))}.cc-information{width:min(100%,560px);padding:4px 8px 0}.cc-information h3{font-size:clamp(13px,3.4vw,17px)}.cc-information>p[data-cc-i18n="CCOPS_002"]{font-size:11px;max-height:none;overflow:visible;margin-bottom:8px}.cc-share-composite{width:min(100%,480px)}}
@media(max-height:560px){.calculator{width:min(480px,calc((100dvh - 210px)*560/830),calc(100vw - 24px))}.cc-information{padding-top:2px}.cc-information h3{margin-bottom:4px}.cc-information>p[data-cc-i18n="CCOPS_002"]{max-height:none;overflow:visible;margin-bottom:6px}}

/* v46 — texto H3/P único, arte sem fundo branco, layout vertical compacto */
.stage{height:calc(100dvh - 40px);min-height:0}
.stage__content{flex:1 1 auto;min-height:0;overflow:visible;justify-content:flex-start;gap:0;padding:2px 8px 0}
.calculator{width:min(480px,calc((100dvh - 235px)*560/830),calc(100vw - 24px));flex:0 0 auto}
.cc-information{width:min(100%,620px);max-width:620px;padding:1px 10px 0;flex:0 0 auto;overflow:visible}
.cc-information h3{width:100%;max-width:100%;font-size:clamp(14px,1.45vw,19px);line-height:1.13;margin:0 auto 3px;padding:0;text-align:center;text-wrap:balance}
.cc-information>p[data-cc-i18n="CCOPS_002"]{width:100%;max-width:100%;font-size:clamp(11px,.92vw,13px);line-height:1.23;margin:0 auto 5px;padding:0;text-align:center;max-height:none;height:auto;overflow:visible;white-space:normal}
.cc-share-composite{width:min(100%,480px);margin:0 auto 0;flex:none}
.stage__footer{margin-top:auto;min-height:29px;padding:4px 12px;flex:none}
@media(max-width:600px){.calculator{width:min(calc(100vw - 24px),calc((100dvh - 235px)*560/830))}.cc-information{width:min(100%,620px);padding:1px 4px 0}.cc-information h3{font-size:clamp(13px,3.4vw,17px)}.cc-information>p[data-cc-i18n="CCOPS_002"]{font-size:11px;margin-bottom:5px}}
@media(max-height:560px){.calculator{width:min(480px,calc((100dvh - 210px)*560/830),calc(100vw - 24px))}}

/* v48 — quatro botões Bootstrap 5, sem efeitos, cantos quadrados, 20px de intervalo */
.stage{height:auto;min-height:calc(100dvh - 40px);overflow:visible}
.stage__content{overflow:visible;padding-bottom:20px}
.cc-information{overflow:visible;padding-bottom:0}
.cc-information>p[data-cc-i18n="CCOPS_002"]{overflow:visible;max-height:none}
.cc-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;width:100%;margin:10px auto 0}
.cc-actions .cc-plain{border-radius:0!important;box-shadow:none!important;background-image:none!important;transform:none!important;transition:none!important;white-space:nowrap;font:400 14px/1.4 Arial,Helvetica,sans-serif;padding:7px 13px;text-decoration:none}
.cc-actions .cc-plain:focus-visible{outline:2px solid #153c67;outline-offset:2px}
#cc-share-status{min-height:0;margin:3px auto 0}
@media(max-width:600px){.cc-actions{gap:20px}.cc-actions .cc-plain{font-size:13px}}

/* v49: assets finais fornecidos pelo autor; proporções preservadas, botões inativos. */
.cc-actions{display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.2vw,16px);flex-wrap:nowrap;width:min(100%,1160px);margin:8px auto 0}
.cc-actions .cc-asset-button{display:block;position:relative;flex:1 1 0;min-width:0;max-width:260px;appearance:none;border:0!important;background:transparent!important;padding:0!important;margin:0;box-shadow:none!important;opacity:1!important;filter:none!important;cursor:default;line-height:0;pointer-events:none}
.cc-actions .cc-asset-button--brand{flex:1.72 1 0;max-width:450px}
.cc-actions .cc-asset-button>img{display:block;width:100%;height:clamp(22px,5.5vw,66px);object-fit:fill;object-position:center;opacity:1!important}
.cc-actions .cc-asset-button--install .cc-install-translation{display:none;position:absolute;inset:0 2% 0 28%;align-items:center;justify-content:center;font-family:'Open Sans Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:clamp(8px,1.7vw,24px);line-height:1.05;text-align:center;color:#fff;text-shadow:1px 2px 4px #650039;white-space:normal}
.cc-actions .cc-asset-button--install.cc-localized .cc-install-translation{display:flex}
.cc-actions .cc-asset-button--install.cc-localized::before{content:'⬇';position:absolute;left:8%;top:15%;width:18%;height:70%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(#fff,#ddd);color:#a30073;font-size:clamp(13px,2.5vw,35px);z-index:1;line-height:1}
@media(max-width:600px){.cc-actions{gap:4px;flex-wrap:wrap}.cc-actions .cc-asset-button{flex:1 1 calc(50% - 5px);max-width:none}.cc-actions .cc-asset-button--brand{flex:1 1 calc(50% - 5px);max-width:none}.cc-actions .cc-asset-button>img{height:clamp(30px,8vw,52px)}.cc-actions .cc-asset-button--install .cc-install-translation{font-size:clamp(10px,3.3vw,18px)}}

}

/* Crazy Calculator — ajuste editorial 12/11/2026 */
@scope (.cc-page) {
 .stage{height:auto;min-height:calc(100dvh - 20px)}
 .stage__content{padding:0 8px 10px;gap:0;justify-content:flex-start}
 .calculator{width:min(560px,calc(100vw - 24px),calc((100dvh - 190px)*560/830));}
 .product,.cc-information h3{color:#2C5D82}
 .cc-information{width:min(100%,780px);max-width:780px;padding:0 10px}
 .cc-information h3{font-size:clamp(14px,1.45vw,19px);line-height:1.12;margin:0 auto 2px;font-weight:800}
 .cc-information>p[data-cc-i18n="CCOPS_002"]{font-size:clamp(11px,.92vw,13px);line-height:1.2;margin:0 auto 4px}
 .cc-actions{gap:clamp(5px,1vw,12px);margin:4px auto 0;width:min(100%,760px);flex-wrap:nowrap}
 .cc-actions .cc-asset-button{flex:3.406 1 0;max-width:none;min-width:0}
 .cc-actions .cc-asset-button--brand{flex:6.036 1 0;max-width:none}
 .cc-actions .cc-asset-button--install{flex:4.382 1 0}
 .cc-actions .cc-asset-button>img{width:100%;height:auto;aspect-ratio:579/170;object-fit:contain}
 .cc-actions .cc-asset-button--brand>img{aspect-ratio:996/165}
 .cc-actions .cc-asset-button--install>img{aspect-ratio:758/173}
 .cc-actions .cc-asset-button--install .cc-install-translation{display:flex;inset:0 2% 0 27%;font-family:'Open Sans Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:clamp(9px,1.45vw,19px);line-height:1.05;color:#fff;text-shadow:1px 2px 3px #650039;white-space:nowrap}
 .cc-actions .cc-asset-button--install::before{display:none!important}
 #cc-share-status{display:none}
 @media(max-width:600px){.calculator{width:min(calc(100vw - 24px),calc((100dvh - 195px)*560/830))}.cc-information{padding:0 4px}.cc-actions{gap:4px;flex-wrap:nowrap}.cc-actions .cc-asset-button{flex:3.406 1 0;max-width:none}.cc-actions .cc-asset-button--brand{flex:6.036 1 0}.cc-actions .cc-asset-button--install{flex:4.382 1 0}.cc-actions .cc-asset-button>img{height:auto}.cc-actions .cc-asset-button--install .cc-install-translation{font-size:clamp(7px,1.7vw,12px)}}
}

/* v51 — restauração editorial e ajuste proporcional exclusivo da Crazy Calculator */
@scope (.cc-page) {
  .stage { height: calc(100dvh - 20px); min-height: 0; overflow: hidden; }
  .stage__content { padding: 4px 20px 10px; gap: 0; overflow: visible; }
  .calculator { width: min(560px, calc(100vw - 40px), calc((100dvh - 225px) * 560 / 830)); }
  .product, .cc-information h2 { color: #2C5D82; }
  .cc-information { width: min(100%, 800px); max-width: 800px; padding: 2px 10px 0; }
  .cc-information h2 { font-size: clamp(17px, 1.65vw, 22px); line-height: 1.16; margin: 0 auto 3px; font-weight: 800; text-align: center; }
  .cc-information > p[data-cc-i18n="CCOPS_002"] { width: 100%; max-width: 100%; font-size: clamp(11px, 1vw, 13px); line-height: 1.25; margin: 0 auto 5px; overflow: visible; }
  .cc-actions { margin: 3px auto 0; }
  .cc-actions .cc-asset-button--install .cc-install-translation { display: flex; }
  @media(max-width:600px) {
    .stage { height: auto; min-height: calc(100dvh - 20px); overflow: visible; }
    .stage__content { padding: 5px 10px 10px; }
    .calculator { width: min(calc(100vw - 24px), calc((100dvh - 245px) * 560 / 830)); }
    .cc-information h2 { font-size: clamp(16px, 3.6vw, 19px); }
    .cc-information > p[data-cc-i18n="CCOPS_002"] { font-size: 11px; }
  }
}

/* v53 — ajuste solicitado: enquadramento da Crazy Calculator, sem alterar escala da arte. */
body.cc-page {
  box-sizing: border-box;
  margin: 0;
  padding: 20px 30px;
}
body.cc-page .stage {
  box-sizing: border-box;
  width: 100%;
  height: calc(100dvh - 40px);
  min-height: 0;
}
body.cc-page .stage__content {
  box-sizing: border-box;
  padding-bottom: 20px;
}
body.cc-page .stage__header .product,
body.cc-page .cc-information h2 {
  color: #2C5D82;
}
body.cc-page .cc-information > p[data-cc-i18n="CCOPS_002"] {
  color: #2C5D82;
  font-weight: 800;
  font-family: 'Open Sans Condensed', 'Arial Narrow', Arial, sans-serif;
}
@media (max-width: 600px) {
  body.cc-page { padding: 20px 30px; }
  body.cc-page .stage { height: auto; min-height: calc(100dvh - 40px); }
}

/* v54 — somente Crazy Calculator: preservar escala da arte e restituir respiro inferior. */
body.cc-page .stage {
  height: auto;
  min-height: calc(100dvh - 40px);
  overflow: visible;
}
body.cc-page .stage__content {
  flex: 1 0 auto;
  padding-bottom: 20px;
}
body.cc-page .stage__header .product,
body.cc-page .cc-information #cc-heading {
  color: #2C5D82 !important;
}
body.cc-page .cc-information {
  width: min(100%, 1020px);
  max-width: 1020px;
}
body.cc-page .cc-information #cc-heading {
  margin: 0 auto 8px;
}
body.cc-page .cc-information > p[data-cc-i18n="CCOPS_002"] {
  color: #2C5D82 !important;
  font-family: 'Open Sans Condensed', 'Arial Narrow', Arial, sans-serif;
  font-size: clamp(14px, 1.15vw, 16px);
  font-weight: 400;
  line-height: 1.3;
  margin: 0 auto 12px;
}
body.cc-page .cc-actions { margin: 0 auto; }
body.cc-page #cc-share-status:empty { display: none; }

/* v55: redistribuicao vertical exclusiva da barra CC, sem alterar a escala da calculadora. */
body.cc-page .cc-information .cc-actions { margin-top: 12px !important; margin-bottom: 0 !important; }

/* v56 — correção pontual da distribuição vertical, sem mudar a escala da calculadora. */
body.cc-page .stage__header .product,
body.cc-page .cc-information #cc-heading,
body.cc-page .cc-information > p[data-cc-i18n="CCOPS_002"] { color: #2C5D82 !important; }
body.cc-page .cc-information > p[data-cc-i18n="CCOPS_002"] {
  font-weight: 400 !important;
  font-size: clamp(14px, 1.15vw, 16px) !important;
  line-height: 1.3;
  margin-bottom: 0 !important;
}
body.cc-page .cc-information .cc-actions {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
}
body.cc-page .stage__content { padding-bottom: 20px !important; }
body.cc-page .stage { height: auto !important; min-height: calc(100dvh - 40px); overflow: visible !important; }
/* v58 — padrao tipografico global e espacamento vertical CC. */
:root { --fenixx-text-blue: #2C5D82; }
body:not(.cc-page) h1,body:not(.cc-page) h2,body:not(.cc-page) h3,body:not(.cc-page) .catalog-title,body:not(.cc-page) .product-title,body:not(.cc-page) .placeholder-title,body:not(.cc-page) .placeholder-copy { color:var(--fenixx-text-blue) !important; }
body.cc-page .stage__header .product, body.cc-page #cc-heading, body.cc-page .cc-information > p[data-cc-i18n="CCOPS_002"] { color:var(--fenixx-text-blue) !important; font-family:NotoCond,'Open Sans Condensed','Arial Narrow',sans-serif !important; }
body.cc-page .stage__header .product {font-weight:700 !important;}
body.cc-page .cc-information #cc-heading {font-weight:700 !important;}
body.cc-page .cc-information > p[data-cc-i18n="CCOPS_002"] {font-size:clamp(15px,1.3vw,18px) !important; font-weight:600 !important; line-height:1.25 !important; margin:0 !important;}
body.cc-page .cc-information {padding-top:8px !important;}
body.cc-page .cc-information #cc-heading {margin:0 auto 7px !important;}
body.cc-page .cc-information .cc-actions {margin-top:15px !important; margin-bottom:0 !important;}
body.cc-page .stage__content {padding-bottom:20px !important;}
body.cc-page .stage {overflow:visible !important;}
/* A imagem original e sua escala nao sao modificadas. */

/* v60 — ajuste vertical pontual, sem redimensionar a calculadora. */
body.cc-page .cc-information { padding-top: 5px !important; }
body.cc-page .cc-information .cc-actions { margin-top: 12px !important; }
body.cc-page .stage__content { padding-bottom: 15px !important; }
body.cc-page .stage__header .product { color: #2C5D82 !important; }

/* V62 — controle unico do aviso EM BREVE nos placeholders.
   Um seletor, uma animacao e nenhuma alteracao nos titulos ou na matriz. */
@keyframes fenixx-placeholder-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
body.page-catalog :is([data-coming-soon], #coming-soon-text) {
  color: #ff0000 !important;
  animation: fenixx-placeholder-blink 1s steps(1, end) infinite !important;
}

