/* R04: commercial detail pages only. Native frames around unedited real previews. */
body[data-product-page="r04"] {--product-base:#3157D5;--product-dark:#193A8A;--product-light:#DDE5FF;--product-on-base:#FFFFFF;--product-paper:#F6F3ED;}
body[data-product-page="r04"][data-product-tone="n3"] {--product-base:#D98B00;--product-dark:#744900;--product-light:#FFF0C9;--product-on-base:#000000;}
body[data-product-page="r04"] .product-detail {padding-block:1.5rem 4rem;}
body[data-product-page="r04"] .detail-opening {padding:clamp(1.25rem,3vw,3rem);background:var(--product-light);border-radius:1.5rem;gap:clamp(1.5rem,4vw,4rem);margin-block:1.5rem 1rem;align-items:center;}
body[data-product-page="r04"] .detail-copy h1 {color:var(--product-dark);}
body[data-product-page="r04"] .detail-copy .eyebrow {color:var(--product-dark);}
body[data-product-page="r04"] .detail-cover {max-width:24rem;}
body[data-product-page="r04"] .product-jump {display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;padding:1rem .25rem 2.5rem;}
body[data-product-page="r04"] .product-jump a {color:var(--product-dark);padding:.5rem .1rem;text-underline-offset:.3em;font-weight:700;}
body[data-product-page="r04"] .product-showcase,
body[data-product-page="r04"] .app-showcase {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,27rem);gap:clamp(1.5rem,4vw,5rem);align-items:center;padding:clamp(1.25rem,4vw,4rem);margin:0 0 2rem;border:0;border-radius:1.5rem;scroll-margin-top:1.5rem;}
body[data-product-page="r04"] .guide-showcase {background:#FFFFFF;}
body[data-product-page="r04"] .app-showcase {background:var(--product-paper);border-top:.35rem solid var(--product-base);}
body[data-product-page="r04"] .product-showcase > .detail-content {border:0;padding:0;}
body[data-product-page="r04"] .product-showcase .detail-content ul {display:block;max-width:60ch;}
body[data-product-page="r04"] .detail-content li {padding-block:.55rem;border-bottom:1px solid #17171718;}
body[data-product-page="r04"] .detail-content li::marker {color:var(--product-dark);}
body[data-product-page="r04"] .detail-content h2,
body[data-product-page="r04"] .app-showcase h2 {color:var(--product-dark);text-wrap:balance;}
body[data-product-page="r04"] .app-showcase .detail-use {padding:1.25rem 0 0;border-top:1px solid #17171730;}
body[data-product-page="r04"] .real-preview {min-width:0;width:100%;max-width:25rem;margin:0;justify-self:center;}
body[data-product-page="r04"] .phone-preview {max-width:25rem;}
body[data-product-page="r04"] .device-frame {background:#FFFFFF;border:1px solid #17171735;border-radius:.9rem;overflow:hidden;box-shadow:0 .75rem 2rem #17171710;}
body[data-product-page="r04"] .phone-preview .device-frame {border:.55rem solid #171717;border-radius:2rem;background:#171717;}
body[data-product-page="r04"] .device-label {padding:.8rem 1rem;background:var(--product-light);color:var(--product-dark);font-size:.875rem;font-weight:700;line-height:1.4;}
body[data-product-page="r04"] .phone-preview .device-label {background:#171717;color:#FFFFFF;text-align:center;}
body[data-product-page="r04"] .screen-scroll {max-height:36rem;max-height:min(36rem,75svh);overflow:auto;scrollbar-gutter:stable;overscroll-behavior:auto;background:#FFFFFF;}
body[data-product-page="r04"] .screen-scroll img {display:block;width:100%;height:auto;max-width:none;border-radius:0;object-fit:contain;}
body[data-product-page="r04"] .real-preview figcaption {display:grid;gap:.5rem;margin-top:1rem;color:#414643;font-size:.9rem;line-height:1.55;}
body[data-product-page="r04"] .real-preview figcaption strong {color:#171717;font-size:1rem;}
body[data-product-page="r04"] .real-preview figcaption a {display:inline-flex;align-items:center;flex-wrap:wrap;gap:.35rem;justify-self:start;min-height:44px;color:var(--product-dark);font-weight:700;text-underline-offset:.25em;}
body[data-product-page="r04"] .previous-demonstration {grid-column:1 / -1;border-top:1px solid #17171730;padding-top:1rem;}
body[data-product-page="r04"] .previous-demonstration summary {cursor:pointer;padding:.75rem 0;color:var(--product-dark);font-weight:700;}
body[data-product-page="r04"] .previous-demonstration .product-mockup {margin:1.25rem 0 0;}
body[data-product-page="r04"] .product-closing {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem 3rem;background:var(--product-base);color:var(--product-on-base);padding:clamp(1.5rem,3vw,3rem);border-radius:1.5rem;}
body[data-product-page="r04"] .product-closing > div {min-width:0;flex:1 1 20rem;}
body[data-product-page="r04"] .product-closing .eyebrow {color:inherit;margin:0 0 .75rem;}
body[data-product-page="r04"] .closing-title {font-size:clamp(1.5rem,2.3vw,2.25rem);font-weight:700;line-height:1.25;max-width:28ch;margin:0;text-wrap:balance;}
body[data-product-page="r04"] .closing-actions {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:1rem 1.5rem;}
body[data-product-page="r04"] .closing-actions a {color:inherit;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:.3em;}
body[data-product-page="r04"] .closing-actions .button {background:#FFFFFF;color:#193A8A;border-color:#FFFFFF;}
body[data-product-page="r04"] :is(a,button,summary,.screen-scroll):focus-visible {outline:3px solid #171717;outline-offset:4px;}
body[data-product-page="r04"] .product-closing a:focus-visible {outline-color:var(--product-on-base);}
body[data-product-page="r04"] #oferta {scroll-margin-top:1.5rem;}
body[data-product-page="r04"] .visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@media(max-width:850px) {
 body[data-product-page="r04"] .product-showcase,
 body[data-product-page="r04"] .app-showcase {grid-template-columns:minmax(0,1fr);gap:2rem;}
 body[data-product-page="r04"] .real-preview {justify-self:start;}
 body[data-product-page="r04"] .closing-actions {justify-content:flex-start;}
}
@media(max-width:600px) {
 body[data-product-page="r04"] .detail-opening {grid-template-columns:minmax(0,1fr);}
 body[data-product-page="r04"] .product-showcase,
 body[data-product-page="r04"] .app-showcase {padding:1.25rem;}
 body[data-product-page="r04"] .product-jump {padding-bottom:1.5rem;}
}

/* Common reader navigation, scoped independently from product layouts. */
html{scroll-padding-top:12rem}
header.vima-unified-header{position:sticky;top:0;z-index:30;display:block;width:100%;max-width:none;margin:0;padding:.65rem clamp(.7rem,2.5vw,2.5rem);box-sizing:border-box;background:#fffefb;border-bottom:1px solid #d8dfeb;box-shadow:0 2px 9px #193a8a0a;color:#193a8a;font-family:Manrope,Arial,sans-serif}
.vima-unified-header *{box-sizing:border-box}
.vima-unified-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem 1.4rem;width:100%;max-width:1600px;margin:auto}
.vima-unified-header .vima-unified-brand{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.vima-unified-header .vima-unified-brand img{display:block;width:160px;height:auto;max-width:100%;object-fit:contain;margin:0}
.vima-unified-header .vima-unified-nav,.vima-unified-header .vima-unified-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .55rem;min-width:0;margin:0;padding:0}
.vima-unified-header .vima-unified-nav{justify-content:flex-start}
.vima-unified-header .vima-unified-actions{justify-content:flex-end}
.vima-unified-header a,.vima-unified-header button{font-size:.82rem;line-height:1.3;font-weight:700;letter-spacing:normal;white-space:normal}
.vima-unified-nav a,.vima-unified-actions a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .6rem;text-decoration:none;border-radius:.45rem;border:0;background:transparent}
.vima-unified-nav .nav-catalogo,.vima-unified-nav .vima-unified-local{color:#193a8a;background:#eaf0ff}.vima-unified-nav .nav-na-pratica{color:#005348;background:#e7f4ef}.vima-unified-nav .nav-duvidas,.vima-unified-nav .nav-sumario{color:#764800;background:#fff3d6}.vima-unified-nav .nav-contato{color:#783331;background:#faece8}.vima-unified-nav .nav-sobre{color:#592664;background:#f2eaf6}
.vima-unified-header .vima-unified-local{border:1px solid currentColor}
.vima-unified-actions a{color:#193a8a}.vima-unified-header .vima-unified-buy{color:#fff;background:#3157d5}
.vima-unified-header #logout{min-height:44px;margin:0;padding:.45rem .6rem;border:1px solid #ced7e6;border-radius:.45rem;background:#fff;color:#193a8a}
.vima-unified-header a:hover{text-decoration:underline;text-underline-offset:.2em}.vima-unified-header :focus-visible{outline:3px solid #995b00;outline-offset:3px}
@media(max-width:1100px){.vima-unified-inner{grid-template-columns:auto minmax(0,1fr)}.vima-unified-nav{grid-column:1/-1;grid-row:2}.vima-unified-actions{grid-column:2;grid-row:1}}
@media(max-width:430px){header.vima-unified-header{padding:.4rem .65rem}.vima-unified-inner{gap:.3rem .4rem}.vima-unified-header .vima-unified-brand img{width:132px;height:auto}.vima-unified-header .vima-unified-nav,.vima-unified-header .vima-unified-actions{gap:.15rem .25rem}.vima-unified-header a,.vima-unified-header button{font-size:.74rem}.vima-unified-nav a,.vima-unified-actions a,.vima-unified-header #logout{padding:.4rem .45rem;min-height:40px}}
@media print{header.vima-unified-header{position:static}.vima-unified-actions{display:none!important}}
