/* AMT Journal — planes dentro de la app (#/plans y secciones bloqueadas). La rejilla y la comparativa: assets/css/plan-grid.css */
.pl { max-width: 1240px; margin: 0 auto; padding: 8px 0 40px; display: flex; flex-direction: column; gap: 22px; }
.pl-locked { display: flex; align-items: center; gap: 18px; padding: 18px 20px; border: 1px solid var(--blue-line); border-radius: 4px; background: var(--blue-soft); }
.pl-lock { flex: none; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 4px; border: 1px solid var(--blue-line); background: rgba(61, 123, 255, .12); color: var(--blue); }
.pl-locked-title { font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
.pl-locked-text { margin-top: 2px; font-size: 13.5px; color: var(--text-2); }
.pl-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 28px; flex-wrap: wrap; }
.pl-kicker { color: var(--blue); }
.pl-title { margin-top: 8px; font-size: 30px; font-weight: 600; letter-spacing: -.035em; line-height: 1.1; }
.pl-sub { margin-top: 8px; font-size: 14px; color: var(--text-3); }
.pl-status { display: inline-flex; align-items: center; gap: 10px; height: 36px; padding: 0 14px; border: 1px solid var(--line); border-radius: 4px; font-size: 13px; color: var(--text-2); background: var(--bg-1); }
.pl-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--text-4); }
.pl-dot.is-on { background: var(--pos); box-shadow: 0 0 10px rgba(62, 207, 142, .6); }
.pl-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.pl-note { font-size: 12.5px; color: var(--text-3); }
.pl-block { margin-top: 18px; }
.pl-h3 { margin-bottom: 14px; font-size: 18px; font-weight: 600; letter-spacing: -.02em; }