div[data-analytics-asset-title="modulo_cliente_mi_iberdrola-distributiva_luz.html"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width:992px) {
    .btn-main {
        margin: 0 auto; 
     }
    #module-home-mi-iberdrola-desktop {
        gap: 32px;
    }

    #module-home-mi-iberdrola-desktop .content {
        width: 828px;
        height: 213px;
        position: relative;
        margin-bottom: 32px;
    }

    .title-text {
        width: 828px;
        height: 100px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        display: inline-flex;
    }

    .Image10 {
        width: 213px;
        height: 136px;
        position: absolute;
        left: 307px;
        top: 45px;
        background-image: url(/documents/20122/20860344/img-modulo_cliente_mi_iberdrola-home-992.webp);

    }

    .orange-rectangle {
        width: 72px;
        height: 54px;
        background: #FF9C1A;
        border-radius: 16px;
        top: 0px;
        left: 325px;
    }

    .block {
        height: 96px;
        padding-top: 12px;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        position: absolute;
        border-radius: 16px;
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: inline-flex;
    }

    .block-1 {
        background: #F9F9F9;
        left: 428px;
        top: 112px;
        width: 317px;
    }

    .block-2 {
        width: 283px;
        height: 96px;
        padding-top: 12px;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        background: #DCEBE1;
        border-radius: 16px;
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: inline-flex;
        left: 13px;
    }

    .block-3 {
        top: 0px;
        left: 500px;
        background: #FFF5EC;
        width: 312px;
    }

    .blue-rectangle {
        width: 175px;
        height: 68px;
        left: 156px;
        top: 140px;
        position: absolute;
        background: #0DA9FF;
        border-radius: 16px;
    }

    .green-rectangle {
        width: 116px;
        height: 62px;
        left: 733px;
        top: 75px;
        position: absolute;
        background: #00A443;
        border-radius: 16px;
        z-index: 1;
    }

    .block-title {
        font-family: "IberPangea-Regular";
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
    }

    .block-subtitle {
        font-family: "IberPangeaText-Regular";
        width: 244px;
        color: #2C2C2C;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        word-wrap: break-word"

    }

    .title-supporting-text {
        font-family: "IberPangea-Regular";
        width: 235px;
        height: 68px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: flex;
    }

    .ibd-main-button {

        width: 251px;
        flex-direction: column;
        align-self: center;
        display: flex;
    }

    .ibd-main-button .button-text {
        text-align: center;
        font-size: 16px;
        font-family: "IberPangeaText-regular";
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
        margin-bottom: 0;
    }

    .btn-main {
        margin: 0 auto;
        width: 251px;
        margin-bottom: 40px;
    }

    .ibd-main-button-primary-positive {
        margin: 0 auto 64px;
        flex: 1 1 0;
        padding-left: 40px;
        padding-right: 40px;
        background: #2F6852;
        border-radius: 100px;

    }

    .ibd-main-button-primary-positive:hover {
        background-color: #00402A;
        color: #FFFAF6;
    }

    .ibd-main-button-primary-positive:active {
        background-color: #00402A;
        color: #FFFAF6;
        border: 2px solid #5BD38C;
    }

    .ibd-main-button-primary-positive:focus {
        background-color: #2F6852;
        color: #FFFAF6;
        border: 2px solid #3CC2FF;
    }

    .Label {
        justify-content: flex-start;
        align-items: center;
        display: inline-flex;
    }

    .btn-text {
        text-align: center;
        color: #FFFAF6;
        font-size: 16px;
        font-family: "IberPangea-Regular" Text;
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
    }
}

@media (min-width:1200px) {
    #module-home-mi-iberdrola-desktop {
        height: 491px;
        /* display: inline-block; */
        gap: 32px;
    }

    .title-text {
        width: 996px;
        height: 78px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        display: inline-flex;
        margin-bottom: 32px;
    }

    .title-text .title {
        width: 996px;
        text-align: center;
        color: #2C2C2C;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
        word-wrap: break-word
    }

    .title-text .subtitle {
        width: 996px;
        text-align: center;
        color: #707070;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        word-wrap: break-word;
    }


    #module-home-mi-iberdrola-desktop .content {
        width: 996px;
        height: 213px;
        position: relative;
    }


    .Image10 {
        width: 248px;
        height: 145px;
        left: 307px;
        top: 24px;
        background-image: url(/documents/20122/20860344/img-modulo_cliente_mi_iberdrola-home-1200.webp);
    }


    .orange-rectangle {
        top: -13px;
        left: 322px;
    }


    .block {
        height: 96px;
        padding-top: 12px;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        position: absolute;
        border-radius: 16px;
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: inline-flex;
    }

    .block-1 {
        background: #F9F9F9;
        left: 503px;
        top: 100px;
        width: 317px;
    }

    .block-2 {
        left: 0px;
    }

    .block-3 {
        top: 0px;
        left: 632px;
        background: #FFF5EC;
        width: 312px;
    }

    .blue-rectangle {
        left: 155px;
        top: 118px;
    }

    .green-rectangle {
        left: 880px;
        top: 85px;
    }

    .block-title {
        font-family: "IberPangea-Regular";
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
    }

    .block-subtitle {
        font-family: "IberPangeaText-Regular";
        width: 244px;
        color: #2C2C2C;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        word-wrap: break-word"

    }

    .title-supporting-text {
        font-family: "IberPangea-Regular";
        width: 235px;
        height: 68px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: flex;
    }
.btn-main {
   margin: 0 auto; 
}
    .ibd-main-button {

        width: 251px;
        flex-direction: column;
        align-self: center;
        display: flex;
    }

    .ibd-main-button .button-text {
        text-align: center;
        font-size: 16px;
        font-family: "IberPangeaText-regular";
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
        margin-bottom: 0;
    }

    .ibd-main-button-primary-positive {
        align-self: stretch;
        flex: 1 1 0;
        padding-left: 40px;
        padding-right: 40px;
        background: #2F6852;
        border-radius: 100px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
        margin: 0 auto 64px;
    }

    .ibd-main-button-primary-positive:hover {
        background-color: #00402A;
        color: #FFFAF6;
    }

    .ibd-main-button-primary-positive:active {
        background-color: #00402A;
        color: #FFFAF6;
        border: 2px solid #5BD38C;
    }

    .ibd-main-button-primary-positive:focus {
        background-color: #2F6852;
        color: #FFFAF6;
        border: 2px solid #3CC2FF;
    }

    .Label {
        justify-content: flex-start;
        align-items: center;
        display: inline-flex;
    }

    .btn-text {
        text-align: center;
        color: #FFFAF6;
        font-size: 16px;
        font-family: "IberPangea-Regular" Text;
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
    }
}

@media(min-width:1920px) {

    #module-home-mi-iberdrola-desktop {
        height: 441px;

    }
    .btn-main {
        margin: 0 auto; 
     }
    .title-text {
        width: 1272px;
        height: 78px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        display: inline-flex
    }

    .title-text .title {
        width: 1272px;
        text-align: center;
    }

    .title-text .subtitle {
        width: 1272px;
        text-align: center;
    }


    #module-home-mi-iberdrola-desktop .content {
        width: 1272px;
        height: 213px;
        position: relative;
    }

    .Image10 {
        width: 272px;
        height: 159px;
        left: 478px;
        top: 10px;
        background-image: url(/documents/20122/20860344/img-modulo_cliente_mi_iberdrola-home-1920.webp);
    }


    .orange-rectangle {
        top: 3px;
        left: 490px;
    }


    .block {
        height: 96px;
        padding-top: 12px;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        position: absolute;
        border-radius: 16px;
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: inline-flex;
    }

    .block-1 {
        background: #F9F9F9;
        left: 723px;
        top: 127px;
        width: 317px;
    }

    .block-2 {
        left: 85px;
        top: 8px;
        width: 340px;
        height: 96px;
    }

    .block-3 {
        top: 0px;
        left: 873px;
        background: #FFF5EC;
        width: 312px;
    }

    .blue-rectangle {
        left: 330px;
        top: 139px;
    }

    .green-rectangle {
        left: 1135px;
        top: 70px;
    }

    .block-title {
        font-family: "IberPangea-Regular";
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
    }

    .block-subtitle {
        font-family: "IberPangeaText-Regular";
        width: 308px;
        color: #2C2C2C;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        word-wrap: break-word
    }

    .title-supporting-text {
        font-family: "IberPangea-Regular";
        width: 235px;
        height: 68px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        display: flex;
    }

    .ibd-main-button {
        width: 251px;
        flex-direction: column;
        align-self: center;
        display: flex;
    }

    .ibd-main-button .button-text {
        text-align: center;
        font-size: 16px;
        font-family: "IberPangeaText-regular";
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
        margin-bottom: 0;
    }

    .ibd-main-button-primary-positive {
        align-self: stretch;
        flex: 1 1 0;
        padding-left: 40px;
        padding-right: 40px;
        background: #2F6852;
        border-radius: 100px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
        margin: 0 auto 64px;
    }

    .ibd-main-button-primary-positive:hover {
        background-color: #00402A;
        color: #FFFAF6;
    }

    .ibd-main-button-primary-positive:active {
        background-color: #00402A;
        color: #FFFAF6;
        border: 2px solid #5BD38C;
    }

    .ibd-main-button-primary-positive:focus {
        background-color: #2F6852;
        color: #FFFAF6;
        border: 2px solid #3CC2FF;
    }

    .Label {
        justify-content: flex-start;
        align-items: center;
        display: inline-flex;
    }

    .btn-text {
        text-align: center;
        color: #FFFAF6;
        font-size: 16px;
        font-family: "IberPangea-Regular" Text;
        font-weight: 600;
        line-height: 24px;
        word-wrap: break-word;
    }

}