.acceso__grid { display: grid; gap: 1rem; margin-top: clamp(1.6rem, 3vw, 2.4rem); grid-template-columns: 1fr; }
.disp { background: var(--panel); border: 1px solid var(--linea); border-radius: var(--r); padding: 1.3rem 1.3rem 1.4rem; }
.disp__cab { display: flex; align-items: center; gap: .7rem; }
.disp__ico { width: 30px; height: 30px; color: var(--rojo); flex: none; }
.disp__t { font-family: var(--titulo); font-weight: 700; font-size: 1.1rem; letter-spacing: .01em; }
.disp p { color: var(--tinta2); font-size: .95rem; margin: .7rem 0 0; }
.disp__lista { list-style: none; margin: .9rem 0 0; padding: 0; display: grid; gap: .55rem; }
.disp__lista li { position: relative; padding-left: 1.4rem; color: var(--tinta2); font-size: .93rem; }
.disp__lista li::before { content: ""; position: absolute; left: 0; top: .5em; width: 8px; height: 8px; background: var(--verde-vivo); border-radius: 1px; transform: rotate(45deg); }
.disp__lista b { color: var(--tinta); font-weight: 700; }
.tip {
    margin-top: .9rem; font-size: .9rem; color: var(--tinta2);
    background: var(--panel3); border: 1px dashed var(--linea-viva); border-radius: var(--r); padding: .7rem .85rem;
}
.tip b { color: var(--ambar); text-transform: uppercase; font-family: var(--titulo); font-size: .8rem; letter-spacing: .05em; }
.disp--destacado { grid-column: 1 / -1; background: linear-gradient(130deg, var(--panel2), var(--panel)); }

@media (min-width: 820px) {
    .acceso__grid { grid-template-columns: 1fr 1fr; }
}