/* ==========================================================================
   Soberanía — diagrama de arquitectura y preguntas frecuentes
   ========================================================================== */

.arch{border:1px solid rgba(11,22,32,.12);border-radius:var(--r-lg);background:#fff;padding:clamp(12px,2vw,24px);overflow-x:auto;box-shadow:0 24px 58px -46px rgba(11,22,32,.6);}
.arch svg{min-width:820px;width:100%;height:auto;}

.a-zone{fill:rgba(70,130,180,.045);stroke:rgba(44,81,113,.28);stroke-width:1;stroke-dasharray:5 4;}
.a-zone-lab{fill:#2c5171;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;}
.a-col{fill:#7a8b9b;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;}
.a-out-lab{fill:#9aa8b6;}

.a-box rect{fill:#f2f6f9;stroke:rgba(11,22,32,.14);stroke-width:1;}
.a-box text{fill:#16303f;font-family:var(--font-heading);font-size:13px;font-weight:600;}
.a-box .a-sub{fill:#65788a;font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.03em;}
.a-hub rect{fill:#e8f1f8;stroke:rgba(70,130,180,.4);}
.a-gpu rect{fill:#eaf3ec;stroke:rgba(40,148,106,.4);}
.a-gpu text{fill:#12402c;}
.a-gpu .a-sub{fill:#3f6f57;}
.a-core rect{fill:#2c5171;stroke:#2c5171;}
.a-core text{fill:#fff;font-size:15px;font-weight:700;}
.a-core .a-sub{fill:#b9d0e2;}
.a-out rect{fill:#fff;stroke:rgba(11,22,32,.18);stroke-dasharray:4 3;}

.a-arrow path{fill:none;stroke:#4682b4;stroke-width:1.6;stroke-linecap:round;marker-end:none;}
.a-arrow-back{stroke:#28946a;stroke-dasharray:5 4;}
.a-note{fill:#28946a;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;}

.qa{border-bottom:1px solid rgba(255,255,255,.1);}
.qa:first-child{border-top:1px solid rgba(255,255,255,.1);}
.qa .acc-btn{color:var(--fg);}
.qa .acc-btn:hover{color:#fff;}
.qa .body{font-size:.94rem;}