@import url('/materials/ciberseguranca/assets/css/site.css');

.arch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.arch-card{border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(10,10,10,.5);padding:15px}.arch-card h3{margin:0 0 7px}.arch-card p{margin:0;color:#a1a1aa!important;font-size:.86rem}.arch-card strong{color:#fff}.accent-line{border-left:3px solid #e11d48;padding-left:12px}.decision-chain{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px}.decision-node{min-width:150px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(10,10,10,.52);padding:14px;position:relative}.decision-node:not(:last-child)::after{content:'→';position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:#e11d48;font-weight:900;z-index:2}.decision-node b{display:block;color:#fff;margin-bottom:5px}.decision-node small{color:#71717a}.quality-map{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px}.quality-col{min-width:150px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(10,10,10,.48);padding:14px}.quality-col b{display:block;color:#fff;margin-bottom:8px}.quality-col span{display:block;color:#a1a1aa;font-size:.79rem;margin-top:5px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.scenario-item{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(10,10,10,.5);padding:12px}.scenario-item b{display:block;color:#fb7185;text-transform:uppercase;font-size:.68rem;letter-spacing:.08em;margin-bottom:5px}.scenario-item span{color:#d4d4d8;font-size:.84rem}.style-matrix{width:100%;min-width:860px;border-collapse:collapse}.style-matrix th,.style-matrix td{border:1px solid rgba(255,255,255,.08);padding:10px 12px;vertical-align:top;text-align:left}.style-matrix th{background:rgba(225,29,72,.11);color:#fff}.style-matrix td:first-child{color:#fff;font-weight:700}.view-grid{display:grid;grid-template-columns:repeat(5,minmax(165px,1fr));gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:4px}.view-card{min-width:165px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(10,10,10,.5);padding:14px}.view-card span{display:inline-flex;min-height:25px;align-items:center;border:1px solid rgba(225,29,72,.38);border-radius:999px;padding:0 9px;color:#fb7185;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.view-card h3{margin:10px 0 5px}.view-card p{margin:0;color:#a1a1aa!important;font-size:.8rem}.c4-stack{display:grid;gap:9px;margin-top:14px}.c4-level{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(10,10,10,.5);padding:12px}.c4-number{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid rgba(225,29,72,.5);background:rgba(225,29,72,.11);font-family:'DM Serif Display',Georgia,serif;font-size:1.6rem}.c4-level b{display:block;color:#fff}.c4-level p{margin:4px 0 0;color:#a1a1aa!important;font-size:.83rem}.trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.trade-card{border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(10,10,10,.5);padding:14px}.trade-card b{display:block;color:#fff;margin-bottom:6px}.trade-card .gain{color:#35d08b!important}.trade-card .cost{color:#f5a524!important}.flow-diagram{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 2px;margin-top:12px}.flow-box{flex:0 0 auto;min-width:135px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(10,10,10,.54);padding:12px;text-align:center}.flow-arrow{flex:0 0 auto;color:#e11d48;font-weight:900}.lab-builder{display:grid;gap:12px}.builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.builder-grid label{display:grid;gap:5px;color:#a1a1aa;font-size:.75rem}.builder-grid input,.builder-grid select,.builder-grid textarea{width:100%;min-height:40px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#111114;color:#f4f4f5;padding:8px 10px;font:inherit}.builder-output{border-left:3px solid #e11d48;background:rgba(225,29,72,.07);padding:13px 14px;border-radius:0 9px 9px 0;color:#d4d4d8}.matrix-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin-top:12px;overflow-x:auto}.matrix-cell{min-width:120px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(10,10,10,.48);padding:10px}.matrix-cell b{display:block;color:#fff;font-size:.76rem}.matrix-cell span{color:#a1a1aa;font-size:.74rem}.quiz-options{display:grid;gap:8px;margin-top:10px}.quiz-option.correct{border-color:rgba(53,208,139,.55)!important;background:rgba(53,208,139,.1)!important}.quiz-option.wrong{border-color:rgba(251,113,133,.55)!important;background:rgba(251,113,133,.1)!important}.quiz-feedback{min-height:24px;margin-top:9px;color:#a1a1aa;font-size:.83rem}.vf-grid{display:grid;gap:8px;margin-top:12px}.vf-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(10,10,10,.45);padding:11px 12px}.vf-row button{min-width:44px!important}.answer-key{border-left:3px solid #35d08b;background:rgba(53,208,139,.06);padding:12px 14px;border-radius:0 9px 9px 0;margin-top:10px}.exam-badge{display:inline-flex;align-items:center;min-height:26px;border:1px solid rgba(96,165,250,.3);border-radius:999px;padding:0 9px;color:#93c5fd;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.rubric{display:grid;gap:8px;margin-top:12px}.rubric-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;border-bottom:1px solid rgba(255,255,255,.07);padding:8px 0}.rubric-row b{color:#fff}.rubric-row span{color:#a1a1aa;font-size:.83rem}
@media(max-width:920px){.arch-grid,.trade-grid,.scenario-grid,.builder-grid{grid-template-columns:minmax(0,1fr)!important}.view-grid,.quality-map,.decision-chain{width:100%;overflow-x:auto}.c4-level{grid-template-columns:58px minmax(0,1fr)}.rubric-row{grid-template-columns:1fr}.matrix-grid{grid-template-columns:repeat(4,140px)!important}.vf-row{grid-template-columns:minmax(0,1fr) 50px 50px}.style-matrix{min-width:760px}}
@media(max-width:520px){.c4-level{grid-template-columns:1fr}.c4-number{width:48px;height:48px}.vf-row{grid-template-columns:1fr 1fr}.vf-row span{grid-column:1/-1}.matrix-grid{grid-template-columns:repeat(4,130px)!important}}