/* Full-page, scrollable demonstrations */
.model-panel{grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);align-items:center;gap:5%}
.panel-preview{min-height:0;padding:20px;background:#e6dfd4;border-radius:8px;overflow:visible}
.model-cafe .panel-preview{background:#e9dba8}.model-clinica .panel-preview{background:#d9e9e6}.model-treino .panel-preview{background:#bdc69c}
.panel-browser{height:610px;border:1px solid #cbd2c6;border-radius:10px;overflow:hidden;box-shadow:0 25px 55px #102b232b;background:#fff}
.panel-toolbar{height:38px;padding:0 15px;gap:10px;white-space:nowrap}
.panel-toolbar a{font-size:12px;font-weight:800;color:#234b36;text-decoration:underline;text-underline-offset:3px;padding:8px 0}
.panel-toolbar a:hover{color:#000}
.example-frame{display:block;width:100%;height:calc(100% - 38px);border:0;background:#fff;touch-action:pan-y}
.preview-controls{padding:14px 0 0}
.preview-progress{display:block;height:4px;border-radius:10px;background:#bac7b7;overflow:hidden}
.preview-progress>span{display:block;width:0;height:100%;background:#102b23;transition:width .15s linear}
.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.preview-actions>span{font-size:12px;font-weight:700;line-height:1.35;color:#3f5e48;max-width:380px}
.preview-actions button{border:1px solid #829f87;border-radius:4px;background:#f8f6ef;color:#102b23;font-size:13px;font-weight:800;min-height:44px;padding:8px 13px;cursor:pointer}
.preview-actions button:hover{background:#102b23;color:#fff}
.model-panel .panel-copy{padding-block:20px}
.model-panel .panel-copy h3{margin-bottom:18px}
.model-panel .panel-copy p{max-width:380px}
@media(max-width:1000px){.model-panel{grid-template-columns:1fr;gap:22px}.panel-browser{height:600px}.panel-copy .button{width:auto}}
@media(max-width:600px){.panel-preview{padding:10px}.panel-browser{height:560px}.panel-toolbar{height:32px;padding:0 9px}.panel-toolbar a{font-size:12px}.example-frame{height:calc(100% - 32px)}.preview-actions{flex-wrap:wrap}.preview-actions>span{flex:1 1 100%;max-width:none}.preview-actions button{flex:1}.model-panel .panel-copy{padding:6px 0 20px}}
@media(prefers-reduced-motion:reduce){.preview-progress>span{transition:none}}