/* ═══ REFLEXIÓN ESTRATÉGICA ═══ */
.step-panel { display: none; }
.step-panel:first-child { display: block; }
.dafo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.dafo-card { background: var(--white); border: 1px solid var(--rule); border-radius: 8px; padding: 20px; }
.dafo-card h3 { font-family: var(--serif); font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.dafo-card textarea { width: 100%; min-height: 80px; border: 1px solid var(--rule); border-radius: 6px; padding: 10px; font-family: var(--sans); font-size: 13px; resize: vertical; outline: none; }
.dafo-card textarea:focus { border-color: var(--blue); }
@media (max-width: 768px) { .dafo-grid { grid-template-columns: 1fr; } }