/* Acesso demonstrativo individual: estilo complementar, sem alterar a home homologada v6. */
.demo-section{background:linear-gradient(135deg,#e9f8f5 0%,#f4f9fc 70%);border-top:1px solid #d8e9e8;border-bottom:1px solid #dce9ee}
.demo-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(305px,.9fr);gap:32px;align-items:start}
.demo-lead{font-size:16px;color:#536b7d;max-width:740px}
.demo-perks{display:flex;gap:9px;flex-wrap:wrap;margin:21px 0 25px}
.demo-perks span{border:1px solid #badfd5;background:#fff;border-radius:100px;padding:6px 13px;font-size:12px;font-weight:750;color:#087663}
.demo-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.demo-mode{border:1px solid #dce9e9;background:white;border-radius:15px;padding:24px;box-shadow:0 7px 25px #0b38400b}
.demo-mode .demo-icon{display:grid;place-items:center;background:#e6faf0;color:#007b62;width:44px;height:44px;border-radius:11px;font-size:24px;margin-bottom:13px}
.demo-mode h3{font-size:19px;line-height:1.24;margin:0 0 9px}
.demo-mode p{margin:0;color:#536e7e;font-size:13px}
.demo-panel{background:#07253a;color:#fff;border-radius:17px;padding:30px;box-shadow:0 24px 55px #043c4d24}
.demo-panel .demo-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:#76f5ae;margin:0 0 10px}
.demo-panel h3{font-size:25px;line-height:1.2;margin:0 0 14px}
.demo-panel p{font-size:14px;color:#c3d9e6;line-height:1.55}
.demo-panel .demo-entry-link{width:100%;margin:12px 0 9px}
.demo-panel .demo-entry-link:not([href]){cursor:not-allowed;background:#65867b;color:#fff;opacity:.84;pointer-events:none}
.demo-status{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:9px;background:#123c4a;color:#e1f3f3;font-size:12px;line-height:1.45;margin-top:17px}
.demo-status::before{content:"●";color:#f0cf80;flex:0 0 auto}
.demo-panel .demo-footnote{font-size:12px;color:#b6cfdb;margin:13px 0 0}
.demo-process{padding-left:20px;margin:17px 0 0;color:#d2e6ed;font-size:13px}
.demo-process li{margin:8px 0}
.demo-section a:focus-visible{outline:3px solid #33cba4;outline-offset:3px}
@media(max-width:950px){.demo-layout{grid-template-columns:1fr}}
@media(max-width:620px){.demo-modes{grid-template-columns:1fr}.demo-panel{padding:24px}.demo-mode{padding:20px}}