#situaciones{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
#situaciones .intro{font-size:13.5px;line-height:1.6;color:#c2c4be;background:rgba(9,13,12,.7);border-left:2px solid var(--gold);padding:10px 14px;margin-bottom:6px}
.situation{background:#171b1c;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.situation summary{cursor:pointer;padding:16px 20px;font-weight:bold;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#edece7}
.situation summary::-webkit-details-marker{display:none}
.situation summary::after{content:"+";color:var(--gold);font-size:20px;flex-shrink:0}
.situation[open] summary::after{content:"–"}
.situation .body{padding:0 20px 20px;font-size:14px;line-height:1.7;color:#deded6}
.situation .body h4{color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:16px 0 6px}
.situation .body h4:first-child{margin-top:0}
.situation .body p{margin:8px 0}
.situation .body b{color:#f0d8a0}
.tag{display:inline-block;font-size:11px;font-weight:bold;padding:3px 8px;border-radius:3px;margin-left:8px;vertical-align:middle;flex-shrink:0}
.tag.dtem{background:#2a3b2e;color:var(--green);border:1px solid #3f5a34}
.tag.vanilla{background:#2a333b;color:#8fb8e0;border:1px solid #3a5570}
#situaciones .outro{color:var(--muted);font-size:12.5px;margin-top:4px}
@media(max-width:580px){#situaciones{gap:10px}.situation summary{padding:13px 16px;font-size:14px}.situation .body{padding:0 16px 16px}}