.One-Bit-Banner-Container,
.One-Bit-Banner-Container>*{
    box-sizing: border-box;
}
.One-Bit-Banner{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    animation: slide;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.One-Bit-Banner > a{
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.One-Bit-Banner.anim > a{
    opacity: 0;
    animation: aparecer 9s infinite;
}
.One-Bit-Banner.anim > a img{

    width: 100%;
    height: 100%;
}
.One-Bit-Banner.anim elipse{
    animation: seleccionar 9s infinite;
}



@keyframes aparecer {
    0%      { opacity: 0; z-index: 1;}
    10%     { opacity: 1; z-index: 2;}
    33.33%  { opacity: 1; z-index: 2;}
    43.33%  { opacity: 0; z-index: 1;}
    100%    { opacity: 0; z-index: 1;}
}
@keyframes seleccionar {
    0%      { background-color: #D9D9D980; }
    10%     { background-color: #EA3C13; }
    33.33%  { background-color: #EA3C13; }
    43.33%  { background-color: #D9D9D980; }
    100%    { background-color: #D9D9D980; }
}


.One-Bit-Banner.anim.One-Bit-Banner-2 img,
.One-Bit-Banner.anim.One-Bit-Banner-2 .Anim-Info{
    opacity: 0;
    animation: aparecer2 6s infinite;
}

.One-Bit-Banner.anim.One-Bit-Banner-2 elipse{
    animation: seleccionar2 6s infinite;
}

.One-Bit-Banner.anim.One-Bit-Banner-2 img:nth-child(1) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner-2 img:nth-child(2) {
    animation-delay: 3s;
}

.One-Bit-Banner.anim.One-Bit-Banner-2 .Anim-Info.Anim-1{
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner-2 .Anim-Info.Anim-2{
    animation-delay: 3s;
}

.One-Bit-Banner.anim.One-Bit-Banner-2 elipse:nth-child(1) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner-2 elipse:nth-child(2) {
    animation-delay: 3s;
}

.One-Bit-Banner .Btn-Anim-Container{
    height: 35.6px;
}


@keyframes aparecer2 {
    0%,55%,100%      { opacity: 0; z-index: 1;}
    50%,5%     { opacity: 1; z-index:2; }   /* fade in */
}

@keyframes seleccionar2 {
    0%,55%,100%      { background-color: #D9D9D980; }
    50%,5%     { background-color: #EA3C13; }   /* fade in */
}
.One-Bit-Circles{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
}
.d-flex{
    display: flex;
    gap: 18px;
}
.d-flex>*{
    flex-grow: 1;
    width: 100%;
/*height: 100%;*/
}

.fg-2{
    flex-grow: 2;
}

.fd-column{
    display: flex;
    flex-direction: column;
}
.position-relative{
    position: relative;
}

.One-Bit-Banner img,
.One-Bit-Banner-Container img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: opacity 1s;
}
.One-Bit-Banner-Container>div{
    position: relative;
    display: flex;
    gap: 18px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.Banner-Shadow-Top{
    z-index: 6;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: calc(100% * 0.62);
    background: linear-gradient(180deg, #505050 0%, #ffffff00 70.5%);
    display: flex;
    justify-content: flex-start;
    pointer-events: none;
}
.Banner-Shadow-Bottom{
    z-index: 6;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: calc(100% * 0.62);
    background: linear-gradient(0deg, #505050 0%, #FFFFFF00 70.5%);
    display: flex;
    align-items: flex-end;
    pointer-events: none;
}
.Banner-Shadow-Bottom-White{
    z-index: 6;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: calc(100% * 0.62);
    background: linear-gradient(0deg, #FFFFFF 0%, #FFFFFF00 70.5%);
    display: flex;
    align-items: flex-end;
    pointer-events: none;
}
.One-Bit-Banner-Container p{
    font-family: Poppins;
    font-size: 36px;
    color:white;
    font-weight: 600;
    margin: 0;
}
.One-Bit-Banner-Container shadow p{
    padding: 24px;
}
.One-Bit-Banner .info,
.One-Bit-Banner-Container .info{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 22px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    font-size: 40px;
    z-index: 9;
    border-radius: unset;
    pointer-events: none;
}
.One-Bit-Banner .info a,
.One-Bit-Banner .info button,
.One-Bit-Banner .info elipse,
.One-Bit-Banner-Container .info a,
.One-Bit-Banner-Container .info button,
.One-Bit-Banner-Container .info elipse{
    pointer-events: auto;
}

.One-Bit-Banner .info div{
    border-radius: unset;
}
.One-Bit-Banner .Elipses-Container{
    min-width: max-content;
    display: flex;
    gap: 10px;
}
.One-Bit-Banner .Elipses-Container elipse{
    min-width: 10px;
    min-height: 10px;
    background-color: #D9D9D980;
    border-radius: 10px;
    cursor: pointer;
}
.One-Bit-Banner .Elipses-Container elipse.active{
    background-color: #EA3C13;
}


.One-Bit-Banner .info.row-info{
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end
}
.One-Bit-Banner-Container{

    display: grid;
    gap: 18px;
    grid-template-areas: 
    "banner-1 banner-1 banner-2 banner-3"
    "banner-1 banner-1 banner-2 banner-3"
    "banner-1 banner-1 banner-4 banner-3"
    "banner-5 banner-6 banner-4 banner-3"
    "banner-5 banner-6 banner-4 banner-3"
    "banner-5 banner-6 banner-4 banner-3";
    width: 100%; 
    /*height: 860px;*/
}
.One-Bit-Banner-Area-1{
    grid-area: banner-1;
}
.One-Bit-Banner-Area-2{
    grid-area: banner-2;
}
.One-Bit-Banner-Area-3{
    grid-area: banner-3;
}
.One-Bit-Banner-Area-4{
    grid-area: banner-4;
}
.One-Bit-Banner-Area-5{
    grid-area: banner-5;
}
.One-Bit-Banner-Area-6{
    grid-area: banner-6;
}
p.Anim-Info,
a.Anim-Info{
    position: absolute;
    bottom: 0;
    transition: opacity 1s;
}
.One-Bit-Banner .extras{
    position: absolute;
    top: 40px;
    width: 232px;
    height: max-content;
}
.One-Bit-Banner .extras img{
    height: unset;
    width: 100%;
}


.One-Bit-Banner .fd-column,
.One-Bit-Banner .info{
    gap: 25px;
}

@media (max-width: 439px) {
    .One-Bit-Banner-Container p,
    .One-Bit-Banner-Container .info{
        font-size: 18px;
    }
    .One-Bit-Banner-Container button{
        font-size: 16px;
    }
    div.One-Bit-Banner-Container{
        display: grid;
        gap: 8px;
        grid-template-areas: 
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-2 banner-4"
        "banner-2 banner-4"
        "banner-2 banner-4"
        "banner-2 banner-4"
        "banner-3 banner-3"
        "banner-3 banner-3"
        "banner-3 banner-3"
        "banner-3 banner-3"
        "banner-3 banner-3";
        width: 100%;
        aspect-ratio: 355 / 787;
    }
    div.One-Bit-Banner .extras{
        top: 24px;
        width: 167px;
    }
}


@media (min-width: 440px) and (max-width: 767px) {
    .One-Bit-Banner-Container p,
    .One-Bit-Banner-Container .info{
        font-size: 20px;
    }
    .One-Bit-Banner-Container button{
        font-size: 16px;
    }
    div.One-Bit-Banner-Container{
        display: grid;
        gap: 10px;
        grid-template-areas: 
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-2 banner-4"
        "banner-2 banner-4"
        "banner-2 banner-4"
        "banner-2 banner-4"
        "banner-3 banner-3"
        "banner-3 banner-3"
        "banner-3 banner-3"
        "banner-3 banner-3"
        "banner-3 banner-3";
        width: 100%;
        aspect-ratio: 400 / 880;
    }
    div.One-Bit-Banner .extras{
        top: 24px;
        width: 167px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .One-Bit-Banner-Container p,
    .One-Bit-Banner-Container .info{
        font-size: 28px;
    }

    .One-Bit-Banner-Container button{
        font-size: 16px;
    }

    div.One-Bit-Banner-Container{
        display: grid;
        gap: 15px;
        grid-template-areas: 
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-1 banner-1"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-5 banner-6"
        "banner-2 banner-3"
        "banner-2 banner-3"
        "banner-2 banner-3"
        "banner-4 banner-3"
        "banner-4 banner-3"
        "banner-4 banner-3"
        "banner-4 banner-3"
        "banner-4 banner-3";
        width: 100%;
        aspect-ratio: 455 / 880;
    }

    div.One-Bit-Banner .extras{
        top: 24px;
        width: 167px;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    div.One-Bit-Banner-Container{
        gap: 18px;
        aspect-ratio: 1240 / 620;
    }

    .One-Bit-Banner-Container p,
    .One-Bit-Banner-Container .info{
        font-size: 32px;
    }

    .One-Bit-Banner-Container button{
        font-size: 16px;
    }

}

@media (min-width: 1440px) and (max-width: 1919px) {
    div.One-Bit-Banner-Container{
        gap: 18px;
        aspect-ratio: 1340 / 630;
    }

    .One-Bit-Banner-Container p,
    .One-Bit-Banner-Container .info{
        font-size: 32px;
    }

    .One-Bit-Banner-Container button{
        font-size: 16px;
    }

}

@media (min-width: 1920px) {
    div.One-Bit-Banner-Container{
        aspect-ratio: 1720 / 860;
    }

    .One-Bit-Banner-Container p,
    .One-Bit-Banner-Container .info{
        font-size: 40px;
    }

    .One-Bit-Banner-Container button{
        font-size: 16px;
    }

}

/* Fin CSS Banner Home */


/* CSS Categorias populares  */
.One-Bit-Categories-Container{
    width: 100%;
    padding: 30px;
    background-color: #4B0539;
    border-radius: 20px;
    color: white;
}
.One-Bit-Categories-Container .categorias-content{
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.One-Bit-Categories-Container .categorias-content .categorias-label{
    all: unset;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    /* or 44px */
    display: flex;
    align-items: flex-end;

}
.One-Bit-Categories-Container .categorias-content .categorias-list{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
}

.One-Bit-Categories-Container .categorias-content .categorias-list .categoria a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 33px;
    min-width: 125px;

}

.One-Bit-Categories-Container .categorias-content .categorias-list .categoria a p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 0;
}

@media (max-width: 439px) {
    .One-Bit-Categories-Container .categorias-content .categorias-label{
        font-size: 28px;
    }
    .One-Bit-Categories-Container .categorias-content{
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 40px;

    }
    .One-Bit-Categories-Container .categorias-content .categorias-list{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        align-content: flex-start;
        gap: 60px 0px;
    }
    .One-Bit-Categories-Container .categorias-content .categorias-list > .categoria{
        flex: 0 0 calc(33.333%);
        width: unset;
        min-width: unset;
    }
    .One-Bit-Categories-Container .categorias-content .categorias-list > *:nth-child(n+7) {
        display: none;
    }
}

@media (max-width: 393px){
    .One-Bit-Categories-Container .categorias-content .categorias-list > .categoria{
        flex: 0 0 calc(50%);
        width: unset;
        min-width: unset;
    }
    .One-Bit-Categories-Container .categorias-content .categorias-list > *:nth-child(n+5) {
        display: none;
    }
}

@media (min-width: 440px) and (max-width: 767px) {
    .One-Bit-Categories-Container .categorias-content .categorias-label{
        font-size: 28px;
    }
    .One-Bit-Categories-Container .categorias-content{
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 40px;
    }
    .One-Bit-Categories-Container .categorias-content .categorias-list{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        align-content: flex-start;
        padding: 0px;
        gap: 60px 0px;
    }
    .One-Bit-Categories-Container .categorias-content .categorias-list > .categoria{
        flex: 0 0 calc(33.333%);
        width: unset;
        min-width: unset;
    }
    .One-Bit-Categories-Container .categorias-content .categorias-list > *:nth-child(n+7) {
        display: none;
    }


}

@media (min-width: 768px) and (max-width: 1279px) {
    .One-Bit-Categories-Container .categorias-content .categorias-label{
        font-size: 28px;
    }
    .One-Bit-Categories-Container .categorias-content .categorias-list > *:nth-child(n+6) {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1079px) {
    .One-Bit-Categories-Container .categorias-content .categorias-list > *:nth-child(n+5) {
        display: none;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .One-Bit-Categories-Container .categorias-content .categorias-label{
        font-size: 32px;
    }
    .One-Bit-Categories-Container .categorias-content .categorias-list > *:nth-child(n+6) {
        display: none;
    }
}

@media (min-width: 1440px) and (max-width: 1919px) {
    .One-Bit-Categories-Container .categorias-content .categorias-label{
        font-size: 32px;
    }
}


/* ------------------------ Banner animation -----------------------*/
/*.One-Bit-Banner.anim:has(> a:nth-of-type(1)):not(:has(> a:nth-of-type(2))) img,*/
.One-Bit-Banner.anim:has(> a:nth-of-type(1)):not(:has(> a:nth-of-type(2))) .Anim-Info{
    opacity: 1;
    animation: none;
}

.One-Bit-Banner.anim:has(> a:nth-of-type(1)):not(:has(> a:nth-of-type(2))) elipse{
    animation: none;
}

.One-Bit-Banner.anim:has(> a:nth-of-type(1)):not(:has(> a:nth-of-type(2))) > a{
    opacity: 1;
    animation: none;
}
/* ------------------- cantidad de elementos 2 ------------------------- */
/*.One-Bit-Banner.anim:has(> a:nth-of-type(2)):not(:has(> a:nth-of-type(3))) img,*/
.One-Bit-Banner.anim:has(> a:nth-of-type(2)):not(:has(> a:nth-of-type(3))) .Anim-Info{
    opacity: 0;
    animation: aparecer-l-2 6s infinite;
}

.One-Bit-Banner.anim:has(> a:nth-of-type(2)):not(:has(> a:nth-of-type(3))) elipse{
    animation: seleccionar-l-2 6s infinite;
}
.One-Bit-Banner.anim:has(> a:nth-of-type(2)):not(:has(> a:nth-of-type(3))) > a{
    opacity: 1;
    animation: aparecer-l-2 6s infinite;
}
/* ------------------- cantidad de elementos 3 ------------------------- */
/*.One-Bit-Banner.anim:has(> a:nth-of-type(3)):not(:has(> a:nth-of-type(4))) img,*/
.One-Bit-Banner.anim:has(> a:nth-of-type(3)):not(:has(> a:nth-of-type(4))) .Anim-Info{
    opacity: 0;
    animation: aparecer-l-3 9s infinite;
}

.One-Bit-Banner.anim:has(> a:nth-of-type(3)):not(:has(> a:nth-of-type(4))) elipse{
    animation: seleccionar-l-3 9s infinite;
}
.One-Bit-Banner.anim:has(> a:nth-of-type(3)):not(:has(> a:nth-of-type(4))) > a{
    opacity: 1;
    animation: aparecer-l-3 9s infinite;
}
/* ------------------- cantidad de elementos 4 ------------------------- */
/*.One-Bit-Banner.anim:has(> a:nth-of-type(4)):not(:has(> a:nth-of-type(5))) img,*/
.One-Bit-Banner.anim:has(> a:nth-of-type(4)):not(:has(> a:nth-of-type(5))) .Anim-Info{
    opacity: 0;
    animation: aparecer-l-4 12s infinite;
}

.One-Bit-Banner.anim:has(> a:nth-of-type(4)):not(:has(> a:nth-of-type(5))) elipse{
    animation: seleccionar-l-4 12s infinite;
}
.One-Bit-Banner.anim:has(> a:nth-of-type(4)):not(:has(> a:nth-of-type(5))) > a{
    opacity: 1;
    animation: aparecer-l-4 12s infinite;
}
/* ------------------- cantidad de elementos 5 ------------------------- */
/*.One-Bit-Banner.anim:has(> a:nth-of-type(5)):not(:has(> a:nth-of-type(6))) img,*/
.One-Bit-Banner.anim:has(> a:nth-of-type(5)):not(:has(> a:nth-of-type(6))) .Anim-Info{
    opacity: 0;
    animation: aparecer-l-5 15s infinite;
}

.One-Bit-Banner.anim:has(> a:nth-of-type(5)):not(:has(> a:nth-of-type(6))) elipse{
    animation: seleccionar-l-5 15s infinite;
}
.One-Bit-Banner.anim:has(> a:nth-of-type(5)):not(:has(> a:nth-of-type(6))) > a{
    opacity: 1;
    animation: aparecer-l-5 15s infinite;
}
/* ------------------- cantidad de elementos 6 ------------------------- */
/*.One-Bit-Banner.anim:has(> a:nth-of-type(6)):not(:has(> a:nth-of-type(7))) img,*/
.One-Bit-Banner.anim:has(> a:nth-of-type(6)):not(:has(> a:nth-of-type(7))) .Anim-Info{
    opacity: 0;
    animation: aparecer-l-6 18s infinite;
}

.One-Bit-Banner.anim:has(> a:nth-of-type(6)):not(:has(> a:nth-of-type(7))) elipse{
    animation: seleccionar-l-6 18s infinite;
}
.One-Bit-Banner.anim:has(> a:nth-of-type(6)):not(:has(> a:nth-of-type(7))) > a{
    opacity: 1;
    animation: aparecer-l-6 18s infinite;
}
/* ------------------- animation delay ------------------------- */
.One-Bit-Banner.anim elipse:nth-child(1) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim elipse:nth-child(2) {
    animation-delay: 3s;
}

.One-Bit-Banner.anim elipse:nth-child(3) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim elipse:nth-child(4) {
    animation-delay: 3s;
}

.One-Bit-Banner.anim elipse:nth-child(5) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim elipse:nth-child(6) {
    animation-delay: 3s;
}

.One-Bit-Banner.anim.One-Bit-Banner.anim > img:nth-child(1) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim > img:nth-child(2) {
    animation-delay: 3s;
}

.One-Bit-Banner.anim.One-Bit-Banner.anim > img:nth-child(3) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim > img:nth-child(4) {
    animation-delay: 3s;
}

.One-Bit-Banner.anim.One-Bit-Banner.anim > img:nth-child(5) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim > img:nth-child(6) {
    animation-delay: 3s;
}

.One-Bit-Banner.anim.One-Bit-Banner.anim .Anim-Info.Anim-1{
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim .Anim-Info.Anim-2{
    animation-delay: 3s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim .Anim-Info.Anim-3{
    animation-delay: 6s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim .Anim-Info.Anim-4{
    animation-delay: 9s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim .Anim-Info.Anim-5{
    animation-delay: 12s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim .Anim-Info.Anim-6{
    animation-delay: 15s;
}


/* --------------------- keyframes ----------------------- */

@keyframes aparecer-l-2 {
    0%,66.67%,100%      { opacity: 0; z-index: 1;}
    50%,16.67%          { opacity: 1; z-index:2; }
}

@keyframes seleccionar-l-2 {
    0%,66.67%,100%      { background-color: #D9D9D980; }
    50%,16.67%          { background-color: #EA3C13; }
}

@keyframes aparecer-l-3 {
    0%,44.44%,100%      { opacity: 0; z-index: 1;}
    33.33%,11.11%     { opacity: 1; z-index:2; }
}

@keyframes seleccionar-l-3 {
    0%,44.44%,100%      { background-color: #D9D9D980; }
    33.33%,11.11%       { background-color: #EA3C13; }
}

@keyframes aparecer-l-4 {
    0%,33.33%,100%      { opacity: 0; z-index: 1;}
    25%,8.33%      { opacity: 1; z-index:2; }
}

@keyframes seleccionar-l-4 {
    0%,33.33%,100%      { background-color: #D9D9D980; }
    25%,8.33%      { background-color: #EA3C13; }
}

@keyframes aparecer-l-5 {
    0%,26.67%,100%      { opacity: 0; z-index: 1;}
    20%,6.67%       { opacity: 1; z-index:2; }
}

@keyframes seleccionar-l-5 {
    0%,26.67%,100%  { background-color: #D9D9D980; }
    20%,6.67%       { background-color: #EA3C13; }
}

@keyframes aparecer-l-6 {
    0%,22.23%,100%   { opacity: 0; z-index: 1;}
    16.67%,5.56%     { opacity: 1; z-index:2; }
}

@keyframes seleccionar-l-6 {
    0%,22.23%,100%    { background-color: #D9D9D980; }
    16.67%,5.56%      { background-color: #EA3C13; }
}

/* --------------------------------------------------- */

/* Animación con delay diferente para cada hijo */
.One-Bit-Banner.One-Bit-Banner.anim.anim > a:nth-child(1):has(>img) {
    animation-delay: 0s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim > a:nth-child(2):has(>img) {
    animation-delay: 3s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim > a:nth-child(3):has(>img) {
    animation-delay: 6s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim > a:nth-child(4):has(>img) {
    animation-delay: 9s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim > a:nth-child(5):has(>img) {
    animation-delay: 12s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim > a:nth-child(6):has(>img) {
    animation-delay: 15s;
}

.One-Bit-Banner.One-Bit-Banner.anim.anim elipse:nth-child(1) {
    animation-delay: 0s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim elipse:nth-child(2) {
    animation-delay: 3s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim elipse:nth-child(3) {
    animation-delay: 6s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim elipse:nth-child(4) {
    animation-delay: 0s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim elipse:nth-child(5) {
    animation-delay: 3s;
}
.One-Bit-Banner.One-Bit-Banner.anim.anim elipse:nth-child(6) {
    animation-delay: 6s;
}

/* Animación con delay diferente para cada hijo */
.One-Bit-Banner.anim.One-Bit-Banner.anim > a:nth-child(1) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim > a:nth-child(2) {
    animation-delay: 3s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim > a:nth-child(3) {
    animation-delay: 6s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim > a:nth-child(4) {
    animation-delay: 9s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim > a:nth-child(5) {
    animation-delay: 12s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim > a:nth-child(6) {
    animation-delay: 15s;
}

.One-Bit-Banner.anim.One-Bit-Banner.anim elipse:nth-child(1) {
    animation-delay: 0s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim elipse:nth-child(2) {
    animation-delay: 3s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim elipse:nth-child(3) {
    animation-delay: 6s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim elipse:nth-child(4) {
    animation-delay: 9s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim elipse:nth-child(5) {
    animation-delay: 12s;
}
.One-Bit-Banner.anim.One-Bit-Banner.anim elipse:nth-child(6) {
    animation-delay: 15s;
}
.One-Bit-Banner a{
    transition: opacity 1s ease;
}
.One-Bit-Banner a.btn-One-Bit.button-type-1,
.One-Bit-Banner button.btn-One-Bit.button-type-1{
    transition: opacity 1s ease, color 0.4s ease;
}
.One-Bit-Banner a.active,
.One-Bit-Banner .Anim-Info.Anim-1.active,
.One-Bit-Banner .Anim-Info.Anim-2.active,
.One-Bit-Banner .Anim-Info.Anim-3.active,
.One-Bit-Banner .Anim-Info.Anim-4.active,
.One-Bit-Banner .Anim-Info.Anim-5.active,
.One-Bit-Banner .Anim-Info.Anim-6.active{
    opacity: 1;
    z-index: 2;
}
.One-Bit-Banner a.inactive,
.One-Bit-Banner .Anim-Info.Anim-1.inactive,
.One-Bit-Banner .Anim-Info.Anim-2.inactive,
.One-Bit-Banner .Anim-Info.Anim-3.inactive,
.One-Bit-Banner .Anim-Info.Anim-4.inactive,
.One-Bit-Banner .Anim-Info.Anim-5.inactive,
.One-Bit-Banner .Anim-Info.Anim-6.inactive{
    opacity: 0;
    z-index: 1;
}