/* Superficie reutilizable para tarjetas con marco translúcido. */

@layer components {
  .panel {
    border: var(--border-subtle);
    border-radius: var(--radius-panel);
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
    backdrop-filter: blur(2px);
    box-shadow: var(--shadow-panel);
  }

  .panel--spacious {
    padding: 4rem 3rem;
  }
}