.recompensa__caja {
    display: grid; gap: clamp(1.4rem, 3vw, 2.2rem); align-items: center;
    background: linear-gradient(135deg, #2a0d10, var(--panel3)); border: 1px solid var(--linea-viva);
    border-radius: var(--r); padding: clamp(1.4rem, 3vw, 2.2rem); overflow: hidden; position: relative;
}
.recompensa__foto { border: 1px solid var(--linea); border-radius: var(--r); overflow: hidden; }
.recompensa__foto img { width: 100%; height: auto; }
.recompensa p { color: var(--tinta2); margin: 1rem 0 0; }
.recompensa p:first-of-type { margin-top: 0; }

@media (min-width: 820px) {
    .recompensa__caja { grid-template-columns: .9fr 1.1fr; }
}