body{
    place-items: center;
    background-color: black;
    background-image: url('/assets/images/bg/bg01.jpg');
    background-repeat: repeat-x;
}

body::after{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    
    background: radial-gradient(
        ellipse  100% 80%  at center,
        transparent 40%,
        black 60%
    );
}

.general{
    display: grid;
    grid-template-areas: "esp info eng";
    grid-template-columns: 300px 300px 300px;
    margin-top: 30px;
    justify-content: center;
}

.esp_opc{
    grid-area: esp;
}

.en_opc{
    grid-area: eng;
}

.info{
    grid-area: info;
    align-content: end;
    justify-items: center;
    color: darkgray;
}

a img{
    filter: grayscale(60%);
    transition: filter 0.5s;
    width: auto;
    display: block;
}

a img:hover{
    filter: none;
}