@import url("../shared/ep-como-usar.css");
.canvas-surface { min-height: 455px; } .canvas-surface svg { width: 100%; height: 455px; display:block; } .canvas-surface.is-panning,.canvas-surface.is-panning *{cursor:grabbing!important}.analysis-diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.diagram-card{border:1px solid #d8e1de;border-radius:14px;padding:16px;background:#fff}.diagram-card h3{margin:0 0 8px;font-size:15px}.diagram-card svg{width:100%;height:195px}.verification-board{display:grid;gap:10px;margin:18px 0}.verification-board article{display:grid;grid-template-columns:1.45fr 1fr 1fr 108px;gap:14px;align-items:center;border:1px solid #d8e1de;border-left:4px solid #17a673;border-radius:10px;padding:13px 16px}.verification-board article.review{border-left-color:#db4550;background:#fff8f8}.verification-board b{color:#087f5b;text-align:right}.verification-board .review b{color:#b3343d}.design-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.design-summary article{border:1px solid #d8e1de;border-radius:11px;padding:15px}.design-summary span{display:block;font-size:11px;color:#687771;text-transform:uppercase;letter-spacing:.08em}.design-summary strong{font-size:23px}.legend-concrete,.legend-soil,.legend-action,.legend-steel{display:inline-block;width:18px;height:5px;margin-right:5px;vertical-align:middle}.legend-concrete{background:#101715}.legend-soil{background:#b98555}.legend-action{background:#17a673}.legend-steel{background:#df4652}@media(max-width:1000px){.analysis-diagrams{grid-template-columns:1fr}.verification-board article{grid-template-columns:1fr 1fr}.design-summary{grid-template-columns:repeat(2,1fr)}}
.footing-plan,.footing-section{fill:#eaf1ee;stroke:#101715;stroke-width:5}.column-plan,.column-section{fill:#dae6e0;stroke:#101715;stroke-width:4}.soil-fill{fill:#f3e1cc;opacity:.35}.steel-x{stroke:#df4652;stroke-width:2}.steel-y{stroke:#2f6dd2;stroke-width:2}.steel-red{stroke:#df4652;stroke-width:5}.steel-blue{stroke:#2f6dd2;stroke-width:5}.canvas-title{font-size:16px;font-weight:700;fill:#087f5b;letter-spacing:1.1px}.model-label{font-size:18px;font-weight:700;fill:#101715}.sub-label{font-size:13px;fill:#596963}.soil-label{font-size:15px;font-weight:700;fill:#7d5230}.action-label{font-size:13px;font-weight:700}.dimension{stroke:#788982;fill:#788982;stroke-width:1.4}.dimension text{font-size:13px;fill:#5f716a;stroke:none}.dimension path{stroke:none}.canvas-surface .canvas-legend{font-size:12px}
.cut-mark{stroke:#596963;fill:#fff;stroke-width:1.3;stroke-dasharray:8 5}.cut-mark path{stroke:#596963;fill:none;stroke-dasharray:none}.cut-mark text{font-size:13px;font-weight:700;fill:#101715;stroke:none}.load-arrow,.moment-symbol{fill:none;stroke-width:2.4}.moment-application{stroke:none}
.canvas-surface{touch-action:none}.verification-board .check-title{display:grid;gap:4px;min-width:0}.verification-board .check-title strong{color:#101715;line-height:1.2}.verification-board .check-title small{display:block;color:#596963;line-height:1.45;overflow-wrap:anywhere}.verification-board article span{line-height:1.4}.diagram-card p{min-height:40px;line-height:1.45}.diagram-card svg text{font-family:var(--ep-fonte)}