:root {
    color-scheme: dark;
}

body {
    margin: 0;
    padding: 0;
    background-color: #000;
    color: #fff;
    font-family: 'Arial', sans-serif;
    overflow-x: hidden;
    position: relative;
}

.titulo-rol {
  font-size: 1.8rem;
  font-weight: bold;
  color: #9370DB; 
  text-shadow: 0 0 6px rgba(147, 112, 219, 0.5);
  font-family: 'Poppins', sans-serif;
  white-space: nowrap;
  overflow: hidden;
  border-right: 2px solid #9370DB;
  width: fit-content;
  padding: 0 10px;
}

.contenedor-titulo {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  margin-top: 40px; 
}