.modulo-eres-mi-iberdrola{
    background: var(--Color-Surface-General-3, #F9F9F9);
}

.modulo-eres-mi-iberdrola__fecha{
    width: 100%;
}

.modulo-eres-mi-iberdrola__p-fecha{
    margin-bottom: 0;
    display: block;
    justify-content: center;
    border-radius: var(--border-radius-m, 8px);
    background: var(--Color-Category-General-2, #B3E4C7);
    padding: 7px var(--space-16, 16px);
    min-width: 93px;
    max-width: fit-content;
    height: 32px;
    font-family: var(--font-family-2-medium);
        font-size: var(--size-font-75);
        font-weight: inherit; 
        line-height: var(--size-font-line-height-2xs);
        font-style: var(--font-style-normal);
}

modulo-eres-mi-iberdrola__icon--españa{
    min-width: 32px;
    max-width: 32px;
    height: 32px;
}

modulo-eres-mi-iberdrola__icon--portugal{
    min-width: 32px;
    max-width: 32px;
    height: 32px;
}

.modulo-eres-mi-iberdrola__box{
    margin-bottom: 8px;
}

.modulo-eres-mi-iberdrola__container{
    display: flex;
    flex-direction: column;
    padding: 2.5rem 1rem 0;
    background: #FFF;
    border-radius: 16px 16px 0px 0px;
}
.modulo-eres-mi-iberdrola__title{
    font-family: var(--font-family-1-smbold);
        font-size: var(--size-font-175);
        font-weight: inherit; 
        line-height: var(--size-font-line-height-xl);
        font-style: var(--font-style-normal);
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 1rem; 
}
.modulo-eres-mi-iberdrola__subtitle{
    font-family: var(--font-family-2-regular);
    font-size: var(--size-font-100);
    font-weight: var(--font-weight-regular);
    line-height: var(--size-font-line-height-s);
    font-style: var(--font-style-normal);
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 1.5rem;
}
.modulo-eres-mi-iberdrola__gif{
    padding: 2.1875rem 0;
    width: 328px;
    margin-bottom: 1.5rem;
}

.modulo-eres-mi-iberdrola__box{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
    flex-wrap: wrap;
    gap: 8px;
}

.modulo-eres-mi-iberdrola__box--swiper{
    display: flex;
    flex-direction: row;
    min-width: 304px;
    max-width: 304px;
}

.modulo-eres-mi-iberdrola__box--swiper .swiper-slide{
    height: auto;
}

.modulo-eres-mi-iberdrola__square{
    padding: var(--size-space-24, 24px) var(--size-space-16, 16px);
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-3, #F9F9F9);
}
.modulo-eres-mi-iberdrola__icon{
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
}

.modulo-eres-mi-iberdrola__h3{
    font-family: var(--font-family-1-smbold);
            font-size: var(--size-font-125);
            line-height: var(--size-font-line-height-m);
            font-style: var(--font-style-normal);
            font-weight: inherit;
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 4px;
    padding-bottom:0;
}
.modulo-eres-mi-iberdrola__p{
    font-family: var(--font-family-1-smbold);
            font-family: var(--font-family-2-regular);
        font-size: var(--size-font-75);
        font-weight: inherit; 
        line-height: var(--size-font-line-height-2xs);
        font-style: var(--font-style-normal);
    color: var(--Color-Content-General-2, #707070);
    text-align: center;
    margin-bottom: 8px;
}

.modulo-eres-mi-iberdrola__p--hora{
    font-family: var(--font-family-2-smbold);
        font-size: var(--size-font-75);
        font-weight: inherit; 
        line-height: var(--size-font-line-height-2xs);
        font-style: var(--font-style-normal);
    color: var(--Color-Content-General-2, #707070);
    text-align: center;
    margin-bottom: 16px;
}

div.swiper-button-prev:after{
    display: none;
    content: url("/documents/20122/20903496/left_arrow.svg");
}

div.swiper-button-next:after{
    display: none;
    content: url("/documents/20122/20903496/right_arrow.svg");
}

#modulo-eres-mi-iberdrola > .swiper-pagination{
    position: unset;
    margin: 24px 0 40px;
}

.modulo-eres-mi-iberdrola__fanzone{
    padding: 8px;
    background: var(--Color-Surface-General-1, #FFF);
    border-radius: 8px;
    text-align: center;
}

.modulo-eres-mi-iberdrola__h4{
    color: var(--Color-Content-General-1, #2C2C2C);
    font-family: var(--font-family-2-smbold);
        font-size: var(--size-font-100);
        font-weight: inherit; 
        line-height: var(--size-font-line-height-s);
        font-style: var(--font-style-normal);
    margin-bottom: 0;
    padding-bottom: 0;
}

.modulo-eres-mi-iberdrola__p-fanzone{
    color: var(--Color-Content-General-1, #2C2C2C);
    font-family: var(--font-family-2-regular);
        font-size: var(--size-font-75);
        font-weight: inherit; 
        line-height: var(--size-font-line-height-2xs);
        font-style: var(--font-style-normal);
    margin-bottom: 0;
    padding-bottom: 0;
}
    
@media(min-width: 576px){
    .modulo-eres-mi-iberdrola__container{
        display: flex;
        flex-direction: column;
        padding: 2.5rem 2.625rem 0;
    }

    .modulo-eres-mi-iberdrola__gif{
        padding: 2.1875rem 2.45625rem;
        width: 328px;
    }
    
    .modulo-eres-mi-iberdrola__box--swiper{
        min-width: 492px;
        max-width: 492px;
    }
    
    .modulo-eres-mi-iberdrola__square{
        padding: 1.5rem 1rem;
        max-width: 304px;
        min-width: 304px;
    }
    
}

@media(min-width: 768px){
    
    .modulo-eres-mi-iberdrola__container{
        display: flex;
        flex-direction: column;
        padding: 2.5rem 3rem 0;
        border-radius: 0;
    }

    .modulo-eres-mi-iberdrola__gif{
        padding: 2.1875rem 2.45625rem;
        width: 328px;
    }

    .modulo-eres-mi-iberdrola__box--swiper{
        min-width: 672px;
        max-width: 672px;
    }
    
}

@media(min-width: 992px){
    .modulo-eres-mi-iberdrola{
        background: var(--Color-Surface-General-Inverse, #00402A);
    }
    .modulo-eres-mi-iberdrola__container{
        padding: 2.5rem 5.125rem 2.5rem 5.125rem;
        border-radius: 0px 0px 48px 48px;
    }
    .modulo-eres-mi-iberdrola__title{
        font-family: var(--font-family-1-smbold);
        font-size: 2rem;
        line-height: var(--size-font-line-height-xl);
        font-style: var(--font-style-normal); 
    }
    .modulo-eres-mi-iberdrola__subtitle{
        color: var(--Color-Content-General-2, #707070);
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .modulo-eres-mi-iberdrola__gif{
        width: 384px;
        padding: 2.5625rem 2.875rem;
        margin-bottom: 2rem;
    }

    .modulo-eres-mi-iberdrola__box{
        flex-direction: row;
        justify-content: center;
    }
    
    .modulo-eres-mi-iberdrola__box--swiper{
        min-width: 828px;
        max-width: 828px;
    }
    
    .modulo-eres-mi-iberdrola__square{             
        padding: 1.5rem 1rem;
    }

    div.swiper-button-prev{
        left: 0px;
        top: var(--swiper-navigation-top-offset, 55%);
        width: 64px;
        height: 64px;
    }

    div.swiper-button-next{
        right: 20px;
        top: var(--swiper-navigation-top-offset, 55%);
        width: 64px;
        height: 64px;
    }
    div.swiper-button-prev:after{
        display: block;
        width: 64px;
        height: 64px;
    }

    div.swiper-button-next:after{
        display: block;
        width: 64px;
        height: 64px;
    }
    #modulo-eres-mi-iberdrola > .swiper-pagination{
    margin-bottom: 0px;
}
}

@media(min-width: 1200px){

    .modulo-eres-mi-iberdrola{
        background: linear-gradient(
    to top,
    var(--Color-Surface-General-Inverse, #00402A) 0%,
    var(--Color-Surface-General-Inverse, #00402A) 0%,
    var(--Color-Surface-General-1, #F9F9F9) 100%,
    var(--Color-Surface-General-1, #F9F9F9) 100%
  );
    }
    .modulo-eres-mi-iberdrola__container{
        padding: 2.5rem 6.25rem 5rem 6.25rem;
        border-radius: 48px;
    }
    
    .modulo-eres-mi-iberdrola__square{    
        min-width: 317.33334px;
        max-width: 317.33334px;
    }
    div.swiper-button-prev:after{
        display: none;
    }

    div.swiper-button-next:after{
        display: none;
    }

    .modulo-eres-mi-iberdrola__box--swiper{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 24px;
        min-width: 1000px;
        max-width: 1000px;
    }
    .swiper-pagination{
        display: none;
    }
}

@media(min-width: 1920px){
    .modulo-eres-mi-iberdrola__container{
        padding: 4rem 20.25rem 2.5rem 20.25rem;
    }

    .modulo-eres-mi-iberdrola__square{
        min-width: 408px;
        max-width: 408px;
    }
    .modulo-eres-mi-iberdrola__box--swiper{
        display: flex;
        flex-direction: row;
        gap: 24px;
        min-width: 1272px;
        max-width: 1272px;
    }
}