/* === ACCESOS RÁPIDOS (mobile-first) === */
.accesos-rapidos{
  position: sticky;      /* siempre a mano en el scroll */
  top: 0;                /* si el header móvil tapa, subí a 56px/64px según necesites */
  z-index: 50;
  display: grid;
  grid-template-columns: 1fr;
  gap: .8rem;
  padding: .8rem;
  background: radial-gradient(ellipse at center, #535355 0%, #050505 100%);
  box-shadow: 0 .2rem .6rem rgba(0,0,0,35);
}

.acceso-card{
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .9rem 1rem;
  border-radius: .9rem;
  background: #1d1d42;
  border: .12rem solid rgba(255,255,255,12);
  text-decoration: none;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.acceso-card:active { transform: scale(0.99); }
.acceso-card:hover  { border-color: #2ecece; box-shadow: 0 .2rem .6rem rgba(0,0,0,35); }

.acceso-icono{ font-size: 1.6rem; line-height: 1; }
.acceso-texto strong{ display:block; font-size:1.4rem; }
.acceso-texto span{ display:block; opacity:.8; font-size:1.2rem; }

/* Colores por tipo (sutiles) */
.acceso-individual{ background: linear-gradient(180deg, #243b55 0%, #141e30 100%); }
.acceso-amigos   { background: linear-gradient(180deg, #2b2d5e 0%, #1f1d3e 100%); }
.acceso-tablas   { background: linear-gradient(180deg, #2b3f2b 0%, #1a2e1a 100%); }

@media (min-width: 768px){
  .accesos-rapidos{
    grid-template-columns: repeat(3,1fr);
    padding: 1rem 2rem;
    top: .4rem;
    border-radius: 1rem;
  }
  .acceso-texto strong{ font-size:1.5rem; }
}