/*CSS GENERAL*/
audio {
    width: 400px; /* Cambia el ancho */
    filter: invert(1); /* Invierte colores (algunos navegadores lo permiten) */
}

/*AJUSTES REPRODUCTOR DE AUDIO*/
.mejs__controls:not([style*="display: none"]) {
    background: linear-gradient(#b7121200, rgba(0, 0, 0, 0)) !important;
}

.mejs__container{
    background: none !important;
}

.mejs__button > button {
    color: #3AFFA3 !important;
}
/* Landing Cazafugas */


.home-fixed__cazafugas img {
    position: relative;
    z-index: -100;
    width: 100%;
    height: 100%;
}

.home-header-info__cazafugas {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 1300px;
}

home-header-info__cazafugas img {
    z-index: -100;
    width: 100%;
    height: 100%;
}

.cazafugas-background__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cazafugas-image__1 {
    position: absolute;
    top: 17%;
    width: 65rem;
}

.cazafugas-image__2 {
    position: absolute;
    margin-top: 15rem;
    width: 35rem;
}

.cazafugas__main {
    margin-top: 0px;
    background: linear-gradient(0deg, #021426 0%, #021426 100%);
}

.cazafugas__banner {
    display: flex;
    flex-direction: row;
    gap: 10rem;
    padding-bottom: 4rem;
}

.cazafugas__description{
    padding: 6rem 8rem 2.56rem 8rem;
}

.cazafugas-description__title {
    font-family: 'Jersey';
    font-size: 5rem;
    color: white;
    letter-spacing: 0.3rem;
    line-height: 4rem;
}

.cazafugas-description__text{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
    text-edge: cap;
    color: white;
}

.cazafugas-audio__container {
    display: flex;
    height: 20rem;
    flex-direction: column;
    padding: 1rem 3rem;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin-right: 9rem;
    margin-top: 9rem;
    border: 1px solid #3AFFA3;
    border-radius: 1rem;
}

.cazafugas-audio__title {
    font-family: 'Jersey';
    margin: 1rem;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.625rem; /* 102.778% */
    letter-spacing: -0.09rem;
    color: white;
}

.cazafugas-char__container {
    width: 100%;
    height: 1350px;
}

.cazafugas-char__images {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin: 0  2rem;
}

.char__img {
    width: 100%;
}

.cazafugas-char__container p{
    display: flex;
    align-items: center;
    text-align: center;
    margin: 5rem 5rem 1rem 5rem;
    padding: 0 25rem;
}

.cazafugas-char__container span {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 2rem 6rem 2rem 6.5rem;
    padding: 0 25rem;
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
}

.cazafugas__line {
    width: 10%;
    height: 2px;
    background: linear-gradient(90deg, #3AFFA3 0%, #00B1D4 100%);
}

.cazafugas__main-reto {
    width: 100%;
}

.cazafugas-reto__container {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem;
}

.cazafugas-reto-description__title {
    font-family: 'Jersey';
    font-size: 5rem;
    letter-spacing: 0.3rem;
    margin-bottom: 2rem;
}

.animate__animated {
    opacity: 0;
}

.cazafugas-reto-description__text{
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    padding-right: 11rem;

}

.cazafugas-reto__participa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #021426;
    border-radius: 1rem;
    gap: 1rem;
    padding: 3rem;
    margin-top: 10rem;
    margin-right: 6rem;
}

.reto__title{
    font-family: 'Jersey';
    color: white;
    font-size: 4.5rem;
    text-align: center;
    margin: 0;
}

.reto__text {
    leading-trim: both;
    color: white;
    text-edge: cap;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
}

.reto__link {
    text-decoration: none;
    font-size: 1.25rem;
    color: black;
    font-weight: bold;
    display: inline-flex;
    padding: 1.5rem 11.8125rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.5rem;
    background: #3AFFA3;
    transition: all 300ms ease-in-out;
}

.audio-volume {
    position: fixed;
    cursor: pointer;
    z-index: 100;
    top: 90%;
    right: 3%;
    display: block;
    padding: 1rem;
    border: 1px solid white;
    border-radius: 1rem;
    background-color: #021426;
    transition: all 300ms ease-in-out;
}

.audio-volume img {
    width: 30px;
}

.audio-volume:hover {
    transform: scale(1.1);
}

@media (max-width: 2050px) {
    .cazafugas-char__container {
        width: 100%;
        height: 1100px;
    }
}

@media (max-width: 1750px) {
    .cazafugas-char__container {
        width: 100%;
        height: 1055px;
    }
}

@media (max-width: 1440px){

    .cazafugas-image__1 {
        top: 20%; 
        width: 48rem;
    }

    .cazafugas-image__2 {
        margin-top: 19rem;
        width: 28rem;
    }

    .cazafugas-description__title {
        font-size: 4rem;
    }

    .cazafugas__description {
        padding: 2rem 5rem 2.56rem 5rem;
    }

    .cazafugas__banner {
        gap: 0;
    }

    .cazafugas-audio__container {
        margin-right: 7rem;
        margin-top: 3rem;
    }

    .cazafugas-char__container {
        height: 900px;
    }

    .char__img {
        width: 380px;
    }

    .cazafugas-char__container p {
        padding: 0 18rem;
    }

    .cazafugas-char__container span {
        padding: 0 18rem;
    }

    .cazafugas-reto__participa {
        gap: 0rem;
        padding: 3rem 4rem;
        margin-top: 3rem;
        margin-right: 5rem;
    }

    .cazafugas-reto-description__text {
       padding-right: 0px;
    }

    .cazafugas-reto-description__title {
        font-size: 4rem;
    }
}

@media (max-width: 1250px){
    .cazafugas__banner {
        flex-direction: column;
        padding-bottom: 6rem;
    }

    .cazafugas-audio__container {
        margin-right: 0rem;
        margin-top: 0rem;
    }

    .cazafugas-reto__container {
        flex-direction: column;
        gap: 0;
    }

    .cazafugas__description {
        padding: 2rem 5rem;
    }

    .cazafugas-char__container p {
        padding: 0 10rem;
    }

}

@media (max-width: 1025px){
    .cazafugas-image__1 {
        top: 24%;
        width: 29rem;
    }

    .cazafugas-image__2 {
        top: 50%;
        margin-top: 0rem;
        width: 18rem;
    }

    .home-fixed__cazafugas {
        height: 860px;
    }

    .char__img {
        width: 280px;
    }

    .cazafugas-char__container p {
        padding: 0 0rem;
    }

    .cazafugas-char__container span {
        padding: 0 0rem;
        justify-content: center;
    }

    .cazafugas-char__container {
        height: 660px;
    }

    .cazafugas-reto__participa {
        margin-right: 0rem;
    }
}

@media (max-width: 770px){

    .home-fixed__cazafugas img {
        position: relative;
        z-index: -100;
        height: inherit;
    }

    .cazafugas-image__1 {
        top: 25%;
        width: 30rem;
    }

    .cazafugas-image__2 {
        top: 50%;
        margin-top: 0rem;
        width: 18rem;
    }

    .home-fixed__cazafugas {
        height: 564px;
    }

    .cazafugas-char__images {
        flex-direction: column;
    }

    .cazafugas-char__container {
        height: 100%;
        padding-bottom: 1rem;
    }

    .char__img {
        width: 70%;
    }

    .cazafugas-char__container p {
        margin: 2rem 1rem;
    }

    .cazafugas-description__text {
        font-size: 1rem;
    }

    .cazafugas-char__container span {
        margin: 1rem;
        font-size: 1rem;
    }

    .cazafugas__line {
        width: 20%;
        border: none;
    }

    .cazafugas-background__img {
        height: 600px;
    }
}

@media (max-width: 450px){
    .home-fixed__cazafugas {
        height: 535px;
    }

    .cazafugas-image__1 {
        top: 34%;
        width: 20rem;
    }

    .cazafugas-image__2 {
        margin-top: 0;
        width: 14rem;
    }

    .cazafugas__description {
        padding: 2rem 3rem;
    }

    .cazafugas-description__title {
        font-size: 3.5rem;
        line-height: 2.9rem;
    }

    .cazafugas-description__text {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .char__img {
        width: 100%;
    }

    .cazafugas-audio__container {
        height: 10rem;
        padding: 1rem;
    }

    .cazafugas-audio__container img {
        width: 40px;
    }

    .cazafugas-audio__title {
        font-size: 2.5rem;
        line-height: 2.625rem;
    }

    .mejs__container {
        width: 300px !important;
    }

    .cazafugas-reto-description__title {
        font-size: 3.5rem;
        line-height: 2.9rem;
    }

    .cazafugas-reto-description__text {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .reto__title {
        font-size: 2.5rem;
    }

    .reto__text {
        text-align: center;
        font-size: 1rem;
    }

    .reto__link {
        padding: 1rem 3rem;
    }

    .audio-volume {
        top: 89%;
        right: 5%;
    }

    .cazafugas-reto__participa {
        width: 75%;
        padding: 1rem;
    }


    .audio-volume img {
        width: 24px;
    }

}


.reto__link:hover {
    transform: scale(0.97);
}


@keyframes move {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}