/* Los tres accesos: una tarjeta por perfil, con el ícono de la tarjeta de la portada del inicio */
  .accesos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .acceso { position: relative; overflow: hidden; isolation: isolate; background: var(--gris-claro); border-radius: 24px; padding: 30px 30px 28px;
    display: flex; flex-direction: column; min-height: 330px; }
  .acceso .burbuja-ic { width: 64px; height: 64px; }
  .acceso .burbuja-ic .ic { width: 28px; height: 28px; }
  .acceso h2 { font-size: 28px; font-weight: 500; letter-spacing: -.022em; line-height: 1.1; margin-top: 40px; }
  .acceso p { font-size: 16px; color: var(--suave); margin-top: 10px; flex: 1; }
  .acceso .btn { margin-top: 28px; justify-content: space-between; }
  .acceso-huella { position: absolute; right: -24px; top: -20px; width: 150px; height: 150px; color: #fff; z-index: -1; transform: rotate(18deg); }

  /* Ayuda: la tarjeta gris con el sello, y Fito asomándose por arriba */
  .ayuda-marco { position: relative; }
  .fito-ayuda { position: absolute; right: 150px; top: -92px; width: 132px; transform: rotate(8deg); z-index: 0; pointer-events: none; }
  .ayuda-acceso { z-index: 1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 28px;
    background: var(--gris); color: #fff; border-radius: 28px; padding: 40px 48px; }
  .ayuda-acceso .sello { width: 84px; height: 84px; }
  .ayuda-acceso h2 { font-size: clamp(24px, 2.3vw, 32px); font-weight: 500; letter-spacing: -.022em; line-height: 1.15; }
  .ayuda-acceso p { font-size: 16px; color: rgba(255,255,255,.84); margin-top: 8px; }

  @media (max-width: 1100px) {
    .accesos { gap: 16px; }
    .acceso { padding: 26px 24px 24px; }
    .acceso h2 { font-size: 24px; }
  }
  @media (max-width: 880px) {
    .accesos { grid-template-columns: 1fr; }
    .acceso { min-height: 0; }
    .acceso h2 { margin-top: 26px; }
    .ayuda-acceso { grid-template-columns: auto minmax(0, 1fr); padding: 34px 30px; }
    .ayuda-acceso .btn { grid-column: 1 / -1; justify-self: start; }
    .fito-ayuda { right: 32px; top: -70px; width: 100px; }
  }
  @media (max-width: 560px) {
    .ayuda-acceso { grid-template-columns: 1fr; gap: 20px; padding: 30px 22px 26px; border-radius: 24px; }
    .ayuda-acceso .sello { width: 68px; height: 68px; }
    .ayuda-acceso .btn { justify-self: stretch; justify-content: space-between; }
  }