<!--Agregar Links Necesarios-->
<link
  href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
  rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet" />

<!--Inicio del div contenedor-->
<div class="contenedorP">
  <!--div sombremontado-->
  <div class="sobremontado">
    <h2><mat-icon>settings</mat-icon> Usuarios</h2>

  </div>
  <!--Opciones-->
  <div class="tope">
    <div class="card-grid">
      <div class="card">
        <mat-card (click)="usuarios()">
          <img mat-card-image
            src="../../../../../assets/img/usuarios/usuarios.png">
          <mat-card-content style="height: 50px;">
            <b>Usuarios</b>
          </mat-card-content>
        </mat-card>
      </div>
      <div class="card" (click)="perfilUsuario()">
        <mat-card>
          <img mat-card-image
            src="../../../../../assets/img/usuarios/perfil.png">
          <mat-card-content style="height: 50px;">
            <b>Perfiles de Usuario</b>
          </mat-card-content>
        </mat-card>
      </div>

      <div class="card"  >
        <mat-card>
          <img mat-card-image 
            src="../../../../../assets/img/configuraciones/evaluacion.png">
          <mat-card-content style="height: 50px;">
            <b>Accesos por perfil</b>
          </mat-card-content>
        </mat-card>
      </div>
      
    </div>
  </div>
</div>