.contact-card {
      max-width: 900px;
      margin: 40px auto;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    }

    .contact-sidebar {
      border-right: 1px solid #e5e5e5;
      background: #f8f9fa;
    }

    .contact-sidebar .btn {
      text-align: left;
      border-radius: 8px;
      margin-bottom: 8px;
      font-weight: 500;
    }

    .contact-content {
      max-height: 320px;      /* altura visible */
      overflow-y: auto;       /* scroll vertical */
      padding-right: 8px;     /* espacio para el scroll */
    }

    .contact-title {
      font-weight: 600;
      letter-spacing: 0.02em;
    }

    .contact-subtitle {
      color: #6c757d;
      font-size: 0.9rem;
    }

    /* Estilo sutil para el scroll (opcional, solo en navegadores compatibles) */
    .contact-content::-webkit-scrollbar {
      width: 6px;
    }
    .contact-content::-webkit-scrollbar-track {
      background: #f1f1f1;
    }
    .contact-content::-webkit-scrollbar-thumb {
      background: #c1c1c1;
      border-radius: 3px;
    }