.commerce-resources{background:#eef2fc;color:#092052}.resources-heading{max-width:850px;margin-bottom:60px}.resources-heading h2{font-size:clamp(36px,4.8vw,68px);line-height:1.03;letter-spacing:-.055em;margin:24px 0}.resources-heading>p:last-child{max-width:560px;font-size:16px;line-height:1.7;color:#4c607e}.resources-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:70px;align-items:start}.resource-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.resource-tabs{border-top:1px solid #b7c5df}.resource-tab{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:24px 0;border:0;border-bottom:1px solid #b7c5df;background:transparent;color:inherit;cursor:pointer}.resource-tab>span{font-size:11px;font-family:Manrope,sans-serif}.resource-tab>strong{font-size:19px;font-weight:500;letter-spacing:-.03em}.resource-tab>i{margin-left:auto;font-style:normal;font-size:22px}.resource-tab[aria-pressed=true]{color:#204eff}.resource-tab:hover{color:#204eff}.resource-rationale{margin-top:34px;min-height:150px}.resource-rationale h3{font-size:22px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin-bottom:18px}.resource-rationale p{font-size:14px;line-height:1.8;color:#496180}.resource-disclosure{font-size:10px;color:#556d8c;line-height:1.7;max-width:370px;margin:30px 0 20px}.resource-open{display:inline-block;border-bottom:1px solid #092052;padding-bottom:10px;font-size:14px}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;padding-bottom:16px}.preview-caption button{background:transparent;border:0;border-bottom:1px solid #a6b8d6;color:inherit;font-size:10px;cursor:pointer;padding:5px 0}.preview-stage{background:#dce5fa;border-radius:10px;padding:26px 20px;display:flex;align-items:center;justify-content:center;min-height:780px;overflow:auto}.phone-shell{position:relative;width:390px;height:730px;flex-shrink:0;border:7px solid #17213a;border-radius:37px;box-shadow:0 25px 35px #0c284326;overflow:hidden;background:#fff}.phone-camera{position:absolute;top:0;left:50%;transform:translateX(-50%);width:108px;height:20px;z-index:2;background:#17213a;border-radius:0 0 12px 12px;pointer-events:none}.phone-shell iframe{border:0;width:100%;height:100%;padding-top:20px;background:#fff;display:block}.preview-footnote{font-size:10px;line-height:1.7;color:#5e7597;text-align:center;margin-top:14px}.resources-layout.is-wide{grid-template-columns:1fr}.resources-layout.is-wide .resources-controls{display:none}.resources-layout.is-wide .phone-shell{width:100%;height:750px;border-radius:12px;border-width:4px}.resources-layout.is-wide .phone-camera{display:none}.resources-layout.is-wide iframe{padding-top:0}.resources-layout.is-wide .preview-stage{padding:15px;min-height:0}.commerce-demo-entry{background:#e9effa;color:#061743;padding:90px var(--page-pad,5vw);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.commerce-demo-entry>div>p:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.commerce-demo-entry h2{font-size:clamp(42px,5.8vw,78px);line-height:1.02;letter-spacing:-.06em;margin:25px 0}.commerce-demo-entry>div>p{max-width:400px;font-size:15px;line-height:1.7}.commerce-demo-entry>div>div{display:flex;gap:25px;flex-wrap:wrap;margin-top:35px}.commerce-demo-entry>div>div>a{font-size:13px;border-bottom:1px solid #061743;padding:10px 0}.demo-entry-image{height:550px;overflow:hidden;position:relative;border-radius:5px}.demo-entry-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.demo-entry-image:hover img{transform:scale(1.035)}.demo-entry-image>span{position:absolute;bottom:15px;left:15px;padding:6px 9px;background:#fffdf0e6;font-size:9px}.commerce-resources button:focus-visible,.commerce-resources a:focus-visible{outline:3px solid #1f4bff;outline-offset:5px}
@media(max-width:1050px){.resources-layout{gap:35px}.preview-stage{padding:20px 10px}.phone-shell{width:350px}.commerce-demo-entry{gap:40px}}
@media(max-width:760px){.resources-heading{margin-bottom:35px}.resources-heading h2{font-size:38px}.resources-heading>p:last-child{font-size:14px}.resources-layout{grid-template-columns:1fr;gap:30px}.resource-tab{padding:17px 0}.resource-tab strong{font-size:17px}.resource-rationale{margin-top:25px;min-height:0}.resource-rationale h3{font-size:21px}.resource-rationale p{font-size:13px}.resource-disclosure{margin-top:22px}.preview-stage{min-height:0;padding:18px 6px;margin:0 -10px}.phone-shell{width:100%;max-width:370px;height:710px;border-width:5px;border-radius:28px}.phone-camera{height:17px;width:100px}.phone-shell iframe{padding-top:17px}.preview-caption{font-size:9px}.preview-caption button{display:none}.commerce-demo-entry{grid-template-columns:1fr;padding:55px 22px;gap:35px}.commerce-demo-entry h2{font-size:49px}.commerce-demo-entry>div>p{font-size:14px}.demo-entry-image{height:410px}}
@media(prefers-reduced-motion:reduce){.demo-entry-image img{transition:none}}

#recursos{scroll-margin-top:70px}.commerce-resources .resources-heading{scroll-margin-top:70px}

/* A moldura reserva o espaço da câmera fora do documento incorporado. */
.phone-shell{padding-top:20px}.phone-shell iframe{padding-top:0}.resources-layout.is-wide .phone-shell{padding-top:0}@media(max-width:760px){.phone-shell{padding-top:17px}.phone-shell iframe{padding-top:0}}
