/* PROPOSTA LOCAL R02 (substitui o exemplo R01): Site aplica em seu candidato após integrar o markup semântico.
   Adicionar data-offer-finish="r01" ao body; .offer-price/.offer-condition/.offer-primary/.offer-help.
   Não alterar .square-cover, .cover-lettering ou seus ativos. */
body[data-product-page="r04"][data-offer-finish="r01"]{--offer-bg:#193A8A;--offer-heading:#fff;--offer-ink:#F6F3ED;--offer-price:#FFF0C9;--offer-mat:#fff;--offer-cta:#FFF0C9;--offer-cta-ink:#744900;--offer-focus:#FFF0C9}
body[data-product-page="r04"][data-offer-finish="r01"][data-product-tone="n3"]{--offer-bg:#fff;--offer-heading:#744900;--offer-ink:#000;--offer-price:#744900;--offer-mat:#193A8A;--offer-cta:#193A8A;--offer-cta-ink:#fff;--offer-focus:#193A8A}
body[data-product-page="r04"][data-offer-finish="r01"] .detail-opening{background:var(--offer-bg);color:var(--offer-ink);padding:clamp(24px,4vw,64px);gap:clamp(24px,4vw,64px);border-radius:24px;align-items:center}
body[data-product-page="r04"][data-offer-finish="r01"] .detail-copy :is(h1,.eyebrow){color:var(--offer-heading)}
body[data-product-page="r04"][data-offer-finish="r01"] .detail-copy h1{font-size:clamp(32px,3.3vw,56px);line-height:1.12;font-weight:700;max-width:22ch}
body[data-product-page="r04"][data-offer-finish="r01"] .detail-copy>p{color:var(--offer-ink);max-width:56ch;line-height:1.6}
body[data-product-page="r04"][data-offer-finish="r01"] .detail-cover{background:var(--offer-mat);padding:12px;border-radius:18px;box-sizing:border-box;width:min(100%,408px)}
body[data-product-page="r04"][data-offer-finish="r01"] .offer-price{display:block;color:var(--offer-price);font-size:clamp(28px,2.5vw,40px);line-height:1.15;font-weight:800}
body[data-product-page="r04"][data-offer-finish="r01"] .offer-condition{display:block;font-size:16px;line-height:1.5;margin-top:6px;color:var(--offer-ink)}
body[data-product-page="r04"][data-offer-finish="r01"] .offer-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 20px;box-sizing:border-box;white-space:normal;background:var(--offer-cta);color:var(--offer-cta-ink);border:2px solid var(--offer-cta);border-radius:10px;font-weight:750;text-decoration:none}
body[data-product-page="r04"][data-offer-finish="r01"] .offer-primary[data-vima-cart-added="true"]{background:#D98B00;color:#000;border-color:#744900}
body[data-product-page="r04"][data-offer-finish="r01"] .offer-primary[data-vima-library-item]{background:#145B48;color:#fff;border-color:#fff}
body[data-product-page="r04"][data-offer-finish="r01"] .offer-help{font-size:15px;line-height:1.5;margin-top:12px;max-width:56ch}
body[data-product-page="r04"][data-offer-finish="r01"] .detail-opening :focus-visible{outline:3px solid var(--offer-focus);outline-offset:4px}
@media(max-width:760px){body[data-product-page="r04"][data-offer-finish="r01"] .detail-opening{grid-template-columns:minmax(0,1fr)}body[data-product-page="r04"][data-offer-finish="r01"] .detail-cover{justify-self:center}body[data-product-page="r04"][data-offer-finish="r01"] .offer-primary{width:100%}}

/* R02: contorno externo discreto; capaR12 intacta. */
body[data-product-page="r04"][data-offer-finish="r01"][data-product-tone="n3"] .detail-cover{padding:4px}

/* One native-scale preview; fitting is an explicit CSS-only option. */
body[data-product-page] figure[data-preview-width]{min-width:0;max-width:100%}
body[data-product-page] [data-preview-width] .device-frame{min-width:0;max-width:100%}
body[data-product-page] [data-preview-width] .screen-scroll{min-width:0;max-width:100%;overflow:auto;overscroll-behavior:contain}
body[data-product-page] [data-preview-width] .screen-scroll img{width:var(--preview-width);max-width:none;height:auto}
body[data-product-page] .preview-fit:checked~.device-frame .screen-scroll img{width:100%;max-width:100%}
.preview-fit{width:20px;height:20px;vertical-align:middle;margin:0 8px 0 0}
.preview-fit+label{display:inline-flex;align-items:center;min-height:44px;font-weight:700;cursor:pointer}
.preview-help{font-size:.9rem;line-height:1.5;color:#414643;margin:0 0 12px}
body[data-product-page] .preview-fit:focus-visible{outline:3px solid #193A8A;outline-offset:4px}
[data-preview-width="379"]{--preview-width:379px}
[data-preview-width="390"]{--preview-width:390px}
[data-preview-width="403"]{--preview-width:403px}
[data-preview-width="452"]{--preview-width:452px}
[data-preview-width="512"]{--preview-width:512px}
[data-preview-width="904"]{--preview-width:904px}
[data-preview-width="957"]{--preview-width:957px}
body[data-offer-finish] .offer-primary::before{content:"";width:22px;height:22px;flex:0 0 22px;background:currentColor;-webkit-mask:var(--offer-icon) center/contain no-repeat;mask:var(--offer-icon) center/contain no-repeat}
body[data-offer-finish] .offer-primary{--offer-icon:url("/assets/icons/offer-cart-r08.svg")}
body[data-offer-finish] .offer-primary[data-vima-cart-added="true"]{--offer-icon:url("/assets/icons/offer-selected-r08.svg")}
body[data-offer-finish] .offer-primary[data-vima-library-item]{--offer-icon:url("/assets/icons/offer-owned-r08.svg")}
body[data-offer-finish][data-product-id="sete-passos"] .offer-primary{--offer-icon:url("/assets/icons/offer-free-r08.svg")}
body[data-offer-finish][data-product-id="sete-passos"] .offer-primary[data-vima-library-item]{--offer-icon:url("/assets/icons/offer-owned-r08.svg")}

/* Keep the keyboard indicator inside the clipped device frame. */
body[data-product-page="r04"][data-offer-finish="r01"] [data-preview-width] .screen-scroll:focus-visible{outline:3px solid #193A8A;outline-offset:-3px}