/* Estilos personalizados para el diploma */
.diploma {
    position: relative!important;
    background-color: #f9f9f9!important; /* Color de fondo para el diploma */
    padding: 30px!important;
    text-align: center!important; /* Centrar el contenido del diploma */
    border-radius: 20px!important; /* Borde redondeado */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1)!important /* Sombra para el diploma */
    overflow: hidden!important; /* Ocultar el desbordamiento del borde */
  }
  
  .diploma::before {
    content: ""!important;
    position: absolute!important;
    top: -10px!important;
    left: -10px!important;
    right: -10px!important;
    bottom: -10px!important;
    background: linear-gradient(45deg, #f72e2e, #00b2b2, #f72e2e)!important; /* Degradado de color */
    border-radius: 20px!important; /* Borde redondeado */
    z-index: -1!important;
    opacity: 0.3!important; /* Opacidad inicial */
    animation: shine 2s infinite!important; /* Animación de brillo */
  }
  
  @keyframes shine {
    0% {
      box-shadow: 0 0 10px 0 rgba(247, 46, 46, 0.8), 0 0 20px 5px rgba(0, 178, 178, 0.8)!important;
    }
    50% {
      box-shadow: 0 0 20px 10px rgba(247, 46, 46, 0.8), 0 0 40px 10px rgba(0, 178, 178, 0.8)!important;
    }
    100% {
      box-shadow: 0 0 10px 0 rgba(247, 46, 46, 0.8), 0 0 20px 5px rgba(0, 178, 178, 0.8)!important;
    }
  }