@font-face {
    font-family: 'DNIBlack';
    src: url('/assets/fonts/DINPro/DNI-black.otf') format('truetype');
  }


.texto p{
    font-family: 'DNIBlack';
} 

#logo {
    width: 4rem;
    height: auto;
}

.contenedor{
    display: grid;
    grid-template-columns:  repeat(8, 1fr);
    grid-template-rows: repeat(8,auto);    
}


#base {
    width: 98.8vw;
    grid-row: 1/9;
    grid-column: 1/9;
}

.texto p {
    font-family: 'DNIBlack';
    font-size: 3.5rem;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Sombra al texto */
    animation: glow 2s ease-in-out infinite alternate; /* Animación de destello */
}

@keyframes glow {
    from {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }
    to {
        text-shadow: 4px 4px 6px rgba(255, 255, 255, 0.8); /* Cambio de sombra */
    }
}

.texto button.btn-danger {
    font-size: 1.5rem;
    padding: 10px 20px;
    border-radius: 25px;
    background-color: #FF4500; /* Cambio de color */
    border: none;
    transition: all 0.3s ease-in-out;
}

.texto button.btn-danger:hover {
    transform: scale(1.1); /* Efecto al hacer hover */
    box-shadow: 0px 0px 15px 5px rgba(255,69,0,0.75); /* Sombra al hacer hover */
}

.card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  }
  
  .card:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

#overlay {
    grid-column: 1/9;
    grid-row: 1/9;
    background-color: navy;
    opacity: 0.66;
}

.ultron{
    z-index: 7;
    grid-column: 2/4;
    grid-row: 3/8;
    width: 27vw;
}

#ultro {
    width: 100%;
}

.texto {
    z-index: 7;
    font-size: 2rem;
    color: white;
    font-weight: bold;
    grid-column: 6/10;
    grid-row: 4/6;
}

#team, footer{
    background-color: navy;
}

#team h2{
    color: silver;
}

footer p{
    color: white;
}

footer i{
    background-color: antiquewhite;

}