/* Customs */

#logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 3em;
}

#conectado {
    position: absolute;
    top: -15px;
    right: -15px;
}

.italica {
    font-style: italic;
}

.text-red {
    color: var(--bs-Rojo);
}

.titular {
    font-size: 3rem;
}

.red {
    color: var(--bs-RojoLight);
}

.light {
    color: var(--bs-light);
}

.push-up {
    margin-top: -5em;
}

.with-shadow {
    box-shadow: -5px 5px 0 var(--bs-Rojo);
}

.rounded-corners {
    border-radius: 50px;
}

header.landing {
    padding-top: 150px;
    min-height: 80vh;
    height: 100%;
}

.section-banner:before {
    content: '';
    background: linear-gradient(45deg, var(--bs-AzulLight), var(--bs-AzulLight));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .9;
}

.bg-azul {
    background: var(--bs-AzulLight);
}

span.icon {
    border: 5px solid var(--bs-RojoLight);
    border-radius: 50%;
    padding: 1em;
}

span.icon:hover {
    cursor: pointer;
    border: 5px solid var(--bs-AzulLight);
    border-radius: 50%;
    transition: 300ms ease-in-out;
}

span.icon:hover>i {
    color: var(--bs-AzulLight) !important;
    transition: 300ms ease-in-out;
}

@media (min-width: 1199px) {
    h1, .h1 {
        font-size: 6rem;
    }
}

#success,
#error {
    display: none;
}

.bg-azul-oscuro {
    background: #0f132e;
}

#observajuega {
    background: #000;
    background: url(../img/decor/gaming-girl-bg.jpg) center center /cover no-repeat;
}

#features picture img {
    max-width: 300px;
}

#iconos {
    display: flex;
    gap: 15px;
}

@media (max-width:767px) {
    #iconos {
        display: flex;
        flex-flow: column;
    }
}

ul.social li {
    font-size: 2em;
}

#navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .85em 0;
}

#shortcuts {
    margin-top: 0;
    padding-top: 0;
}

@media (max-width: 991px) {
    #shortcuts {
        padding-top: 20px;
    }
}

#navigation .btn {
    white-space: nowrap;
}