/* Blog JVNET. Todos os estilos de conteúdo são isolados; cabeçalho e rodapé originais. */
.jb-page{font-family:Arial,Helvetica,sans-serif;color:#071c5d;background:#f1faff;line-height:1.6;width:100%;overflow-wrap:anywhere}
.jb-page *{box-sizing:border-box}.jb-page .jb-wrap{width:min(1120px,calc(100% - 64px));margin-left:auto;margin-right:auto}
.jb-page a:focus-visible{outline:3px solid #0073e8;outline-offset:5px}.jb-page .jb-hero{position:relative;aspect-ratio:2048/717;background:#e6f4ff;overflow:hidden}
.jb-page .jb-hero-image{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.jb-page .jb-hero-copy{position:absolute;left:max(4.7%,calc((100% - 1740px)/2));top:50%;transform:translateY(-50%);width:53%;max-width:950px}
.jb-page h1{font-size:clamp(32px,4.5vw,82px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;font-weight:800;color:#03064d}
.jb-page .jb-hero-copy>p{font-size:clamp(18px,2.1vw,38px);line-height:1.22;color:#0759d5;max-width:90%;margin:0}
.jb-page .jb-article{margin-top:36px;margin-bottom:36px;padding:36px 40px;background:#fff;border:1px solid #d5e9fa;border-radius:20px;box-shadow:0 10px 35px #103d6e07}
.jb-page .jb-intro{font-size:19px;line-height:1.7;color:#486182;margin:0 0 28px}
.jb-page .jb-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;padding:25px;border:1px solid #d4e9fa;border-radius:15px;margin:18px 0;background:linear-gradient(120deg,#f4faff,#fff 60%)}
.jb-page .jb-number{display:grid;place-items:center;width:48px;height:48px;background:#ddf0ff;border-radius:14px;color:#0067e5;font-size:24px;font-weight:800}
.jb-page h2{font-size:26px;line-height:1.3;margin:0 0 12px;color:#0c285e}.jb-page .jb-step h2{font-size:23px;margin:0 0 9px}
.jb-page .jb-step p{font-size:18px;line-height:1.65;margin:0;color:#4b6485}.jb-page .jb-step figure{margin:22px 0 0}.jb-page .jb-step img{display:block;width:100%;max-width:850px;height:auto;border-radius:12px}
.jb-page .jb-notice{border-left:4px solid #1686ef;padding:18px 22px;margin:26px 0;background:#edf7ff;border-radius:0 12px 12px 0;font-size:17px;color:#35547a}.jb-page .jb-notice strong{color:#123567}.jb-page .jb-notice p{margin:5px 0 0}
.jb-page .jb-support{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#dff2ff;border-radius:15px;padding:26px;margin-top:28px}.jb-page .jb-support h2{font-size:24px;margin:0 0 6px}.jb-page .jb-support p{font-size:17px;color:#416082;margin:0}
.jb-page a.jb-button{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(110deg,#005ddf,#0789ec);color:#fff;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;min-height:46px}.jb-page a.jb-button:hover{background:#0059c8}
.jb-page .jb-video{margin-bottom:30px}.jb-page .jb-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#071c5d}
.jb-page .jb-related{padding-bottom:38px}.jb-page .jb-related-grid,.jb-page .jb-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jb-page .jb-related-grid>a{display:block;border:1px solid #d3e6f8;background:#fff;border-radius:15px;padding:24px;color:inherit;text-decoration:none}.jb-page .jb-related-grid h3{font-size:20px;line-height:1.3;margin:0 0 9px}.jb-page .jb-related-grid p{font-size:16px;line-height:1.6;color:#50688a;margin:0}
.jb-page .jb-all{display:inline-block;color:#0060d0;font-weight:700;margin-top:24px;font-size:17px;text-underline-offset:4px}.jb-page .jb-index-head{padding:50px 0 32px}.jb-page .jb-index-head h1{font-size:48px;letter-spacing:-1.5px}.jb-page .jb-index-head p{font-size:20px;color:#4b6485;margin:0}.jb-page .jb-index-grid{padding-bottom:48px}
.jb-page .jb-index-card{display:block;overflow:hidden;text-decoration:none;border:1px solid #d5e8f8;border-radius:17px;background:#fff;color:inherit;box-shadow:0 8px 25px #103c6b06}.jb-page .jb-index-card>img{display:block;width:100%;height:auto;aspect-ratio:2048/717;object-fit:contain}.jb-page .jb-index-card>div{padding:23px}.jb-page .jb-index-card h2{font-size:23px;margin:0 0 10px}.jb-page .jb-index-card p{font-size:17px;line-height:1.55;color:#50698a;margin:0 0 16px}.jb-page .jb-index-card span{color:#0064dc;font-weight:700}.jb-page .jb-empty{padding:64px 0}
@media(min-width:2000px){.jb-page .jb-hero{max-height:750px;aspect-ratio:auto;height:35vw}.jb-page .jb-hero-image{object-fit:cover}}
@media(max-width:850px){.jb-page .jb-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jb-page .jb-related-grid{grid-template-columns:1fr}.jb-page .jb-article{padding:27px}.jb-page .jb-hero-copy>p{font-size:18px}.jb-page h1{font-size:34px}.jb-page .jb-support{flex-wrap:wrap}}
@media(max-width:680px){.jb-page .jb-wrap{width:calc(100% - 28px)}.jb-page .jb-hero{aspect-ratio:auto;display:flex;flex-direction:column}.jb-page .jb-hero-image{width:100%;height:auto;aspect-ratio:2048/717}.jb-page .jb-hero-copy{position:static;transform:none;width:auto;max-width:none;padding:25px 22px 28px;background:linear-gradient(120deg,#e2f3ff,#f1faff)}.jb-page h1{font-size:32px;letter-spacing:-.8px;margin-bottom:13px}.jb-page .jb-hero-copy>p{font-size:18px;line-height:1.45;max-width:none}.jb-page .jb-article{padding:21px 17px;margin-top:20px;margin-bottom:25px;border-radius:16px}.jb-page .jb-intro{font-size:17px;margin-bottom:22px}.jb-page .jb-step{grid-template-columns:34px minmax(0,1fr);padding:17px 13px;gap:12px;margin:15px 0}.jb-page .jb-number{width:34px;height:34px;font-size:19px;border-radius:10px}.jb-page .jb-step h2{font-size:20px}.jb-page .jb-step p{font-size:16px;line-height:1.65}.jb-page .jb-step figure{margin-top:16px}.jb-page .jb-notice{padding:15px;font-size:16px}.jb-page .jb-support{padding:20px;gap:18px}.jb-page .jb-support h2,.jb-page h2{font-size:23px}.jb-page a.jb-button{white-space:normal;font-size:16px}.jb-page .jb-index-head{padding:30px 0 24px}.jb-page .jb-index-head h1{font-size:34px;letter-spacing:-.8px}.jb-page .jb-index-head p{font-size:18px}.jb-page .jb-index-grid{grid-template-columns:1fr;gap:18px}.jb-page .jb-index-card>div{padding:21px}.jb-page .jb-related-grid>a{padding:20px}}

/* ETAPA 140 — conteúdo ilustrado aprovado; regras limitadas às páginas de artigo. */
.jb-approved .jb-hero{aspect-ratio:919/249;background:#e8f6ff url('assets/approved/client-waves.svg') center/cover no-repeat;min-height:300px}
.jb-approved .jb-hero-copy{left:5%;width:48%;z-index:2}.jb-approved h1{font-size:clamp(36px,5.1vw,82px);line-height:1.06;letter-spacing:-.035em;margin-bottom:18px}
.jb-approved .jb-hero-copy>p{font-size:clamp(20px,2.5vw,37px);line-height:1.22;max-width:95%}
.jb-approved .jb-hero-photo-layout .jb-hero-image{position:absolute;right:0;left:auto;top:0;width:57%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent,#000 14%);-webkit-mask-image:linear-gradient(to right,transparent,#000 14%)}
.jb-approved .jb-article{padding:24px;margin-top:16px;margin-bottom:26px;border-radius:17px}.jb-approved .jb-video{margin-bottom:20px}.jb-approved .jb-video>h2{font-size:32px;color:#03064d;letter-spacing:-.6px;margin:0 0 16px}
.jb-approved .jb-video-cover{display:block;position:relative;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:#d9efff;text-align:inherit;line-height:0}
.jb-approved button.jb-video-cover{cursor:pointer}.jb-approved button.jb-video-cover:focus-visible{outline:3px solid #0074e8;outline-offset:4px}.jb-approved .jb-video-cover img{display:block;width:100%;height:auto}
.jb-approved .jb-video-pending>span{position:absolute;right:12px;top:12px;padding:9px 13px;border-radius:7px;background:#fff;color:#0c3a74;font-size:14px;font-weight:700;line-height:1.2;box-shadow:0 2px 10px #173c6620}
.jb-approved .jb-video iframe{aspect-ratio:16/9;width:100%;height:auto;border:0;display:block;border-radius:12px}
.jb-approved .jb-intro{font-size:20px;line-height:1.55;margin:14px 0 20px;color:#3c5aa4}
.jb-approved .jb-step{display:block;min-height:0;padding:0;margin:17px 0;gap:0;background:#fff;border-color:#cce6fa;border-radius:12px;overflow:hidden}
.jb-approved .jb-step.jb-step-illustrated{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);align-items:stretch;min-height:180px}
.jb-approved .jb-step-illustrated:nth-child(even){grid-template-columns:minmax(0,57%) minmax(0,43%)}
.jb-approved .jb-step figure{margin:0;width:100%;height:100%;display:flex;align-items:center;background:#edf7ff}
.jb-approved .jb-step figure img{display:block;width:100%;max-width:none;height:auto;max-height:none;object-fit:contain;border-radius:0;margin:0}
.jb-approved .jb-step-illustrated:nth-child(even)>figure{grid-column:2;grid-row:1}.jb-approved .jb-step-illustrated:nth-child(even)>.jb-step-copy{grid-column:1;grid-row:1}
.jb-approved .jb-step-copy{min-width:0;padding:18px 20px;align-self:center}.jb-approved .jb-step-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:10px}
.jb-approved .jb-number{flex:0 0 40px;width:40px;height:40px;border-radius:50%;font-size:23px;background:#006dff;color:white}
.jb-approved .jb-step h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;color:#06114b;margin:4px 0 0}
.jb-approved .jb-step p{font-size:18px;line-height:1.5;color:#4963a0;margin:0}.jb-approved .jb-step .jb-tip{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;background:#e1f4ff;color:#0065db;padding:12px;border-radius:8px;margin:14px 0 0}
.jb-approved .jb-tip>svg{flex:0 0 24px;width:24px;height:28px}.jb-approved .jb-notice{display:flex;align-items:center;gap:20px;padding:17px 20px;border:0;border-radius:12px;background:#dcf2ff;margin:20px 0 12px;font-size:17px}
.jb-approved .jb-notice-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#0074ff;color:#fff;font-weight:800;font-size:28px;border-radius:50%}
.jb-approved .jb-notice>strong{color:#0b215b;font-size:20px}.jb-approved .jb-notice>p{margin:0;font-size:17px;line-height:1.45;color:#36558f}
.jb-approved .jb-extra-text{padding:22px 24px;margin:14px 0;border:1px solid #cfe6f8;border-radius:12px;background:#fff;color:#355379}.jb-approved .jb-extra-text p{font-size:18px;line-height:1.7;margin:0;white-space:normal}
.jb-approved .jb-support{gap:18px;padding:20px;margin-top:12px;background:#dff3ff}.jb-approved .jb-support-icon{flex:0 0 54px;width:54px;height:54px;border-radius:12px;background:#d1edff;color:#0074ff;display:grid;place-items:center}.jb-approved .jb-support-icon svg{width:36px;height:36px}
.jb-approved .jb-support>div{flex:1}.jb-approved .jb-support h2{font-size:23px;color:#071754}.jb-approved .jb-support p{font-size:16px}.jb-approved .jb-support .jb-button{font-size:17px;flex-shrink:0}
.jb-approved .jb-related h2{font-size:28px;color:#071754}.jb-approved .jb-related-grid{gap:16px}.jb-approved .jb-related-grid>a{display:flex;align-items:flex-start;gap:14px;padding:20px 16px;border-radius:13px}.jb-approved .jb-related-icon{display:grid;place-items:center;background:#e0f4ff;flex:0 0 48px;width:48px;height:48px;padding:9px;border-radius:10px;color:#0070e9}.jb-approved .jb-related-icon svg{width:100%;height:100%}
.jb-approved .jb-related-grid h3{font-size:19px;margin:0 0 7px;color:#081855}.jb-approved .jb-related-grid p{font-size:15px;line-height:1.5}
@media(max-width:1000px){.jb-approved .jb-step h2{font-size:21px}.jb-approved .jb-step p{font-size:17px}.jb-approved .jb-step .jb-tip{font-size:15px}.jb-approved .jb-notice{flex-wrap:wrap;gap:12px}.jb-approved .jb-notice>p{flex-basis:100%}.jb-approved .jb-hero-copy>p{font-size:24px}}
@media(max-width:680px){
.jb-approved .jb-hero{display:flex;flex-direction:column-reverse;aspect-ratio:auto;min-height:0;background:#e8f6ff}
.jb-approved .jb-hero-photo-layout .jb-hero-image{position:static;width:100%;height:auto;aspect-ratio:479/248;object-fit:contain;mask-image:none;-webkit-mask-image:none}
.jb-approved .jb-hero-copy{position:static;transform:none;padding:24px 22px;width:100%;background:#e8f6ff url('assets/approved/client-waves.svg') center/cover no-repeat}
.jb-approved h1{font-size:34px;line-height:1.12;margin-bottom:14px}.jb-approved .jb-hero-copy>p{font-size:19px;line-height:1.4;max-width:none}
.jb-approved .jb-article{padding:16px 13px;margin-top:16px}.jb-approved .jb-video>h2{font-size:25px;letter-spacing:-.5px;line-height:1.2}.jb-approved .jb-video-pending>span{font-size:11px;padding:6px 8px;right:7px;top:7px}.jb-approved .jb-intro{font-size:17px;line-height:1.6}
.jb-approved .jb-step.jb-step-illustrated,.jb-approved .jb-step-illustrated:nth-child(even){grid-template-columns:1fr;min-height:0}.jb-approved .jb-step-illustrated:nth-child(even)>figure,.jb-approved .jb-step-illustrated:nth-child(even)>.jb-step-copy{grid-column:auto;grid-row:auto}
.jb-approved .jb-step figure{height:auto;max-height:none;justify-content:center}.jb-approved .jb-step figure img{width:100%;height:auto;max-height:none;object-fit:contain}.jb-approved .jb-step-copy{padding:17px 14px}.jb-approved .jb-number{flex-basis:34px;width:34px;height:34px;font-size:20px}.jb-approved .jb-step-heading{gap:11px}.jb-approved .jb-step h2{font-size:21px;letter-spacing:-.3px}.jb-approved .jb-step p{font-size:17px}.jb-approved .jb-step .jb-tip{font-size:15px;line-height:1.5;padding:11px}
.jb-approved .jb-notice{padding:17px;gap:12px}.jb-approved .jb-notice-icon{flex-basis:34px;height:34px;font-size:24px}.jb-approved .jb-notice>strong{font-size:19px}.jb-approved .jb-notice>p{font-size:16px;line-height:1.6}
.jb-approved .jb-extra-text{padding:18px}.jb-approved .jb-extra-text p{font-size:17px;line-height:1.7}.jb-approved .jb-support{display:flex;flex-wrap:wrap;gap:13px;padding:17px}.jb-approved .jb-support>div{flex:1 1 180px}.jb-approved .jb-support h2{font-size:21px}.jb-approved .jb-support .jb-button{width:100%;font-size:16px}.jb-approved .jb-support-icon{flex-basis:42px;width:42px;height:42px}.jb-approved .jb-support-icon svg{width:30px;height:30px}.jb-approved .jb-related h2{font-size:25px}
}

.jb-approved .jb-hero-photo-layout .jb-hero-image{object-position:center top}
@media(max-width:680px){.jb-approved .jb-hero-copy{background-image:linear-gradient(#e8f6ffde,#e8f6ffde),url('assets/approved/client-waves.svg')}.jb-approved .jb-hero-photo-layout .jb-hero-image{aspect-ratio:auto}}

/* PRÉVIA: apenas o campo de vídeo das 12 páginas do blog no celular. */
@media(max-width:680px){
 .jb-approved .jb-video{margin-left:-8px;margin-right:-8px}
 .jb-approved .jb-video>h2{margin-left:8px;margin-right:8px}
 .jb-approved .jb-video-cover{aspect-ratio:16/9;background:#d9efff}
 .jb-approved .jb-video-cover img{width:100%;height:100%;object-fit:contain}
 .jb-approved .jb-video iframe{aspect-ratio:16/9}
}

/* ETAPA 193: avisos completos e leitura nítida nos doze artigos. */
.jb-approved .jb-notice{
 display:grid;grid-template-columns:42px minmax(0,1fr);
 align-items:start;column-gap:16px;row-gap:6px
}
.jb-approved .jb-notice-icon{grid-column:1;grid-row:1 / span 2;width:42px;min-width:42px}
.jb-approved .jb-notice>strong{
 grid-column:2;min-width:0;white-space:nowrap;overflow-wrap:normal;
 word-break:normal;font-size:20px;line-height:1.4
}
.jb-approved .jb-notice>p{
 grid-column:2;min-width:0;font-size:18px;line-height:1.65;
 overflow-wrap:break-word;word-break:normal;color:#23466f
}
.jb-approved .jb-step h2{font-weight:700;letter-spacing:normal;line-height:1.3}
.jb-approved .jb-step p{color:#28496f;font-size:18px;line-height:1.65}
.jb-approved .jb-step .jb-tip{color:#0755ad;font-size:16px;line-height:1.5}
.jb-approved .jb-step figure img{image-rendering:auto}
@media(max-width:680px){
 .jb-approved .jb-notice{grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:16px 14px}
 .jb-approved .jb-notice-icon{width:34px;min-width:34px}
 .jb-approved .jb-notice>strong{font-size:19px}
 .jb-approved .jb-notice>p{grid-column:1 / -1;font-size:17px;line-height:1.65;margin-top:3px}
 .jb-approved .jb-notice-icon{grid-row:1}
 .jb-approved .jb-step h2{font-size:22px}
 .jb-approved .jb-step p{font-size:17px}
}

/* ETAPA 194: cenas ilustradas anteriores restauradas em alta definição. */
.jb-approved .jb-step figure>.jb-step-photo{display:block;width:100%;height:auto;overflow:hidden;flex-shrink:0}