/* AGLOdrop — página pública (30-sep-2026, Claude). */
.dp-how { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.dp-how li { display: flex; align-items: center; gap: .6rem; padding: .75rem .9rem; border-radius: 16px; background: var(--ag-surface); border: 1px solid var(--ag-line); font-size: .9rem; font-weight: 600; }
.dp-how b { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--ag-primary); color: #fff; }
.dp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.dp-card { display: flex; flex-direction: column; }
.dp-pitch { font-size: .85rem; color: var(--ag-ink-2); margin: 0 0 .5rem; }
.dp-nums { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; margin: .2rem 0 .6rem; }
.dp-nums div { padding: .4rem .55rem; border-radius: 10px; background: var(--ag-surface-2, #f4f6f8); }
.dp-nums dt { font-size: .7rem; font-weight: 600; color: var(--ag-muted); }
.dp-nums dd { margin: 0; font-weight: 800; }
.dp-price { display: grid; gap: .2rem; font-size: .8rem; font-weight: 700; color: var(--ag-ink-2); }
.dp-price input { min-height: 44px; border-radius: var(--ag-r, 12px); border: 1px solid var(--ag-line-strong); padding: .4rem .7rem; font-size: 1.05rem; font-weight: 700; background: var(--ag-surface); color: var(--ag-ink); }
.dp-gain { margin: .45rem 0 .7rem; padding: .45rem .6rem; border-radius: 10px; background: #e3f6ee; color: #0e6b52; font-size: .9rem; }
.dp-gain.is-bad { background: #fde8e5; color: #a1261a; }
.dp-actions { margin-top: auto; display: grid; gap: .45rem; }
.dp-actions .btn { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; }
@media (max-width: 760px) { .dp-how { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px) { .dp-grid { grid-template-columns: 1fr; } }
.dp-price input { width: 100%; min-width: 0; box-sizing: border-box; }
