/*Seccion Banner Empieza*/
.headingFifty {
    width: 100%;
    margin-top: 3.5rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 20svh;
}

.bannerfifty {
    min-height: 10svh;
    background: url(../images/resources/bgmitad.png) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
}

.bannerfifty .fiftyImg {
    width: 30%;
    position: absolute;
    top: 2%;
    left: 2%;
    z-index: 2;
}

.bannerfifty .directoImg {
    position: absolute;
    top: 3%;
    left: 50%;
    transform: translateX(-80%);
    width: 25%;
    z-index: 2;
}

.bannerfifty .globoImg {
    position: absolute;
    top: 2rem;
    right: 2%;
    width: 15%;
    z-index: 2;
}

.bannerfifty .fiftBtnBann {
    position: absolute;
    bottom: 1rem;
    left: 2rem;
    padding: .5rem 2rem;
    border-radius: 50px;
    background: #242424;
    border: 2px solid #ff9900;
    color: #ffd900;
    z-index: 3;
}

.bannerfifty .fiftBtnBann:hover {
    background: #ff9900;
    color: #242424;
}

.bannerfifty .mitadImg {
    width: 30%;
    transform: translateX(190%);
}

.headingFifty .links {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 10svh;
    padding: .5rem;
}

.headingFifty .links a {
    background: #fffdf6;
    border-radius: 16px;
    height: 4.8rem;
    width: 4.3rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    padding: .35rem;
    box-shadow: 0 8px 20px rgba(101, 28, 12, .12);
    border: 2px solid #ffe0a3;
    transition: transform .2s ease, box-shadow .2s ease;
}

.headingFifty .links a:hover {
    transform: translateY(-4px) rotate(-1deg);
    box-shadow: 0 12px 25px rgba(101, 28, 12, .2);
}

.headingFifty .links a img {
    width: 90%;
    filter: drop-shadow(0 5px 6px rgba(0,0,0,.15));
}

.headingFifty .links a p {
    font-size: .62rem;
    margin-top: auto;
    color: #7b1b12;
    font-weight: 800;
}
/*Seccion Banner Termina*/

/* Base provisional para la seccion Fifty & Fifty */
.sectionFifty {
    width: 100%;
    min-height: 20svh;
    padding: 1rem;
}

.containerFifty {
    width: 100%;
    min-height: 12rem;
    display: grid;
    place-items: center;
}

.containerFifty h2 {
    color: var(--red, #b5121b);
    font-size: clamp(2rem, 4vw, 4rem);
    font-weight: 900;
    text-align: center;
}

@media (max-width: 1200px) {
    .headingFifty .links {
        justify-content: center;
    }
}

@media (max-width: 500px) {
    .headingFifty {
        padding: .75rem;
    }

    .bannerfifty .fiftyImg {
        width: 46%;
    }

    .bannerfifty .directoImg {
        width: 38%;
        left: 60%;
    }

    .bannerfifty .mitadImg {
        width: 55%;
        transform: translateX(100%);
    }

    .headingFifty .links {
        overflow-x: auto;
        padding-bottom: .5rem;
    }

    .headingFifty .links a {
        min-width: 4.3rem;
        height: 4.8rem;
    }
}