*:focus {
    outline: none !important;
}

*::placeholder {
    color: silver;
    font-weight: normal;
}

li {
    text-align: left;
}

.corp_line {
    width: 100%;
    height: 0.11vw;
    background-color: rgba(0, 0, 0, 0.05);
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(../fonts/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY4SY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.corp_t4 li {
    /* background-color: rgba(150, 0, 150, 0.09); */
    /* width: auto; */
    display: inline-block;
}

/* latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(../fonts/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzYw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(../fonts/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(../fonts/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(../fonts/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY4SY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(../fonts/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* VAR */
:root {
    --f1: #ffffff;
    --f2: #021d49;
    --f3: #00c08b;
    --f4: #006F96;
    --f4: #021d49;
    --f5: #f8f8f8;
    --f6: #a8a8a8;
    --f7: #a1a1a1;
    --f8: #f7f7f7;
    --f9: #FF5E00;
    --f10: #f8f8f8;
    --t1: #ffffff;
    --t2: #021d49;
    --t3: #00c08b;
    --t4: #021d49;
    --t5: #f8f8f8;
    --t6: #a8a8a8;
    --t7: #a1a1a1;
    --t8: #f7f7f7;
    --t9: #FF5E00;
    --t10: #f8f8f8;
    --b1: #ffffff;
    --b2: #021d49;
    --b3: #00c08b;
    --b4: #021d49;
    --b5: #f8f8f8;
    --b6: #a8a8a8;
    --b7: #a1a1a1;
    --b8: #f7f7f7;
    --b9: #FF5E00;
    --b10: #f8f8f8;
}

.darkmode:root {
    --f1: #171717;
    --f2: #021d49;
    --f3: #00c08b;
    --f4: #021d49;
    --f5: #f8f8f8;
    --f6: #a8a8a8;
    --f7: #a1a1a1;
    --f8: #333;
    --f9: #FF5E00;
    --f10: #222;
    --t1: #ffffff;
    --t2: #021d49;
    --t3: #00c08b;
    --t4: #021d49;
    --t5: #f8f8f8;
    --t6: #a8a8a8;
    --t7: #a1a1a1;
    --t8: #f7f7f7;
    --t9: #FF5E00;
    --t10: #f8f8f8;
    --b1: #ffffff;
    --b2: #021d49;
    --b3: #00c08b;
    --b4: #021d49;
    --b5: #050404;
    --b6: #a8a8a8;
    --b7: #a1a1a1;
    --b8: #f7f7f7;
    --b9: #FF5E00;
    --b10: #f8f8f8;
}

::-webkit-scrollbar {
    width: 0.7vw;
}

::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.5);
    /* display: none; */
}

::-webkit-scrollbar-thumb {
    background-color: rgba(70, 70, 70, 0.3);
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 100, 100, 0.3);
}

html {
    scroll-behavior: smooth;
    text-decoration: none !important;
}

.a_center {
    text-align: center !important;
    align-items: center !important;
    display: inherit !important;
    /* background-color: red; */
}

.a_mg100 {
    width: 100% !important;
    display: inline-block;
    /* background-color: rebeccapurple; */
}

.a_left {
    text-align: left;
    align-items: left;
}

.a_right {
    text-align: right;
    align-items: right;
}

body {
    color: var(--f10) !important;
    background-color: var(--f5) !important;
    margin: 0px !important;
    text-decoration: none !important;
    font-family: 'Titillium Web', sans-serif !important;
    background-color: var(--f1) !important;
    /* overflow: overlay; */
}

a {
    text-decoration: none !important;
    color: inherit;
}

.notxt {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

*::selection {
    background-color: rgba(59, 155, 196, 0.2);
    /* color: var(--t1); */
}

.zection {
    display: flex;
    clear: both;
    width: 100%;
}

.img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.imgx {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.imgy {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.darkmode .img {
    filter: brightness(95%);
}

.img2 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.darkmode .img2 {
    filter: brightness(95%);
}

div {
    padding: 0;
    margin: 0;
    border: none;
}

a:hover {
    color: inherit;
}

/* LARGE */
@media screen and (min-width:976px),
print {
    :root {
        --tt1: 1.7vw;
        --tt2: 1vw;
        --tt3: 2vw;
        --tt4: 1.3vw;
        --s1: 0vw 0.3vw 1vw rgba(0, 0, 0, 0.15);
        --s1_h: 0vw 0.5vw 1.5vw rgba(0, 0, 0, 0.22);
        --br1: 0.7vw;
        --rotation: 0deg;
        --time_ani: 2s;
    }

    .darkmode:root {
        --tt1: 1.7vw;
        --tt2: 1vw;
        --tt3: 2vw;
        --tt4: 1.3vw;
        --s1: 0vw 0.1vw 1vw rgba(111, 111, 111, 0.33);
        --s1_h: 0vw 0.5vw 1.5vw rgba(111, 111, 111, 0.33);
        --br1: 0.7vw;
        --rotation: 0deg;
        --time_ani: 2s;
    }

    /* inicio style */
    .l_bk10 {
        width: 10%;
        float: left;
    }

    .l_bk9 {
        width: 11.11%;
        float: left;
    }

    .l_bk8 {
        width: 12.5%;
        float: left;
    }

    .l_bk7 {
        width: 14.28%;
        float: left;
    }

    .l_bk6 {
        width: 16.66%;
        float: left;
    }

    .l_bk5 {
        width: 20%;
        float: left;
    }

    .l_bk4 {
        width: 25%;
        float: left;
    }

    .l_bk3 {
        width: 33.33%;
        float: left;
    }

    .l_bk2 {
        width: 50%;
        float: left;
    }

    .l_bk1 {
        width: 100%;
        float: left;
    }

    .l_mg60 {
        display: inline-block;
        clear: both;
        width: 60%;
        margin-left: 20%;
    }

    .l_mg65 {
        display: inline-block;
        clear: both;
        width: 65%;
        margin-left: 17.5%;
    }

    .l_mg70 {
        display: inline-block;
        clear: both;
        width: 70%;
        margin-left: 15%;
    }

    .l_mg75 {
        display: inline-block;
        clear: both;
        width: 75%;
        margin-left: 12.5%;
    }

    .l_mg80 {
        display: inline-block;
        clear: both;
        width: 80%;
        margin-left: 10%;
    }

    .l_mg85 {
        display: inline-block;
        clear: both;
        width: 80%;
        margin-left: 7.5%;
    }

    .l_mg90 {
        display: inline-block;
        clear: both;
        width: 90%;
        margin-left: 5%;
    }

    .l_mg95 {
        display: inline-block;
        clear: both;
        width: 95%;
        margin-left: 2.5%;
    }

    .l_mg100 {
        display: inline-block;
        clear: both;
        width: 100%;
        margin-left: 0%;
    }

    .l_airtop0_5 {
        margin-top: 0.5vw;
    }

    .l_airtop1 {
        margin-top: 1vw;
    }

    .l_airtop1_5 {
        margin-top: 1.5vw;
    }

    .l_airtop2 {
        margin-top: 2vw;
    }

    .l_airtop3 {
        margin-top: 3vw;
    }

    .l_airtop4 {
        margin-top: 4vw;
    }

    .l_airtop5 {
        margin-top: 5vw;
    }

    .l_airtop6 {
        margin-top: 6vw;
    }

    .l_airtop7 {
        margin-top: 7vw;
    }

    .l_airbottom0_5 {
        margin-bottom: 0.5vw;
    }

    .l_airbottom1 {
        margin-bottom: 1vw;
    }

    .l_airbottom1_5 {
        margin-bottom: 1.5vw;
    }

    .l_airbottom2 {
        margin-bottom: 2vw;
    }

    .l_airbottom3 {
        margin-bottom: 3vw;
    }

    .l_airbottom4 {
        margin-bottom: 4vw;
    }

    .l_airbottom5 {
        margin-bottom: 5vw;
    }

    .l_airbottom6 {
        margin-bottom: 6vw;
    }

    .l_airbottom7 {
        margin-bottom: 7vw;
    }

    .l_txt1 {
        font-size: 0.5vw;
        line-height: 0.5vw;
    }

    .l_txt2 {
        font-size: 1vw;
        line-height: 1vw;
    }

    .l_txt3 {
        font-size: 1.25vw;
        line-height: 1.25vw;
    }

    .l_txt4 {
        font-size: 1.5vw;
        line-height: 1.5vw;
    }

    .l_txt5 {
        font-size: 2vw;
        line-height: 2vw;
    }

    .l_txt6 {
        font-size: 2.5vw;
        line-height: 2.5vw;
    }

    .l_txt7 {
        font-size: 3vw;
        line-height: 3vw;
    }

    .l_txt8 {
        font-size: 3.5vw;
        line-height: 3.5vw;
    }

    .l_txt9 {
        font-size: 6.2vw;
        line-height: 6.2vw;
    }

    .l_txt10 {
        font-size: 10vw;
        line-height: 10vw;
    }

    /* fin style*/
    .sup {
        display: inline-block;
        position: fixed;
        /* background-color: red; */
        width: 5vw;
        height: 5vw;
        left: 1vw;
        z-index: 100;
        bottom: -20vw;
    }

    .supKO {
        transition: bottom 1s;
        bottom: -20vw;
    }

    .supOK {
        transition: bottom 1s;
        bottom: 5vw;
    }

    .sup_im {
        opacity: 0.5;
        transition: all 1s;
        background-image: url(../images/scrollto.png);
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .sup_im:hover {
        transition: all 1s;
        opacity: 1;
    }

    .upHeaderAir {
        /* background-color:rgba(222,0,0,0.4); */
        width: 100%;
        height: 9vw;
    }

    .sdHeader {
        width: 100%;
        /* height:16vw; */
        display: inline-block;
        font-size: 5vw;
        background-color: rgba(70, 70, 70, 1);
        top: 0px;
        left: 0px;
        position: fixed;
        z-index: 1;
    }

    .z_logo {
        background-image: url(../images/logohead.png);
        position: absolute;
        left: 3%;
        top: 2vw;
        height: 5vw;
        width: 17%;
    }

    .menuSdModalOK {
        transition: all 0.5s;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 24vw;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
        display: none;
    }

    .menuSdModalKO {
        transition: all 1s;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 24vw;
        right: -111vw;
        background-color: rgba(0, 0, 0, 0.0);
        z-index: 1;
        display: none;
    }

    .menuBarOK {
        transition: all 1s;
        z-index: 7;
        position: fixed;
        top: 0vw;
        width: 70%;
        height: 21vh;
        z-index: 1;
        right: 1vw;
        /* background-color: var(--clr_2); */
    }

    .menuBarKO {
        transition: all 1s;
        z-index: 7;
        position: fixed;
        top: 0vw;
        width: 70%;
        height: 21vh;
        z-index: 1;
        right: 1vw;
        /* background-color: var(--clr_2); */
    }

    .menuItem {
        color: rgba(0, 0, 0, 1);
        width: 100%;
        /* float:left; */
        font-size: 5vw;
        line-height: 5vw;
        padding: 5vw;
        padding-left: 7vw;
        padding-right: 2vw;
        text-transform: uppercase;
    }

    .z_upmenuitemsd {
        color: var(--clr_10);
        font-size: 1.2vw;
        text-align: center;
        /* width: 80%; */
        /* height: 13vw; */
        padding: 0.7vw;
        background-color: rgba(0, 92, 155, 0.4);
        display: inline-block;
    }

    /* z */
    .upHeader {
        width: 100%;
        /* background-color: rgba(250,250,0,0.4); */
        display: inline-block;
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 150;
    }

    .darkmode .z_upmenuhz {
        background-color: rgba(22, 22, 22, 0.4);
        backdrop-filter: blur(0.3vw);
    }

    .z_upmenuhz {
        backdrop-filter: blur(0.3vw);
        background-color: rgba(255, 255, 255, 0.9);
        width: 100%;
        height: 9vw;
        display: inline-block;
        text-align: center;
        /* padding-bottom: 1vw; */
        box-shadow: 0vw 0vw 0vw 0vw rgba(0, 0, 0, 0.0);
        /* transition: all 0.3s; */
    }

    .darkmode .z_upmenuhzko {
        background-color: rgba(33, 33, 33, 0.5);
        /* transition: all 0.3s; */
    }

    .z_upmenuhzko {
        width: 100%;
        height: 6vw;
        background-color: rgba(255, 255, 255, 0.85);
        display: inline-block;
        text-align: center;
        /* padding-bottom: 1vw; */
        box-shadow: 0vw 0vw 2vw 0vw rgba(0, 0, 0, 0.3);
        /* transition: all 0.3s; */
        /* background-color: green; */
        backdrop-filter: blur(0.3vw);
    }

    .menuBar {
        z-index: 7;
    }

    .z_upmenuitems {
        width: 50%;
        margin-left: 25%;
        display: flex;
        /* background-color: rgba(2,255,0,0.4); */
    }

    .z_upmenuitem {
        display: inline-block;
        /* display: flex; */
        align-items: center;
        text-align: center;
        font-size: 0.88vw;
        color: var(--clr_10);
        width: 10.6%;
        /* background-color: rgba(0,255,0,0.4); */
        padding-top: 1.1vw;
        padding-bottom: 1vw;
        /* height: 3vw; */
        transition: all 0.3s;
        text-shadow: 0vw 0.1vw 0.5vw rgba(0, 0, 0, 0.3);
        display: none;
    }

    .z_upmenuitem:hover {
        transition: all 0.3s;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .as_upmenu_line {
        display: inline-block;
        width: 0%;
        height: 0.12vw;
        background-color: rgba(250, 250, 150, 0.0);
        margin-top: 0.1vw;
        transition: all 0.5s;
    }

    .z_upmenuok {
        cursor: pointer;
        position: absolute;
        width: 11vw;
        height: 11vw;
        /* background-color: yellow; */
        top: 7vw;
        right: 3vw;
        transform: rotate(0deg);
        background-image: url(../images/mok.png);
        transition: all 0.3s;
        display: none;
    }

    .z_upmenuko {
        cursor: pointer;
        position: absolute;
        width: 11vw;
        height: 11vw;
        /* background-color: yellow; */
        top: 7vw;
        right: 3vw;
        transform: rotate(180deg);
        background-image: url(../images/mko.png);
        transition: all 0.3s;
        display: none;
    }

    .index_slider {
        margin-top: 2.1vw;
        overflow: hidden;
        width: 80%;
        height: 27.02vw;
        border: none;
        position: relative;
        top: 0;
        left: 10%;
        z-index: 0;
        background-color: var(--f4);
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 1vw 0.0vw rgba(0, 0, 0, 0.35);
    }

    /* CORP */
    .corp_up_bar1 {
        position: relative;
        width: 100%;
        display: inline-block;
        background-color: var(--f4);
        font-size: 0.9vw;
        font-weight: bold;
        height: 2.6vw;
    }

    .corp_up_e1 {
        /* padding-left: 3vw; */
        /* background-color: var(--f3); */
        color: white;
        /* width: 18%; */
        display: inline-block;
        float: left;
        position: relative;
        left: 0;
        top: 0;
        height: 100%;
        /* background-color: var(--f4); */
    }

    .corp_up_e2 {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        text-align: right;
        /* background-color: var(--f4); */
        color: var(--t1);
        /* width: 50%; */
        display: inline-block;
        /* float: left; */
        /* background-color: red; */
    }

    .corp_up_e3 {
        /* background-color: yellow; */
        display: inline-block;
        /* width: 50%; */
        height: 100%;
    }

    .corp_up_e3KO {}

    .corp_up_e4 {
        text-align: right;
        /* background-color: red; */
        margin-top: 1.5vw;
        color: var(--t2);
        width: 78%;
        display: inline-block;
        float: left;
        position: relative;
        font-size: 0.9vw;
        transition: 0.3s;
    }

    .corp_up_e4KO {
        text-align: right;
        /* background-color: red; */
        margin-top: 1.5vw;
        color: var(--t2);
        width: 78%;
        display: inline-block;
        float: left;
        position: relative;
        font-size: 0.9vw;
        transition: 0.3s;
    }

    .corp_up_e4dw {
        transition: 0.3s;
        text-align: right;
        /* background-color: red; */
        /* margin-top: 1.5vw; */
        color: var(--t2);
        width: 78%;
        display: inline-block;
        float: left;
        position: relative;
        font-size: 0.9vw;
    }

    .corp_up_e5 {
        display: inline-block;
        height: 3.5vw;
        /* transition: 0.3s; */
    }

    .corp_up_e5dw {
        display: inline-block;
        height: 3.5vw;
        /* transition: 0.3s; */
    }

    .corp_up_b0 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        transition: all 0.3s;
        /* font-weight: normal; */
    }

    .corp_up_b0:hover {
      
        transition: all 0.3s;
        color: white;
    }

    .corp_up_b1 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        transition: all 0.3s;
    }

    .corp_up_b1:hover {
        transition: all 0.3s;
        color: var(--t3);
    }

    .corp_up_b1_txt {
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        transition: all 0.3s;
    }

    .corp_up_b2 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_fono.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2:hover {
        background-image: url(../images/up_ico_fono.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: white;
    }

    .corp_up_b2_1 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_mail.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_1:hover {
        background-image: url(../images/up_ico_mail_hover.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t3);
    }

    .corp_up_b2_2 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_lectura.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_2:hover {
        background-image: url(../images/up_ico_lectura_hover.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t3);
    }

    .corp_up_b2_3 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/emer2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_3:hover {
        background-image: url(../images/emer2.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: white;
    }

    .corp_up_b2_4 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_cv.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_4:hover {
        background-image: url(../images/up_ico_cv_hover.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t3);
    }

    .corp_up_b2_5 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        filter: brightness(5);
        background-image: url(../images/hm_qqhh_nts2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_5:hover {
        /* background-image: url(../images/hm_qqhh_nts.png); */
        transition: all 0.3s;
        color: white;
    }

    .corp_up_b2_6 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/reposicionservicio2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_6:hover {
        background-image: url(../images/reposicionservicio2.png);
        transition: all 0.3s;
        color: white;
    }

    .corp_up_bar2 {
        position: absolute;
        /* background-color: red; */
        width: 100%;
        top: 2.6vw;
        left: 0vw;
        display: inline-block;
        height: 6.5vw;
        overflow: hidden;
    }

    .corp_up_bar2dw {
        position: absolute;
        /* background-color: blue; */
        width: 100%;
        top: 2.6vw;
        left: 0vw;
        display: inline-block;
        height: 3.5vw;
        overflow: hidden;
        transition: 0.3s;
    }

    .corp_up_logo_xy {
        margin-left: 3vw;
        margin-top: 1vw;
        float: left;
        display: inline-block;
        /* position: relative; */
        width: 15vw;
        height: 4.5vw;
        /* background-color: aqua; */
        overflow: hidden;
        transition: 0.3s;
    }

    .corp_up_logo_xydw {
        margin-left: 1vw;
        margin-right: 5vw;
        margin-top: 0vw;
        float: left;
        display: inline-block;
        /* text-align: left; */
        /* position: relative; */
        width: 13vw;
        height: 3.5vw;
        /* background-color: yellowgreen; */
        overflow: hidden;
        transition: 0.3s;
    }

    .corp_up_logo {
        cursor: pointer;
        display: inline-block;
        width: 14.3vw;
        height: 4vw;
        margin: 0;
        padding: 0;
        margin-top: 0.3vw;
        background-image: url(../images/up_logo.png?gv062024);
        background-repeat: no-repeat;
        background-position: 0vw 0vw;
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_up_logodw {
        display: inline-block;
        width: 10vw;
        height: 2.8vw;
        margin: 0;
        padding: 0;
        margin-top: 0.3vw;
        background-image: url(../images/up_logo.png?gv062024);
        background-repeat: no-repeat;
        background-position: 0vw 0vw;
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_up_logo:hover {
        transition: all 0.3s;
        filter: brightness(111%);
        /* filter:brightness(140%) hue-rotate(-115deg) contrast(136%); */
    }

    .corp_up_s1_mk {
        transition: 0.5s;
        /* background-color: silver; */
        position: absolute;
        left: 0;
        bottom: -0.28vw;
        opacity: 1;
        width: 100%;
        height: 2vw;
        overflow: hidden;
        display: inline-block;
        align-items: center;
        transition: all 0.5s;
        /* border: solid red 1px; */
    }

    .corp_up_s1_mkdw {
        /* background-color: silver; */
        position: absolute;
        left: 0;
        bottom: 10;
        opacity: 0;
        width: 100%;
        height: 0vw;
        overflow: hidden;
        display: inline-block;
        align-items: center;
        transition: 0.1s;
        border: solid blue 1px;
    }

    .darkmode .corp_up_s1 {
        background: linear-gradient(to bottom, rgba(222, 222, 222, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
    }

    .corp_up_s1 {
        position: relative;
        background: linear-gradient(to bottom, rgba(222, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 50%);
        /* background-color: blue; */
        margin-left: 10%;
        width: 80%;
        height: 2vw;
        border-radius: 50%;
        /* transform: rotate(90deg); */
        transition: all 0.15s;
        margin-top: 1vw;
    }

    .corp_up_b3 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 1vw;
        height: 100%;
        font-weight: bold;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: 0vw center;
        background-size: auto 55%;
        transition: all 0.3s;
        border-bottom: solid 0px var(--f3);
    }

    /* .corp_up_b3:hover {
        transition: all 0.3s;
        filter: brightness(70%);
    } */

    .corp_up_b_rss {
        cursor: pointer;
        display: inline-block;
        float: left;
        margin-left: 0.5vw;
        /* padding-right: 1vw; */
        height: 1.8vw;
        width: 1.8vw;
        margin-top: 1vw;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
        opacity: 0.3;
        filter: grayscale(100%);
        border-radius: 50%;
        transform: rotate(1deg);
    }

    .corp_up_b_rss:hover {
        display: inline-block;
        float: left;
        margin-left: 0.5vw;
        /* padding-right: 1vw; */
        height: 1.8vw;
        width: 1.8vw;
        margin-top: 1vw;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
        opacity: 1;
        filter: grayscale(0%);
        border-radius: 50%;
        transform: rotate(360deg);
    }

    .corp_hm_loginslider {
        width: 100%;
        display: inline-block;
        /* background-color: red; */
        position: relative;
    }

    .corp_hm_login {
        background-color: white;
        box-shadow: 0vw 0.7vw 1vw 0.5vw rgba(0, 0, 0, 0.3);
        position: absolute;
        left: 12vw;
        top: 9vw;
        z-index: 1;
        padding: 1.8vw;
        width: 17vw;
        border-radius: 0.1vw 2vw 0.1vw 2vw;
    }

    .corp_hm_login_t1 {
        color: var(--t2);
        font-size: 1.4vw;
        /* width: 100%; */
        height: 3vw;
        padding-left: 3.3vw;
        font-weight: bold;
        display: grid;
        align-items: center;
        filter: brightness(80%);
        background-image: url(../images/up_ico_pago.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 95%;
        transition: all 0.3s;
        /* background-color: red; */
    }

    .corp_hm_login_t2 {
        color: var(--t2);
        font-size: 0.9vw;
        /* width: 100%; */
        /* height: 3vw; */
        text-indent: 0.2vw;
        margin-top: 0vw;
        font-weight: bold;
        display: inline-block;
        /* filter: brightness(80%); */
        float: left;
        /* background-color: red; */
    }

    .corp_hm_login_t2_1 {
        color: var(--t2);
        font-size: 0.9vw;
        /* width: 100%; */
        /* height: 3vw; */
        text-indent: 0.2vw;
        margin-top: 0vw;
        font-weight: bold;
        display: inline-block;
        /* filter: brightness(80%); */
        float: left;
        /* background-color: red; */
    }

    .corp_hm_login_e1 {
        cursor: pointer;
        margin-left: 0.5vw;
        display: inline-block;
        border-radius: 50%;
        background-color: var(--f2);
        color: var(--t1);
        width: 1.3vw;
        height: 1.3vw;
        text-align: center;
        font-size: 0.9vw;
        line-height: 1.2vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_hm_login_e1:hover {
        background-color: var(--f4);
        transition: all 0.3s;
    }

    .corp_hm_login_input {
        display: inline-block;
        margin-top: 0.3vw;
    }

    .corp_hm1 {
        /* background-color: red; */
        display: inline-block;
    }

    .corp_hm2 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 50%;
        margin-right: 0.44vw;
        color: var(--t2);
        border: solid 0.17vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 0.9vw;
        transition: all 0.3s;
        float: left;
    }

    .corp_hm2:hover {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1); */
    }

    .corp_hm2:focus {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_b1h {
        height: 2.7vw;
    }

    .corp_hm_login_in_b1 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 2vw;
        border: none;
        display: inline-block;
        font-size: 1.1vw;
        line-height: 2vw;
        font-weight: bold;
        padding: 0.33vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        box-shadow: 0vw 0.4vw 0.6vw rgba(0, 0, 0, 0.2);
        float: left;
        transition: all 0.3s;
    }

    .corp_hm_login_in_b1:hover {
        transition: all 0.3s;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        background-color: var(--f4);
    }

    .corp_hm_login_in_b1:focus {
        transition: all 0.15s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
        background-color: var(--f4);
    }

    .corp_hm_login_in_b1_2 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 2vw;
        border: none;
        display: inline-block;
        font-size: 1.6vw;
        line-height: 3vw;
        font-weight: bold;
        padding: 0.33vw;
        margin-top: 0.7vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        box-shadow: 0vw 0.4vw 0.6vw rgb(0 0 0 / 20%);
        float: left;
        transition: all 0.3s;
    }

    .corp_hm_login_in_b1_2:hover {
        transition: all 0.3s;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        background-color: var(--f4);
    }

    .corp_hm_login_in_b1_2:focus {
        transition: all 0.15s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
        background-color: var(--f4);
    }

    .corp_hm_login_ov_b1 {
        cursor: pointer;
        color: var(--t4);
        display: inline-block;
        font-size: 0.9vw;
        font-weight: bold;
        padding-left: 1.7vw;
        background-image: url(../images/ico_ov.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
        transition: all 0.15s;
        /* line-height: 0; */
        /* background-color: red; */
    }

    .corp_hm_login_ov_b1:hover {
        transition: all 0.15s;
        color: var(--t2);
    }

    .corp_hm_login_ov_b1_sb {
        margin-top: 0.5vw;
        cursor: pointer;
        color: var(--t4);
        display: inline-block;
        font-size: 0.9vw;
        font-weight: bold;
        padding-left: 1.7vw;
        background-image: url(../images/ico_sbe.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
        transition: all 0.15s;
        /* line-height: 0; */
        /* background-color: red; */
    }

    .corp_hm_login_ov_b1_sb:hover {
        transition: all 0.15s;
        color: var(--t2);
    }

    .corp_it_dia {
        margin-top: 3vw;
        width: 100%;
        height: 21vw;
        display: inline-block;
        background-image: url(../images/it_hm_dia.png);
        /* background-color: red; */
    }

    .corp_it_pd {
        margin-top: 3vw;
        width: 100%;
        height: 24vw;
        padding-top: 15vw;
        /* background-color: red; */
        display: inline-block;
        background-image: url(../images/it_hm_pd.png?1);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_hm_dd_mk {
        width: 80%;
        height: 20vw;
        border-radius: 1vw;
        margin-left: 10%;
        background-color: var(--f2);
        overflow: hidden;
        box-shadow: 0vw 0.5vw 0.7vw rgba(0, 0, 0, 0.3);
        position: relative;
        transition: all 0.9s;
    }

    .corp_hm_dd_e1 {
        position: absolute;
        top: 13vw;
        left: -8vw;
        width: 7vw;
        height: 7vw;
        border: solid 5vw rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        transition: all 1s;
    }

    .corp_hm_dd_e2 {
        position: absolute;
        top: 14.4vw;
        left: 5%;
        width: 90%;
        height: 4.6vw;
        opacity: 0.9;
        transition: all 0.3s;
    }

    .corp_hm_dd_i {
        position: absolute;
        top: 0;
        border-radius: 0% 0% 0% 77%;
        right: 0%;
        width: 90%;
        height: 14vw;
        border-left: solid var(--f3)1.5vw;
        border-bottom: solid var(--f3)0.3vw;
        box-sizing: border-box;
        background-color: var(--f3);
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_e1 {
        position: absolute;
        top: 12vw;
        left: -6vw;
        width: 7vw;
        height: 7vw;
        border: solid 5vw rgba(255, 255, 255, 0.05);
        border-radius: 50%;
        transition: all 1s;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_e2 {
        transition: all 0.3s;
        position: absolute;
        opacity: 1;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_i {
        transition: all 0.3s;
        background-size: 115%;
    }

    .corp_hm_dd_mk:hover {
        background-color: var(--f4);
        transition: all 0.9s;
    }

    .corp_qqhh_e1 {
        text-align: center;
        display: inline-block;
        margin-top: 5vw;
        margin-bottom: 3vw;
        width: 100%;
        height: 12vw;
        /* background-color: red; */
        background-image: url(../images/hm_iso1.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 10%;
        color: var(--t4);
        font-size: var(--tt1);
        line-height: 22vw;
        font-weight: bold;
    }

    .corp_qqhh_e2 {
        display: inline-block;
        /* background-color: red; */
        margin-left: 10%;
        width: 80%;
        text-align: center;
    }

    .corp_qqhh_e3 {
        display: inline-block;
        width: 8vw;
        height: 8vw;
        margin-top: 0.5vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 0.4vw 0.5vw rgba(0, 0, 0, 0.2);
        /* box-shadow: inset 0vw 0vw 0vw rgba(0,0,0,0); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 48%;
        transition: all 0.2s;
    }

    .corp_qqhh_e4 {
        width: 90%;
        transition: all 0.3s;
        display: inline-block;
        margin-top: 1.2vw;
        text-align: center;
        font-size: 1.1vw;
        font-weight: bold;
        color: var(--t2);
        position: relative;
        /* background-color: red; */
    }

    .corp_qqhh_e2:hover .corp_qqhh_e3 {
        /* background-size: 55%; */
        /* background-color:var(--f4); */
        /* background-repeat: repeat; */
        /* transform: rotate(360deg); */
        margin-top: 0vw;
        margin-bottom: 0.5vw;
        transition: all 0.2s;
        /* box-shadow:  0vw 0vw 0vw rgba(0,0,0,0.1); */
        box-shadow: 0vw 0vw 1vw var(--f2);
    }

    .corp_qqhh_e2:hover .corp_qqhh_e4 {
        transition: all 0.3s;
        color: var(--t4);
    }

    .corp_it_ppgn {
        margin-top: 4vw;
        width: 100%;
        height: 39vw;
        position: relative;
        display: inline-block;
        /* background-color: red; */
        overflow: hidden;
    }

    .corp_it_ppgn_t1 {
        z-index: 1;
        position: absolute;
        right: 7%;
        top: 14%;
    }

    .corp_it_ppgn_e1 {
        background-image: url(../images/hm_ppgn.png);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .corp_it_ppgn_e2 {
        background-color: var(--f);
        width: 340vw;
        height: 24.5vw;
        position: absolute;
        top: 13vw;
        left: -186.2vw;
        background-position: left center;
        background-repeat: repeat-x;
        background-image: url(../images/hm_ppgn_i.jpg);
        background-size: auto 100%;
        animation-name: corp_it_ppgn_e2_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_it_ppgn_e2_ani {
        from {
            left: 0vw;
        }

        to {
            left: -186.2vw;
        }
    }

    .corp_ppgn_e3 {
        margin-top: 0vw;
        width: 100%;
        text-align: center;
        /* height: 2vw; */
        display: inline-block;
        padding-top: 3vw;
        /* background-color: red; */
        background-image: url(../images/arrow1_dw.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 2.2vw;
    }

    .corp_ppgn_e4 {
        background-color: var(--f1);
        /* opacity: 0.9; */
        position: absolute;
        bottom: -5vw;
        left: -1vw;
        width: 113%;
        height: 10vw;
        border-radius: 50%;
    }

    .corp_p_a {
        display: inline-block;
        width: 100%;
        /* height: 23vw; */
        /* margin-top: 5vw; */
        overflow: hidden;
        /* background-color: red; */
    }

    .corp_p_bat {
        position: relative;
        display: inline-block;
        width: 5%;
        height: 100%;
        /* background-color: yellow; */
        float: left;
    }

    .corp_p_bad {
        position: relative;
        display: inline-block;
        width: 5%;
        height: 100%;
        /* background-color: yellow; */
        float: left;
    }

    .corp_p_it_sld_mk {
        float: left;
        position: relative;
        display: inline-block;
        /* margin-left: 5%; */
        width: 90%;
        height: 100%;
        /* background-color: green; */
    }

    .corp_p_it_sld_mk_d {
        float: left;
        position: relative;
        display: inline-block;
        margin-left: 5%;
        width: 90%;
        height: 100%;
        /* background-color: green; */
    }

    .corp_p_it_sld {
        display: inline-block;
        width: 100%;
        /* height: 100%; */
        /* margin-bottom: 5vw; */
        /* background-color: blue; */
    }

    .corp_p_it_mk {
        display: inline-block;
        width: 20%;
        /* background-color: red; */
        height: 93%;
        float: left;
    }

    .corp_p_it_in {
        height: 24.5vw !important;
        margin-bottom: 1.5vw;
    }

    .corp_p_it_in_d {
        height: 21vw !important;
        margin-bottom: 1.5vw;
    }

    .corp_p_it {
        position: relative;
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        margin-top: 5%;
        background-color: var(--f1);
        height: 94%;
        box-shadow: var(--s1);
        border-radius: 1vw;
        overflow: hidden;
        transition: all 0.3s;
    }

    .corp_p_it_d {
        position: relative;
        display: inline-block;
        width: 13.7vw;
        margin-left: 0.8vw;
        margin-top: 5%;
        background-color: var(--f1);
        height: 94%;
        box-shadow: var(--s1);
        border-radius: 1vw;
        overflow: hidden;
        transition: all 0.3s;
    }

    .corp_p_des {
        z-index: 1;
        position: absolute;
        right: 1vw;
        top: 1vw;
        background-color: var(--f2);
        width: 3vw;
        height: 3vw;
        border: solid var(--f4) 0.2vw;
        border-radius: 50%;
        color: var(--t3);
        font-weight: bold;
        font-size: 1.2vw;
        display: grid;
        align-items: center;
        text-align: center;
        transition: all 1s;
        box-shadow: 0vw 0vw 0.2vw rgba(0, 0, 0, 0.5);
    }

    .corp_p_ima {
        margin-left: 5%;
        margin-top: 7%;
        width: 90%;
        height: 11.8vw;
        display: inline-block;
        /* background-color: red; */
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_p_det_sel {
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        /* background-color: red; */
        position: relative;
        top: -0.5vw;
    }

    .corp_p_tip_mar {
        font-size: 0.7vw;
        font-weight: bold;
        color: var(--t2);
        line-height: 0.7vw;
        ;
    }

    .corp_p_mod {
        font-size: 1.2vw;
        line-height: 1.2vw;
        font-weight: bold;
        color: var(--t2);
        /* height: 2.9vw; */
        /* background-color: red; */
        line-height: 1.4vw;
        /* margin-bottom: 0.3vw; */
        transition: all 0.3s;
        /* overflow: hidden; */
    }

    .corp_p_pre_ofe {
        display: contents;
        font-size: 1.5vw;
        font-weight: bold;
        color: red;
        line-height: 1.2vw;
        float: left;
        transition: all 0.3s;
    }

    .corp_p_pre_ofe_txt {
        display: inline-block;
        font-size: 0.9vw;
        font-weight: bold;
        color: red;
        line-height: 1.3vw;
        padding-left: 0.2vw;
        /* background-color: red; */
    }

    .corp_p_nor_line {
        display: inline-block;
        clear: both;
        font-size: 0.9vw;
    }

    .corp_p_pre_nor_txt {
        display: inline-block;
        /* font-weight: bold; */
        color: var(--t6);
        /* line-height: 1.65vw; */
        padding-left: 0.2vw;
        float: left;
    }

    .corp_p_pre_nor {
        display: inline-block;
        font-weight: bold;
        color: var(--t6);
        /* text-decoration: line-through; */
        padding-left: 0.2vw;
    }

    .corp_p_pre_norok {
        font-size: 1.5vw;
        color: var(--f4);
    }

    .corp_p_btn_mk {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .corp_p_btn {
        background-color: var(--f3);
        font-size: 1vw;
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        /* margin-left: 9%; */
        padding: 0.5vw;
        padding-left: 1.3vw;
        padding-right: 1.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_p_btn:hover {
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_it:hover .corp_p_ima {
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_p_it:hover .corp_p_pre_ofe {
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it:hover .corp_p_pre_ofe_txt {
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it:hover .corp_p_des {
        background-color: var(--f3);
        color: var(--t4);
        box-shadow: 0vw 0.1vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_p_it:hover {
        box-shadow: var(--s1_h);
    }

    .corp_p_it_d:hover .corp_p_ima {
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_p_it_d:hover .corp_p_pre_ofe {
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it_d:hover .corp_p_pre_ofe_txt {
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it_d:hover .corp_p_des {
        background-color: var(--f3);
        color: var(--t4);
        box-shadow: 0vw 0.1vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_p_it_d:hover {
        box-shadow: var(--s1_h);
    }

    .corp_p_vm_mk {
        overflow: hidden;
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        position: relative;
        height: 6vw;
        text-align: center;
        margin-top: 2vw;
    }

    .corp_btn1 {
        cursor: pointer;
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t4);
        display: inline-block;
        padding: 0.7vw;
        padding-left: 3.3vw;
        padding-right: 3.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
        cursor: pointer;
        text-align: center;
    }

    .corp_btn1:hover {
        cursor: pointer;
        color: var(--t2);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_btn2 {
        background-color: var(--f2);
        font-size: var(--tt2);
        font-weight: bold;
        color: white;
        display: inline-block;
        padding: 0.7vw;
        padding-left: 3.3vw;
        padding-right: 3.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
        cursor: pointer;
        text-align: center;
    }

    .corp_btn2:hover {
        color: var(--t3);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_vm {
        cursor: pointer;
        position: relative;
        /* z-index: 1; */
        background-color: var(--f2);
        font-size: var(--tt2);
        font-weight: bold;
        color: white;
        display: inline-block;
        padding: 0.7vw;
        top: 1.5vw;
        padding-left: 3.3vw;
        padding-right: 3.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_p_vm:hover {
        background-color: var(--f4);
        color: var(--t3);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_vm_mont {
        position: absolute;
        background: linear-gradient(to bottom, rgba(222, 222, 222, 0.5) 0%, rgba(255, 255, 255, 0) 33%);
        /* background-color: blue; */
        margin-left: 25%;
        width: 50%;
        top: 50%;
        height: 7vw;
        border-radius: 50%;
    }

    .corp_ft {
        margin-top: 3vw;
        display: inline-block;
        width: 100%;
        height: 60vw;
        /* background-color: red; */
        overflow: hidden;
        text-align: center;
    }

    .darkmode .corp_ft_mk {
        background-color: #00698f;
    }

    .corp_ft_mk {
        display: inline-block;
        background-color: var(--f4);
        border-radius: 50% 50% 0 0;
        position: relative;
        left: -20%;
        width: 140%;
        height: 72vw;
    }

    .corp_ft_gviso_mk {
        width: 100%;
        display: inline-block;
        /* background-color: yellow; */
        text-align: center;
        margin-top: 2vw;
    }

    .corp_ft_gviso {
        width:10%;
        height: 12.7vw;
        display: inline-block;
        /* background-color: red;		 */
        background-image: url(../images/ft_gviso.png);
    }

    .corp_ft_lk {
        width: 90vw;
        margin-top: 1vw;
        padding-bottom: 1vw;
        display: inline-block;
    }

    .corp_ft_line {
        margin-top: 2vw;
        display: inline-block;
        width: 100%;
        height: 0.1vw;
        background-color: var(--f2);
        opacity: 0.2;
    }

    .corp_ft_lk_t {
        width: 100%;
        font-weight: bold;
        font-size: 1.1vw;
        color: var(--t1);
        margin-bottom: 0.5vw;
        display: inline-block;
        /* text-shadow: 0vw 0.3vw 0.7vw rgba(0,0,0,0.2); */
    }

    .corp_ft_lk_lk {
        width: 100%;
        font-size: 0.9vw;
        color: var(--t1);
        margin-bottom: 0.5vw;
        display: block;
        transition: all 0.3s;
    }

    .corp_ft_lk_lk:hover {
        /* font-weight: bold; */
        color: var(--t3);
        text-shadow: 0vw 0vw 0.7vw rgba(0, 0, 0, 0.8);
        transition: all 0.3s;
    }

    .corp_ft_lk_g {
        width: 85%;
        text-align: left;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_ft_lk2 {
        text-align: center;
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        height: 3vw;
        font-size: 0.9vw;
        font-weight: bold;
    }

    .corp_ft_lk2_c {
        /* background-color: blue; */
        display: inline-block;
    }

    .corp_ft_b1 {
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        color: var(--t3);
        transition: 0.3s;
    }

    .corp_ft_b1:hover {
        /* text-shadow: 0vw 0vw 0.7vw rgba(0,0,0,0.8); */
        color: var(--t1);
        transition: 0.3s;
    }

    .corp_ft_b2 {
        color: var(--t3);
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.8vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_fono_hover.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_ft_b2:hover {
        background-image: url(../images/up_ico_fono.png);
        /* text-shadow: 0vw 0vw 0.7vw rgba(0,0,0,0.8); */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t1);
    }

    .corp_ft_loto {
        position: relative;
        width: 100%;
        height: 23.7vw;
        /* background-color:aqua; */
        overflow: hidden;
        position: relative;
    }

    .corp_ft_loto_in {
        width: 60vw;
        height: 22vw;
        position: absolute;
        bottom: 0;
        left: 16%;
        z-index: 1;
        /* border: solid 1px red; */
    }

    .corp_ft_loto_lg {
        background-image: url(../images/gvlgaAll25.png);
        background-position: center 100%;
        background-repeat: repeat-y;
        background-size: 100%;
        position: absolute;
        width: 38%;
        height: 36%;
        border-radius: 50% 50% 0 0;
        left: 31%;
        /* background-color: blue; */
        bottom: 21%;
        transition: all 1s;
        opacity: 0.5;
        cursor: pointer;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_lg {
        opacity: 1;
        transition: all 2s;
    }

    .corp_ft_loto_txt {
        color: var(--t1);
        width: 100%;
        font-size: 0.85vw;
        /* height: 15%; */
        position: absolute;
        left: 0%;
        bottom: 13%;
        /* border: solid red 1px; */
        letter-spacing: 0.05vw;
        transition: all 1s;
        opacity: 0.5;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_txt {
        transition: all 1s;
        /* letter-spacing: 0.3vw; */
        /* bottom: 7%; */
        opacity: 1;
    }

    .corp_ft_loto_txt_lk {
        color: inherit;
    }

    .corp_ft_loto_txt_lk:hover {
        /* color: var(--t3); */
    }

    .corp_ft_loto_petalo {
        background-image: url(../images/ft_loto_petalo.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        opacity: 0.02;
        position: absolute;
        border-radius: 50%;
        /* transition: opacity 0.9s; */
    }

    .corp_ft_loto_e1 {
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.02);
        position: absolute;
        left: 18%;
        bottom: -106%;
        width: 63%;
        height: 150%;
        transition: all 5s;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e1 {
        bottom: -100%;
        transition: all 5s;
    }

    .corp_ft_loto_e2 {
        left: 37%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(0deg);
        transition: opacity 0.3s, bottom 5s !important;
    }

    .corp_ft_loto_e2:hover {
        opacity: 0.04;
        transition: opacity 0.3s, bottom 2s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e2 {
        bottom: -10%;
    }

    .corp_ft_loto_e3 {
        left: 51%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(33deg);
        transition: transform 5s, opacity 0.3s, bottom 5s !important;
    }

    .corp_ft_loto_e3:hover {
        opacity: 0.04;
        transition: transform 2s, opacity 0.3s, bottom 2s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e3 {
        bottom: -12%;
        transform: rotate(22deg);
    }

    .corp_ft_loto_e4 {
        left: 55%;
        bottom: -35%;
        width: 25.4%;
        height: 114%;
        transform: rotate(55deg);
        transition: transform 3s, opacity 0.3s, left 4s, bottom 5s !important;
    }

    .corp_ft_loto_e4:hover {
        opacity: 0.04;
        transition: transform 3s, opacity 0.3s, left 4s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e4 {
        left: 63%;
        bottom: -15%;
        transform: rotate(50deg);
    }

    .corp_ft_loto_e5 {
        left: 55%;
        bottom: -60%;
        width: 25.4%;
        height: 135%;
        transform: rotate(83deg);
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_e5:hover {
        opacity: 0.04;
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e5 {
        left: 69%;
        bottom: -60%;
        transform: rotate(85deg);
    }

    .corp_ft_loto_e6 {
        left: 21%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(-33deg);
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_e6:hover {
        opacity: 0.04;
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e6 {
        left: 22%;
        bottom: -10%;
        transform: rotate(-25deg);
    }

    .corp_ft_loto_e7 {
        left: 15%;
        bottom: -35%;
        width: 25.4%;
        height: 114%;
        transform: rotate(-55deg);
        transition: transform 4s, opacity 0.3s, left 4s, bottom 4s !important;
    }

    .corp_ft_loto_e7:hover {
        opacity: 0.04;
        transition: transform 4s, opacity 0.3s, left 4s, bottom 4s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e7 {
        left: 10%;
        bottom: -20%;
        transform: rotate(-60deg);
        transition: all 5s;
    }

    .corp_ft_loto_e8 {
        left: 17%;
        bottom: -60%;
        width: 25.4%;
        height: 135%;
        transform: rotate(-83deg);
        transition: transform 7s, opacity 0.3s, left 7s, bottom 7s !important;
    }

    .corp_ft_loto_e8:hover {
        opacity: 0.04;
        transition: transform 7s, opacity 0.3s, left 7s, bottom 7s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e8 {
        left: 5%;
        bottom: -55%;
        transform: rotate(-85deg);
    }

    .corp_popupKO {
        width: 0vw;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.3);
        position: fixed;
        top: 0;
        left: -110vw;
        z-index: 9999;
        transition: 0.5s;
    }

    .darkmode .corp_popupOK {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .corp_popupOK {
        width: 100%;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(0.3vw);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        transition: 0.5s;
    }

    .corp_pp_i {
        display: inline-block;
        margin-top: 1.5vw;
        max-width: 90vw;
        max-height: 80vh;
        border-radius: 0.9vw;
        box-shadow: 0vw 0.5vw 1.5vw 0vw rgba(0, 0, 0, 0.4);
        transition: all 0.3s;
    }

    .corp_pp_i:hover {
        box-shadow: 0vw 0.5vw 1.5vw 0.2vw var(--f2);
        transition: all 0.3s;
    }

    .corp_pp_x {
        cursor: pointer;
        background-color: var(--f3);
        font-size: 1.2vw;
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        margin-top: 1vw;
        padding: 0.7vw;
        padding-left: 3.3vw;
        padding-right: 3.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_pp_x:hover {
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_in {
        width: 100%;
        height: 19vw;
        /* background-color: aqua; */
        /* border: solid red 1px; */
        position: relative;
        margin-top: 1vw;
        overflow: hidden;
    }

    .corp_in_tit {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/bg_head_page.png);
        background-repeat: no-repeat;
        background-position: center 0%;
        background-size: 100%;
    }

    .corp_in_tit_txt {
        width: 35%;
        height: 100%;
        position: absolute;
        top: -1%;
        left: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }

    .corp_in_tit_txt_ppgn {
        background-image: url(../images/txt_head_page_ppgn.png);
    }

    .corp_in_tit_txt_qgn {
        background-image: url(../images/txt_head_page_quierogn.png);
    }

    .corp_in_tit_txt_enmihogar {
        background-image: url(../images/txt_head_page_enmihogar.png);
    }

    .corp_in_tit_txt_nosotros {
        background-image: url(../images/txt_head_page_nosotros.png);
    }

    .corp_in_tit_txt_queeselgasnatural {
        background-image: url(../images/txt_head_page_queeselgasnatural.png);
    }

    .corp_in_tit_txt_terminos {
        background-image: url(../images/txt_head_page_terminos.png);
    }

    .corp_in_tit_txt_normativas {
        background-image: url(../images/txt_head_page_normativas.png);
    }

    .corp_in_tit_txt_stgv {
        background-image: url(../images/txt_head_page_stgv.png);
    }

    .corp_in_tit_txt_llae {
        background-image: url(../images/txt_head_page_llae.png);
    }

    .corp_in_tit_txt_pro {
        background-image: url(../images/txt_head_page_pro.png);
    }

    .corp_in_tit_txt_pf {
        background-image: url(../images/txt_head_page_pf.png);
    }

    .corp_in_tit_txt_mc {
        background-image: url(../images/txt_head_page_mc.png);
    }

    .corp_in_tit_txt_enmicomercio {
        background-image: url(../images/txt_head_page_enmicomercio.png);
    }

    .corp_in_tit_txt_enmiindustria {
        background-image: url(../images/txt_head_page_enmiindustria.png);
    }

    .corp_in_tit_txt_enmiproyecto {
        background-image: url(../images/txt_head_page_enmiproyecto.png);
    }

    .corp_in_i_enmiproyecto {
        background-image: url(../images/inside_enmiproyecto_i.png);
    }

    .corp_in_i_enmiindustria {
        background-image: url(../images/inside_enmiindustria_i.png);
    }

    .corp_in_i_enmicomercio {
        background-image: url(../images/inside_enmicomercio_i.png);
    }

    .corp_in_i_qgn {
        background-image: url(../images/inside_qgn_i.png);
    }

    .corp_in_i_enmihogar {
        background-image: url(../images/inside_enmihogar_i.png);
    }

    .corp_in_i_ppgn {
        background-image: url(../images/inside_ppgn_i.png);
    }

    .corp_in_i_nosotros {
        background-image: url(../images/inside_nosotros_i.png?1);
    }

    .corp_in_i_queeselgasnatural {
        background-image: url(../images/inside_queeselgasnatural_i.png);
    }

    .corp_in_i_tercon {
        background-image: url(../images/inside_tercon_i.png);
    }

    .corp_in_i_normativas {
        background-image: url(../images/inside_normativas_i.png);
    }

    .corp_in_i_stgv {
        background-image: url(../images/inside_stgv_i.png?2);
    }

    .corp_in_i_llae {
        background-image: url(../images/inside_llae_i.png);
    }

    .corp_in_i_pro {
        background-image: url(../images/inside_pro_i.png);
    }

    .corp_in_i_pf {
        background-image: url(../images/inside_pf_i.png);
    }

    .corp_in_hd_e1 {
        position: absolute;
        width: 152vw;
        height: 105vw;
        border-radius: 50%;
        top: 0vw;
        right: -57vw;
        overflow: hidden;
        /* background-color: rgba(250, 100, 80, 0); */
    }

    .corp_in_hd_e2 {
        /**/
        position: absolute;
        width: 166vw;
        height: 64.15vw;
        border-radius: 50%;
        top: -47vw;
        /* border: solid red 1px; */
        right: -24vw;
        overflow: hidden;
        /* background-color: rgba(50, 250, 250, 0.50); */
    }

    .corp_in_i {
        width: 35.8%;
        height: 27.7%;
        position: absolute;
        top: 72%;
        left: 15.5%;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        animation: corp_in_i_ani 7s, corp_in_i_ani2 1.2s;
        animation-timing-function: linear;
    }

    @keyframes corp_in_i_ani {
        from {
            background-position: center top;
        }

        to {
            background-position: center bottom;
        }
    }

    @keyframes corp_in_i_ani2 {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .corp_in_ppgn_e1 {
        width: 80%;
        margin-left: 10%;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_t1 {
        font-size: var(--tt3);
        line-height: 4.5vw;
        font-weight: bold;
        color: var(--t2);
        display: flex;
        align-items: center;
        /* background-color: skyblue; */
    }

    .corp_t1_i {
        height: 3.5vw;
        margin-left: 0.33vw;
        margin-right: 0.33vw;
    }

    .corp_t2_i {
        height: 3vw;
        margin-left: 0.33vw;
        margin-right: 0.33vw;
    }

    .corp_i .corp_in_ppgn_e2 {
        margin-top: 1vw;
        /* background-color: red; */
        display: inline-block;
        font-size: var(--tt3);
        line-height: 4.5vw;
        font-weight: bold;
        color: var(--t2);
        background-position: right 0vw;
        background-size: auto 85%;
        background-repeat: no-repeat;
    }

    .corp_in_ppgn_e2_1 {
        width: 32vw;
        margin-left: 30%;
        background-image: url(../images/ts_esmas.png);
    }

    .corp_t1_iparati {
        width: 38.5vw;
        margin-left: 26.5%;
        background-image: url(../images/ts_parati.png);
    }

    .corp_in_stgv_e1 {
        width: 35vw;
        margin-left: 32%;
        background-image: url(../images/ts_24horas.png);
    }

    .corp_in_ppgn_e2_2 {
        margin-top: 5vw;
        width: 28vw;
        margin-left: 35%;
        background-image: url(../images/ts_gasnatural.png);
    }

    .corp_in_ppgn_e2_3 {
        margin-top: 0vw;
        width: 37vw;
        margin-left: 29%;
        background-image: url(../images/ts_gasnatural.png);
    }

    .corp_t2 {
        color: var(--t2);
        font-size: var(--tt1);
        /* line-height: var(--tt1); */
        font-weight: bold;
        line-height: var(--tt1);
        /* background-color: skyblue; */
        display: flex;
        align-items: center;
    }

    .corp_t3 {
        font-weight: bold;
        color: var(--t2);
        font-size: var(--tt4);
        transition: all 0.2s;
    }

    .corp_t4 {
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
        /* display: inline-block; */
    }

    .corp_in_d1_cnt {
        color: var(--t2);
        font-size: var(--tt2);
        text-align: center;
    }

    .corp_in_ppgn_e3 {
        margin-top: 0vw;
        margin-bottom: 1.5vw;
        width: 80%;
        /* margin-left: 10%; */
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_ppgn_e4 {
        position: relative;
        width: 100%;
        height: 16vw;
        /* background-color: red; */
    }

    .corp_in_ppgn_e4_1 {
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        height: 70%;
        box-shadow: 0vw 0.7vw 1vw rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        display: grid;
        align-items: center;
        text-align: center;
        font-size: 1.3vw;
        font-weight: bold;
    }

    .corp_in_ppgn_e4_1a {
        background-color: var(--f2);
        color: var(--t1);
    }

    .corp_in_ppgn_e4_1b {
        background-color: var(--f3);
        color: var(--t2);
    }

    .corp_in_ppgn_e4_1c {
        background-color: var(--f4);
        color: var(--t1);
    }

    .corp_in_ppgn_e4_1d {
        background-color: var(--f3);
        color: var(--t2);
    }

    .corp_in_ppgn_e4_2 {
        position: absolute;
        top: 40%;
        left: 0%;
        width: 100%;
        height: 25%;
    }

    .corp_in_ppgn_e4_3 {
        width: 25%;
        height: 100%;
        border-radius: 50%;
        box-shadow: 0vw 0.7vw 1vw rgba(0, 0, 0, 0.3);
    }

    .corp_in_ppgn_e4_3a {
        background-color: var(--f3);
    }

    .corp_in_ppgn_e4_3b {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_3c {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_3d {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_4 {
        display: inline-block;
        margin: 15%;
        width: 70%;
        height: 70%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }

    .corp_in_ppgn_e4_2a {
        transform: rotate(35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2b {
        transform: rotate(-35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2c {
        transform: rotate(140deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2d {
        transform: rotate(222deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2a {
        transform: rotate(395deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2b {
        transform: rotate(-395deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2c {
        transform: rotate(500deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2d {
        transform: rotate(582deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4_4a {
        background-image: url(../images/corp_in_ppgn_ico_con.png);
        transform: rotate(-35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4b {
        background-image: url(../images/corp_in_ppgn_ico_com.png);
        transform: rotate(35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4c {
        background-image: url(../images/corp_in_ppgn_ico_eco.png);
        transform: rotate(-140deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4d {
        background-image: url(../images/corp_in_ppgn_ico_mod.png);
        transform: rotate(-222deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4a {
        transform: rotate(-395deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4b {
        transform: rotate(395deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4c {
        transform: rotate(-500deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4d {
        transform: rotate(-582deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e1:hover .corp_in_ppgn_e4_4a {
        transform: rotate(-395deg);
        transition: all 4s;
        /* background-color: red; */
    }

    .corp_in_ppgn_e5 {
        margin-top: 4vw;
        /* margin-bottom:2vw; */
        width: 80%;
        margin-left: 10%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_in_ppgn_e5_1 {
        width: 35%;
        height: 33vw;
        /* background-color: aqua; */
        margin-right: 5%;
        float: left;
        border: none;
        border-radius: 1.5vw;
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.15);
        background-size: 100%;
    }

    .corp_in_ppgn_e5_1_i {
        background-image: url(../images/inside_ppgn_mqgn.png);
    }

    .corp_in_stgv_e5_1_i {
        margin-bottom: 7vw;
        background-image: url(../images/inside_stgv_e1.png);
    }

    .corp_in_ppgn_e5_2 {
        width: 100%;
        float: left;
        margin-bottom: 2vw;
    }

    .corp_in_ppgn_e5_3 {
        display: inline-block;
        width: 100%;
    }

    .corp_in_ppgn_e5_4 {
        display: inline-block;
        width: 5vw;
        height: 5vw;
        background-color: var(--f3);
        float: left;
        border-radius: 50%;
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center center;
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.15);
    }

    .corp_in_ppgn_e5_5 {
        text-align: left;
        display: inline-block;
        /* width: 87%; */
        margin-left: 3%;
        /* height: auto; */
        /* background-color: blue; */
        font-size: var(--tt2);
        float: left;
        color: var(--t2);
    }

    .corp_in_ppgn_e5_6 {
        width: 87%;
        float: left;
        font-weight: bold;
        margin-left: 3%;
        color: var(--t2);
        font-size: var(--tt2);
    }

    .corp_in_ppgn_e6 {
        display: inline-block;
        margin-top: 4vw;
        margin-bottom: 2vw;
        width: 100%;
        margin-left: 0%;
        height: 18vw;
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 1vw rgba(0, 0, 0, 0.3);
        background-image: url(../images/inside_ppgn_mqgn_i.png?1);
    }

    .corp_in_ppgn_e7 {
        float: left;
        width: 60%;
    }

    .corp_in_ppgn_e8 {
        display: inline-block;
        float: left;
        width: 84%;
        /* background-color: green; */
    }

    .corp_in_stgv_e2 {
        width: 60%;
        float: left;
        margin-right: 5%;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_stgv_e3 {
        width: 30%;
        margin-left: 5%;
        /* height: 33vw; */
        /* background-color: aqua; */
        /* margin-right: 5%; */
        /* float: left; */
        /* border: none; */
        /* border-radius: 1.5vw; */
        /* box-shadow: 0vw 1vw 1vw rgba(0,0,0,0.15); */
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_stgv_e4 {
        width: 100%;
        height: 5.8vw;
        /* background-color: greenyellow; */
        background-image: url(../images/stgv90g.png);
        background-size: 70%;
    }

    .corp_in_stgv_e5 {
        margin-top: 1vw;
        display: inline-block;
    }

    .corp_in_stgv_e6 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.3vw;
        padding-left: 1vw;
        width: 70% !important;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.12vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 0.9vw;
        transition: all 0.3s;
    }

    .corp_in_stgv_e6:focus {
        /* background-color: var(--f3); */
        border: solid 0.12vw var(--f3);
        box-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_in_stgv_e7 {
        margin-top: 4vw;
        /* margin-bottom:2vw; */
        width: 70%;
        margin-left: 15%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_in_stgv_e8 {
        /* float: left; */
        width: 95%;
        /* background-color: red; */
        display: inline-block;
        font-size: var(--tt2);
        /* font-weight: bold; */
        color: var(--t2);
    }

    .corp_in_stgv_e9 {
        cursor: pointer;
        background-color: var(--f3);
        color: var(--t2);
        border-radius: 1vw;
        display: inline-block;
        font-size: 1.1vw;
        font-weight: bold;
        padding: 0.33vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        box-shadow: 0vw 0.2vw 0.3vw rgba(0, 0, 0, 0.3);
        transition: all 0.15s;
    }

    .corp_in_stgv_e10 {
        display: inline-block;
        width: 83%;
        border-radius: 2vw;
        background-color: var(--f2);
        padding: 2.5vw;
        margin-top: 2vw;
        box-shadow: 0vw 1vw 1vw rgb(0 1 1 / 20%);
        height: 50vw;
        transition: all 0.3s;
    }

    .corp_in_llae_e1 {
        width: 70%;
        /* margin-left: 15%; */
        /* background-color: red; */
        height: 5vw;
        display: inline-block;
        position: relative;
    }

    .corp_in_llae_e2 {
        display: inline-block;
        width: 4.5vw;
        height: 4.5vw;
        position: absolute;
        left: 0;
        top: 0;
        /* background-color: yellow; */
        box-shadow: 0.5vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        border: solid var(--f3) 0.3vw;
        background-image: url(../images/llae_e1.png);
    }

    .corp_in_llae_e3 {
        position: absolute;
        left: 2.5%;
        top: 1vw;
        width: 95%;
        height: 3vw;
        background-color: var(--f2);
        border-radius: 3vw;
        box-shadow: 0vw 0.25vw 0.5vw rgba(0, 0, 0, 0.3);
    }

    .corp_in_llae_e4 {
        font-weight: bold;
        font-size: 1.01vw;
        color: var(--t1);
        line-height: 2.9vw;
    }

    .corp_in_llae_e5 {
        width: 92%;
        /* background-color: red; */
        display: inline-block;
        margin-left: 2vw;
    }

    .corp_in_llae_e6 {
        margin-left: 10%;
        width: 80%;
        /* background-color: red; */
        display: inline-block;
        text-align: center;
    }

    .corp_in_llae_e7 {
        width: 80%;
        height: 10VW;
        display: inline-block;
        text-align: center;
        background-size: 100%;
    }

    .corp_in_llae_e8 {
        font-size: var(--tt2);
        color: var(--t2);
        font-weight: bold;
        text-align: center;
    }

    .corp_in_llae_e9 {
        float: left;
        width: 10%;
        height: 8vw;
        /* background-color: red; */
        display: inline-block;
        background-size: 100%;
        background-position: center top;
    }

    .corp_in_llae_e10 {
        float: left;
        width: 83%;
        height: 10vw;
        text-align: justify;
        display: inline-block;
        margin-left: 2%;
        margin-right: 2%;
    }

    .corp_in_llae_e11 {
        float: left;
        width: 27%;
        height: 8vw;
        display: inline-block;
        /* background-color: red; */
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 0.7vw rgba(0, 0, 0, 0.2);
        display: none;
    }

    .corp_gologgc {
        position: absolute;
        left: 0vw;
        top: 33vw;
        width: 11.7vw;
        /* border: solid 1px red; */
        /* height: 3vw; */
        transition: all 0.3s;
    }

    .corp_gologgc:hover {
        width: 14.5vw;
        transition: all 0.3s;
    }

    .corp_call_qgngv {
        position: sticky;
        left: 82vw;
        bottom: 10.5vw;
        width: 14.5vw;
        height: 5vw;
        background-color: var(--f2);
        border-radius: 0.7vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
        padding: 0.9vw;
        display: none;
    }

    .corp_call_qgngv_2 {
        z-index: 1;
        position: relative;
        font-size: 1.2vw;
        line-height: 1vw;
        font-weight: bold;
        color: var(--t3);
    }

    .corp_call_qgngv_3 {
        z-index: 1;
        position: relative;
        font-size: 0.9vw;
        line-height: 1vw;
        font-weight: normal;
        color: var(--t1);
        margin-bottom: 0.33vw;
    }

    .corp_call_qgngv_3_2 {
        font-size: 0.8vw;
        opacity: 0.7;
    }

    .corp_call_qgngv_4 {
        z-index: 1;
        position: relative;
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.3vw;
        padding-left: 1vw;
        width: 50%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.12vw silver;
        display: inline-block;
        margin-bottom: 0.1vw;
        border-radius: 1vw;
        transition: all 0.3s;
        float: left;
    }

    .corp_call_qgngv_4:focus {
        border: solid 0.12vw var(--f3);
        box-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_call_qgngv_5 {
        cursor: pointer;
        z-index: 1;
        position: relative;
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        padding: 0.2vw;
        padding-left: 1vw;
        padding-right: 1vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_call_qgngv_5:hover {
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_call_qgngv_6 {
        position: absolute;
        right: 2vw;
        bottom: 0vw;
        /* background-color: green; */
        width: 5vw;
        height: 12vw;
        z-index: 0;
        background-image: url(../images/call_qgngv_flame.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
        animation-name: corp_call_qgngv_6_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        /* animation-timing-function: linear; */
    }

    @keyframes corp_call_qgngv_6_ani {
        0% {
            bottom: 0vw;
        }

        50% {
            bottom: 0.5vw;
        }

        100% {
            bottom: 0vw;
        }
    }

    .corp_call_qgngv_7 {
        clear: both;
        position: relative;
        z-index: 1;
        font-size: 0.8vw;
        color: var(--t1);
        cursor: pointer;
        width: 100%;
        text-align: left;
        margin-left: 0.5vw;
        opacity: 0.7;
        transition: opacity 0.3s;
    }

    .corp_call_qgngv_7:hover {
        transition: opacity 0.3s;
        opacity: 1;
    }

    .corp_nst {
        width: 100%;
        height: 32.5vw;
        margin-top: 4vw;
        margin-bottom: 2vw;
        border-radius: 1.2vw;
        overflow: hidden;
        background-color: var(--f4);
        position: relative;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_nst_i {
        background-image: url(../images/nosotros.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .corp_nst_n {
        background-image: url(../images/nubes.jpg);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 55%;
        z-index: 0;
        background-size: 300%;
        background-position: left top;
        background-repeat: no-repeat;
        animation-name: corp_nst_n_ani;
        animation-duration: 300s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_nst_n_ani {
        from {
            background-position: left top;
        }

        to {
            background-position: right top;
        }
    }

    .corp_nst_t {
        position: absolute;
        top: 3.3vw;
        left: 3.5vw;
        width: 37%;
        /* background-color: yellow; */
        z-index: 1;
    }

    .corp_nst_t_1 {
        height: 3vw;
    }

    .corp_nst_t_1_2 {
        background-image: url(../images/isotipo_1.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 43%;
        color: var(--t3);
        border-radius: 50%;
        border: solid 0.2vw var(--f3);
        width: 3vw;
        height: 3vw;
        float: left;
        margin-right: 0.8vw;
    }

    .corp_nst_t_1_3 {
        font-size: var(--tt1);
        color: var(--t1);
        font-weight: bold;
        line-height: 3.5vw;
        /* background-color: yellow; */
    }

    .corp_nst_t_2 {
        clear: both;
        /* background-color: red; */
        color: var(--t1);
        width: 95%;
        line-height: 1.5vw;
        /* text-align: justify; */
        margin-top: 1.5vw;
        font-size: 1vw;
    }

    .corp_nst_t_3 {
        margin-top: 1.5vw;
        width: 80%;
        /* background-color: red; */
        /* margin-left: 5%; */
        color: var(--t3);
    }

    .corp_nst_t_3_1 {
        float: left;
        text-align: center;
        margin-left: 0.7vw;
        margin-right: 0.7vw;
    }

    .corp_nst_t_3_2 {
        font-size: 1.4vw;
        font-weight: bold;
    }

    .corp_nst_t_3_3 {
        font-size: 0.7vw;
        font-weight: bold;
    }

    .corp_in_mg {
        margin: 2vw;
        /* background-color: red; */
    }

    .corop_in_sbt_ico_1 {
        background-image: url(../images/check_circle.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: auto 1.1vw;
        display: inline-block;
        padding-left: 1.7vw;
        /* background-color: red; */
        /* margin-top: 2vw; */
        background-position: left 0.3vw;
    }

    .x_bmc1x1 {
        position: absolute;
        top: 36vw;
        left: 35vw;
        background-color: rgba(255, 255, 255, 0.0);
        width: 10%;
        height: 4vw;
    }

    .x_bmc1x1:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x2 {
        position: absolute;
        top: 20vw;
        left: 44vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x2:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x3 {
        position: absolute;
        top: 18vw;
        left: 35.5vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x3:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x4 {
        position: absolute;
        top: 32vw;
        left: 44vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x4:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .jzt {
        /* margin-top: 5vw; */
        margin-bottom: 5vw;
        width: 100%;
        height: 50vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../images/jzt.png);
        background-size: auto 100%;
    }

    .corp_mc1 {
        width: 70%;
        height: 36vw;
        margin-left: 15%;
        /* background-color: blue; */
        margin-top: 2vw;
    }

    .corp_mc2 {
        float: left;
        width: 65%;
        height: 100%;
        /* background-color: red; */
    }

    .corp_mc3 {
        float: left;
        width: 33%;
        height: 100%;
        /* background-color: royalblue; */
    }

    .corp_mc4 {
        border-radius: 1vw;
        box-shadow: var(--s1);
        width: 93%;
        height: 98%;
        overflow: hidden;
        position: relative;
    }

    .corp_mc_slider {
        width: 100%;
        height: 98%;
        border-radius: 1vw;
        box-shadow: 0vw 0.2vw 0.7vw rgba(0, 0, 0, 0.2);
        border: none;
        background-color: var(--f4);
    }

    .corp_mc_e1 {
        position: absolute;
        top: 20vw;
        left: 36vw;
        border-radius: 50%;
        width: 33vw;
        height: 33vw;
        background-color: var(--f3);
        animation-name: corp_mc_e1_ani;
        animation-duration: 2s;
        /* animation-iteration-count: infinite; */
        /* animation-timing-function: linear; */
    }

    @keyframes corp_mc_e1_ani {
        from {
            top: 40vw;
            left: 40vw;
        }

        to {
            top: 20vw;
            left: 36vw;
        }
    }

    .corp_mc_e2 {
        position: absolute;
        top: 28vw;
        left: 26vw;
        border-radius: 50%;
        width: 33vw;
        height: 33vw;
        background-color: var(--f2);
        animation-name: corp_mc_e2_ani;
        animation-duration: 3s;
        /* animation-iteration-count: infinite; */
        /* animation-timing-function: linear; */
    }

    @keyframes corp_mc_e2_ani {
        from {
            top: 35vw;
            left: -30vw;
        }

        to {
            top: 28vw;
            left: 26vw;
        }
    }

    .corp_mc5 {
        position: relative;
        margin-left: 2.5vw;
        margin-top: 1.2vw;
        margin-bottom: 1vw;
    }

    .corp_mc6 {
        height: 3.5vw;
        /* margin-bottom: 1vw; */
        /* background-color: red; */
    }

    .corp_mc7 {
        width: 3.5vw;
        height: 100%;
        background-color: var(--f2);
        border-radius: 50%;
        float: left;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 55%;
        margin-right: 1vw;
    }

    .corp_mc8 {
        font-size: var(--tt4);
        color: var(--t2);
        font-weight: bold;
        /* background-color: rebeccapurple; */
        line-height: 3.5vw;
        /* -webkit-text-stroke: 0.05vw var(--f3); */
        /* color: transparent; */
    }

    .corp_mc_e4 {
        background-image: url(../images/avi_enviar.png);
        background-repeat: no-repeat;
        background-position: 90%;
        background-size: 100%;
        width: 4.3vw;
        height: 4.3vw;
        position: absolute;
        top: 1.5vw;
        left: 79%;
    }

    .corp_mc9 {
        /* background-color: rebeccapurple; */
        margin-left: 5vw;
        width: 80%;
    }

    .corp_mc10 {
        width: 85%;
        margin-left: 7.5%;
    }

    .corp_mc11 {
        float: left;
        width: 40%;
        /* background-color: yellowgreen; */
    }

    .corp_mc11_2 {
        float: left;
        width: 20%;
        /* background-color: yellowgreen; */
    }

    .corp_mc12 {
        width: 90%;
    }

    .corp_mc13 {
        margin-top: 1.3vw;
    }

    .corp_mc14 {
        width: 100%;
    }

    .corp_mc15 {
        color: var(--t7);
        font-size: 0.9vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_mc15:hover {
        transition: all 0.3s;
        color: var(--t2);
    }

    .corp_mc16 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.17vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 0.7vw;
        transition: all 0.3s;
    }

    .corp_mc16KO {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.17vw #D70707;
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 0.7vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(250, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_mc16:focus {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc16:hover {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc17 {
        margin-top: 1vw;
        width: 100%;
        display: inline-block;
    }

    .corp_mc18_1 {
        display: inline-block;
        /* background-color: var(--b4); */
        margin-left: 11%;
        width: 80%;
        background-image: url(../images/av1.png);
        height: 7vw;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        position: relative;
    }

    .corp_mc18_2 {
        display: inline-block;
        /* background-color: var(--f3); */
        margin-left: 15%;
        animation-name: corp_mc18_2_ani;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-out;
    }

    @keyframes corp_mc18_2_ani {
        0% {
            margin-top: 2.1%;
        }

        50% {
            margin-top: 0%;
        }

        100% {
            margin-top: 2.1%;
        }
    }

    .corp_mc18_3 {
        font-size: 0.9vw;
        font-weight: bold;
        color: var(--t2);
        padding-left: 0vw;
    }

    .corp_mc18_4 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1) !important;
        border-radius: 2vw;
        border: none;
        display: inline-block;
        font-size: 1.1vw;
        line-height: 2vw;
        font-weight: bold;
        padding: 0.33vw;
        padding-left: 2vw;
        padding-right: 2vw;
        box-shadow: 0vw 0.4vw 0.6vw rgb(0 0 0 / 20%);
        float: left;
        transition: all 0.3s;
        /* margin-left: 0.5vw;	 */
    }

    .corp_mc18_4:hover {
        background-color: var(--f4);
        color: var(--t3) !important;
        transition: all 0.3s;
    }

    .corp_mcinicio_1 {
        width: 94%;
        margin-left: 3%;
        margin-top: 2vw;
        display: inline-block;
    }

    .corp_mcinicio_2 {
        float: left;
        width: 15%;
        /* background-color: red; */
        position: sticky;
        top: 8vw;
    }

    .corp_proinicio_2 {
        float: left;
        width: 15%;
        /* background-color: red; */
        position: sticky;
        top: 8vw;
    }

    .corp_mcinicio_3 {
        float: left;
        width: 55%;
        margin-left: 2%;
        margin-right: 2%;
        /* height: 100vw; */
        position: relative;
        /* background-color: blue; */
    }

    .corp_mc_rc2 {
        float: left;
        width: 55%;
        margin-left: 2%;
        margin-right: 2%;
        /* height: 100vw; */
        position: relative;
        /* background-color: blue; */
    }

    .corp_proinicio_3 {
        float: left;
        width: 55%;
        margin-left: 2%;
        margin-right: 2%;
        /* height: 100vw; */
        position: relative;
        /* background-color: blue; */
    }

    .corp_mcinicio_3_1::after {
        text-align: center;
        width: 3vw;
        height: 1.15vw;
        /* background-color: red; */
        color: var(--t3);
        position: absolute;
        content: "\025be";
        display: table-cell;
        font-size: 3.3vw;
        top: -1vw;
        right: 1vw;
        pointer-events: none;
        border-radius: 0 50% 50% 0;
    }

    .corp_mcinicio_3_1 {
        /* height: 5vw; */
        /* overflow: hidden; */
        width: 100%;
        /* position: relative; */
    }

    .corp_mcinicio_3_2 {
        margin-bottom: 1.2vw;
    }

    .corp_mcinicio_4 {
        float: left;
        width: 24%;
        /* background-color: silver; */
        position: sticky;
        top: 8vw;
    }

    .corp_mcinicio_4_1 {
        width: 100%;
        height: 38vw;
    }

    .corp_mcmenu_1 {
        width: 100%;
        height: 3vw;
        /* background-color: red; */
        margin-bottom: 1vw;
    }

    .corp_mcmenu_2 {
        float: left;
        width: 3vw;
        height: 3vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.2);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mcmenu_2_2 {
        width: 3vw;
        height: 3vw;
        margin-right: 0.7vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.2);
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mcmenu_3 {
        float: left;
        font-size: 1.3vw;
        font-weight: bold;
        color: var(--t2);
        height: 100%;
        width: 73%;
        /* background-color: red; */
        line-height: 3vw;
        margin-left: 0.5vw;
        position: relative;
    }

    .corp_mcmenu_3_2 {
        display: none;
    }

    .corp_mcmenu_4 {
        border-radius: 3vw;
        width: 85%;
        margin-left: 5%;
        font-size: 0.9vw;
        font-weight: bold;
        color: var(--t2);
        background-color: var(--f8);
        padding: 0.3vw;
        padding-left: 1vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
    }

    .corp_mcmenu_4:hover {
        /* padding-left: 1.3vw; */
        color: var(--t1);
        background-color: var(--f2);
        transition: all 0.2s;
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1); */
    }

    .corp_mcmenu_4_active {
        border-radius: 3vw;
        width: 85%;
        margin-left: 5%;
        font-size: 0.9vw;
        font-weight: bold;
        color: var(--t1);
        background-color: var(--f2);
        padding: 0.3vw;
        padding-left: 1vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
    }

    .corp_mcinicio_5 {
        position: relative;
        padding: 0.8vw;
        padding-left: 2vw;
        padding-right: 2vw;
        width: 100%;
        background-color: var(--f2);
        color: var(--t3);
        border: none;
        border-radius: 2vw;
        font-size: 1vw;
        font-weight: bold;
        box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.2);
        transition: background-color 0.2s;
        font-family: inherit;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .corp_mcinicio_5:hover {
        background-color: var(--f4);
        transition: background-color 0.2s;
    }

    .corp_mc_nuevo {
        background-color: var(--f3);
        border-radius: 0.7vw;
        font-weight: bold;
        font-size: 0.6vw;
        color: var(--t2);
        margin-left: 0.3vw;
        padding: 0.1vw;
        padding-left: 0.5vw;
        padding-right: 0.5vw;
        animation-name: corp_mc_nuevo_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        /* animation-timing-function: linear; */
    }

    @keyframes corp_mc_nuevo_ani {
        0% {
            font-size: 0.7vw;
        }

        50% {
            font-size: 0.85vw;
        }

        100% {
            font-size: 0.7vw;
        }
    }

    .corp_mc_cntds {
        width: 98%;
        margin-left: 1%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_pro_cntds {
        width: 98%;
        margin-left: 1%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_mc_bart1 {
        width: 100%;
        margin-left: 0%;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 1vw;
        padding-top: 0.3vw;
        padding-bottom: 0.3vw;
        padding-left: 1vw;
        font-size: 1vw;
        font-weight: bold;
        margin-bottom: 1.5vw;
    }

    .corp_mc_block {
        width: 100%;
        display: inline-block;
        margin-bottom: 2vw;
    }

    .corp_mc_mg_1 {
        width: 98%;
        margin-left: 1%;
        color: var(--t2);
        font-size: 0.9vw;
        /* overflow: hidden; */
    }

    .corp_mc_mg_1_2 {
        overflow: visible !important;
    }

    .corp_mc_inicio_ico_mk {
        float: left;
        /* width: 16%; */
        height: 7vw;
        /* background-color: rgba(150, 150, 0, 0.4); */
    }

    .corp_mc_inicio_g {
        width: 82%;
        float: left;
    }

    .corp_mc_inicio_g2 {
        width: 91%;
        float: left;
    }

    .corp_mc_t1 {
        font-weight: bold;
        color: var(--t4);
        line-height: 1vw;
    }

    .corp_mc_t2 {
        font-weight: normal;
        margin-bottom: 0.5vw;
    }

    .corp_mc_t3 {
        font-weight: bold;
        font-size: 1.7vw;
        line-height: 2.5vw;
    }

    .corp_mc_t4 {
        font-weight: normal;
        font-size: 0.9vw;
        /* line-height: 2vw; */
    }

    .corp_mc_t5 {
        font-weight: normal;
        font-size: 0.9vw;
        /* line-height: 2vw; */
    }

    .corp_mc_b1 {
        font-size: 0.9vw;
        font-weight: bold;
        /* text-indent: 3vw; */
        color: var(--t2);
        transition: all 0.3s;
        /* background-color: rebeccapurple; */
    }

    .corp_mc_b1_ico {
        background-color: var(--f3);
        width: 1.5vw;
        height: 1.5vw;
        border-radius: 50%;
        float: left;
        margin-right: 0.3vw;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 33%;
        background-image: url(../images/arrow1_right.png);
    }

    .corp_mc_b1:hover {
        color: var(--t4);
        transition: all 0.3s;
        padding-left: 0.3vw;
    }

    .corp_mc_b_bank {
        margin-top: 0.5vw;
        margin-right: 1vw;
        width: 9.5vw;
        height: 4.3vw;
        border-radius: 0.5vw;
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.15);
        float: left;
        filter: grayscale(100%);
        opacity: 0.7;
        border: solid 0.2vw var(--f1);
        transition: all 0.3s;
    }

    .corp_mc_b_bank:hover {
        opacity: 1;
        filter: grayscale(0%);
        transition: all 0.3s;
        border: solid 0.2vw var(--f3);
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_mc_e3 {
        padding-left: 1vw;
        padding-top: 0.7vw;
        /* background-color: rebeccapurple; */
        display: inline-block;
    }

    .corp_mc_vb_1 {
        position: relative;
        padding: 1vw;
        width: 11.3vw;
        height: 15vw;
        background-color: var(--f1);
        float: left;
        margin-right: 1.5vw;
        margin-left: 1.5vw;
        margin-bottom: 2vw;
        border-radius: 0.9vw;
        box-shadow: var(--s1);
        transition: all 0.3s;
    }

    .corp_mc_vb_1:hover {
        box-shadow: var(--s1_h);
        transition: all 0.3s;
    }

    .corp_mc_vb_2 {
        background-image: url(../images/logo_hover.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 4vw;
        height: 2vw;
        /* background-color: red; */
        margin-top: 0vw;
        margin-left: 0vw;
    }

    .corp_mc_vb_3 {
        width: 100%;
        /* background-color: red; */
        text-align: right;
        font-size: 0.9vw;
        font-weight: bold;
    }

    .corp_mc_vb_4 {
        font-size: 1vw;
        font-weight: bold;
    }

    .corp_mc_vb_5 {
        width: 100%;
        text-align: center;
        color: var(--t1);
        background-color: var(--f4);
        font-size: 1.05vw;
        font-weight: bold;
        border-radius: 1vw;
        overflow: hidden;
        margin-bottom: 0.28vw;
    }

    .corp_mc_vb_6 {
        font-size: 1.8vw;
        font-weight: bold;
        color: var(--t1);
        background-color: var(--f2);
        text-align: center;
        border-radius: 1vw;
        width: 100%;
        margin-bottom: 1vw;
    }

    .corp_mc_vb_7 {
        width: 100%;
        /* background-color: silver; */
        display: inline-block;
        text-align: right;
        margin-bottom: 1vw;
    }

    .corp_mc_vb_7_line {
        display: inline-block;
    }

    .corp_mc_vb_7_KO_i {
        width: 2vw;
        height: 2vw;
        border-radius: 50%;
        background-color: var(--f9);
        background-image: url(../images/i_x.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
        float: left;
        margin-right: 0.3vw;
    }

    .corp_mc_vb_7_KO_t {
        color: var(--t9);
        font-size: 1vw;
        line-height: 2vw;
        font-weight: bold;
        float: left;
    }

    .corp_mc_vb_7_OK_i {
        width: 2vw;
        height: 2vw;
        border-radius: 50%;
        background-color: var(--f3);
        background-image: url(../images/i_check.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
        float: left;
        margin-right: 0.3vw;
    }

    .corp_mc_vb_7_OK_t {
        color: var(--t2);
        font-size: 1vw;
        line-height: 2vw;
        font-weight: bold;
        float: left;
    }

    .corp_mc_vb_8_a {
        position: relative;
        height: 2vw;
        float: left;
        width: 100%;
        /* background-color: yellowgreen; */
    }

    .corp_mc_vb_8_a_bg {
        position: relative;
        display: inline-block;
        width: 5.5%;
        /* float: left; */
        margin-left: 2%;
        /* height: 100%; */
        color: rgba(0, 0, 0, 0);
        font-size: 7px;
        background-color: rgba(0, 0, 0, 0.07);
    }

    .corp_mc_vb_8_b {
        height: 2.5vw;
        float: left;
        width: 50%;
        background-image: url(../images/i_cb.png);
        background-size: 77%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mc_vb_9 {
        cursor: pointer;
        position: absolute;
        bottom: -1.3vw;
        box-shadow: 0vw 0.3vw 0.7vw rgba(0, 0, 0, 0.2);
        left: 25%;
        width: 50%;
        /* height: 2vw; */
        background-color: var(--b3);
        color: var(--t2);
        border-radius: 2vw;
        text-align: center;
        font-weight: bold;
        font-size: 1vw;
        line-height: 2.5vw;
        transition: all 0.3s;
    }

    .corp_mc_vb_9:hover {
        transition: all 0.3s;
        color: var(--t4);
        box-shadow: 0vw 0.2vw 0.7vw rgba(0, 0, 0, 0.3);
    }

    .corp_mc_el_1 {
        width: 100%;
        height: 20vw;
        /* background-color: red; */
        position: relative;
    }

    .corp_mc_el_2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 19vw;
        height: 19vw;
        background-image: url(../images/i_mc_1.png);
        border-radius: 50%;
        background-size: 120%;
        border: solid 0.5vw var(--f3);
        background-color: var(--f3);
    }

    .corp_mc_el_2_2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 19vw;
        height: 19vw;
        background-color: rgba(0, 0, 0, 0);
        /* background-image: url(../images/i_mc_1.png); */
        border-radius: 50%;
        border: solid 0.5vw var(--f3);
        opacity: 1;
        transition: opacity 0.3s;
    }

    .corp_mc_el_2_2:hover {
        opacity: 0;
        transition: opacity 0.3s;
    }

    .corp_mc_el_3 {
        position: absolute;
        top: 5%;
        right: 0vw;
        width: 90%;
        height: 90%;
        background-color: var(--f2);
        border-radius: 1.5vw;
    }

    .corp_mc_el_4 {
        /* background-color: red; */
        width: 57%;
        position: absolute;
        left: 38%;
        top: 10%;
    }

    .corp_mc_el_5 {
        width: 100%;
        /* background-color: var(--f4); */
        display: inline-block;
        margin-bottom: 1.2vw;
    }

    .corp_mc_el_6 {
        -webkit-text-stroke: 0.05vw var(--f3);
        color: transparent;
        font-size: 4vw;
        line-height: 3vw;
        font-weight: bold;
        float: left;
        margin-right: 0.5vw;
        /* background-color: yellow; */
        height: auto;
    }

    .corp_mc_el_7 {
        /* display: inline-block; */
        /* text-indent: 3vw; */
        display: flow-root;
        color: var(--t1);
        font-size: 0.95vw;
    }

    .corp_mc_el_8 {
        color: var(--t2);
        font-size: var(--tt2);
        font-weight: bold;
    }

    .corp_mc_env_lec_1 {
        width: 20vw;
        height: 20vw;
        background-color: red;
    }

    .corp_mc_el_9 {
        border: 0.3vw solid var(--f3);
        width: 11vw;
        height: 11vw;
        border-radius: 50%;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
    }

    .corp_file_lectura {
        cursor: pointer;
        width: 20vw;
        height: 3.8vw;
        /* color: red; */
        position: absolute;
        left: -1.1vw;
        top: 16vw;
    }

    .corp_file_lectura::-webkit-file-upload-button {
        visibility: hidden;
    }

    .corp_file_lectura::before {
        content: 'Seleccionar una imagen';
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        text-align: left;
        text-indent: 4vw;
        line-height: 3vw;
        background-image: url(../images/i_el2.png);
        background-position: 1.3vw center;
        background-repeat: no-repeat;
        background-size: auto 55%;
        width: 17vw;
        margin-left: 1vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.6vw rgba(0, 0, 0, 0.15);
        transition: all 0.3s;
    }

    .corp_file_lectura:hover::before {
        color: var(--f4);
        background-image: url(../images/i_el2_2.png);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_file_lectura:hover::before {
        border-color: black;
    }

    .corp_file_lectura:active {
        outline: 0;
    }

    .corp_file_lectura:active::before {
        /*ko*/
    }

    .corp_file_lecturaKO {
        cursor: pointer;
        width: 20vw;
        height: 3.8vw;
        /* color: red; */
        position: absolute;
        left: 0.45vw;
        top: 17vw;
    }

    .corp_file_lecturaKO::-webkit-file-upload-button {
        visibility: hidden;
    }

    .corp_file_lecturaKO::before {
        content: 'Seleccionar una imagen';
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        text-align: left;
        text-indent: 4vw;
        line-height: 3vw;
        background-image: url(../images/i_el2.png);
        background-position: 1.3vw center;
        background-repeat: no-repeat;
        background-size: auto 55%;
        width: 17vw;
        margin-left: 1vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.3vw 0.5vw rgba(250, 0, 0, 0.2);
        transition: all 0.3s;
        border: solid 0.17vw #D70707;
    }

    .corp_file_lecturaKO:hover::before {
        border: solid 0.17vw #D70700;
        color: var(--f4);
        background-image: url(../images/i_el2_2.png);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_file_lecturaKO:active {
        outline: 0;
    }

    .corp_file_lecturaKO:active::before {
        /*ko*/
    }

    .corp_mc_el_10 {
        float: left;
        width: 100%;
        /* background-color: red; */
    }

    .corp_mc_el_11 {
        width: 100%;
        /* background-color: red; */
        display: inline-block;
        position: relative;
    }

    .corp_mc_el_12 {
        position: absolute;
        z-index: 1;
        width: 4.5vw;
        height: 4.5vw;
        top: -2.2vw;
        left: 41vw;
        background-image: url(../images/avi_enviar.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all 2s;
    }

    .corp_mc_el_13 {
        margin-top: 1.3vw;
        padding-left: 2.8vw;
        padding-right: 2.8vw;
    }

    .corp_hm_login_in_b1_2:hover .corp_mc_el_12 {
        position: absolute;
        z-index: 1;
        width: 4.5vw;
        height: 4.5vw;
        top: -40vw;
        left: 73vw;
        background-image: url(../images/avi_enviar.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        opacity: 0.5;
        transition: all 3s;
    }

    .corp_gfc1 {
        font-size: 1.2vw;
        font-weight: bold;
        color: var(--t2);
        width: 100%;
        text-align: center;
    }

    .corp_gfc2 {
        width: 100%;
        height: 20vw;
        display: inline-block;
        margin-top: 4vw;
        /* background-color: skyblue; */
    }

    .corp_gfc3 {
        float: left;
        width: 7.69%;
        height: 100%;
        /* background-color: springgreen; */
        position: relative;
    }

    .corp_gfc3:hover .corp_gfc5 {
        margin-top: -7.5vw;
        transition: all 0.3s;
    }

    .corp_gfc3:hover .corp_gfc6 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: var(--f4);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0s;
    }

    .corp_gfc4 {
        padding-top: 7%;
        position: absolute;
        left: 0%;
        width: 100%;
        /* background-color: white; */
        opacity: 0.5;
        text-align: center;
        font-size: 0.7vw;
        font-weight: bold;
        color: var(--t4);
        transition: opacity 0.1s, padding-top 0.2s;
    }

    .corp_gfc5 {
        position: absolute;
        left: 0;
        margin-left: 15%;
        width: 70%;
        height: 13%;
        line-height: 90%;
        margin-top: -7vw;
        font-size: 100%;
        border-radius: 50%;
        background-color: var(--f4);
        text-align: center;
        display: flex;
        font-weight: bold;
        color: var(--t3);
        align-content: center;
        align-items: center;
        justify-content: center;
        transition: all 0.3s;
    }

    .corp_gfc6 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: var(--f2);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.6s;
    }

    .corp_gfc6_2 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: var(--f3);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_gfc6_2:hover {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: var(--f3);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        box-shadow: 0vw 0vw 0.5vw var(--f3);
        transition: all 0.3s;
    }

    .corp_gfc6_3 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: #FF5E00;
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_gfc6_3:hover {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: #FF5E00;
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        box-shadow: 0vw 0vw 0.5vw #FF5E00;
        transition: all 0.3s;
    }

    .corp_gfc7 {
        position: absolute;
        left: 0%;
        bottom: 0%;
        width: 100%;
        /* background-color: white; */
        text-align: center;
        font-size: 1.1vw;
        font-weight: bold;
        color: var(--t2);
    }

    .corp_tb {
        padding: 1vw;
        text-align: justify;
    }

    .corp_mc_t_i1 {
        width: 100%;
        height: 13vw;
        border-radius: 0.7vw;
        background-image: url(../images/mc_2.png);
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.2);
        margin-bottom: 1vw;
    }

    .corp_mc_p1 {
        width: 100%;
        display: inline-block;
        /* background-color: red; */
        border-spacing: 0;
    }

    .corp_mc_p2 {
        width: 100%;
        background-color: var(--f2);
        color: var(--t1);
        font-size: 0.8vw;
        font-weight: bold;
        line-height: 1.5vw;
        margin-bottom: 2vw;
    }

    .corp_mc_p3 {
        /* width: 14%; */
        margin: 0;
        text-align: center;
        line-height: 2vw;
        /* width: 14.2%; */
        overflow: hidden;
        /* display: inline; */
    }

    .corp_mc_p3_i {
        border-radius: 1vw 0vw 0vw 1vw;
    }

    .corp_mc_p3_f {
        border-radius: 0vw 1vw 1vw 0vw;
    }

    .corp_mc_p4 {
        margin-top: 0.5vw;
        background-color: var(--f10);
        color: var(--t2);
        font-size: 0.8vw;
        line-height: 1.5vw;
    }

    .corp_mc_p4:hover {
        color: var(--t4);
        background-color: rgba(0, 0, 0, 0.05);
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.05); */
    }

    .darkmode .corp_mc_p4:hover {
        color: var(--t3);
        background-color: var(--f8)
            /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.05); */
    }

    .darkmode .corp_mc_p5 {
        border-top: solid 0.3vw var(--f1);
    }

    .corp_mc_p5 {
        /* padding: 0.3vw; */
        width: 14.2%;
        line-height: 2vw;
        margin: 0;
        border-spacing: 0;
        text-align: left;
        padding-left: 0.7vw;
        padding-right: 0.7vw;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border-top: solid 0.3vw white;
    }

    .corp_mc_p5_i {
        border-radius: 1vw 0vw 0vw 1vw;
    }

    .corp_mc_p5_f {
        border-radius: 0vw 1vw 1vw 0vw;
    }

    .corp_mc_p6 {
        /* width: 20%; */
        text-indent: 0.7vw;
        background-position: left;
        background-repeat: no-repeat;
        background-size: auto 60%;
    }

    .corp_mc_as1 {
        margin-bottom: 1.5vw;
        overflow: hidden;
        position: relative;
        width: 96%;
        padding: 2%;
        border-radius: 1vw;
        background-color: var(--f8);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.05);
    }

    .corp_mc_as2 {
        position: absolute;
        right: -4vw;
        bottom: -7vw;
        width: 9vw;
        height: 9vw;
        background-color: var(--f3);
        border-radius: 50%;
    }

    .corp_mc_as3 {
        position: absolute;
        right: -7vw;
        bottom: -5vw;
        width: 9vw;
        height: 9vw;
        background-color: var(--f2);
        border-radius: 50%;
    }

    .corp_mc_as4_a {
        color: var(--t2);
        font-size: 0.9vw;
        width: 33%;
        float: left;
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as4_a3 {
        color: var(--t2);
        font-size: 0.9vw;
        width: 33%;
        float: left;
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as4 {
        color: var(--t2);
        font-size: 0.9vw;
        width: 60%;
        float: left;
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as5 {
        float: left;
        font-weight: bold;
        width: 38%;
        text-indent: 10%;
    }

    .corp_mc_as7 {
        display: inline-block;
        width: 100%;
        height: 25vw;
        position: relative;
    }

    .corp_mc_as8 {
        position: absolute;
        bottom: 0%;
        left: 12%;
        width: 20%;
        height: 36%;
        background-size: 100%;
        background-position: center bottom;
        background-image: url(../images/llae_20.png);
    }

    .corp_mc_as9 {
        position: absolute;
        bottom: 0%;
        right: 12%;
        width: 20%;
        height: 36%;
        background-size: 100%;
        background-position: center bottom;
        background-image: url(../images/llae_12.png);
    }

    .corp_mc_as10 {
        color: var(--t1);
        text-align: center;
        overflow: hidden;
        display: inline-block;
        width: 50%;
        left: 25%;
        height: 100%;
        background-color: var(--f2);
        border-radius: 50%;
        position: absolute;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_mc_as11 {
        margin-top: 1.5vw;
        margin-bottom: 1.5vw;
        display: inline-block;
        width: 100%;
        height: 3vw;
        background-size: auto 80%;
        background-image: url(../images/hm_qqhh_mc.png);
    }

    .corp_mc_as12 {
        margin-bottom: 0.5vw;
        width: 80%;
        text-align: center;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_mc_as13 {
        /* background-color: blue; */
        text-align: left;
        display: inline-block;
        float: left;
        line-height: 2.5vw;
        width: 45%;
        font-weight: bold;
    }

    .corp_mc_as14 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.5vw;
        /* width: 56%; */
        /* margin-right: 0.33vw; */
        color: var(--t2);
        border: solid 0.17vw var(--f4);
        display: inline-block;
        /* margin-bottom: 0.7vw; */
        border-radius: 0.7vw;
        transition: all 0.3s;
        /* width: 50%; */
    }

    .corp_mc_as14_2 {
        width: 94%;
    }

    .corp_mc_as14:focus {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc_as14:hover {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1); */
    }

    .corp_ayuda1 {
        display: inline-block;
        width: 1vw;
        height: 1vw;
        text-align: center;
        border-radius: 50%;
        font-weight: bold;
        line-height: 1vw;
        cursor: pointer;
        color: var(--t1);
        background-color: var(--f4);
        transition: all 0.3s;
    }

    .corp_ayuda1:hover {
        color: var(--t3);
        /* background-color: var(--f2); */
        transition: all 0.3s;
    }

    .x_captcha {
        border-radius: 0.5vw;
        width: 75%;
        margin-left: 12.5%;
        height: 4vw;
        border: solid silver 0.1vw;
        background-size: 95%;
        background-color: #f9f9f9;
    }

    .corp_ctb1 {
        margin-top: 1.5vw;
        position: relative;
        width: 100%;
        height: 28vw;
        display: inline-block;
        /* background-color: rgba(0, 0, 0, 0.05); */
    }

    .corp_ctb2_0 {
        background-color: transparent;
        /* border: solid 1px red; */
        width: 10vw;
        height: 15vw;
        perspective: 20vw;
        float: left;
        position: relative;
        z-index: 0;
        margin-top: 5vw;
        transition: all 0.5s;
        opacity: 0.5;
        filter: blur(0.1vw);
    }

    .corp_ctb2_0:hover {
        opacity: 1;
        filter: blur(0vw);
        margin-top: 0vw;
        width: 18vw;
        height: 30vw;
        z-index: 1;
        transition: all 0.5s;
        /* border: solid 1px springgreen; */
    }

    .corp_ctb2_1 {
        z-index: 0;
        width: 10vw;
        height: 15vw;
        /* background-color: springgreen; */
        position: absolute;
        top: 0vw;
        left: 0vw;
        border-radius: 0.7vw;
        background-size: 100%;
        transform-style: preserve-3d;
        transform: rotateY(50deg);
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.2);
        transition: all 0.8s;
    }

    .corp_ctb2_0:hover .corp_ctb2_1 {
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.3);
        z-index: 1;
        width: 20vw;
        height: 30vw;
        transform: rotateY(7deg);
        transition: all 0.8s;
    }

    .corp_ctb2_1_2 {
        z-index: 0;
        width: 10vw;
        height: 15vw;
        /* background-color: springgreen; */
        position: absolute;
        top: 0vw;
        left: 0vw;
        border-radius: 0.7vw;
        background-size: 100%;
        transform-style: preserve-3d;
        transform: rotateY(-50deg);
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.2);
        transition: all 0.8s;
    }

    .corp_ctb2_0:hover .corp_ctb2_1_2 {
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.3);
        z-index: 1;
        width: 20vw;
        height: 30vw;
        transform: rotateY(7deg);
        transition: all 0.8s;
    }

    .corp_ctb3_1 {
        padding-left: 1.5vw;
        line-height: 2.5vw;
        background-color: var(--f3);
        width: 100%;
        height: 100%;
        -webkit-clip-path: polygon(10% 0%, 100% 1%, 100% 100%, 10% 100%, 0% 50%);
        clip-path: polygon(10% 0%, 100% 1%, 100% 100%, 10% 100%, 0% 50%);
    }

    /**/
    .corp_ctb3_1_n {
        border-radius: 1vw;
        overflow: hidden;
        opacity: 0.3;
        position: absolute;
        left: -20%;
        height: 2.5vw;
        width: 1vw;
        line-height: 2.5vw;
        color: var(--t2);
        font-weight: bold;
        font-size: 1.2vw;
        z-index: 2;
        display: inline-block;
        filter: drop-shadow(0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.2));
        transition: all 0s;
        white-space: nowrap;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_n {
        height: 2.5vw;
        opacity: 1;
        left: 95%;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_1 {
        top: 0%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_1 {
        top: 0%;
        width: 9vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_2 {
        top: 11%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_2 {
        top: 11%;
        width: 9vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_3 {
        top: 40%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_3 {
        top: 40%;
        width: 9vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_4 {
        top: 55%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_4 {
        top: 55%;
        width: 13.5vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_5 {
        top: 80%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_5 {
        top: 80%;
        width: 10vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_6 {
        top: 20%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_6 {
        top: 20%;
        width: 10vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_7 {
        top: 60%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_7 {
        top: 60%;
        width: 15vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_8 {
        top: 15%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_8 {
        top: 15%;
        width: 11.5vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_9 {
        top: 50%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_9 {
        top: 50%;
        width: 12.5vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_10 {
        top: 70%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_10 {
        top: 70%;
        width: 15vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_11 {
        top: 7%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_11 {
        top: 7%;
        width: 11.5vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_12 {
        top: 43%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_12 {
        top: 43%;
        width: 14vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_13 {
        top: 70%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_13 {
        top: 70%;
        width: 15.5vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_14 {
        top: 85%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_14 {
        top: 85%;
        width: 17.5vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_15 {
        top: 66%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_15 {
        top: 66%;
        width: 16vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_16 {
        top: 30.5%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_16 {
        top: 30.5%;
        width: 13vw;
        transition: all 0.8s;
    }

    .corp_head_i1 {
        background-image: url(../images/up_ico_ofivir.png);
    }

    .corp_head_i2 {
        background-image: url(../images/up_ico_quiero_gas_natural.png);
    }

    .corp_head_i3 {
        background-image: url(../images/up_ico_llae.png);
    }

    .corp_head_i4 {
        background-image: url(../images/up_ico_st.png);
    }

    .corp_head_i5 {
        background-image: url(../images/up_ico_catalogo.png);
    }

    .corp_head_i5_2 {
        background-image: url(../images/up_ico_contacto23.png);
    }

    .corp_head_i6 {
        background-image: url(../images/up_fb.png);
    }

    .corp_head_i7 {
        background-image: url(../images/up_ig.png);
    }

    .corp_head_i8 {
        background-image: url(../images/up_yt.png);
    }

    .corp_head_i9 {
        background-image: url(../images/up_in.png);
    }

    .darkmode .corp_head_i10 {
        opacity: 1;
        filter: grayscale(0%);
        background-image: url(../images/up_mdon.png);
        display: none;
    }

    .corp_head_i10 {
        background-image: url(../images/up_md.png);
        display: none;
    }

    .corp_mc_ss1 {
        width: 38%;
        /* background-color: springgreen; */
        float: left;
    }

    .corp_mc_ss2 {
        /* overflow: hidden; */
        width: 62%;
        /* background-color: skyblue; */
        float: left;
    }

    .corp_mc_ss3 {
        width: 95%;
        height: 5vw;
        background-image: url(../images/i1.png);
        margin-bottom: 1vw;
    }

    .corp_mc_ss4 {
        /* font-size: 1.1vw; */
        width: 100%;
        /* background-color: slateblue; */
        display: inline-block;
        margin-bottom: 1vw;
    }

    .corp_mc_ss5 {
        width: 3vw;
        height: 3vw;
        background-size: 70%;
        border-radius: 50%;
        background-color: var(--f3);
        float: left;
        margin-left: 5%;
        box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc_ss5_1 {
        background-image: url(../images/i2.png);
    }

    .corp_mc_ss5_2 {
        background-image: url(../images/i3.png);
    }

    .corp_mc_ss5_3 {
        background-image: url(../images/i4.png);
    }

    .corp_mc_ss5_4 {
        background-image: url(../images/i5.png);
    }

    .corp_mc_ss5_5 {
        background-image: url(../images/i6.png);
    }

    .corp_mc_ss6 {
        /* background-color: springgreen; */
        margin-left: 0.5vw;
        display: inline-flex;
        padding-top: 0.9vw;
    }

    .corp_mc_ss7 {
        content: url(../images/i7.png);
        width: 1.3vw;
        height: 1.3vw;
        margin-right: 0.2vw;
    }

    .corp_mc_ss8 {
        content: url(../images/i8.png);
        width: 1.3vw;
        height: 1.3vw;
        margin-right: 0.2vw;
        margin-left: 0.5vw;
    }

    .corp_mc_ss9 {
        width: 100%;
        position: relative;
        display: inline-block;
    }

    .corp_mc_ss10 {
        padding-top: 2vw;
        width: 70%;
        padding-left: 1vw;
        padding-right: 1vw;
        /* height: 100%; */
        margin-left: 15%;
        background-color: var(--f2);
        border-radius: 3vw;
        color: var(--t1);
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_mc_ss11 {
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 16%;
        height: 8vw;
        background-position: center bottom;
        background-image: url(../images/i9.png);
    }

    .corp_mc_ss12 {
        position: absolute;
        bottom: 0;
        right: 0%;
        width: 25%;
        height: 15vw;
        background-position: center bottom;
        background-image: url(../images/i10.png);
    }

    .corp_mc_ss13 {
        float: left;
        width: 30%;
    }

    .corp_mc_ss14 {
        float: left;
        font-weight: bold;
        text-indent: 10%;
        width: 50%;
        /* background-color: red; */
    }

    .corp_mc_ss15 {
        /* background-color: springgreen; */
    }

    .corp_mc_ss16 {
        float: left;
        width: 40%;
    }

    .corp_mc_ss17 {
        float: left;
        font-weight: bold;
        text-indent: 10%;
        width: 30%;
        /* background-color: red; */
    }

    .corp_mc_ss18 {
        /* background-color: springgreen; */
    }

    .corp_mc_ss19 {
        margin-bottom: 0.5vw;
        margin-left: 5%;
        width: 90%;
        /* background-color: springgreen; */
        display: inline-block;
    }

    .corp_mc_ss20 {
        text-align: center;
        margin-bottom: 1.5vw;
        display: inline-block;
    }

    .corp_mc_ss21 {
        font-weight: bold;
        color: var(--t1);
    }

    .corp_mc_ss21:hover {
        font-weight: bold;
        color: var(--t3);
    }

    .corp_mc_ss22 {
        width: 55%;
    }

    .corp_pro1 {
        width: 94%;
        margin-left: 3%;
        margin-top: 2vw;
        display: inline-block;
    }

    .corp_pro2 {
        width: 100%;
        /* height: 3vw; */
        /* background-color: red; */
        margin-bottom: 1vw;
        display: inline-block;
    }

    .corp_pro3 {
        float: left;
        font-size: 1.5vw;
        font-weight: bold;
        color: var(--t2);
        /* height: 100%; */
        width: 73%;
        /* background-color: red; */
        line-height: 1.5vw;
        margin-left: 0.5vw;
        position: relative;
    }

    .corp_pro4 {
        border-radius: 3vw;
        width: 100%;
        margin-left: 5%;
        font-size: 1.12vw;
        font-weight: bold;
        color: var(--t2);
        /* background-color: var(--f8); */
        text-indent: 15%;
        padding: 0.3vw;
        padding-left: 1vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 5%;
    }

    .corp_pro4:hover {
        text-indent: 17%;
        /* padding-left: 1.3vw; */
        color: var(--t4);
        /* background-color: var(--f2); */
        transition: all 0.2s;
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1); */
    }

    .corp_pro5 {
        width: 92%;
        margin: 3%;
        margin-top: 0;
        margin-bottom: 1.2vw;
        height: 23vw;
        /* background-color: springgreen; */
        /* float: left; */
        background-position: center center;
        background-size: 101%;
        background-repeat: no-repeat;
        /* border-radius: 0.3vw; */
        display: inline-block;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro6 {
        /* border-radius: 0.3vw; */
        width: 92%;
        margin: 3%;
        margin-top: 0;
        margin-bottom: 1.2vw;
        height: 12vw;
        /* background-color: skyblue; */
        background-position: center center;
        background-size: 105%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        position: relative;
        transition: all 0.9s;
    }

    .corp_pro7 {
        width: 96%;
        margin: 1.5%;
        margin-top: 0;
        height: 22vw;
        /* background-color: skyblue; */
        background-position: center center;
        background-size: 101%;
        background-repeat: no-repeat;
        display: inline-block;
        /* border-radius: 0.3vw; */
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro8 {
        font-size: 1.7vw;
        letter-spacing: 0.3vw;
        font-weight: bold;
        text-transform: uppercase;
        opacity: 1;
        color: white;
        text-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.5);
        transition: all 0.7s;
    }

    .corp_pro9 {
        border: solid 0.1vw rgba(255, 255, 255, 1.0);
        width: 90%;
        height: 90%;
        margin: 5%;
        text-align: center;
        display: flex;
        /* padding-top: 39%; */
        /* padding-bottom: 39%; */
        /* position: relative; */
        transition: all 0.7s;
        justify-content: center;
        align-items: center;
    }

    .corp_pro10 {
        border: solid 0.1vw rgba(255, 255, 255, 0);
        width: 90%;
        margin: 1vw;
        text-align: center;
        display: inline-block;
        padding-top: 14%;
        padding-bottom: 14%;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro11 {
        border: solid 0.1vw rgba(255, 255, 255, 0.5);
        width: 95%;
        margin: 1vw;
        text-align: center;
        display: inline-block;
        padding-top: 17.5%;
        padding-bottom: 17.5%;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro5:hover .corp_pro9 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro5:hover {
        transition: all 1s;
        background-size: 110%;
    }

    .corp_pro6:hover .corp_pro10 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro6:hover {
        transition: all 0.5s;
        background-size: 130%;
    }

    .corp_pro7:hover {
        transition: all 0.7s;
        background-size: 110%;
    }

    .corp_pro7:hover .corp_pro11 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro12 {
        float: left;
        width: 80%;
        margin-left: 2%;
        /* margin-right: 2%; */
        /* height: 100vw; */
        position: relative;
        /* background-color: springgreen; */
    }

    .corp_pro13 {
        float: left;
        width: 40%;
        display: inline-block;
        /* background-color: skyblue; */
        position: sticky;
        top: 9vw;
    }

    .corp_pro13_a {
        background-image: url(../images/gp_av.png);
        background-repeat: no-repeat;
        background-size: 20%;
        background-position: left center;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        transition: all 0.3s;
        opacity: 0;
    }

    .corp_pro13_a:hover {
        transition: all 0.3s;
        opacity: 1;
    }

    .corp_pro13_s {
        background-image: url(../images/gp_sv.png);
        background-repeat: no-repeat;
        background-size: 20%;
        background-position: right center;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        transition: all 0.3s;
        opacity: 0;
    }

    .corp_pro13_s:hover {
        transition: all 0.3s;
        opacity: 1;
    }

    .corp_pro13_x {
        position: absolute;
        bottom: 1vw;
        width: 16%;
        text-indent: 42%;
        background-repeat: no-repeat;
        background-size: auto 45%;
        background-position: 20% center;
        background-image: url(../images/gp_cam.png);
        /* text-align: center; */
        font-size: 1vw;
        padding: 0.2vw;
        font-weight: bold;
        margin-left: 40%;
        border-radius: 5vw;
        background-color: var(--f2);
        color: white;
    }

    .corp_pro14 {
        float: left;
        width: 58%;
        margin-left: 2%;
        display: inline-block;
        color: var(--t2);
        /* background-color: springgreen; */
    }

    .corp_pro15 {
        height: 30vw;
        border: solid 0.1vw rgba(125, 125, 125, 0.05);
    }

    .corp_pro16 {
        float: left;
        width: 55%;
        /* margin-left: 2%; */
        display: inline-block;
        /* background-color: springgreen; */
    }

    .corp_pro17 {
        float: left;
        width: 40%;
        margin-left: 5%;
        display: inline-block;
        /* background-color: skyblue; */
        position: sticky;
        top: 9vw;
    }

    .corp_pro18 {
        width: 100%;
        display: inline-block;
        /* background-color: yellowgreen; */
        margin-bottom: 0.5vw;
        border-bottom: solid 0.1vw rgba(125, 125, 125, 0.05);
        position: relative;
        padding-bottom: 0.9vw;
    }

    .corp_pro_marca {
        font-size: 0.9vw;
        line-height: 0.9vw;
        font-weight: bold;
        width: 85%;
    }

    .corp_pro_modelo {
        width: 85%;
        font-size: 1.7vw;
        line-height: 1.7vw;
        font-weight: bold;
    }

    .corp_pro_descripcion {
        font-size: var(--tt2);
    }

    .corp_pro_descuento {
        width: 4.5vw;
        height: 4.5vw;
        line-height: 4.5vw;
        font-size: 2.1vw;
        text-align: center;
        border-radius: 50%;
        background-color: var(--f2);
        color: var(--t3);
        border: solid 0.3vw var(--f3);
        font-weight: bold;
        position: absolute;
        top: 0vw;
        right: 0vw;
    }

    .corp_pro_preciooferta_t {
        font-size: 0.7vw;
        font-weight: bold;
        border-radius: 0.22vw;
        /* color: rgb(222, 10, 10); */
        background-color: var(--f4);
        color: var(--t1);
        display: inline-block;
        padding: 0.3vw;
        letter-spacing: 0.2vw;
        line-height: 0.9vw;
        margin-bottom: 0.5vw;
    }

    .corp_pro_preciooferta {
        font-size: 2.2vw;
        line-height: 2.2vw;
        /* font-weight: bold; */
        color: rgb(222, 10, 10);
        letter-spacing: -0.1vw;
        color: var(--t4);
    }

    .corp_pro_precionormal_t {
        float: left;
    }

    .corp_pro_precionormal {
        float: left;
        margin-left: 0.5vw;
        text-decoration: line-through;
    }

    .corp_pro_precionormalok {
        text-decoration: none;
        font-size: 2.5vw;
        width: 100%;
        line-height: 2vw;
    }

    .corp_pro_precionormal_g {
        display: inline-block;
        width: 100%;
    }

    .corp_pro_cuotas {
        font-size: 1vw;
        font-weight: bold;
        float: left;
        color: var(--t4);
    }

    .corp_pro_cuota {
        font-size: 1vw;
        font-weight: bold;
        float: left;
        color: var(--t4);
        margin-left: 0.5vw;
    }

    .corp_pro_cae {
        font-size: 0.7vw;
        color: var(--t7);
        margin-bottom: 1vw;
    }

    .corp_pro19 {
        background-color: var(--f2);
        background-image: url(../images/i35.jpg);
        padding: 1vw;
        background-position: center top;
        background-repeat: repeat-x;
        border-radius: 1.1vw;
        padding-top: 18.5vw;
        background-size: 100%;
        color: var(--t1);
        margin-bottom: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 20%);
    }

    .corp_pro20 {
        color: var(--t3);
        text-align: center;
        display: inline-block;
        margin-top: 1vw;
        margin-bottom: 1.5vw;
    }

    .corp_pro21 {
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        font-size: var(--tt2);
        margin-bottom: 1vw;
    }

    .corp_pro22 {
        /* line-height: 2vw; */
        margin-bottom: 0.5vw;
    }

    .corp_pro23 {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-bottom: 1vw;
    }

    .corp_btn_i {
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right center;
        text-align: center;
        padding-right: 1.8vw;
        font-weight: bold;
    }

    .corp_btn_il {
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        text-align: center;
        padding-left: 1.8vw;
        font-weight: bold;
    }

    .corp_btn_verdoc {
        display: inline-block;
        margin: 0;
        background-image: url(../images/ico_verdoc4.png);
        transition: all 0.3s;
    }

    .corp_btn_waze {
        display: inline-block;
        margin: 0;
        background-image: url(../images/waze.png);
        transition: all 0.3s;
    }

    .corp_btn_maps {
        display: inline-block;
        margin: 0;
        background-image: url(../images/mapa.png);
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_maps {
        background-image: url(../images/mapa2.png);
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_btn_fono {
        display: inline-block;
        margin: 0;
        background-image: url(../images/fono3.png);
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_fono {
        background-image: url(../images/fono1.png);
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_waze {
        background-image: url(../images/waze2.png);
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_verdoc {
        background-image: url(../images/ico_verdoc2.png);
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_ld_1 {
        display: inline-block;
        width: 70%;
        margin-right: 2vw;
        float: left;
        /* background-color: blue; */
    }

    .corp_ld_2 {
        display: inline-block;
        width: 27%;
        float: left;
        /* background-color: red; */
    }

    .corp_nos_lt1 {
        width: 80%;
        margin-left: 10%;
        height: 39vw;
        background-color: var(--f4);
        display: inline-block;
        overflow: hidden;
        position: relative;
        border-radius: 1.2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
        transition: background-color 1s;
    }

    .corp_nos_lt1_2 {
        width: 80%;
        margin-left: 10%;
        height: 39vw;
        background-color: rgba(90, 185, 5, 0.9);
        display: inline-block;
        overflow: hidden;
        position: relative;
        border-radius: 1.2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
        transition: background-color 1s;
    }

    .corp_nos_lt2 {
        position: absolute;
        display: inline-block;
        bottom: 1vw;
        left: 2.5%;
        width: 95%;
        /* height: 3vw; */
        /* background: steelblue; */
        text-align: center;
    }

    .corp_nos_lt3 {
        display: inline-block;
    }

    .corp_nos_lt4 {
        color: var(--t1);
        float: left;
        margin: 0.2vw;
        padding: 0.5vw;
        /* padding-left: 0.7vw; */
        /* padding-right: 0.7vw; */
        font-size: 1.2vw;
        line-height: 1vw;
        text-align: center;
        border: solid 0.12vw rgba(255, 255, 255, 0.7);
        border-radius: 0.5vw;
        transition: all 2s;
        opacity: 0.8;
        /* margin-top: 0.2vw; */
        font-weight: bold;
        cursor: pointer;
    }

    .corp_nos_lt4:hover {
        background-color: var(--f3);
        /* margin-top: 0vw; */
        color: var(--t2);
        border: solid 0.12vw var(--f3);
        /* font-size: 1.5vw; */
        /* line-height: 1.2vw; */
        opacity: 1;
        transition: all 0.1s;
    }

    .corp_nos_lt4Ok {
        color: var(--t2);
        float: left;
        margin: 0.2vw;
        padding: 0.5vw;
        /* padding-left: 0.7vw; */
        /* padding-right: 0.7vw; */
        font-size: 1.2vw;
        line-height: 1vw;
        text-align: center;
        border: solid 0.12vw var(--f3);
        border-radius: 0.5vw;
        transition: all 0.1s;
        background-color: var(--f3);
        opacity: 1;
        /* margin-top: 0.2vw; */
        font-weight: bold;
        cursor: pointer;
    }

    .corp_nos_lt5 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        opacity: 0.7;
        transition: all 3s ease;
        /* filter: blur(0.1vw); */
        filter: grayscale(100%);
    }

    .corp_nos_lt6 {
        position: relative;
        width: 6.25%;
        height: 100%;
        float: left;
        /* border: solid red 1px; */
        transition: all 9s ease;
    }

    .corp_nos_lt7A {
        cursor: pointer;
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0%;
        left: 0%;
        background-image: url(../images/slline/a.png);
        background-repeat: no-repeat;
        background-position: 2% center;
        background-size: 3.3% auto;
        opacity: 0;
        transition: all 0.3s;
    }

    .corp_nos_lt7A:hover {
        opacity: 0.5;
        transition: all 0.3s;
    }

    .corp_nos_lt7S {
        cursor: pointer;
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0%;
        right: 0%;
        background-image: url(../images/slline/s.png);
        background-repeat: no-repeat;
        background-position: 98% center;
        background-size: 3.3% auto;
        opacity: 0;
        transition: all 0.3s;
    }

    .corp_nos_lt7S:hover {
        opacity: 0.5;
        transition: all 0.3s;
    }

    .corp_nos_lt7 {
        width: 100%;
        height: 7vw;
        position: absolute;
        opacity: 1;
        left: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--f2));
        transition: opacity 0.7s;
    }

    .corp_nos_lt7_2 {
        width: 100%;
        height: 7vw;
        position: absolute;
        opacity: 1;
        left: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(33, 155, 3, 0.9));
        transition: opacity 0.7s;
    }

    .corp_nos_lt7KO {
        opacity: 0;
        transition: opacity 0.7s;
    }

    .corp_nos_lt8 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        transition: all 2s ease;
    }

    .corp_nos_lt9 {
        color: white;
        overflow: hidden;
        display: inline-block;
        width: 33%;
        position: relative;
        padding: 2vw;
        border-radius: 0.2vw;
        margin-left: 3vw;
        margin-top: 4vw;
        background-color: var(--f2);
        box-shadow: 0vw 0vw 3vw rgba(0, 0, 0, 0.7);
    }

    .corp_nos_lt9_2 {
        color: white;
        overflow: hidden;
        display: inline-block;
        width: 33%;
        position: relative;
        padding: 2vw;
        border-radius: 0.2vw;
        margin-left: 3vw;
        margin-top: 4vw;
        background-color: rgba(33, 155, 3, 0.9);
        box-shadow: 0vw 0vw 3.3vw rgb(7 77 7 / 80%);
    }

    .corp_nos_lt10 {
        font-size: 20vw;
        position: absolute;
        left: -0.5vw;
        bottom: -7.7vw;
        color: rgba(255, 255, 255, 0.33);
        text-shadow: none;
    }

    .corp_nos_lt11 {
        font-size: 1.6vw;
        line-height: 1.8vw;
        margin-bottom: 0.5vw;
    }

    .corp_nos_lt12 {
        font-size: 1vw;
    }

    .corp_nos_lt13 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        transition: all 3.5s ease;
    }

    .corp_nos_lt14 {
        width: 30vw;
        height: 30vw;
        right: 3vw;
        top: 3vw;
        position: absolute;
        box-shadow: 0vw 0vw 3.3vw rgb(0 0 0 / 80%);
    }

    .corp_nos_lt14_2 {
        width: 30vw;
        height: 30vw;
        right: 3vw;
        top: 3vw;
        position: absolute;
        box-shadow: 0vw 0vw 3.3vw rgb(7 77 7 / 80%);
    }

    .l_none {
        display: none;
    }

    .l_left {
        width: 95%;
        display: inline-block;
    }

    .l_right {
        width: 95%;
        margin-left: 5%;
        display: inline-block;
    }

    .l_center {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        display: inline-block;
    }

    .corp_in_1 {
        width: 100%;
        height: 13vw;
        background-color: var(--f4);
        display: inline-block;
        border-radius: var(--br1);
        box-shadow: var(--s1);
    }

    .corp_i11 {
        background-image: url(../images/i11.png);
    }

    .corp_i12 {
        background-image: url(../images/i12.png);
    }

    .corp_i13 {
        background-image: url(../images/i13.png);
    }

    .corp_i13_1 {
        background-image: url(../images/i13_1.png);
    }

    .corp_i14 {
        background-image: url(../images/i14.png);
    }

    .corp_i14_2 {
        background-image: url(../images/i14_2.png);
    }

    .corp_i28 {
        background-image: url(../images/i28.png);
    }

    .corp_i15 {
        background-image: url(../images/i15.png);
    }

    .corp_i16 {
        background-image: url(../images/i16.png);
    }

    .corp_i17 {
        background-image: url(../images/i17.png);
    }

    .corp_i18 {
        background-image: url(../images/i18.png);
    }

    .corp_i19 {
        background-image: url(../images/i19.png);
    }

    .corp_i29 {
        background-image: url(../images/i29.png);
    }

    .corp_i30 {
        background-image: url(../images/i30.png);
    }

    .corp_i20 {
        background-image: url(../images/i20.png);
    }

    .corp_i21 {
        background-image: url(../images/i21.png);
    }

    .corp_1 {
        width: 100%;
        height: 33vw;
        background-image: url(../images/x_solicitargas.png);
        overflow: hidden;
    }

    .corp_2 {
        background-image: url(../images/ts_esmas.png);
        width: 6.7vw;
        height: 2.8vw;
        display: inline-block;
        background-position: center 0%;
        /* background-color: red; */
        margin-left: 0.3vw;
        margin-right: 0vw;
        background-position: center bottom;
    }

    .corp_3 {
        width: 10vw;
        height: 10vw;
        display: inline-block;
    }

    .corp_4 {
        width: 3vw;
        height: 3vw;
        display: inline-block;
    }

    .corp_5 {
        padding: 1vw;
        padding-right: 1.6vw;
        display: inline-block;
        background-color: var(--f2);
        border-radius: 0vw 7vw 7vw 0vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
        background-image: url(../images/hm_qqhh_mc.png);
        background-repeat: no-repeat;
        background-size: auto 0%;
        background-position: 0vw center;
        transition: all 0.3s;
    }

    .corp_5:hover {
        padding: 1vw;
        padding-left: 3.6vw;
        padding-right: 2vw;
        display: inline-block;
        /* padding-right: 1vw; */
        background-image: url(../images/hm_qqhh_mc.png);
        background-repeat: no-repeat;
        background-size: auto 60%;
        background-position: 0.5vw center;
        transition: all 0.3s;
    }

    .corp_6 {
        width: 7vw;
        height: 7vw;
        display: inline-block;
        margin-top: 0.5vw;
        transition: all 0.3s;
    }

    .corp_6:hover {
        margin-top: 0vw;
        transition: all 0.3s;
    }

    .corp_7 {
        margin-top: 1vw;
        width: 50%;
        height: 28vw;
        margin-left: 25%;
        overflow: hidden;
        border-radius: 1vw;
        box-shadow: var(--s1);
    }

    .corp_7_2 {
        margin-top: 1vw;
        width: 50%;
        height: 35vw;
        margin-left: 25%;
        overflow: hidden;
        border-radius: 1vw;
        box-shadow: var(--s1);
    }

    .corp_8 {
        margin-top: 3vw;
        width: 100%;
        text-align: center;
        padding-top: 3vw;
        padding-bottom: 3vw;
        background-color: var(--f4);
        overflow: hidden
    }

    .corp_9 {
        display: inline-block;
        margin-top: 2vw;
        width: 90%;
        height: 33vw;
        border-radius: 1vw;
        box-shadow: var(--s1);
        overflow: hidden;
    }

    .corp_10 {
        width: 100%;
        height: 22vw;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: all 0.5s;
        /* background-color: red; */
    }

    .corp_10_2:hover .corp_10 {
        background-size: 100%;
        transition: all 0.2s;
    }

    .corp_10_2:hover .corp_t3 {
        color: var(--t4);
        transition: all 0.2s;
    }

    .corp_10_2 {
        display: inline-block;
    }

    .corp_11 {
        margin-top: 2vw;
        width: 100%;
        height: 77vw;
        display: inline-block;
        background-color: var(--f4);
        border-radius: 1vw;
        box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.2);
        border: none;
    }

    .corp_12 {
        display: inline-block;
        /* background-color: red; */
        width: 30%;
        margin-left: 35%;
        height: 10vw;
    }

    .corp_13 {
        display: inline-block;
        width: 60%;
        padding-left: 10%;
        padding-right: 10%;
        margin-left: 10%;
        height: 122vw;
        border-radius: 1vw;
        background-color: var(--f2);
        position: relative;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
        overflow: hidden;
    }

    .corp_14 {
        margin-top: 3vw;
        margin-bottom: 1vw;
        width: 90%;
        margin-left: 5%;
        height: 10vw;
    }

    .corp_15 {
        font-size: 1.3vw;
    }

    .corp_16 {
        width: 100%;
        display: inline-block;
        padding: 0 !important;
        display: flex;
    }

    .corp_17 {}

    .corp_18 {
        margin-top: 2vw;
        width: 100%;
        height: 374vw;
        display: inline-block;
        background-color: var(--f4);
        border-radius: 1vw;
        box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.2);
        border: none;
    }

    .corp_18ko {
        height: 90vw !important;
    }

    .corp_19 {
        position: relative;
        display: inline-block;
        margin-left: 12%;
        overflow: hidden;
        perspective: 50vw;
        border-radius: 1vw;
        width: 76%;
    }

    .corp_19_ko {
        z-index: 0 !important;
        margin-left: 50% !important;
        width: 0vw !important;
        margin-top: 0vw !important;
        margin-bottom: 0vw !important;
        height: 0vw !important;
        border-radius: 0.7vw !important;
        background-size: cover !important;
        transform-style: preserve-3d !important;
        transform: rotateY(-300deg) !important;
        box-shadow: 0vw 0vw 0vw rgb(0 0 0 / 20%) !important;
        transition: all 2s;
    }

    .corp_19_x {
        z-index: 0;
        margin-left: 4%;
        width: 56vw;
        margin-top: 2vw;
        margin-bottom: 3vw;
        border-radius: 0.7vw;
        background-size: cover;
        transform-style: preserve-3d;
        transform: rotateY(2deg);
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 20%);
        transition: all 2s;
    }

    .corp_19_1 {
        content: url(../images/popup/vision_mision_y_valores.png?28092023);
        height: 56vw;
    }

    .corp_19_2 {
        content: url(../images/popup/politica_de_calidad.png?28092023);
        height: 56vw;
    }

    .corp_19_3 {
        content: url(../images/popup/politica_de_integridad_de_redes.png?28092023);
        height: 56vw;
    }

    .corp_19_4 {
        content: url(../images/popup/nuestro_proposito.jpg?19042024);
        height: 56vw;
    }

    .corp_20 {
        display: inline-block;
        color: var(--t2);
    }

    .corp_20_1 {
        display: inline-block;
        width: 100%;
        margin-bottom: 1vw;
    }

    .corp_20_2 {
        width: 33%;
        float: left;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 5vw;
    }

    .corp_20_2_2 {
        width: 86%;
        float: left;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 9vw;
    }

    .corp_20_3 {
        display: inline-block;
        float: left;
        width: 87%;
    }

    .corp_20_3_2 {
        display: inline-block;
        float: left;
        width: 65%;
    }

    .corp_21 {
        width: 100%;
        height: 16.5vw;
        display: inline-block;
        margin-bottom: 3vw;
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 10%);
        background-image: url(../images/hp_18062021_3.jpg);
        margin-top: 1vw;
    }

    .corp_22 {
        /* font-weight:bold; */
        color: white;
    }

    .corp_23 {
        display: inline-block;
        margin-bottom: 1vw;
        line-height: 1.8vw;
        font-size: 1.5vw;
    }

    .corp_24 {
        margin-top: 1vw !important;
        color: var(--t3) !important;
        text-transform: uppercase;
        font-size: 0.95vw !important;
        line-height: 0.99vw !important;
        font-weight: bold !important;
    }

    .corp_25 {
        display: flex;
    }

    .check {
        display: inline-block;
        position: relative;
        padding-left: 1.7vw;
        margin-bottom: 0.5vw;
        cursor: pointer;
        color: var(--t2);
        font-size: 0.9vw;
        font-weight: bold;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 1vw;
        width: 1vw;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 0.3vw;
        border: solid var(--f3) 0.15vw;
        box-shadow: 0.1vw 0.1vw 0.3vw rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s;
    }

    .check:hover input~.checkmark {
        background-color: rgba(0, 0, 0, 0.15);
        border-radius: 0.3vw;
        border: solid var(--f3) 0.15vw;
        box-shadow: 0.1vw 0.1vw 0.3vw rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s;
    }

    .check input:checked~.checkmark {
        background-color: var(--f3);
        border-radius: 0.3vw;
        transition: background-color 0.3s;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .check input:checked~.checkmark:after {
        display: block;
    }

    .check .checkmark:after {
        left: 0.35vw;
        top: 0.1vw;
        width: 0.2vw;
        height: 0.5vw;
        border: solid var(--t4);
        border-width: 0 0.2vw 0.2vw 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .corp_26 {
        width: 80%;
        background-color: var(--f4);
        display: inline-block;
        margin-left: 10%;
        border-radius: 1vw;
        box-shadow: 0vw 1vw 1vw silver;
        height: 115vw;
        position: relative;
        overflow: hidden;
        margin-bottom: 7vw;
    }

    .corp_26_1 {
        position: absolute;
        top: 55vw;
        left: 3vw;
        width: 52vw;
        height: 105vw;
        background-color: var(--f2);
        background-image: url(../images/form_ctd1.png);
        background-repeat: no-repeat;
        background-size: 37vw;
        background-position: 20vw 32vw;
        border-radius: 0% 50% 50% 0%;
    }

    .corp_26_1_2 {
        position: absolute;
        top: 133vw;
        left: 29vw;
        width: 20vw;
        height: 8vw;
        background-image: url(../images/form_ctd2.png);
    }

    .corp_26_1_3 {
        position: absolute;
        top: 80vw;
        left: 31vw;
        width: 18vw;
        height: 4vw;
        background-image: url(../images/form_ctd3.png);
    }

    .corp_26_2 {
        position: absolute;
        top: -56vw;
        right: 2vw;
        background-color: var(--f1);
        width: 106vw;
        height: 167vw;
        border-radius: 51%;
    }

    .corp_26_3 {
        position: absolute;
        border-radius: 50%;
        bottom: -16vw;
        left: 3vw;
        background-color: var(--f3);
        width: 34vw;
        height: 22vw;
    }

    .corp_26_4 {
        position: absolute;
        top: 59vw;
        left: 63vw;
        width: 27vw;
        height: 100%;
    }

    .corp_27_1 {
        width: 90%;
        height: 35vw;
        margin-bottom: 2.5vw;
        margin-left: 5%;
        text-align: center;
    }

    .corp_27_2 {
        font-size: 1.5vw;
        line-height: 1.5vw;
        height: 3.5vw;
        /* font-weight: bold; */
        color: var(--t2);
        /* background: red; */
        align-items: center;
        display: flex;
        align-content: center;
        justify-content: center;
    }

    .corp_27_3 {
        width: 100%;
        height: 24vw;
        /* padding: 1vw; */
        background-color: white;
        box-shadow: 0vw 0.7vw 1.5vw rgb(0 0 0 / 10%);
        border-radius: 0.7vw;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: 0.5vw;
        margin-bottom: 2vw;
        background-color: var(--f2);
        transition: all 0.3s;
    }

    .corp_27_3:hover {
        box-shadow: 0vw 0.9vw 1.5vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_28 {
        width: 7vw;
        height: 11VW;
        display: inline-block;
        text-align: center;
        background-size: 100%;
    }

    .corp_28_1 {
        background-color: var(--f4);
        border-radius: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 15%);
        position: relative;
        margin-bottom: 3vw;
        height: 10vw;
        overflow: hidden;
    }

    .corp_28_2 {
        background-color: var(--f3);
        position: absolute;
        top: -7vw;
        left: 12vw;
        transform: rotate(-9deg);
        width: 46vw;
        height: 122vw;
        border-radius: 50%;
    }

    .corp_28_3 {
        background-color: white;
        position: absolute;
        top: -6vw;
        left: 12.7vw;
        width: 59.5vw;
        height: 50vw;
        border-radius: 50%;
    }

    .corp_28_4 {
        position: absolute;
        top: 1.19vw;
        left: 2.5vw;
        width: 10vw;
        height: 8vw;
    }

    .corp_28_5 {
        position: absolute;
        top: 3vw;
        left: 20vw;
        padding: 1.1vw;
        background-color: var(--f2);
        color: white;
        padding-left: 5vw;
        border-radius: 5vw;
        font-size: 1.5vw;
        padding-right: 2vw;
        background-image: url(../images/up_ico_fono.png);
        background-position: 1.5vw;
        background-size: auto 2.7vw;
        background-repeat: no-repeat;
        font-weight: bold;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        transition: all 0.5s;
    }

    .corp_28_5:hover {
        background-image: url(../images/up_ico_fono_hover.png);
        color: var(--f3);
        background-color: var(--f4);
        box-shadow: 0vw 0.55vw 0.55w rgb(0 0 0 / 40%);
        transition: all 0.5s;
    }

    .corp_28_6 {
        color: white;
        position: absolute;
        top: 3vw;
        left: 42vw;
        padding: 1.1vw;
        background-color: var(--f2);
        padding-left: 5vw;
        border-radius: 5vw;
        font-size: 1.5vw;
        padding-right: 2vw;
        font-weight: bold;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        background-image: url(../images/up_ico_fono.png);
        background-position: 1.5vw;
        background-size: auto 2.7vw;
        background-repeat: no-repeat;
        transition: all 0.5s;
    }

    .corp_28_6:hover {
        background-image: url(../images/up_ico_fono_hover.png);
        color: var(--f3);
        background-color: var(--f4);
        box-shadow: 0vw 0.55vw 0.55w rgb(0 0 0 / 40%);
        transition: all 0.5s;
    }

    .corp_28_7 {
        position: absolute;
        right: -5vw;
        top: -2vw;
        width: 15vw;
        height: 15vw;
        border-radius: 50%;
        box-shadow: 0vw 0vw 0.9vw rgb(0 0 0 / 60%);
        background-position: 3vw;
        transform: scaleX(-1);
    }

    .corp_28_8 {
        display: inline-block;
        display: inline-block;
        width: 83%;
        height: 35vw;
        border-radius: 1vw;
        overflow: hidden;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
    }

    .corp_28_9 {
        width: 90%;
        margin-left: 5%;
        height: 12vw;
        border-radius: 0.9vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 50%);
    }

    .corp_28_10 {
        display: inline-block;
        width: 100%;
    }

    .corp_29 {
        display: inline-block;
        background: var(--f2);
        padding: 3vw;
        width: 30vw;
        border-radius: 2vw;
        /* color: white; */
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        height: 90vw;
    }

    .corp_30 {
        width: 100%;
        height: 45vw;
        display: inline-block;
    }

    .corp_31KO {
        display: inline-block;
        width: 40%;
        border-radius: 2vw;
        background-color: var(--f2);
        padding: 0vw;
        margin-top: 0vw;
        box-shadow: 0vw 0vw 0vw rgb(0 0 0 / 0%);
        height: 0vw;
        transition: all 0.3s;
    }

    .corp_31 {
        display: inline-block;
        width: 40%;
        border-radius: 2vw;
        background-color: var(--f2);
        padding: 2.5vw;
        margin-top: 2vw;
        box-shadow: 0vw 1vw 1vw rgb(0 1 1 / 20%);
        height: 190vw;
        transition: all 0.3s;
    }

    .corp_mc_rc1 {
        display: inline-block;
        width: 60%;
        padding-left: 10%;
        padding-right: 10%;
        margin-left: 10%;
        height: 55vw;
        border-radius: 1vw;
        background-color: var(--f2);
        position: relative;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
        overflow: hidden;
    }

    .corp_mc_bpd {
        display: inline-block;
        width: 80%;
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 20%);
        border-radius: 2vw;
        overflow: hidden;
        padding: 3vw;
        height: 69vw;
        background-color: var(--f2);
    }

    .corp_bpd_2 {
        font-size: 1.7vw;
        color: var(--t3);
        font-weight: bold;
    }

    .corp_32 {
        font-size: 1.3vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.2vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 2.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
    }

    .corp_32:focus {
        font-size: 1.3vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.2vw var(--f3);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 2.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
    }

    .corp_32:hover {
        font-size: 1.3vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.2vw var(--f3);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 2.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
    }

    .corp_33 {
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        /* height: 25vw; */
        position: relative;
    }

    .corp_33_1 {
        overflow: hidden;
        border-radius: 50%;
        background-color: var(--f2);
        width: 33vw;
        margin-left: 8vw;
        height: 33vw;
        position: relative;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
    }

    .corp_33_2 {
        position: absolute;
        left: 7vw;
        top: 4vw;
        width: 19vw;
        height: 29vw;
        overflow: hidden;
        /* background-color: skyblue; */
    }

    .corp_33_3 {
        background-image: url(../images/llae_20.png);
        width: 11vw;
        height: 12vw;
        position: absolute;
        left: 3vw;
        top: 23vw;
    }

    .corp_33_4 {
        background-image: url(../images/llae_12.png);
        width: 11vw;
        height: 12vw;
        position: absolute;
        right: 3vw;
        top: 23vw;
    }

    .corp_34 {
        display: inline-block;
        width: 100%;
        /* height: 25vw; */
        position: relative;
    }

    .corp_34_1 {
        background-color: var(--f2);
        position: relative;
        width: 70%;
        margin-left: 15%;
        border-radius: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        overflow: hidden;
    }

    .corp_34_2 {
        display: inline-block;
        width: 76%;
        margin-left: 12%;
        height: 70vw;
    }

    .corp_34_2_2 {
        display: inline-block;
        width: 76%;
        margin-left: 12%;
        height: 37vw;
    }

    .corp_34_3 {
        position: absolute;
        bottom: 2vw;
        left: 26.5vw;
        width: 5vw;
        height: 7vw;
    }

    .corp_34_4 {
        position: absolute;
        bottom: 2vw;
        left: 10.5vw;
        width: 6vw;
        height: 7vw;
    }

    .corp_34_5 {
        position: absolute;
        bottom: 2vw;
        left: 18.5vw;
        width: 6vw;
        height: 6vw;
    }

    .corp_34_6 {
        position: absolute;
        bottom: 2vw;
        left: 33vw;
        width: 7vw;
        height: 7vw;
    }

    .corp_34_7 {
        width: 60%;
        display: inline-block;
        height: 9vw;
        margin-left: 20%;
        margin-top: 3vw;
    }

    .corp_35_1 {
        width: 100%;
        height: 12vw;
        margin-bottom: 2vw;
        display: inline-block;
        background-image: url(../images/suscribete1.png);
        border-radius: 1.3vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        position: relative;
    }

    .corp_35_2 {
        position: absolute;
        display: inline-block;
        background-color: var(--f3);
        font-size: 1.5vw;
        font-weight: bold;
        padding: 0.3vw;
        padding-left: 3vw;
        padding-right: 2vw;
        border-radius: 4vw;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 10%);
        top: 4.6vw;
        left: 37vw;
        animation-name: corp_35_2_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        transition: all 0.3s;
        background-image: url(../images/campanita1.png);
        background-position: 1vw center;
        background-size: auto 60%;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    @keyframes corp_35_2_ani {
        0% {
            font-size: 1.5vw;
        }

        50% {
            font-size: 1.7vw;
        }

        100% {
            font-size: 1.5vw;
        }
    }

    .corp_35_2:hover {
        background-image: url(../images/campanita4.png);
        transition: all 0.3s;
        color: white;
        background-color: var(--f4);
    }

    .corp_35_3 {
        display: inline-block;
        margin-bottom: 3vw;
        padding: 4%;
        position: relative;
        width: 92%;
        box-shadow: var(--s1);
        border-radius: 1.5vw;
    }

    .corp_35_4 {
        float: left;
        width: 63%;
        display: inline-block;
        margin-right: 1vw;
    }

    .corp_35_5 {
        /* font-size: 0.9vw; */
        display: inline-block;
        color: var(--t2);
    }

    .corp_35_6 {
        font-size: 0.75vw;
        display: inline-block;
        color: #FF5722;
    }

    .corp_35_7 {
        float: left;
        background-color: #ff7c00;
        font-size: 1.3vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        border-radius: 4vw;
        text-align: center;
        color: white;
        font-weight: bold;
        box-shadow: var(--s1);
        cursor: pointer;
        transition: all 0.3s;
        width: 34%;
    }

    .corp_35_7:hover {
        transition: all 0.3s;
        background-color: #E36E00;
    }

    .corp_36_1 {
        overflow: hidden;
        border-radius: 2vw;
        background-color: var(--f2);
        width: 29vw;
        margin-left: 9vw;
        height: 70vw;
        position: relative;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
    }

    .corp_36_2 {
        position: absolute;
        left: 5vw;
        top: 12vw;
        width: 19vw;
        height: 60vw;
        overflow: hidden;
    }

    .corp_36_3 {
        width: 80%;
        margin-left: 10%;
        display: inline-block;
        height: 12vw;
    }

    .corp_37 {
        display: inline-block;
        width: 64%;
        height: 15vw;
        margin-left: 19%;
    }

    .corp_38_1 {
        scroll-margin: -50vw;
        display: inline-block;
        width: 64vw;
        margin-left: 10%;
        margin-top: 1vw;
        /* height: 35vw; */
        background-color: var(--f2);
        border-radius: 1.5vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        padding: 8vw;
        overflow: hidden;
        position: relative;
        padding-bottom: 4vw;
    }

    .corp_38_2 {
        background-color: white;
        position: absolute;
        left: -43vw;
        top: -77%;
        width: 120vw;
        height: 205%;
        border-radius: 50%;
        animation-name: corp_38_2_ani;
        animation-duration: 1s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_2_ani {
        from {
            left: 3vw;
            top: 7%;
            width: 7vw;
            height: 0%;
        }

        to {
            left: -43vw;
            top: -77%;
            width: 120vw;
            height: 205%;
        }
    }

    .corp_38_3 {
        background-color: var(--f3);
        position: absolute;
        left: -55%;
        bottom: -70vw;
        width: 75vw;
        height: 75vw;
        border-radius: 50%;
        animation-name: corp_38_3_ani;
        animation-duration: 5s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_3_ani {
        from {
            left: 110%;
            bottom: 7vw;
            width: 7vw;
            height: 3vw;
        }

        to {
            left: -55%;
            bottom: -70vw;
            width: 75vw;
            height: 75vw;
        }
    }

    .corp_38_4 {
        background-color: var(--f4);
        position: absolute;
        left: -44vw;
        top: -29vw;
        width: 113vw;
        height: 35vw;
        border-radius: 50%;
        animation-name: corp_38_4_ani;
        animation-duration: 2s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_4_ani {
        from {
            left: -94vw;
            top: -41vw;
            width: 50vw;
            height: 50vw;
        }

        to {
            left: -44vw;
            top: -29vw;
            width: 113vw;
            height: 35vw;
        }
    }

    .corp_38_5 {
        position: absolute;
        top: 1.5vw;
        left: 2vw;
        color: var(--t3);
        font-size: 1.5vw;
        font-weight: bold;
        background-image: url(../images/campanita3.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        padding-left: 3.5vw;
        line-height: 3vw;
    }

    .corp_38_6 {
        color: var(--t4);
        position: relative;
        font-size: 1.2vw;
        display: inline-block;
        margin-bottom: 1vw;
    }

    .corp_38_7 {
        position: relative;
        width: 100%;
        display: inline-block;
        height: 77vw;
        border-radius: 1.5vw;
        overflow: hidden;
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 15%);
    }

    .corp_38_8 {
        cursor: pointer;
        background-color: var(--f2);
        color: white;
        display: inline-block;
        position: relative;
        padding: 1vw;
        /* padding-left: 3vw; */
        /* padding-right: 3vw; */
        border-radius: 3vw;
        font-size: 1.5vw;
        font-weight: bold;
        margin-top: 2vw;
        width: 20%;
        text-align: center;
        margin-left: 40%;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        transition: all 0.3s;
    }

    .corp_38_8:hover {
        cursor: pointer;
        transition: all 0.3s;
        background-color: var(--f4);
        color: var(--t3);
    }

    .corp_up_bdy {
        background-image: url(../images/up_ico_mcelpf.png);
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 1vw;
        height: 100%;
        font-weight: bold;
        /* border: solid red 1px; */
        background-repeat: repeat-y;
        background-position: 1vw -3%;
        background-size: 1.8vw;
        border-bottom: solid 0px var(--f3);
        background-color: var(--f3);
        transition: all 0.3s, background-position 1s;
        border-radius: 1vw;
        padding-left: 3vw;
    }

    /* .corp_up_bdy:hover {
        color: var(--t4);
        background-image: url(../images/up_ico_mcelpfm.png);
        transition: all 0.3s, background-position 1s;
    } */

    .corp_up_bdy2 {
        background-image: url(../images/up_ico_mail.png);
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 1vw;
        height: 100%;
        font-weight: bold;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: 0.77vw center;
        background-size: 1.8vw;
        border-bottom: solid 0px var(--f3);
        background-color: var(--f2);
        transition: all 0.3s, background-position 1s;
        border-radius: 1vw;
        padding-left: 3vw;
        color: var(--t1);
    }

    /* .corp_up_bdy2:hover {
        color: var(--t3);
        background-image: url(../images/up_ico_mail2.png);
        transition: all 0.3s, background-position 1s;
    } */

    .corp_39 {
        display: inline-block;
        /* border:solid red 1px; */
        position: absolute;
        right: 0px;
        top: 1vw;
        color: var(--t2);
        font-size: 1vw;
    }

    .corp_39_1 {
        padding-left: 1.5vw;
        display: block;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }

    .corp_40 {
        display: inline-block;
        background: var(--f2);
        padding: 5%;
        width: 61%;
        position: relative;
        border-radius: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        height: 18vw;
    }

    .corp_40_1 {
        position: relative;
        z-index: 1;
        display: flex;
        background: var(--f2);
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 4%;
        width: 90%;
        border-radius: 1vw;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 30%);
        margin-bottom: 3vw;
        /*height: 14vw;*/
    }

    .corp_40_1_1 {
        width: 7.7vw;
        height: 7vw;
    }

    .corp_40_1_2 {
        width: 24vw;
        height: 15vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }

    .corp_40_1_3 {
        cursor: pointer;
        border-radius: 10vw;
        background-color: var(--f4);
        color: white;
        padding-right: 3vw;
        display: flex;
        padding-left: 4vw;
        height: 3.5vw;
        font-weight: bold;
        font-size: 1.2vw;
        align-items: center;
        background-image: url(../images/ico_dcd.png);
        background-size: 2vw;
        background-repeat: repeat-y;
        background-position: 1.7vw -1.2vw;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 20%);
        transition: all 1s;
    }

    .corp_40_1_3:hover {
        background-position: 1.7vw 4.8vw;
        box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.5);
        transition: all 1s;
    }

    .corp_nt1 {
        margin-top: 2vw;
        display: inline-block;
        width: 100%;
        /* border: solid red 1px; */
        text-align: center;
    }

    .corp_nt2 {
        display: inline-block;
        width: 80%;
        /* border: solid blue 1px; */
        text-align: left;
    }

    .corp_nt3 {
        display: inline-block;
        width: 50%;
        height: 23.7vw;
        text-align: left;
        float: left;
        border-radius: 0.7vw;
        background-color: var(--f4);
        background-position: center center;
        /* background-repeat: no-repeat; */
        background-size: auto 101%;
        transition: all 0.6s;
        position: relative;
        overflow: hidden;
        filter: saturate(77%);
        box-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 5%);
    }

    .corp_nt3:hover {
        box-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 50%);
        background-size: auto 111%;
        transition: all 0.6s;
        filter: saturate(133%);
    }

    .corp_nt4 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3%;
        width: 94.5%;
        font-size: 1.4vw;
        background-color: var(--f4);
        line-height: 1.6vw;
        color: white;
        transition: all 0.3s;
    }

    .corp_nt3:hover .corp_nt4 {
        background-color: rgba(0, 111, 150, 0.88);
        /* color:var(--t3);		 */
        transition: all 0.3s;
        padding-top: 1.5vw;
        padding-bottom: 1.5vw;
    }

    .corp_nt5 {
        display: inline-block;
        width: 23%;
        height: 11.43vw;
        text-align: left;
        float: left;
        margin-left: 1vw;
        margin-bottom: 0.85vw;
        border-radius: 0.7vw;
        background-color: var(--f4);
        background-position: center center;
        /* background-repeat: no-repeat; */
        background-size: auto 101%;
        transition: all 0.6s;
        position: relative;
        overflow: hidden;
        filter: saturate(77%);
        box-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 5%);
    }

    .corp_nt5:hover {
        background-size: auto 111%;
        transition: all 0.6s;
        filter: saturate(133%);
        box-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 50%);
    }

    .corp_nt6 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3%;
        width: 94%;
        font-size: 1vw;
        background-color: var(--f4);
        line-height: 1.15vw;
        color: white;
        transition: all 0.3s;
    }

    .corp_nt5:hover .corp_nt6 {
        background-color: rgba(0, 111, 150, 0.88);
        /* color:var(--t3);		 */
        transition: all 0.3s;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }



    .corp_nt7 {
        display: inline-block;
        width: 70%;
        height: 8vw;
        /* border: solid #e8e8e8 1px; */
        text-align: left;
        background-repeat: no-repeat;
        /* float: left; */
        margin: 0.5vw;
        /* border-radius: 0.3vw; */
        background-size: auto 100%;
        margin-left: 0%;
        filter: saturate(55%);
        transition: all .3s;
    }
    .corp_nt7:hover {
        filter: saturate(133%);
        transition: all .3s;
        
      
    }
     .corp_nt8{
       /*  background-color: red; */
       width: 69%;
        /* height: 100%; */
        overflow: hidden;
        margin-left: 30%;
        color: var(--t2);
        font-size: 1.3vw;
        transition: all .3s;
    }
    .corp_nt7:hover .corp_nt9{ 
        transition: all cubic-bezier(0.39, 0.575, 0.565, 1)s;
        background-color: var(--f3);
    }
    .corp_nt9{
        background-color: var(--f2);
        padding: 0.5vw;
        font-size: .9vw;
        width: 8vw;
        text-align: center;
        border-radius: .9vw;
        /* float: left; */
        transition: all 1s;
        margin-left: 30%;
    }
    .corp_ntdp1 {
        display: inline-block;
        font-size: 1.77vw;
        color: var(--t4);
        margin-bottom: 0.77vw;
        line-height: 2vw;
        width: 100%;
    }

    .corp_ntdp2 {
        display: inline-block;
        font-size: 1vw;
        color: white;
        margin-bottom: 0.77vw;
        padding: 0.3vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 1vw;
        background-color: var(--f2);
        font-weight: bold;
        border: 0.2vw solid var(--f2);
    }

    .corp_ntdp2v {
        margin-left: 0.5vw;
        cursor: pointer;
        display: inline-block;
        font-size: 1vw;
        color: var(--t2);
        margin-bottom: 0.77vw;
        padding: 0.3vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 1vw;
        background-color: rgba(59, 155, 196, 0);
        font-weight: bold;
        border: 0.2vw solid var(--f2);
        transition: all 0.3s;
    }

    .corp_ntdp2v:hover {
        background-color: var(--f2);
        color: white;
        transition: all 0.3s;
    }

    .corp_ntdp3 {
        width: 100%;
        height: 30.5vw;
        display: inline-block;
        border-radius: 1vw;
        margin-bottom: 1.77vw;
        background-size: auto 101%;
        background-repeat: no-repeat;
        background-position: center center;
        filter: saturate(100%);
        transition: all 3s, background 2s;
    }

    .corp_ntdp3:hover {
        transition: all 0.6s, background 33s;
        background-size: auto 125%;
        filter: saturate(133%);
    }

    .corp_ntdp4 {
        display: inline-block;
        font-size: 1.7vw;
        color: var(--t2);
        margin-bottom: 0.77vw;
        line-height: 1.33vw;
        width: 100%;
    }

    .corp_ntdp5 {
        display: none;
    }

    .corp_ntdp6 {
        display: inline-block;
        border: solid 1px white;
        float: left;
        width: 8.3%;
        position: sticky;
        top: 8vw;
    }

    .corp_bls1 {
        display: inline-block;
        width: 100%;
        height: 19vw;
        background-color: var(--f2);
        margin-bottom: 2vw;
        background-image: url(../images/bolsas/header.png);
        border-radius: 1.5vw;
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 10%);
    }

    .corp_bls2 {
        width: 100%;
        height: 13.3vw;
        display: inline-block;
        border-radius: 1vw;
        overflow: hidden;
    }

    .corp_bls3 {
        width: 90%;
        margin-left: 5%;
        display: inline-block;
    }

    .corp_bls4 {
        width: 80%;
        margin-left: 10%;
        display: inline-block;
    }

    .corp_bls5 {
        width: 100%;
        display: inline-block;
        text-align: center;
        height: 5.5vw;
    }

    .corp_bls6 {
        width: 100%;
        display: inline-block;
        text-align: center;
        height: 9.5vw;
        background-image: url(../images/bolsas/bbr.png);
        border-radius: 1.5vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 15%);
        margin-top: 3vw;
    }

    .corp_p_e1 {
        font-weight: bold;
        font-size: 1vw;
        float: left;
        width: 50%;
        display: flex;
        text-align: left;
        color: var(--t2);
        align-items: center;
    }

    .corp_p_e2 {
        margin-right: 0.5vw;
        padding: 0.3vw 1vw;
        border-radius: 1vw;
        background-color: var(--f2);
        color: var(--t3);
        font-size: 1vw;
        float: left;
    }

    .corp_p_e3 {
        text-align: right;
        float: left;
        width: 50%;
        display: inline-block;
    }

    .corp_p_e4 {
        padding: 0.5vw;
        border: none;
        box-shadow: 0vw 0.2vw 0.2vw silver;
        border-radius: 0.5vw;
        font-size: 1vw;
        color: var(--t1);
        background-color: var(--f2);
    }

    /* tt */
    .tt2 {
        display: inline-block;
        padding: 1vw;
        position: absolute;
        top: 36vw;
        left: 38.8%;
        opacity: 0;
    }

    .tt1 {
        width: 5vw;
        height: 4.3vw;
        line-height: 1.6vw;
        border-radius: 50%;
        border: solid 0.15vw rgba(255, 255, 255, 0.3);
        background: rgb(0 0 0 / 0%);
        color: white;
        display: inline-block;
        padding-top: 1vw;
        font-size: 1.5vw;
        text-align: center;
        font-weight: bold;
    }

    .tt1>div {
        font-size: 0.8vw;
    }

    .t_form1 {
        margin: 10vw;
        background-color: var(--f2);
        padding: 3vw;
        border-radius: 2vw;
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 20%);
    }

    .ipaf {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.88);
        animation-name: ipaf_ani;
        animation-duration: 8s;
        animation-iteration-count: 1;
        overflow: hidden;
        transition: all 0s;
    }

    @keyframes ipaf_ani {
        0% {
            background-color: rgba(255, 255, 255, 1);
        }

        70% {
            background-color: rgba(255, 255, 255, 1);
        }

        100% {
            background-color: rgba(255, 255, 255, 0);
        }
    }

    .ipa {
        transform: translate(0%, 0%);
        transform-style: preserve-3d;
        perspective: 50vw;
        position: absolute;
        top: -200vh;
        left: -200vw;
        width: 0%;
        height: 0vh;
        animation-name: ipa_ani;
        animation-duration: 8s;
        animation-iteration-count: 1;
        overflow: hidden;
        transition: all 0s;
    }

    @keyframes ipa_ani {
        0% {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            transition: all 0s;
            background-color: rgba(255, 255, 255, 0.88);
        }

        99% {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            transition: all 0s;
        }

        100% {
            position: absolute;
            top: -200vh;
            left: -200vw;
            width: 0%;
            height: 0vh;
            transition: all 0s;
        }
    }

    .ipai {
        position: absolute;
        top: 0vh;
        left: 100%;
        width: 0%;
        height: 0vh;
        background-image: url(../images/ipa.jpg);
        background-position: center top;
        background-size: cover;
        transition: all 2s;
        animation-name: ipai_ani;
        animation-duration: 6s;
        animation-iteration-count: 1;
        /* animation-timing-function: linear; */
        transform-style: preserve-3d;
        box-shadow: 0vw 3vw 3vw rgba(0, 0, 0, 0.5);
        transform: rotateX(77deg);
    }

    @keyframes ipai_ani {
        0% {
            top: 0;
            left: 0;
            transform: rotateX(0deg);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        30% {
            top: 0;
            left: 0;
            transform: rotateX(0deg);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        80% {
            transform: rotateX(70deg);
            animation-timing-function: ease-in;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        100% {
            animation-timing-function: ease-out;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0%;
            height: 0vh;
            transform: rotateY(-1560deg);
            transform: rotate3d(-560deg);
        }
    }

    .corp_mf {
        height: 1.55vw;
        background-position: left center;
    }

    .temp_promo_bolsas_productos {
        display: none;
        bottom: 1.5vw;
        position: absolute;
        width: 100%;
        height: 7vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_mc_car_pdf {
        height: 80vw;
    }

    #MTTBPAGOSALDOOK {
        scroll-margin: -33vw;
    }

    .corp_com1 {
        padding-top: 1vw;
        padding-bottom: 1vw;
        display: inline-block;
        width: 86.5%;
        margin-left: 7%;
        text-align: center;
        margin-bottom: 1vw;
        /* background-color: aquamarine; */
        /* border: solid blue; */
        /* justify-content: center; */
    }

    .corp_com2 {
        width: 84.5vw;
        height: 29vw;
        /* float: left; */
        border-radius: 1.8vw;
        background-color: var(--f3);
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 15%);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100.5%;
        transition: all 0.5s;
        margin-bottom: 2vw;
        background-image: url(../images/comunidades/bn_com_d_01032024_1.png?4);
    }

    .corp_com1 a {
        display: inline-block;
    }

    .corp_com2:hover {
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        background-size: 105%;
        transition: all 0.5s;
    }

    .corp_com3 {
        width: 12vw;
        height: 12vw;
        float: left;
        border-radius: 0.8vw;
        background-color: var(--f2);
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 0%);
        margin: 0.5vw;
        /* margin-bottom: 1.5vw; */
        box-shadow: inset 0vw 0vw 0vw var(--f4);
        background-position: 0vw center;
        background-repeat: repeat-x;
        background-size: cover;
        transition: all 1s;
    }

    .corp_com3:hover {
        box-shadow: inset 0vw 0vw 3vw var(--f4);
        background-position: -12vw center;
        transition: all 1s;
    }

    .corp_com4 {
        width: 28vw;
        height: 12vw;
        float: left;
        border-radius: 1.8vw;
        background-color: var(--f3);
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 0%);
        margin: 0.5vw;
        /* margin-bottom: 1.5vw; */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100.5%;
        transition: all 0.5s;
    }

    .corp_com4:hover {
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        background-size: auto 105%;
        transition: all 0.5s;
    }

    .corp_com5 {
        width: 28vw;
        height: 12vw;
        float: left;
        border-radius: 1.8vw;
        background-color: var(--f4);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.0);
        margin: 0.5vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100.5%;
        transition: all 0.5s;
    }

    .corp_com5:hover {
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        background-size: auto 105%;
        transition: all 0.5s;
    }

    .corp_com6 {
        width: 12vw;
        height: 12vw;
        float: left;
        border-radius: 0.8vw;
        background-color: var(--f4);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.0);
        margin: 0.5vw;
        box-shadow: inset 0vw 0vw 0vw var(--f2);
        background-position: 0vw center;
        background-repeat: repeat-x;
        background-size: cover;
        transition: all 1s;
    }

    .corp_com6:hover {
        box-shadow: inset 0vw 0vw 3vw #004660;
        background-position: 12vw center;
        transition: all 1s;
    }

    .corp_com7 {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 12vw;
        position: relative;
    }

    .corp_com7_2 {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 0vw;
        position: relative;
    }

    .corp_com8 {
        margin-top: 3vw;
        color: var(--t2);
        scroll-margin: 12vw;
        display: inline-block;
        width: 100%;
        height: 10vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 32%;
        margin-bottom: 3vw;
    }

    .corp_com9 {
        color: var(--t2);
        transition: all 0.5s;
        text-align: left;
        display: inline-block;
        width: 70%;
        /* margin-left: 10%; */
        /* border: solid silver 1px; */
        margin-bottom: 2.5vw;
    }

    #displaycomunidades {
        color: var(--t2);
        transition: all 0.5s;
        text-align: left;
        display: inline-block;
        float: left;
        margin-left: 12%;
        width: 47%;
        margin-right: 5%;
        margin-bottom: 2.5vw;
    }

    .corp_com10 {
        color: var(--t2);
        margin-right: 2.1vw;
        /* display: inline-block; */
        width: 20vw;
        height: 14.3vw;
        float: left;
        border-radius: 2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 3%);
        background-color: var(--f4);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100.5%;
        transition: all 0.5s;
    }

    #displaycomunidades .corp_com10 {
        color: var(--t2);
        margin-right: 2.1vw;
        /* display: inline-block; */
        width: 100%;
        height: 30vw;
        float: left;
        border-radius: 2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 3%);
        background-color: var(--f4);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all 0.5s;
    }

    #displaycomunidades .corp_com12 {
        font-size: var(--tt2);
        margin-bottom: 0.5vw;
        display: inline-block;
        transition: all 0.5s;
        margin-top: 2vw;
        margin-bottom: 0.5vw;
        transition: all 0.5s;
    }

    .corp_com9:hover .corp_com10 {
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 15%);
        background-size: 109%;
        transition: all 0.5s;
    }

    .corp_com9:hover .corp_com13,
    .corp_com13:hover {
        background-color: var(--f4);
        padding-left: 2vw;
        padding-right: 2vw;
        /* color: var(--t4); */
        transition: all 0.7s;
    }

    .corp_com9:hover .corp_com12,
    .corp_com9:hover .corp_com11 {
        transition: all 0.5s;
        color: var(--t4);
    }

    #contenidos3 .corp_com11 {
        color: white;
    }

    #contenidos3:hover .corp_com11 {
        color: var(--t3);
    }

    #contenidos3 .corp_com12 {
        color: white;
    }

    #contenidos3:hover .corp_com12 {
        color: var(--t3);
    }

    #contenidos3 .corp_com13 {
        background-color: var(--f4);
    }

    .corp_com11 {
        line-height: 2vw;
        font-size: var(--tt1);
        font-weight: bold;
        margin-bottom: 1vw;
        transition: all 0.5s;
    }

    .corp_com12 {
        font-size: var(--tt2);
        /* line-height: 1.6vw; */
        margin-bottom: 0.5vw;
        transition: all 0.5s;
    }

    .corp_com13 {
        display: inline-block;
        background-color: var(--f2);
        color: white;
        padding: 0.8vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 10vw;
        font-size: 1.3vw;
        font-weight: bold;
        transition: all 0.5s;
    }

    .corp_com13_a {
        margin-right: 0.5vw;
        display: inline-block;
        /*background-color: var(--f2);*/
        color: var(--t2);
        border: solid 0.16vw var(--f2);
        padding: 0.8vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 10vw;
        font-size: 1.3vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_com13_a:hover {
        background-color: var(--f2);
        color: white;
        transition: all 0.3s;
    }

    .corp_com14 {
        width: 100%;
        height: 6vw;
        background-image: url(../images/comunidades/gce_1.png);
        background-position: center 0.5vw;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_com15 {
        width: 100%;
        height: 5vw;
        background-image: url(../images/comunidades/gce_2.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_com16 {
        width: 100%;
        background-color: var(--f2);
        display: inline-block;
        padding-top: 7vw;
        padding-bottom: 3vw;
    }

    .corp_com17OK {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        /* height: 23vw; */
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.5s;
    }

    .corp_com17OK {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        /* height: 23vw; */
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.5s;
    }

    .corp_com17KO {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        height: 7vw;
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.3s;
    }

    .corp_com18OK {
        background-repeat: no-repeat;
        /* background-position: 1.7vw -7.3vw; */
        background-position: -2vw center;
        background-size: auto 150%;
        cursor: pointer;
        /* padding: 1.7vw; */
        display: flex;
        align-items: center;
        width: 60%;
        border-radius: 1.7vw;
        background-color: var(--f4);
        color: white;
        text-align: left;
        height: 6vw;
        padding-left: 7.7vw;
        margin-left: 14.5%;
        padding-right: 3.5vw;
        font-size: 1.5vw;
        /* text-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.5); */
        /* font-weight: bold; */
        line-height: 1.7vw;
        box-shadow: 0vw 0vw 0.5vw rgb(0 0 0 / 50%);
        transition: all 0.5s;
    }

    .corp_com18KO {
        background-repeat: no-repeat;
        background-position: 1.7vw center;
        background-size: auto 50%;
        cursor: pointer;
        /* padding: 1.7vw; */
        display: flex;
        align-items: center;
        width: 60%;
        border-radius: 1.7vw;
        background-color: var(--f4);
        color: white;
        text-align: left;
        height: 6vw;
        padding-left: 6vw;
        margin-left: 14.7%;
        padding-right: 3.5vw;
        font-size: 1.2vw;
        /* font-weight: bold; */
        line-height: 1.5vw;
        box-shadow: 0vw 0.3vw 0.5vw rgb(0 0 0 / 7%);
        transition: all 1s;
    }

    .corp_com19OK {
        transition: all 0.7s;
        display: inline-block;
        width: 60%;
        padding: 2.5vw;
        border: solid 0.05vw var(--f4);
        border-radius: 0vw 0vw 2vw 2vw;
        border-top: solid none;
        overflow: hidden;
        text-align: left;
        font-size: var(--tt2);
        /* line-height: 1.33vw; */
        opacity: 1;
        /* background-color: red; */
    }

    .corp_com19KO {
        transition: all 0.3s;
        display: inline-block;
        width: 60%;
        padding: 2.5vw;
        padding-top: 0;
        padding-bottom: 0;
        border: solid 0.05vw var(--f2);
        border-radius: 0vw 0vw 2vw 2vw;
        border-top: solid none;
        overflow: hidden;
        text-align: left;
        font-size: 0vw;
        line-height: 0vw;
        opacity: 0;
        /* background-color: red; */
    }

    .corp_com20 {
        position: absolute;
        top: -9vw;
        left: 19vw;
        width: 60vw;
        height: 60vw;
        border-radius: 100%;
        border: dotted var(--f3) 0.4vw;
        animation-name: corp_com20_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_com20_ani {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(180deg);
        }
    }

    .corp_com21 {
        /* border: solid red; */
        width: 50%;
        margin-left: 25%;
        display: inline-block;
        margin-right: 20%;
        border-radius: 2vw;
        margin-bottom: 3vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 10%);
        position: relative;
        text-align: center;
        overflow: hidden;
    }

    .corp_com22 {
        width: 100%;
        height: 19vw;
        background-image: url(../images/comunidades/ggcc_head_sol_suc.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .corp_com23 {
        display: inline-block;
        color: var(--t2);
        text-align: left;
        margin-top: 3vw;
        width: 70%;
        /* border: solid red; */
        font-size: var(--tt2);
    }

    .corp_com23_2 {
        background-image: url(../images/comunidades/ggcc_check1.png);
        background-repeat: no-repeat;
        background-size: 2vw;
        background-position: left center;
        padding-left: 2.5vw;
        width: 80%;
        margin-left: 6%;
    }

    .corp_com24 {}

    .corp_com25 {
        background-color: var(--f2);
        position: absolute;
        top: 6vw;
        left: -76vw;
        width: 200vw;
        height: 200vw;
        border-radius: 1000vw;
        z-index: 0;
    }

    .corp_com26 {
        color: white;
        font-size: var(--tt1);
        position: relative;
        z-index: 1;
        margin-bottom: 2vw;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }

    .corp_com27 {
        background-color: white;
        position: relative;
        z-index: 1;
        width: 42%;
        height: 107vw;
        margin-left: 21%;
        border-radius: 2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 15%);
        overflow: hidden;
        padding: 4vw;
        margin-bottom: 5vw;
    }

    .corp_com28 {
        width: 100%;
        height: 100%;
    }

    .corp_com29 {
        overflow: hidden;
        width: 40%;
        margin-left: 30%;
        margin-right: 35%;
        margin-top: 3vw;
        height: 7vw;
        position: relative;
        z-index: 1;
        margin-bottom: 2.5vw;
        box-shadow: 0vw 0.2vw 0.2vw rgb(0 0 0 / 10%);
        border-radius: 1vw;
        background-color: white;
        background-size: 80%;
        background-image: url(../images/comunidades/logo_comunidades.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .gvp21 {
        width: 100%;
        height: 32vw;
        /* background-image: url(../images/f2.png); */
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        /* border: solid red; */
    }

    .gvp22 {
        width: 90vw;
        height: 29vw;
        /* border: solid red; */
        position: absolute;
        overflow: hidden;
        top: 2vw;
        left: 4.5vw;
        display: flex;
        text-align: center;
        justify-content: center;
    }

    .gvp22_b {
        cursor: pointer;
        position: absolute;
        top: 10%;
        left: 0.9vw;
        width: 3.5vw;
        height: 80%;
        /* border: solid red; */
        background-image: url(../images/a_b.svg);
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        /* opacity: 0.5; */
        transition: all 0.3s;
        display: none;
    }

    .gvp22_b:hover {
        left: 0.5vw;
        opacity: 1;
        transition: all 0.3s;
    }

    .gvp22_n {
        cursor: pointer;
        position: absolute;
        top: 10%;
        right: 0.9vw;
        width: 3.5vw;
        height: 80%;
        /* border: solid red; */
        background-image: url(../images/a_n.svg);
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        /* opacity: 0.5; */
        transition: all 0.3s;
        display: none;
    }

    .gvp22_n:hover {
        right: 0.5vw;
        opacity: 1;
        transition: all 0.3s;
    }

    .gvp22_2 {
        /* width: 7777vw; */
        /* border: solid blue; */
        height: 100%;
        position: absolute;
        top: 0vw;
        /* left: 0vw; */
        transition: left 1s;
    }

    .gvp23 {
        width: 18vw;
        height: 80%;
        /* border: solid green; */
        float: left;
        position: relative;
        margin: 1.8vw;
        background-color: var(--f3);
        border-radius: 1vw;
        overflow: hidden;
        box-shadow: 0vw 0.7vw 0.7vw rgba(0, 0, 0, 0.15);
        background-size: auto 100.5%;
        transition: all 0.3s;
    }

    .gvp23:hover {
        background-size: auto 115%;
        box-shadow: 0vw 1.3vw 1.3vw rgba(0, 0, 0, 0.25);
        transition: all 0.3s;
    }

    .gvp23:hover .gvp24 {
        transition: all 0.3s;
        background-color: var(--f4);
    }

    .gvp24 {
        transition: all 0.3s;
        background-color: var(--f2);
        width: 39vw;
        height: 34vw;
        position: absolute;
        bottom: -27vw;
        border-radius: 100%;
        right: -10vw;
    }

    .gvp22_4_l {
        /* border: solid red; */
        position: absolute;
        width: 1.5vw;
        height: 100%;
        top: 0;
        left: 0;
        /* background-color: rgba(250, 250, 44, 0.4); */
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255, 255, 255, 0) 100%);
    }

    .gvp22_4_r {
        /* border: solid red; */
        position: absolute;
        width: 1.5vw;
        height: 100%;
        top: 0;
        right: 0;
        /* background-color: rgba(250, 250, 44, 0.4); */
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 100%);
    }

    .gvp25 {
        width: 18vw;
        height: 18vw;
        border-radius: 50%;
        /* background-color: var(--f2); */
        position: absolute;
        left: 0;
        top: 0;
    }

    .gvp26 {
        color: white;
        font-size: 1.2vw;
        font-weight: bold;
        text-align: center;
        position: absolute;
        height: 4vw;
        top: 18vw;
        display: flex;
        width: 90%;
        margin-left: 5%;
        line-height: 1.6vw;
        /* font-family: 'Nunito_Regular'; */
        align-items: center;
        justify-content: center;
    }

    .gvp27_1 {
        margin-top: 1vw;
        width: 100%;
        height: 21vw;
        border-radius: 0.9vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .gv27_2ok {
        padding: 1vw;
        background-color: var(--f3);
        font-weight: bold;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 1vw;
        color: var(--t4);
        font-size: var(--tt2);
        cursor: pointer;
        box-shadow: 0vw 0.33vw 0.33vw rgba(0, 0, 0, 0.25);
        transition: all 0s;
    }

    .gv27_2ko {
        padding: 1vw;
        background-color: var(--t2);
        font-weight: bold;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 1vw;
        color: white;
        font-size: var(--tt2);
        cursor: pointer;
        transition: all 0s;
    }

    .gv27_3 {
        padding-bottom: 1vw;
        padding-top: 1vw;
        display: inline-block;
        background-color: var(--f1);
        width: 27%;
        float: left;
        margin-right: 3%;
        font-size: var(--tt2);
    }

    .gv27_3_2 {
        scroll-margin: 10vw;
        padding-bottom: 1vw;
        padding-top: 1vw;
        display: inline-block;
        background-color: var(--f1);
        width: 70%;
        float: left;
        margin-right: 0%;
        font-size: var(--tt2);
    }

    .gv27_4 {
        padding: 1vw;
        width: 42.4vw;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 0.5vw;
        margin-bottom: 10vw;
        display: inline-block;
    }

    .gv27_5ok {
        position: relative;
        display: inline-block;
        maX-height: 200vw;
        opacity: 1;
        overflow: hidden;
        font-size: var(--tt2);
        margin-top: 1vw;
        margin-bottom: 3vw;
        scroll-behavior: smooth;
        display: inline-block;
        transition: all 0.5s;
    }

    .gv27_5ko {
        position: relative;
        max-height: 0vw;
        opacity: 0;
        display: inline-block;
        font-size: var(--tt2);
        overflow: hidden;
        margin: 0vw;
        scroll-behavior: smooth;
        transition: all 0.1s;
        display: none;
    }

    .corp_qqhh_mm1,
    .corp_qqhh_mm1:hover {
        background-repeat: repeat-x;
        background-position: -28% 50%;
        background-size: auto 48%;
        animation-name: corp_qqhh_mm1_ani;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    @keyframes corp_qqhh_mm1_ani {
        0% {
            background-position: -28% 50%;
        }

        50% {
            background-position: -28% 60%;
        }

        100% {
            background-position: -28% 50%;
        }
    }

    .corp_qqhh_mm2,
    .corp_qqhh_mm2:hover {
        background-repeat: repeat-x;
        background-position: 72% 50%;
        background-size: auto 48%;
        animation-name: corp_qqhh_mm2_ani;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    @keyframes corp_qqhh_mm2_ani {
        0% {
            background-position: 72% 50%;
        }

        50% {
            background-position: 72% 60%;
        }

        100% {
            background-position: 72% 50%;
        }
    }

    .corp_qqhh_e4_t1,
    .corp_qqhh_e4_t1:hover {
        width: 100%;
        opacity: 1;
        transition: all 0.3s;
        position: absolute;
        top: 0;
    }

    .corp_qqhh_e4_t2,
    .corp_qqhh_e4_t2:hover {
        width: 100%;
        opacity: 0;
        transition: all 0.3s;
        position: absolute;
        top: 0;
    }

    .gv_28_1 {
        color: white;
        background-color: var(--f2);
        width: 80%;
        border-radius: 1vw;
        font-size: 1.1vw;
        font-weight: bold;
        text-indent: 4vw;
        padding: 2vw;
        box-shadow: 0vw 0.5vw 0.7vw rgb(0 0 0 / 20%);
        background-image: url(../images/bph1.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 70%;
        text-align: left;
        display: inline-block;
        margin-bottom: 1.5vw;
    }

    .gv_28_2 {
        font-size: var(--tt2);
        color: var(--t2);
        transition: all 0.3s;
        text-align: left;
        display: inline-block;
        width: 80%;
        border-radius: 1vw;
        border: dotted 0.1vw var(--f2);
        padding-left: 1.5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    .gv_28_2:hover {
        font-weight: bold;
        transition: all 0.3s;
        background-color: var(--f2);
        color: white;
    }

    .gv_28_2:hover .gv_28_5 {
        transition: all 0.3s;
        background-image: url(../images/bph2h.png);
        color: var(--t3);
    }

    .gv_28_3 {
        float: left;
        width: 5.4vw;
        white-space: nowrap;
        overflow: hidden;
        margin-right: 1vw;
    }

    .gv_28_4 {
        float: left;
        width: 62vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gv_28_5 {
        cursor: pointer;
        transition: all 0.3s;
        float: left;
        width: 12%;
        background-image: url(../images/bph2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 100%;
        text-indent: 3vw;
    }

    .corp_table {
        width: 100%;
        border-radius: 0.5vw;
        box-shadow: 0vw 0.7vw 0.7vw rgba(0, 0, 0, 0.15);
        overflow: hidden;
        border-spacing: 0px;
        /* border-collapse: separate; */
    }

    .corp_table td {
        padding: 0.77vw;
    }

    .corp_table .corp_table_tr_title {
        background-color: var(--f4);
        color: white;
        font-weight: bold;
        text-align: center;
    }

    .corp_table .corp_table_tr_data {
        background-color: rgba(199, 253, 52, 0);
        color: var(--t4);
        transition: 0.7s;
    }

    .corp_table .corp_table_tr_data:hover {
        background-color: rgba(199, 253, 52, 1);
        color: var(--t4);
        transition: 0.1s;
    }

    .corp_calcen1 {
        /* border: solid red; */
        width: 50%;
        display: inline-block;
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 15%);
        overflow: hidden;
        border-radius: 2vw;
        margin-top: 2vw;
        text-align: center;
        z-index: 1;
        position: relative;
    }

    .corp_calcen2 {
        width: 100%;
        display: inline-block;
        border-radius: 0vw 0vw 4vw 4vw;
        height: 52vw;
        /* box-shadow: 0vw 1vw 2vw rgb(0 0 0 / 25%); */
        background-position: center center;
        background-size: cover;
        margin-bottom: 4vw;
        background-image: url(../images/temp/head_calcen2023.jpg);
    }

    .corp_calcen3 {
        position: absolute;
        left: -24vw;
        top: 64vw;
        background-color: var(--f2);
        border-radius: 999vw;
        width: 100vw;
        height: 100vw;
        z-index: 0;
    }

    .corp_calcen4 {
        color: var(--t2);
        font-size: 2vw;
        font-weight: bold;
        margin-bottom: 2vw;
        width: 100%;
        display: inline-block;
    }

    .corp_calcen5 {
        width: 50%;
        height: 70vw;
        margin-left: 15%;
        z-index: 1;
        /* border: solid red; */
        position: relative;
        margin-bottom: 7vw;
        background-color: white;
        padding: 10%;
        box-shadow: 0vw 1vw 2vw rgb(0 0 0 / 33%);
        border-radius: 2vw;
    }

    .bls_g_bnr {
        background-color: var(--f4);
        display: inline-block;
        width: 100%;
        height: 16vw;
        border-radius: 1.3vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        position: relative;
        overflow: hidden;
        margin-bottom: 2vw;
        background-position: center center;
        background-size: cover;
        background-image: url(../images/bdg_act_23.png);
    }

    .gauge {
        position: relative;
        border-radius: 50%/100% 100% 0 0;
        background-color: var(--color, #a22);
        overflow: hidden;
        width: 100%;
        transition: all 0.5s;
    }

    .gauge:before {
        content: "";
        display: block;
        padding-top: 50%;
        /* ratio of 2:1*/
    }

    .gauge .chart {
        overflow: hidden;
    }

    .gauge .mask {
        /* display: none; */
        position: absolute;
        left: 20%;
        right: 20%;
        bottom: 0;
        top: 40%;
        background-color: #fff;
        border-radius: 50%/100% 100% 0 0;
    }

    .gauge .percentage {
        position: absolute;
        top: -1px;
        left: -1px;
        bottom: 0;
        right: -1px;
        background-color: var(--background, #aaa);
        transform: rotate(var(--rotation));
        transform-origin: bottom center;
        transition-duration: 600;
        transition: all var(--time_ani);
    }

    .gauge:hover {
        /* --rotation: 100deg; */
    }

    .gauge .value {
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .gauge .min {
        position: absolute;
        bottom: 0;
        left: 5%;
    }

    .gauge .max {
        position: absolute;
        bottom: 0;
        right: 5%;
    }

    .bls_g_1 {
        width: 100%;
        display: inline-block;
        /* border: solid red; */
        text-align: center;
        position: relative;
        margin-bottom: 7vw;
    }

    .bls_g_2 {
        font-size: 1.3vw;
        color: var(--f2);
        width: 80%;
        font-weight: bold;
        text-align: center;
        display: inline-block;
    }

    .bls_g_3 {
        font-size: 1.3vw;
        color: var(--f2);
        width: 100%;
        height: 12vw;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        position: relative;
        /* border: solid blue; */
    }

    .bls_g_4 {
        text-align: center;
        width: 100%;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

    .bls_g_5 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0vw;
        left: 25%;
        transition: all 0.3s;
    }

    .bls_g_5_1 {
        width: 100%;
        height: 100%;
    }

    .bls_g_5_2 {
        font-size: 1.3vw;
        color: var(--f2);
        font-weight: bold;
        width: 25%;
        position: absolute;
        top: 4.5vw;
        left: 0%;
    }

    .bls_g_5_3 {
        font-size: 1.3vw;
        color: var(--f2);
        font-weight: bold;
        width: 25%;
        position: absolute;
        top: 4.5vw;
        left: 75%;
    }

    .bls_g_5_4 {
        position: absolute;
        width: 20%;
        height: 6vw;
        top: 6vw;
        left: 39.5%;
        /* border: solid red; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 0.3s;
    }

    .bls_g_5_5 {
        position: relative;
        /* border: solid red; */
    }

    .bls_g_5_6 {
        font-size: 1.3vw;
        color: var(--f4);
        font-weight: bold;
        text-align: center;
        display: inline-block;
        margin-top: 3vw;
        margin-bottom: 3vw;
        width: 100%;
    }

    .bls_g_7 {
        font-size: 1.5vw;
        line-height: 1.7vw;
        width: 80%;
        display: inline-block;
        text-align: center;
    }

    .bls_g_8 {
        font-size: 1.5vw;
        line-height: 1.7vw;
        width: 80%;
        display: inline-block;
        text-align: center;
    }

    .bls_g_5_2 #gb_v1_2 {
        line-height: 3vw;
        color: var(--f2);
        background-color: var(--f3);
        font-size: 2.5vw;
        font-weight: bold;
        width: 90%;
        display: inline-block;
        /* height: 3vw; */
        padding-top: 1vw;
        margin-top: 0.3vw;
        margin-bottom: 0.3vw;
        border-radius: 0.7vw;
        padding-bottom: 1vw;
        justify-content: center;
        align-items: center;
        transition: all var(--time_ani);
    }

    .bls_g_5_3 #gb_v2_2 {
        line-height: 3vw;
        color: white;
        background-color: var(--f2);
        font-size: 2.5vw;
        font-weight: bold;
        width: 90%;
        display: inline-block;
        /* height: 3vw; */
        padding-top: 1vw;
        margin-top: 0.3vw;
        margin-bottom: 0.3vw;
        border-radius: 0.7vw;
        padding-bottom: 1vw;
        justify-content: center;
        align-items: center;
        transition: all var(--time_ani);
    }

    .bls_g_5_2 #gb_v1 {
        font-size: 1.1vw;
    }

    .bls_g_5_3 #gb_v2 {
        font-size: 1.1vw;
    }

    .bls_g_9 {
        margin-top: 5.5vw;
        margin-bottom: 3.5vw;
        background-color: var(--f4);
        color: white;
        font-size: 1.2vw;
        font-weight: bold;
        padding: 1vw;
        padding-left: 3vw;
        padding-right: 3vw;
        display: inline-block;
        text-align: center;
        /* border: solid red; */
        border-radius: 50vw;
    }

    .bls_g_10 {
        position: relative;
        width: 100%;
        height: 25vw;
        display: inline-block;
        transition: all 0.3s;
    }

    .bls_g_11 {
        width: 100%;
        display: flex;
        justify-content: center;
        height: 60%;
        border-bottom: 0.1vw solid var(--f2);
    }

    .bls_g_12 {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 1vw;
    }

    .bls_g_13 {
        width: 16.6%;
        text-align: center;
        font-size: 1.55vw;
        font-weight: bold;
        color: var(--t4);
    }

    .bls_g_14 {
        width: 16.6%;
        text-align: center;
        font-size: 1.2vw;
        font-weight: bold;
        display: flex;
        color: var(--t4);
        /* border: blue solid; */
        align-items: flex-end;
        justify-content: center;
        position: relative;
    }

    .bls_g_15 {
        position: absolute;
        z-index: 1;
        width: 80%;
        height: 0%;
        display: inline-block;
        border-radius: 1vw;
        background-color: var(--f4);
        transition: all var(--time_ani);
    }

    .bls_g_16 {
        position: absolute;
        z-index: 0;
        width: 80%;
        height: 0%;
        display: inline-block;
        border-radius: 1vw;
        background-color: var(--f3);
        transition: all var(--time_ani);
    }

    #may_a_t,
    #jun_a_t,
    #jul_a_t,
    #ago_a_t,
    #sep_a_t,
    #oct_a_t {
        position: absolute;
        left: 0vw;
        top: -1.25vw;
        color: var(--t4);
        width: 100%;
    }

    #may_b_t,
    #jun_b_t,
    #jul_b_t,
    #ago_b_t,
    #sep_b_t,
    #oct_b_t {
        position: absolute;
        left: 0vw;
        top: -1.25vw;
        color: var(--t2);
        width: 100%;
    }

    .bls_g_17 {
        margin-top: 2vw;
        width: 100%;
        display: inline-block;
        /* border: solid red; */
    }

    .bls_g_18 {
        color: var(--t2);
        font-size: 1.2vw;
        /* border: solid blue; */
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-left: 1vw;
        margin-right: 1vw;
    }

    .bls_g_19 {
        width: 3vw;
        height: 1vw;
        border-radius: 0.5vw;
        margin-right: 0.5vw;
    }

    .bls_g_20 {
        font-weight: bold;
        display: inline-block;
        width: 80%;
        padding: 1.5vw;
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 4vw;
        color: var(--t2);
        background-color: var(--f2);
        color: white;
        font-size: 1.5vw;
        border-radius: 10vw;
        margin-bottom: 2vw;
    }

    .bls_g_21 {
        width: 50%;
        border-radius: 5vw;
        box-shadow: 0vw 0vw 0.7vw var(--f4);
        display: inline-block;
        /*margin-left: 25%;*/
        margin-top: 5vw;
        transition: all 0.3s;
    }

    .corp_ee1 {
        width: 60%;
        margin-bottom: 5%;
        display: inline-block;
    }

    .corp_qegn_1 {
        width: 100%;
        /* height: 25vw; */
        border-radius: 1.5vw;
        box-shadow: 0vw 0.3vw 1vw rgba(0, 0, 0, 0.3);
    }

    .corp_qegn_2 {
        background-color: var(--f2);
        display: inline-block;
        border-radius: 2vw;
        box-shadow: 0vw 0.7vw 1vw rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 29vw;
        position: relative;
        overflow: hidden;
    }

    .corp_qegn_3 {
        width: 45.5vw;
        height: 29vw;
        position: absolute;
        top: 0vw;
        left: 0vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_qegn_4 {
        background-color: var(--f4);
        width: 35vw;
        height: 35vw;
        position: absolute;
        left: 28vw;
        top: 22vw;
        border-radius: 100vw;
    }

    .corp_qegn_5 {
        background-color: var(--f3);
        width: 43vw;
        height: 45vw;
        position: absolute;
        left: 37vw;
        top: -15vw;
        border-radius: 333vw;
    }

    .corp_qegn_6 {
        background-color: var(--f2);
        width: 83vw;
        height: 77vw;
        position: absolute;
        left: 42vw;
        top: -27vw;
        border-radius: 758vw;
    }

    .corp_qegn_7 {
        position: absolute;
        top: 3vw;
        left: 46vw;
        width: 31vw;
    }

    .corp_qegn_8 {
        line-height: 3vw;
        margin-top: 5vw;
    }

    .corp_qegn_9 {
        float: left;
        text-align: center;
        background-color: var(--f4);
        width: 50%;
        color: white;
        font-size: 1.4vw;
        display: inline-block;
        border-radius: 4vw 0vw 0vw 4vw;
        padding: 1vw 0vw 1vw 0vw;
        font-weight: bold;
    }

    .corp_qegn_10 {
        float: left;
        text-align: center;
        background-color: var(--f4);
        width: 50%;
        color: white;
        font-size: 1.4vw;
        display: inline-block;
        border-radius: 0vw 4vw 4vw 0vw;
        padding: 1vw 0vw 1vw 0vw;
        font-weight: bold;
    }

    .corp_qegn_11 {
        float: left;
        text-align: left;
        background-color: #ebebeb;
        width: 50%;
        color: #3b9bc4;
        font-size: 1.2vw;
        display: inline-block;
        font-weight: normal;
        border-radius: 4vw 0vw 0vw 4vw;
        padding: 1vw 0vw 1vw 0vw;
        font-weight: normal;
        margin-top: 1vw;
        text-indent: 3vw;
    }

    .corp_qegn_12 {
        float: left;
        text-align: left;
        background-color: #f1f1f1;
        width: 50%;
        color: #3b9bc4;
        font-size: 1.2vw;
        display: inline-block;
        font-weight: normal;
        border-radius: 0vw 4vw 4vw 0vw;
        padding: 1vw 0vw 1vw 0vw;
        font-weight: normal;
        margin-top: 1vw;
        text-indent: 3vw;
    }

    .corp_cov_end {
        height: 30vw !important;
    }

    /* css para form catastro */
    .catastro {
        border: 0px solid red;
        width: 80vw;
        height: 50vw;
        overflow: hidden;
        margin-left: 9vw;
    }

    #TBLBUSCARXDIRRET .BolsaLabel {
        color: #575b5d;
        font-size: 14px;
        font-weight: bold;
    }

    #TBLBUSCARXDIRRET input,
    #TBLBUSCARXDIRRET .mcComboAttrInput {
        margin-left: 5px !important;
        display: inline-block !important;
        background-color: transparent !important;
        border: 1px solid #d9d9d9 !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-variant: normal !important;
        text-decoration: none !important;
        color: #575b5d !important;
        max-width: 206px !important;
        text-indent: 0 !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        width: 90% !important;
    }

    .corp_buscar1OK {
        float: left;
        width: 6vw;
        padding-right: 0vw;
        height: 2vw;
        transition: all .8s;
        margin-top: 0.3vw;
        margin-left: 1vw;
        background-image: url(../images/buscar_lupa.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        /* border: solid red; */
    }

    .corp_buscar1KO {
        float: left;
        height: 2vw;
        width: 14vw;
        transition: all .8s;
        margin-top: 0.3vw;
        margin-left: 1vw;
        background-image: url(../images/buscar_lupa.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        /* border: solid red; */
    }

    .corp_buscar2OK {
        float: left;
        border: 0px;
        border-bottom: solid 0.1vw var(--f3);
        background-color: var(--f4);
        background-color: transparent;
        color: white;
        padding: 0.35vw;
        font-size: 0.9vw;
        font-weight: bold;
        transition: all 1s;
        margin-top: 0.3vw;
        /* text-indent: 1.33vw; */
        position: absolute;
        top: 0vw;
        left: 3vw;
        width: 3vw;
    }

    .corp_buscar2KO {
        float: left;
        border: 0px;
        border-bottom: solid 0.1vw var(--f3);
        background-color: var(--f4);
        background-color: transparent;
        color: white;
        padding: 0.35vw;
        padding-top: .7vw;
        padding-bottom: 0.2vw;
        font-size: 0.9vw;
        font-weight: bold;
        transition: all 1s;
        margin-top: 0.3vw;
        text-indent: 0vw;
        position: absolute;
        top: 0vw;
        left: 3vw;
        width: 10vw;
    }

    .corp_buscar3OK {
        transition: all 0.3s;
        position: absolute;
        top: 0.5vw;
        left: 3.4vw;
        font-size: 0.9vw;
        color: var(--f3);
        font-weight: bold;
    }

    .corp_buscar3KO {
        transition: all 0.3s;
        position: absolute;
        top: 0.1vw;
        left: 3vw;
        font-size: 0.5vw;
        color: var(--f3);
        font-weight: bold;
    }

    .corp_resbus1 {
        width: 50%;
        border-radius: 9vw;
        margin-left: 25%;
        color: var(--b2);
        text-align: center;
        border: solid .2vw var(--b2);
        font-size: 1.5vw;
        padding: 0.9vw;
    }

    .corp_resbus2 {
        color: white;
        background-color: var(--b4);
        border-radius: 11vw;
        padding: .5vw;
        text-align: center;
        margin-bottom: 1vw;
        font-size: 1vw;
        width: 16%;
        margin-left: 43%;
    }

    .corp_resbus3 {
        width: 100%;
        padding-top: 3vw;
        /* background-color: silver; */
        display: inline-block;
        text-align: center;
        color: var(--b2);
    }

    .corp_resbus4 {
        position: relative;
        /* background-color: red; */
        width: 50vw;
        display: inline-block;
        height: 11vw;
        margin-bottom: 2vw;
    }

    .corp_resbus5 {
        float: left;
        position: relative;
        background-color: var(--f4);
        width: 11vw;
        display: inline-block;
        height: 11vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        border-radius: 1.3vw;
        box-shadow: 0vw .3vw .3vw rgba(0, 0, 0, .1);
    }

    .corp_resbus6 {
        float: left;
        height: 11vw;
        width: 36vw;
        text-align: left;
        padding-left: 2vw;
    }

    .corp_resbus7 {
        text-transform: uppercase;
        width: 100%;
        font-size: .7vw;
        color: var(--f2);
        font-weight: bold;
    }

    .corp_resbus8 {
        width: 100%;
        font-size: 1.3vw;
        line-height: 1.4vw;
        color: var(--b4);
        font-weight: bold;
    }

    .corp_resbus8st {
        width: 100%;
        font-size: 1vw;
        line-height: 1.4vw;
        color: var(--b2);
        font-weight: normal;
    }

    .corp_resbus9 {
        /* width: 100%; */
        font-size: 1vw;
        color: var(--b2);
        font-weight: bold;
        background-color: var(--b3);
        border-radius: 10vw;
        padding: 0.4vw;
        padding-left: 1.3vw;
        padding-right: 1.3vw;
        margin-top: .33vw;
        display: inline-block;
    }

    .corp_ppdc1 {
        width: 31vw;
        height: 20vw;
        float: left;
        margin-right: 2vw;
        border-radius: 1vw;
        box-shadow: 0vw 0vw 1vw #6d6d6d4a;
    }

    .corp_ppdc2 {
        float: left;
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
        width: 46vw;
    }

    .corp_ppdc3 {
        color: var(--t4);
        margin-top: 3vw;
        /* background: silver; */
        width: 80%;
        display: inline-block;
        margin-left: 10%;
        height: 6vw;
        line-height: 6vw;
        background-repeat: no-repeat;
        background-size: auto 90%;
        background-position: left center;
        text-indent: 6vw;
        font-weight: bold;
        font-size: var(--tt1);
    }

    .corp_ppdc4 {
        width: 48%;
        margin-right: 2%;
        float: left;
    }

    .corp_ppdc5 {
        width: 48%;
        margin-left: 2%;
        float: left;
    }

    .corp_ppdc6 {
        /* background-color: silver; */
        display: inline-block;
        width: 80%;
        margin-left: 10%;
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
    }

    .corp_ppdc7 {
        width: 17vw;
        height: 13vw;
        background-color: var(--f4);
        border-radius: 1.5vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.2);
        float: left;
        position: relative;
        overflow: hidden;
        opacity: .9;
        transition: all 0.3s;
    }

    .corp_ppdc8 {
        text-align: left;
        margin-left: 0vw;
        width: 40vw;
        display: inline-block;
        margin-top: 1vw;
        transition: all 1s;
        color: var(--t2);
    }

    .corp_ppdc9 {
        border-radius: 100vw;
        width: 10vw;
        height: 10vw;
        border: solid 2vw var(--f3);
        opacity: .8;
        transition: all 1s;
        position: absolute;
        left: 10vw;
        top: 8vw;
    }

    .corp_ppdc10:hover .corp_ppdc9 {
        border-radius: 100vw;
        width: 26vw;
        height: 26vw;
        border: solid 13vw var(--f3);
        opacity: .8;
        transition: all 1s;
        position: absolute;
        left: -13vw;
        top: -14vw;
    }

    .corp_ppdc10 {
        margin-bottom: 2vw;
    }

    .corp_ppdc10:hover .corp_ppdc8 {
        transition: all .5s;
        color: var(--t4);
    }

    .corp_ppdc10:hover .corp_ppdc7 {
        transition: all .5s;
        opacity: 1;
    }

    .corp_ppdc11 {
        /* background: silver; */
        width: 100%;
        height: 33vw;
        position: relative;
        overflow: hidden;
    }

    .corp_ppdc12 {
        border: solid 28vw var(--b2);
        width: 450vw;
        height: 288vw;
        position: absolute;
        border-radius: 50%;
        left: -208vw;
    }

    .corp_ppdc13 {
        /* background: rgba(33, 233, 133, 0.4); */
        width: 80%;
        height: 29vw;
        overflow: hidden;
        position: absolute;
        margin-left: 10%;
        top: 5vw;
        font-size: var(--tt2);
    }

    .corp_ppdc14 {
        color: white;
        /* margin-top: 3vw; */
        /* background: silver; */
        width: 100%;
        display: inline-block;
        /* margin-left: 10%; */
        height: 6vw;
        line-height: 6vw;
        background-repeat: no-repeat;
        background-size: auto 90%;
        background-position: left center;
        text-indent: 6vw;
        font-weight: bold;
        font-size: var(--tt1);
        margin-bottom: 2vw;
    }

    .corp_ppdc15 {
        width: 28%;
        float: left;
        height: 26vw;
        background-color: var(--f2);
        margin-right: 2vw;
        border-radius: 1vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_ppdc16 {
        width: 65%;
        float: left;
    }

    .corp_ppdc17 {
        width: 65%;
        float: left;
    }

    .corp_ppdc18 {
        width: 28%;
        float: left;
        height: 26vw;
        background-color: var(--f2);
        margin-left: 2vw;
        border-radius: 1vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_ppdc19 {
        width: 80%;
        /* background: silver; */
        margin-top: 1.6vw;
        transition: all 1s;
        margin-left: 10%;
        display: inline-block;
        position: relative;
        transition: all 1s;
    }

    .corp_ppdc20 {
        width: 8vw;
        padding-left: 3vw;
        padding-right: 3vw;
        background-color: var(--f2);
        border-radius: 2vw;
        text-align: center;
        font-weight: bold;
        font-size: var(--tt4);
        line-height: var(--tt1);
        margin-right: 1.5vw;
        transition: all .5s;
    }

    .corp_ppdc20 img {
        width: 70%;
    }

    .corp_ppdc21 {
        background-color: rgb(0 0 0 / 3%);
        float: left;
        padding: 1vw;
        border-radius: 1vw;
        width: 60vw;
        margin-top: .5vw;
        margin-bottom: .5vw;
        margin-left: 1vw;
        color: var(--f2);
        font-size: var(--tt2);
        transition: all .5s;
    }

    .corp_ppdc22 {
        float: left;
    }

    .corp_ppdc19:hover .corp_ppdc21 {
        background-color: var(--f3);
        color: var(--t4);
        transition: all .5s;
    }

    .corp_ppdc19:hover .corp_ppdc20 {
        transition: all .5s;
        background-color: var(--f4);
    }

    .corp_ppdc23 {
        width: 79vw;
        height: 16.62vw;
        display: inline-block;
        margin-left: 10%;
        border-radius: 2vw;
        margin-top: 1vw;
        margin-bottom: 3vw;
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.15);
        background-repeat: repeat-x;
        background-size: auto 100%;
        background-position: 0vw;
        animation-name: corp_ppdc23_ani;
        animation-duration: 33s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_ppdc23_ani {
        from {
            background-position: 0vw;
        }

        to {
            background-position: -160vw;
        }
    }

    .corp_ppdc24 {
        color: var(--t2);
        font-size: var(--tt2);
        width: 15.7vw;
        float: left;
        margin: 1vw 2vw 0vw 2vw;
    }

    .corp_ppdc25 {
        width: 100%;
        height: 11vw;
        margin-bottom: 2vw;
        background-color: var(--f4);
        border-radius: 1vw;
    }

    .corp_ppdc26 {
        width: 50%;
        margin-left: 25%;
        text-align: center;
        color: var(--t2);
        font-size: var(--tt2);
        margin-top: 3vw;
    }

    .corp_ppdc27 {
        width: 60%;
        margin-left: 20%;
        text-align: left;
        color: white;
        font-size: var(--tt2);
        margin-top: 2vw;
        padding: 1vw;
        background-color: var(--f4);
        border-radius: 6vw;
        text-indent: 3vw;
        transition: all .5s;
    }

    .corp_ppdc27:hover {
        background-color: var(--f2);
        transition: all .5s;
        padding: 2vw;
    }

    .corp_h2gn_1 {
        background-color: var(--f4);
        width: 100%;
        height: 48vw;
        margin-bottom: 3vw;
        margin-top: 5vw;
        background-image: url(../images/h2gn_lfnd.png);
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: center -132vw;
        animation-name: corp_h2gn_1_ani;
        animation-duration: 60s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        display: flex;
        align-items: center;
        justify-content: center;
        filter: brightness(0.56);
        transition: all 5s;
    }

    .corp_h2gn_1:hover {
        filter: brightness(1);
        transition: all 5s;
    }

    @keyframes corp_h2gn_1_ani {
        from {
            background-position: center 0vw;
        }

        to {
            background-position: center -132vw;
        }
    }

    .corp_h2gn_2 {
        background-image: url(../images/h2gn_logo.png);
        width: 40vw;
        height: 21vw;
        background-size: 90%;

        transition: all .2s;
    }

    .corp_cd1 {
        width: 80%;
        margin-left: 10%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .corp_cd2 {
        width: 21vw;
        margin-left: 3vw;
        margin-right: 2vw;
        text-align: center;
        display: inline-block;
        color: var(--t2);
        transition: all .3s;
    }

    .corp_cd3 {

        text-align: center;
        display: inline-block;
        width: 100%;
        font-size: var(--tt4);
        font-weight: bold;
        line-height: var(--tt4);
    }

    .corp_cd4 {
        background-color: var(--f3);
        width: 100%;
        height: 14.5vw;
        border-radius: 2vw;
        text-align: center;
        display: inline-block;
        margin-top: 1vw;
        margin-bottom: 1vw;
        box-shadow: 0vw 1.2vw 1vw rgba(0, 0, 0, 0.1);
        filter: saturate(55%);
        transition: all .5s;
        background-size: 110%;
    }

    .corp_cd5 {
        width: 84%;

        text-align: left;
        display: inline-block;
        line-height: var(--t2);
        font-size: var(--tt2);
    }

    .corp_cd2:hover .corp_cd4 {
        transition: all .5s;
        filter: saturate(100%);
        background-size: 101%;

    }

    .corp_cd2:hover {
        transition: all .3s;
        color: var(--t4) !important;
    }

    .corp_cd6 {
        height: 32vw;
        background-color: var(--f3);
        width: 100%;
        transition: all .5s;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt2);
        margin-top: 8vw;
        overflow: hidden;
        margin-bottom: 8vw;
        position: relative;
        background-position: 0% center;
        background-size: auto 100%;
        animation-name: corp_cd6_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_cd6_ani {
        from {
            background-position: 0% center;
        }

        to {
            background-position: 249.4% center;
        }
    }

    .corp_cd7 {
        position: absolute;
        top: -15vw;
        LEFT: 46vw;
        height: 67vw;
        width: 61vw;
        border-radius: 50%;
        z-index: 1;
        background-color: var(--f2);
        transition: all .3s;

    }

    .corp_cd8 {
        position: absolute;
        top: 13vw;
        LEFT: 44.3vw;
        height: 7vw;
        width: 4vw;
        z-index: 2;


    }

    .corp_cd9 {
        position: absolute;
        top: 6vw;
        LEFT: 59vw;
        height: 31vw;
        width: 30vw;
        color: white;
        z-index: 2;
        font-size: var(--tt4);
        line-height: var(--tt3);
    }

    .corp_cd6:hover .corp_cd7 {
        background-color: var(--f4);
        transition: all .3s;
    }

    .corp_cd10 {
        width: 40%;
        margin-left: 22%;
        display: inline-block;
        background-color: var(--f1);
        transition: all .3s;
        padding: 3vw 5vw 3vw 14vw;
        font-size: var(--tt2);
        line-height: var(--tt3);
        border-radius: 4vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.15);
        background-position: 6% center;
        background-size: auto 8vw;
        color: var(--t2);
        background-repeat: no-repeat;
        margin-bottom: 5vw;
    }

    .corp_cd10:hover {
        transition: all .3s;
        background-color: var(--f3);
        color: var(--t4);
    }

    .corp_cd10 a {
        background-color: var(--f2);
        color: var(--t1);
        padding: 1vw 2vw;
        border-radius: 3vw;
        font-size: var(--tt4);
        font-weight: bold;
        transition: all .3s;
        margin-top: 1vw;
        display: inline-block;
    }

    .corp_cd10 a:hover {
        transition: all .3s;
        color: var(--t3);
        background-color: var(--f4);
    }

    .corp_cd11 {
        width: 100%;
        /* height: 175vw; */
        transition: all .3s;
        color: var(--t3);
        /* background-color: skyblue; */
        margin-top: 7vw;
        position: relative;
        display: inline-block;
        text-align: center;
        overflow: hidden;
    }

    .corp_cd12 {
        width: 90%;
        display: inline-block;
        text-align: center;
        transition: all .3s;
        color: var(--t3);
        /* background-color: silver; */
        margin-bottom: 10vw;
        z-index: 1;
        position: relative;
    }

    .corp_cd13 {
        width: 160vw;
        height: 93vw;
        border-radius: 50%;
        background-color: var(--f2);
        position: absolute;
        left: -30vw;
        top: 17vw;
        opacity: 1;
        transition: all .3s;
    }

    .corp_cd14 {
        width: 100%;
        position: relative;
        z-index: 1;
        display: inline-block;
    }
    .corp_cd14 .corp_cd19, .corp_cd14 .corp_cd20 {
        color:var(--t1);
    }

    .corp_cd15 {
        /* background-color: red; */
        display: inline-block;
        text-align: center;
        margin-left: 2vw;
        margin-right: 2vw;
        width: 29vw;

    }

    .corp_cd18 {
        background-color: var(--f1);
        border-radius: 4vw;
        width: 80%;
        margin-left: 9%;
        margin-bottom: 13vw;
        padding: 3vw 1vw 8vw 1vw;
        box-shadow: 0vw 1vw 2vw rgba(0, 0, 0, 0.15);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /* transition: all 1.5s; */

    }

    .corp_cd19 {
        text-align: center;
        width: 100%;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt3);
        font-weight: bold;
    }

    .corp_cd20 {
        text-align: center;
        width: 80%;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt2);
        line-height: var(--tt4);
        MARGIN-BOTTOM: 2vw;
    }

    .corp_cd21 {
        background-color: var(--f3);
        display: inline-block;
        width: 100%;
        height: 38vw;
        border-radius: 2vw;
        box-shadow: 0vw 0vw .33vw rgba(0, 0, 0, 0.15);
        font-size: var(--tt4);
        line-height: var(--tt4);
        transition: all .3s;
        /* MARGIN-BOTTOM:1vw; */

    }

    .corp_cd21:hover {
        transition: all .3s;
        /* MARGIN-BOTTOM:0vw; */

        box-shadow: 0vw 0vw 2vw var(--f3);
    }

    .corp_cd22 {
        cursor: pointer;
        color: var(--t2);
        border: solid .23vw var(--f2);
        padding: 1vw;
        text-align: center;
        float: left;
        border-radius: 30VW;
        width: 40%;
        margin: 0% 1% 3% 1%;
        font-weight: bold;
        font-size: var(--tt4);
        transition: all .3s;
        margin-bottom: 1vw;
    }

    .corp_cd22:hover {
        color: var(--f1);
        background-color: var(--f2);
        transition: all .3s;
    }

    .corp_cd22ok {
        cursor: pointer;
        color: var(--t1);
        border: solid .23vw var(--f4);
        background-color: var(--f4);
        padding: 1vw;
        text-align: center;
        float: left;
        border-radius: 30VW;
        width: 40%;
        margin: 0% 1% 3% 1%;
        font-weight: bold;
        font-size: var(--tt4);
        transition: all .3s;
        margin-bottom: 1vw;
    }

    .corp_cd23 {

        width: 100%;
        border: 0;
        overflow: hidden;
        display: none;
        margin-bottom: 9vw;

    }
	
	.corp_videohome{
		
		        width: 100%;
        height: 44vw;
        color: var(--t2);
        font-size: 15vw;
        display: flex;
        justify-content: center;
        align-items: center;
	}
	
	.corp_videohome_play{
	        width: 65%;
        height: 83%;
        border-radius: 2vw;
        overflow: hidden;
		box-shadow: 0vw 0.5vw 1vw 0.0vw rgba(0, 0, 0, 0.35);
	}

}

/* MEDIUM */
@media (min-width: 600px) and (max-width:976px) {
    :root {
        --tt1: 2.5vw;
        --tt2: 1.9vw;
        --tt3: 3.3vw;
        --tt4: 2.2vw;
        --s1: 0vw 0.3vw 1vw rgba(0, 0, 0, 0.15);
        --s1_h: 0vw 0.5vw 1.5vw rgba(0, 0, 0, 0.22);
        --br1: 0.7vw;
        --rotation: 0deg;
        --time_ani: 2s;
    }

    .darkmode:root {
        --tt1: 2.5vw;
        --tt2: 1.9vw;
        --tt3: 3.3vw;
        --tt4: 2.2vw;
        --s1: 0vw 0.1vw 1vw rgba(111, 111, 111, 0.33);
        --s1_h: 0vw 0.5vw 1.5vw rgba(111, 111, 111, 0.33);
        --br1: 0.7vw;
        --rotation: 0deg;
        --time_ani: 2s;
    }

    .m_ko {
        display: none !important;
    }

    .m_bk10 {
        width: 10%;
        float: left;
    }

    .m_bk9 {
        width: 11.11%;
        float: left;
    }

    .m_bk8 {
        width: 12.5%;
        float: left;
    }

    .m_bk7 {
        width: 14.28%;
        float: left;
    }

    .m_bk6 {
        width: 16.66%;
        float: left;
    }

    .m_bk5 {
        width: 20%;
        float: left;
    }

    .m_bk4 {
        width: 25%;
        float: left;
    }

    .m_bk3 {
        width: 33.33%;
        float: left;
    }

    .m_bk2 {
        width: 50%;
        float: left;
    }

    .m_bk1 {
        width: 100%;
        float: left;
    }

    .m_mg60 {
        display: inline-block;
        clear: both;
        width: 60%;
        margin-left: 20%;
    }

    .m_mg65 {
        display: inline-block;
        clear: both;
        width: 65%;
        margin-left: 17.5%;
    }

    .m_mg70 {
        display: inline-block;
        clear: both;
        width: 70%;
        margin-left: 15%;
    }

    .m_mg75 {
        display: inline-block;
        clear: both;
        width: 75%;
        margin-left: 17.5%;
    }

    .m_mg80 {
        display: inline-block;
        clear: both;
        width: 80%;
        margin-left: 10%;
    }

    .m_mg85 {
        display: inline-block;
        clear: both;
        width: 80%;
        margin-left: 7.5%;
    }

    .m_mg90 {
        display: inline-block;
        clear: both;
        width: 90%;
        margin-left: 5%;
    }

    .m_mg95 {
        display: inline-block;
        clear: both;
        width: 95%;
        margin-left: 2.5%;
    }

    .m_mg100 {
        display: inline-block;
        clear: both;
        width: 100%;
        margin-left: 0%;
    }

    .m_airtop0_5 {
        margin-top: 0.5vw;
    }

    .m_airtop1 {
        margin-top: 1vw;
    }

    .m_airtop1_5 {
        margin-top: 1.5vw;
    }

    .m_airtop2 {
        margin-top: 2vw;
    }

    .m_airtop3 {
        margin-top: 3vw;
    }

    .m_airtop4 {
        margin-top: 4vw;
    }

    .m_airtop5 {
        margin-top: 5vw;
    }

    .m_airtop6 {
        margin-top: 6vw;
    }

    .m_airtop7 {
        margin-top: 7vw;
    }

    .m_airbottom1_5 {
        margin-bottom: 1.5vw;
    }

    .m_airbottom2 {
        margin-bottom: 2vw;
    }

    .m_airbottom3 {
        margin-bottom: 3vw;
    }

    .m_airbottom4 {
        margin-bottom: 4vw;
    }

    .m_airbottom5 {
        margin-bottom: 5vw;
    }

    .m_airbottom6 {
        margin-bottom: 6vw;
    }

    .m_airbottom7 {
        margin-bottom: 7vw;
    }

    .m_txt1 {
        font-size: 1vw;
        line-height: 1vw;
    }

    .m_txt2 {
        font-size: 2vw;
        line-height: 2vw;
    }

    .m_txt3 {
        font-size: 2.25vw;
        line-height: 2.25vw;
    }

    .m_txt4 {
        font-size: 2.5vw;
        line-height: 2.5vw;
    }

    .m_txt5 {
        font-size: 2.7vw;
        line-height: 2.7vw;
    }

    .m_txt6 {
        font-size: 3.5vw;
        line-height: 3.5vw;
    }

    .m_txt7 {
        font-size: 4vw;
        line-height: 4vw;
    }

    .m_txt8 {
        font-size: 4.5vw;
        line-height: 4.5vw;
    }

    .m_txt9 {
        font-size: 5.5vw;
        line-height: 5.5vw;
    }

    .m_txt10 {
        font-size: 12vw;
        line-height: 12vw;
    }

    /* fin style */
    .sup {
        display: inline-block;
        position: fixed;
        /* background-color: red; */
        width: 5vw;
        height: 5vw;
        left: 1vw;
        z-index: 100;
        bottom: -20vw;
    }

    .supKO {
        transition: bottom 1s;
        bottom: -20vw;
    }

    .supOK {
        transition: bottom 1s;
        bottom: 5vw;
    }

    .sup_im {
        opacity: 0.5;
        transition: all 1s;
        background-image: url(../images/scrollto.png);
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .sup_im:hover {
        transition: all 1s;
        opacity: 1;
    }

    .upHeaderAir {
        /* background-color:rgba(222,0,0,0.4); */
        width: 100%;
        height: 9vw;
    }

    .sdHeader {
        width: 100%;
        /* height:16vw; */
        display: inline-block;
        font-size: 5vw;
        background-color: rgba(70, 70, 70, 1);
        top: 0px;
        left: 0px;
        position: fixed;
        z-index: 1;
    }

    .z_logo {
        background-image: url(../images/logohead.png);
        position: absolute;
        left: 3%;
        top: 2vw;
        height: 5vw;
        width: 17%;
    }

    .menuSdModalOK {
        transition: all 0.5s;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 24vw;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
        display: none;
    }

    .menuSdModalKO {
        transition: all 1s;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 24vw;
        right: -111vw;
        background-color: rgba(0, 0, 0, 0.0);
        z-index: 1;
        display: none;
    }

    .menuBarOK {
        transition: all 1s;
        z-index: 7;
        position: fixed;
        top: 0vw;
        width: 70%;
        height: 21vh;
        z-index: 1;
        right: 1vw;
        /* background-color: var(--clr_2); */
    }

    .menuBarKO {
        transition: all 1s;
        z-index: 7;
        position: fixed;
        top: 0vw;
        width: 70%;
        height: 21vh;
        z-index: 1;
        right: 1vw;
        /* background-color: var(--clr_2); */
    }

    .menuItem {
        color: rgba(0, 0, 0, 1);
        width: 100%;
        /* float:left; */
        font-size: 5vw;
        line-height: 5vw;
        padding: 5vw;
        padding-left: 7vw;
        padding-right: 2vw;
        text-transform: uppercase;
    }

    .z_upmenuitemsd {
        color: var(--clr_10);
        font-size: 1.2vw;
        text-align: center;
        /* width: 80%; */
        /* height: 13vw; */
        padding: 0.7vw;
        background-color: rgba(0, 92, 155, 0.4);
        display: inline-block;
    }

    /* z */
    .upHeader {
        width: 100%;
        /* background-color: rgba(250,250,0,0.4); */
        display: inline-block;
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 150;
    }

    .darkmode .z_upmenuhz {
        background-color: rgba(22, 22, 22, 0.4);
        backdrop-filter: blur(0.3vw);
    }

    .z_upmenuhz {
        backdrop-filter: blur(0.3vw);
        background-color: rgba(255, 255, 255, 0.9);
        width: 100%;
        height: 9vw;
        display: inline-block;
        text-align: center;
        /* padding-bottom: 1vw; */
        box-shadow: 0vw 0vw 0vw 0vw rgba(0, 0, 0, 0.0);
        /* transition: all 0.3s; */
    }

    .darkmode .z_upmenuhzko {
        background-color: rgba(33, 33, 33, 0.5);
        /* transition: all 0.3s; */
    }

    .z_upmenuhzko {
        width: 100%;
        height: 6vw;
        background-color: rgba(255, 255, 255, 0.85);
        display: inline-block;
        text-align: center;
        /* padding-bottom: 1vw; */
        box-shadow: 0vw 0vw 2vw 0vw rgba(0, 0, 0, 0.3);
        /* transition: all 0.3s; */
        /* background-color: green; */
        backdrop-filter: blur(0.3vw);
    }

    .menuBar {
        z-index: 7;
    }

    .z_upmenuitems {
        width: 50%;
        margin-left: 25%;
        display: flex;
        /* background-color: rgba(2,255,0,0.4); */
    }

    .z_upmenuitem {
        display: inline-block;
        /* display: flex; */
        align-items: center;
        text-align: center;
        font-size: 0.88vw;
        color: var(--clr_10);
        width: 10.6%;
        /* background-color: rgba(0,255,0,0.4); */
        padding-top: 1.1vw;
        padding-bottom: 1vw;
        /* height: 3vw; */
        transition: all 0.3s;
        text-shadow: 0vw 0.1vw 0.5vw rgba(0, 0, 0, 0.3);
        display: none;
    }

    .z_upmenuitem:hover {
        transition: all 0.3s;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .as_upmenu_line {
        display: inline-block;
        width: 0%;
        height: 0.12vw;
        background-color: rgba(250, 250, 150, 0.0);
        margin-top: 0.1vw;
        transition: all 0.5s;
    }

    .z_upmenuok {
        cursor: pointer;
        position: absolute;
        width: 11vw;
        height: 11vw;
        /* background-color: yellow; */
        top: 7vw;
        right: 3vw;
        transform: rotate(0deg);
        background-image: url(../images/mok.png);
        transition: all 0.3s;
        display: none;
    }

    .z_upmenuko {
        cursor: pointer;
        position: absolute;
        width: 11vw;
        height: 11vw;
        /* background-color: yellow; */
        top: 7vw;
        right: 3vw;
        transform: rotate(180deg);
        background-image: url(../images/mko.png);
        transition: all 0.3s;
        display: none;
    }

    .index_slider {
        margin-top: 2.1vw;
        overflow: hidden;
        width: 80%;
        height: 27.02vw;
        border: none;
        position: relative;
        top: 0;
        left: 10%;
        z-index: 0;
        background-color: var(--f4);
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 1vw 0.0vw rgba(0, 0, 0, 0.35);
    }

    /* CORP */
    .corp_up_bar1 {
        position: relative;
        width: 100%;
        display: inline-block;
        background-color: var(--f4);
        font-size: 0.9vw;
        font-weight: bold;
        height: 3vw;
    }

    .corp_up_e1 {
        /* padding-left: 3vw; */
        /* background-color: var(--f3); */
        color: white;
        /* width: 18%; */
        display: inline-block;
        float: left;
        position: relative;
        left: 0;
        top: 0;
        height: 100%;
        /* background-color: var(--f4); */
    }

    .corp_up_e2 {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        text-align: right;
        /* background-color: var(--f4); */
        color: var(--t1);
        /* width: 50%; */
        display: inline-block;
        /* float: left; */
        /* background-color: red; */
    }

    .corp_up_e3 {
        /* background-color: yellow; */
        display: inline-block;
        /* width: 50%; */
        height: 100%;
    }

    .corp_up_e3KO {}

    .corp_up_e4 {
        text-align: right;
        /* background-color: red; */
        margin-top: 1.5vw;
        color: var(--t2);
        width: 78%;
        display: inline-block;
        float: left;
        position: relative;
        font-size: 0.9vw;
        transition: 0.3s;
    }

    .corp_up_e4KO {
        text-align: right;
        /* background-color: red; */
        margin-top: 1.5vw;
        color: var(--t2);
        width: 78%;
        display: inline-block;
        float: left;
        position: relative;
        font-size: 0.9vw;
        transition: 0.3s;
    }

    .corp_up_e4dw {
        transition: 0.3s;
        text-align: right;
        /* background-color: red; */
        /* margin-top: 1.5vw; */
        color: var(--t2);
        width: 78%;
        display: inline-block;
        float: left;
        position: relative;
        font-size: 0.9vw;
    }

    .corp_up_e5 {
        display: inline-block;
        height: 3.5vw;
        /* transition: 0.3s; */
    }

    .corp_up_e5dw {
        display: inline-block;
        height: 3.5vw;
        /* transition: 0.3s; */
    }

    .corp_up_b0 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        transition: all 0.3s;
        /* font-weight: normal; */
    }

    .corp_up_b0:hover {
      
        transition: all 0.3s;
        color: white;
    }

    .corp_up_b1 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        transition: all 0.3s;
    }

    .corp_up_b1:hover {
        transition: all 0.3s;
        color: var(--t3);
    }

    .corp_up_b1_txt {
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        transition: all 0.3s;
    }

    .corp_up_b2 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_fono.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2:hover {
        background-image: url(../images/up_ico_fono.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: white;
    }

    .corp_up_b2_1 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_mail.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_1:hover {
        background-image: url(../images/up_ico_mail_hover.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t3);
    }

    .corp_up_b2_2 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_lectura.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_2:hover {
        background-image: url(../images/up_ico_lectura_hover.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t3);
    }

    .corp_up_b2_3 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/emer2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_3:hover {
        background-image: url(../images/emer2.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: white;
    }

    .corp_up_b2_4 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_cv.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_4:hover {
        background-image: url(../images/up_ico_cv_hover.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t3);
    }

    .corp_up_b2_5 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        filter: brightness(5);
        background-image: url(../images/hm_qqhh_nts2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_5:hover {
        /* background-image: url(../images/hm_qqhh_nts.png); */
        transition: all 0.3s;
        color: white;
    }

    .corp_up_b2_6 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/reposicionservicio2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_6:hover {
        background-image: url(../images/reposicionservicio2.png);
        transition: all 0.3s;
        color: white;
    }

    .corp_up_bar2 {
        position: absolute;
        /* background-color: red; */
        width: 100%;
        top: 2.6vw;
        left: 0vw;
        display: inline-block;
        height: 6.5vw;
        overflow: hidden;
    }

    .corp_up_bar2dw {
        position: absolute;
        /* background-color: blue; */
        width: 100%;
        top: 2.6vw;
        left: 0vw;
        display: inline-block;
        height: 3.5vw;
        overflow: hidden;
        transition: 0.3s;
    }

    .corp_up_logo_xy {
        margin-left: 3vw;
        margin-top: 1vw;
        float: left;
        display: inline-block;
        /* position: relative; */
        width: 15vw;
        height: 4.5vw;
        /* background-color: aqua; */
        overflow: hidden;
        transition: 0.3s;
    }

    .corp_up_logo_xydw {
        margin-left: 1vw;
        margin-right: 5vw;
        margin-top: 0vw;
        float: left;
        display: inline-block;
        /* text-align: left; */
        /* position: relative; */
        width: 13vw;
        height: 3.5vw;
        /* background-color: yellowgreen; */
        overflow: hidden;
        transition: 0.3s;
    }

    .corp_up_logo {
        cursor: pointer;
        display: inline-block;
        width: 14.3vw;
        height: 4vw;
        margin: 0;
        padding: 0;
        margin-top: 0.3vw;
        background-image: url(../images/up_logo.png?gv062024);
        background-repeat: no-repeat;
        background-position: 0vw 0vw;
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_up_logodw {
        display: inline-block;
        width: 10vw;
        height: 2.8vw;
        margin: 0;
        padding: 0;
        margin-top: 0.3vw;
        background-image: url(../images/up_logo.png?gv062024);
        background-repeat: no-repeat;
        background-position: 0vw 0vw;
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_up_logo:hover {
        transition: all 0.3s;
        filter: brightness(111%);
        /* filter:brightness(140%) hue-rotate(-115deg) contrast(136%); */
    }

    .corp_up_s1_mk {
        transition: 0.5s;
        /* background-color: silver; */
        position: absolute;
        left: 0;
        bottom: -0.28vw;
        opacity: 1;
        width: 100%;
        height: 2vw;
        overflow: hidden;
        display: inline-block;
        align-items: center;
        transition: all 0.5s;
        /* border: solid red 1px; */
    }

    .corp_up_s1_mkdw {
        /* background-color: silver; */
        position: absolute;
        left: 0;
        bottom: 10;
        opacity: 0;
        width: 100%;
        height: 0vw;
        overflow: hidden;
        display: inline-block;
        align-items: center;
        transition: 0.1s;
        border: solid blue 1px;
    }

    .darkmode .corp_up_s1 {
        background: linear-gradient(to bottom, rgba(222, 222, 222, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
    }

    .corp_up_s1 {
        position: relative;
        background: linear-gradient(to bottom, rgba(222, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 50%);
        /* background-color: blue; */
        margin-left: 10%;
        width: 80%;
        height: 2vw;
        border-radius: 50%;
        /* transform: rotate(90deg); */
        transition: all 0.15s;
        margin-top: 1vw;
    }

    .corp_up_b3 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 1vw;
        height: 100%;
        font-weight: bold;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: 0vw center;
        background-size: auto 55%;
        transition: all 0.3s;
        border-bottom: solid 0px var(--f3);
    }

    /* .corp_up_b3:hover {
        transition: all 0.3s;
        filter: brightness(70%);
    } */

    .corp_up_b_rss {
        cursor: pointer;
        display: inline-block;
        float: left;
        margin-left: 0.5vw;
        /* padding-right: 1vw; */
        height: 1.8vw;
        width: 1.8vw;
        margin-top: 1vw;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
        opacity: 0.3;
        filter: grayscale(100%);
        border-radius: 50%;
        transform: rotate(1deg);
    }

    .corp_up_b_rss:hover {
        display: inline-block;
        float: left;
        margin-left: 0.5vw;
        /* padding-right: 1vw; */
        height: 1.8vw;
        width: 1.8vw;
        margin-top: 1vw;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
        opacity: 1;
        filter: grayscale(0%);
        border-radius: 50%;
        transform: rotate(360deg);
    }

    .corp_hm_loginslider {
        width: 100%;
        display: inline-block;
        /* background-color: red; */
        position: relative;
    }

    .corp_hm_login {
        background-color: white;
        box-shadow: 0vw 0.7vw 1vw 0.5vw rgba(0, 0, 0, 0.3);
        position: absolute;
        left: 12vw;
        top: 9vw;
        z-index: 1;
        padding: 1.8vw;
        width: 17vw;
        border-radius: 0.1vw 2vw 0.1vw 2vw;
    }

    .corp_hm_login_t1 {
        color: var(--t2);
        font-size: 1.4vw;
        /* width: 100%; */
        height: 3vw;
        padding-left: 3.3vw;
        font-weight: bold;
        display: grid;
        align-items: center;
        filter: brightness(80%);
        background-image: url(../images/up_ico_pago.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 95%;
        transition: all 0.3s;
        /* background-color: red; */
    }

    .corp_hm_login_t2 {
        color: var(--t2);
        font-size: 1.7vw;
        /* width: 100%; */
        /* height: 3vw; */
        text-indent: 0.2vw;
        margin-top: 0vw;
        font-weight: bold;
        display: inline-block;
        /* filter: brightness(80%); */
        float: left;
        /* background-color: red; */
    }

    .corp_hm_login_t2_1 {
        color: var(--t2);
        font-size: 0.9vw;
        /* width: 100%; */
        /* height: 3vw; */
        text-indent: 0.2vw;
        margin-top: 0vw;
        font-weight: bold;
        display: inline-block;
        /* filter: brightness(80%); */
        float: left;
        /* background-color: red; */
    }

    .corp_hm_login_e1 {
        cursor: pointer;
        margin-left: 0.5vw;
        display: inline-block;
        border-radius: 50%;
        background-color: var(--f2);
        color: var(--t1);
        width: 1.3vw;
        height: 1.3vw;
        text-align: center;
        font-size: 0.9vw;
        line-height: 1.2vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_hm_login_e1:hover {
        background-color: var(--f4);
        transition: all 0.3s;
    }

    .corp_hm_login_input {
        display: inline-block;
        margin-top: 0.3vw;
    }

    .corp_hm1 {
        /* background-color: red; */
        display: inline-block;
    }

    .corp_hm2 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 50%;
        margin-right: 0.44vw;
        color: var(--t2);
        border: solid 0.17vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 0.9vw;
        transition: all 0.3s;
        float: left;
    }

    .corp_hm2:hover {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1); */
    }

    .corp_hm2:focus {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_b1h {
        height: 2.7vw;
    }

    .corp_hm_login_in_b1 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 5vw;
        border: none;
        display: inline-block;
        font-size: 1.4vw;
        line-height: 3vw;
        font-weight: bold;
        padding: 0.33vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        box-shadow: 0vw 0.4vw 0.6vw rgb(0 0 0 / 20%);
        float: left;
        transition: all 0.3s;
    }

    .corp_hm_login_in_b1:hover {
        transition: all 0.3s;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        background-color: var(--f4);
    }

    .corp_hm_login_in_b1:focus {
        transition: all 0.15s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
        background-color: var(--f4);
    }

    .corp_hm_login_in_b1_2 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 4vw;
        border: none;
        display: inline-block;
        font-size: 3.1vw;
        line-height: 4.5vw;
        font-weight: bold;
        margin-top: 1.8vw;
        padding: 0.33vw;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        box-shadow: 0vw 0.4vw 0.6vw rgb(0 0 0 / 20%);
        float: left;
        transition: all 0.3s;
    }

    .corp_hm_login_in_b1_2:hover {
        transition: all 0.3s;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        background-color: var(--f4);
    }

    .corp_hm_login_in_b1_2:focus {
        transition: all 0.15s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
        background-color: var(--f4);
    }

    .corp_hm_login_ov_b1 {
        cursor: pointer;
        color: var(--t4);
        display: inline-block;
        font-size: 0.9vw;
        font-weight: bold;
        padding-left: 1.7vw;
        background-image: url(../images/ico_ov.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
        transition: all 0.15s;
        /* line-height: 0; */
        /* background-color: red; */
    }

    .corp_hm_login_ov_b1:hover {
        transition: all 0.15s;
        color: var(--t2);
    }
    .corp_hm_login_ov_b1_sb {
        margin-top: 0.5vw;
        cursor: pointer;
        color: var(--t4);
        display: inline-block;
        font-size: 0.9vw;
        font-weight: bold;
        padding-left: 1.7vw;
        background-image: url(../images/ico_sbe.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
        transition: all 0.15s;
        /* line-height: 0; */
        /* background-color: red; */
    }

    .corp_hm_login_ov_b1_sb:hover {
        transition: all 0.15s;
        color: var(--t2);
    }

    .corp_it_dia {
        margin-top: 3vw;
        width: 100%;
        height: 21vw;
        display: inline-block;
        background-image: url(../images/it_hm_dia.png);
        /* background-color: red; */
    }

    .corp_it_pd {
        margin-top: 3vw;
        width: 100%;
        height: 24vw;
        padding-top: 15vw;
        /* background-color: red; */
        display: inline-block;
        background-image: url(../images/it_hm_pd.png?1);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_hm_dd_mk {
        width: 80%;
        height: 20vw;
        border-radius: 1vw;
        margin-left: 10%;
        background-color: var(--f2);
        overflow: hidden;
        box-shadow: 0vw 0.5vw 0.7vw rgba(0, 0, 0, 0.3);
        position: relative;
        transition: all 0.9s;
    }

    .corp_hm_dd_e1 {
        position: absolute;
        top: 13vw;
        left: -8vw;
        width: 7vw;
        height: 7vw;
        border: solid 5vw rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        transition: all 1s;
    }

    .corp_hm_dd_e2 {
        position: absolute;
        top: 14.4vw;
        left: 5%;
        width: 90%;
        height: 4.6vw;
        opacity: 0.9;
        transition: all 0.3s;
    }

    .corp_hm_dd_i {
        position: absolute;
        top: 0;
        border-radius: 0% 0% 0% 77%;
        right: 0%;
        width: 90%;
        height: 14vw;
        border-left: solid var(--f3)1.5vw;
        border-bottom: solid var(--f3)0.3vw;
        box-sizing: border-box;
        background-color: var(--f3);
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_e1 {
        position: absolute;
        top: 12vw;
        left: -6vw;
        width: 7vw;
        height: 7vw;
        border: solid 5vw rgba(255, 255, 255, 0.05);
        border-radius: 50%;
        transition: all 1s;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_e2 {
        transition: all 0.3s;
        position: absolute;
        opacity: 1;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_i {
        transition: all 0.3s;
        background-size: 115%;
    }

    .corp_hm_dd_mk:hover {
        background-color: var(--f4);
        transition: all 0.9s;
    }

    .corp_qqhh_e1 {
        text-align: center;
        display: inline-block;
        margin-top: 5vw;
        margin-bottom: 3vw;
        width: 100%;
        height: 12vw;
        /* background-color: red; */
        background-image: url(../images/hm_iso1.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 10%;
        color: var(--t4);
        font-size: var(--tt1);
        line-height: 22vw;
        font-weight: bold;
    }

    .corp_qqhh_e2 {
        display: inline-block;
        /* background-color: red; */
        margin-left: 10%;
        width: 80%;
        text-align: center;
    }

    .corp_qqhh_e3 {
        display: inline-block;
        width: 8vw;
        height: 8vw;
        margin-top: 0.5vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 0.4vw 0.5vw rgba(0, 0, 0, 0.2);
        /* box-shadow: inset 0vw 0vw 0vw rgba(0,0,0,0); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 48%;
        transition: all 0.2s;
    }

    .corp_qqhh_e4 {
        width: 90%;
        transition: all 0.3s;
        display: inline-block;
        margin-top: 1.2vw;
        text-align: center;
        font-size: 1.1vw;
        font-weight: bold;
        color: var(--t2);
        position: relative;
        /* background-color: red; */
    }

    .corp_qqhh_e2:hover .corp_qqhh_e3 {
        /* background-size: 55%; */
        /* background-color:var(--f4); */
        /* background-repeat: repeat; */
        /* transform: rotate(360deg); */
        margin-top: 0vw;
        margin-bottom: 0.5vw;
        transition: all 0.2s;
        /* box-shadow:  0vw 0vw 0vw rgba(0,0,0,0.1); */
        box-shadow: 0vw 0vw 1vw var(--f2);
    }

    .corp_qqhh_e2:hover .corp_qqhh_e4 {
        transition: all 0.3s;
        color: var(--t4);
    }

    .corp_it_ppgn {
        margin-top: 4vw;
        width: 100%;
        height: 39vw;
        position: relative;
        display: inline-block;
        /* background-color: red; */
        overflow: hidden;
    }

    .corp_it_ppgn_t1 {
        z-index: 1;
        position: absolute;
        right: 7%;
        top: 14%;
    }

    .corp_it_ppgn_e1 {
        background-image: url(../images/hm_ppgn.png);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .corp_it_ppgn_e2 {
        background-color: var(--f);
        width: 340vw;
        height: 24.5vw;
        position: absolute;
        top: 13vw;
        left: -186.2vw;
        background-position: left center;
        background-repeat: repeat-x;
        background-image: url(../images/hm_ppgn_i.jpg);
        background-size: auto 100%;
        animation-name: corp_it_ppgn_e2_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_it_ppgn_e2_ani {
        from {
            left: 0vw;
        }

        to {
            left: -186.2vw;
        }
    }

    .corp_ppgn_e3 {
        margin-top: 0vw;
        width: 100%;
        text-align: center;
        /* height: 2vw; */
        display: inline-block;
        padding-top: 3vw;
        /* background-color: red; */
        background-image: url(../images/arrow1_dw.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 2.2vw;
    }

    .corp_ppgn_e4 {
        background-color: var(--f1);
        /* opacity: 0.9; */
        position: absolute;
        bottom: -5vw;
        left: -1vw;
        width: 113%;
        height: 10vw;
        border-radius: 50%;
    }

    .corp_p_a {
        display: inline-block;
        width: 100%;
        /* height: 23vw; */
        /* margin-top: 5vw; */
        overflow: hidden;
        /* background-color: red; */
    }

    .corp_p_bat {
        position: relative;
        display: inline-block;
        width: 5%;
        height: 100%;
        /* background-color: yellow; */
        float: left;
    }

    .corp_p_bad {
        position: relative;
        display: inline-block;
        width: 5%;
        height: 100%;
        /* background-color: yellow; */
        float: left;
    }

    .corp_p_it_sld_mk {
        float: left;
        position: relative;
        display: inline-block;
        /* margin-left: 5%; */
        width: 90%;
        height: 100%;
        /* background-color: green; */
    }

    .corp_p_it_sld_mk_d {
        float: left;
        position: relative;
        display: inline-block;
        margin-left: 5%;
        width: 90%;
        height: 100%;
        /* background-color: green; */
    }

    .corp_p_it_sld {
        display: inline-block;
        width: 100%;
        /* height: 100%; */
        /* margin-bottom: 5vw; */
        /* background-color: blue; */
    }

    .corp_p_it_mk {
        display: inline-block;
        width: 20%;
        /* background-color: red; */
        height: 93%;
        float: left;
    }

    .corp_p_it_in {
        height: 50vw !important;
        margin-bottom: 2.5vw;
    }

    .corp_p_it_in_d {
        height: 42vw !important;
        margin-bottom: 1.5vw;
    }

    .corp_p_it {
        position: relative;
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        margin-top: 5%;
        background-color: var(--f1);
        height: 94%;
        box-shadow: var(--s1);
        border-radius: 1vw;
        overflow: hidden;
        transition: all 0.3s;
    }

    .corp_p_it_d {
        position: relative;
        display: inline-block;
        width: 26.5vw;
        margin-left: 2.8vw;
        margin-top: 5%;
        background-color: var(--f1);
        height: 94%;
        box-shadow: var(--s1);
        border-radius: 1vw;
        overflow: hidden;
        transition: all 0.3s;
    }

    .corp_p_des {
        z-index: 1;
        position: absolute;
        right: 1vw;
        top: 1vw;
        background-color: var(--f2);
        width: 7vw;
        height: 7vw;
        border-radius: 50%;
        border: solid var(--f4) 0.5vw;
        color: var(--t3);
        font-weight: bold;
        font-size: 3.2vw;
        display: grid;
        align-items: center;
        text-align: center;
        transition: all 1s;
        box-shadow: 0vw 0vw 0.2vw rgb(0 0 0 / 50%);
    }

    .corp_p_ima {
        margin-left: 5%;
        margin-top: 7%;
        width: 90%;
        height: 21vw;
        display: inline-block;
        /* background-color: red; */
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_p_det_sel {
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        /* background-color: red; */
        position: relative;
        top: -0.5vw;
    }

    .corp_p_tip_mar {
        font-size: 1.7vw;
        font-weight: bold;
        color: var(--t2);
        line-height: 2.7vw;
        ;
    }

    .corp_p_mod {
        line-height: 2.2vw;
        font-size: 2.5vw;
        font-weight: bold;
        color: var(--t2);
        /* line-height: 2.5vw; */
        /* background-color: red; */
        /* height: 5vw; */
        /* margin-bottom: 0.3vw; */
        /* overflow: hidden; */
        transition: all 0.3s;
    }

    .corp_p_pre_ofe {
        display: contents;
        font-size: 3.2vw;
        font-weight: bold;
        color: red;
        line-height: 4.2vw;
        float: left;
        transition: all 0.3s;
    }

    .corp_p_pre_ofe_txt {
        display: inline-block;
        font-size: 1.9vw;
        font-weight: bold;
        color: red;
        line-height: 1.3vw;
        padding-left: 0.2vw;
    }

    .corp_p_nor_line {
        display: inline-block;
        clear: both;
        font-size: 2.5vw;
    }

    .corp_p_pre_nor_txt {
        display: inline-block;
        /* font-weight: bold; */
        color: var(--t6);
        /* line-height: 1.65vw; */
        padding-left: 0.2vw;
        float: left;
    }

    .corp_p_pre_nor {
        display: inline-block;
        font-weight: bold;
        color: var(--t6);
        /* text-decoration: line-through; */
        padding-left: 0.2vw;
    }

    .corp_p_pre_norok {
        font-size: 3.5vw;
        color: var(--f4);
    }

    .corp_p_btn_mk {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .corp_p_btn {
        background-color: var(--f3);
        font-size: 1vw;
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        /* margin-left: 9%; */
        padding: 0.5vw;
        padding-left: 1.3vw;
        padding-right: 1.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_p_btn:hover {
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_it:hover .corp_p_ima {
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_p_it:hover .corp_p_pre_ofe {
        /* font-size: 1.5vw; */
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it:hover .corp_p_pre_ofe_txt {
        /* font-size: 1.5vw; */
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it:hover .corp_p_des {
        /* background-size: 110%; */
        background-color: var(--f3);
        color: var(--t4);
        box-shadow: 0vw 0.1vw 0.7vw rgba(0, 0, 0, 0.2);
        /* transform:rotate(-30deg); */
        transition: all 0.3s;
    }

    .corp_p_it:hover {
        box-shadow: var(--s1_h);
        /* padding: 0.2vw; */
    }

    .corp_p_it_d:hover .corp_p_ima {
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_p_it_d:hover .corp_p_pre_ofe {
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it_d:hover .corp_p_pre_ofe_txt {
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it_d:hover .corp_p_des {
        background-color: var(--f3);
        color: var(--t4);
        box-shadow: 0vw 0.1vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_p_it_d:hover {
        box-shadow: var(--s1_h);
    }

    .corp_p_vm_mk {
        overflow: hidden;
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        position: relative;
        height: 6vw;
        text-align: center;
        margin-top: 2vw;
    }

    .corp_btn1 {
        cursor: pointer;
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t4);
        display: inline-block;
        padding: 1.3vw;
        padding-left: 3.3vw;
        margin-bottom: 2vw;
        padding-right: 3.3vw;
        border-radius: 4vw;
        box-shadow: 0vw 0.4vw 0.7vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
        cursor: pointer;
        text-align: center;
    }

    .corp_btn1:hover {
        cursor: pointer;
        color: var(--t2);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_btn2 {
        background-color: var(--f2);
        font-size: var(--tt2);
        font-weight: bold;
        color: white;
        display: inline-block;
        padding: 0.7vw;
        padding-left: 3.3vw;
        padding-right: 3.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
        cursor: pointer;
        text-align: center;
    }

    .corp_btn2:hover {
        color: var(--t3);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_vm {
        cursor: pointer;
        position: relative;
        /* z-index: 1; */
        background-color: var(--f2);
        font-size: 2.2vw;
        font-weight: bold;
        color: white;
        display: inline-block;
        padding: 0.7vw;
        top: 1.5vw;
        padding-left: 3.3vw;
        padding-right: 3.3vw;
        border-radius: 7vw;
        box-shadow: 0vw 0.4vw 0.7vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_p_vm:hover {
        color: var(--t3);
        background-color: var(--f4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_vm_mont {
        position: absolute;
        background: linear-gradient(to bottom, rgba(222, 222, 222, 0.5) 0%, rgba(255, 255, 255, 0) 33%);
        /* background-color: blue; */
        margin-left: 25%;
        width: 50%;
        top: 50%;
        height: 7vw;
        border-radius: 50%;
    }

    .corp_ft {
        margin-top: 3vw;
        display: inline-block;
        width: 100%;
        height: 63vw;
        /* background-color: red; */
        overflow: hidden;
        text-align: center;
    }

    .darkmode .corp_ft_mk {
        background-color: #00698f;
    }

    .corp_ft_mk {
        display: inline-block;
        background-color: var(--f4);
        border-radius: 50% 50% 0 0;
        position: relative;
        left: -20%;
        width: 140%;
        height: 72vw;
    }

    .corp_ft_gviso_mk {
        width: 100%;
        display: inline-block;
        /* background-color: yellow; */
        text-align: center;
        margin-top: 2vw;
    }

    .corp_ft_gviso {
        width: 10%;
        height: 12.7vw;
        display: inline-block;
        /* background-color: red;		 */
        background-image: url(../images/ft_gviso.png);
    }

    .corp_ft_lk {
        width: 90vw;
        margin-top: 1vw;
        padding-bottom: 1vw;
        display: inline-block;
    }

    .corp_ft_line {
        margin-top: 2vw;
        display: inline-block;
        width: 100%;
        height: 0.1vw;
        background-color: var(--f2);
        opacity: 0.2;
    }

    .corp_ft_lk_t {
        width: 100%;
        font-weight: bold;
        font-size: 1.1vw;
        color: var(--t1);
        margin-bottom: 0.5vw;
        display: inline-block;
        /* text-shadow: 0vw 0.3vw 0.7vw rgba(0,0,0,0.2); */
    }

    .corp_ft_lk_lk {
        width: 100%;
        font-size: 0.9vw;
        color: var(--t1);
        margin-bottom: 0.5vw;
        display: block;
        transition: all 0.3s;
    }

    .corp_ft_lk_lk:hover {
        /* font-weight: bold; */
        color: var(--t3);
        text-shadow: 0vw 0vw 0.7vw rgba(0, 0, 0, 0.8);
        transition: all 0.3s;
    }

    .corp_ft_lk_g {
        width: 85%;
        text-align: left;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_ft_lk2 {
        text-align: center;
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        height: 3vw;
        font-size: 0.9vw;
        font-weight: bold;
    }

    .corp_ft_lk2_c {
        /* background-color: blue; */
        display: inline-block;
    }

    .corp_ft_b1 {
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        color: var(--t3);
        transition: 0.3s;
    }

    .corp_ft_b1:hover {
        /* text-shadow: 0vw 0vw 0.7vw rgba(0,0,0,0.8); */
        color: var(--t1);
        transition: 0.3s;
    }

    .corp_ft_b2 {
        color: var(--t3);
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.8vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_fono_hover.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_ft_b2:hover {
        background-image: url(../images/up_ico_fono.png);
        /* text-shadow: 0vw 0vw 0.7vw rgba(0,0,0,0.8); */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t1);
    }

    .corp_ft_loto {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 23.7vw;
        /* background-color:aqua; */
        position: relative;
    }

    .corp_ft_loto_in {
        width: 60vw;
        height: 22vw;
        position: absolute;
        bottom: 0;
        left: 16%;
        z-index: 1;
        /* border: solid 1px red; */
    }

    .corp_ft_loto_lg {
        background-image: url(../images/gvlgaAll25.png);
        background-position: center 100%;
        background-repeat: repeat-y;
        background-size: 100%;
        position: absolute;
        width: 38%;
        height: 36%;
        border-radius: 50% 50% 0 0;
        left: 31%;
        /* background-color: blue; */
        bottom: 21%;
        transition: all 1s;
        opacity: 0.5;
        cursor: pointer;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_lg {
        opacity: 1;
        transition: all 2s;
    }

    .corp_ft_loto_txt {
        color: var(--t1);
        width: 100%;
        font-size: 0.85vw;
        /* height: 15%; */
        position: absolute;
        left: 0%;
        bottom: 13%;
        /* border: solid red 1px; */
        letter-spacing: 0.05vw;
        transition: all 1s;
        opacity: 0.5;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_txt {
        transition: all 1s;
        /* letter-spacing: 0.3vw; */
        /* bottom: 7%; */
        opacity: 1;
    }

    .corp_ft_loto_txt_lk {
        color: inherit;
    }

    .corp_ft_loto_txt_lk:hover {
        /* color: var(--t3); */
    }

    .corp_ft_loto_petalo {
        background-image: url(../images/ft_loto_petalo.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        opacity: 0.02;
        position: absolute;
        border-radius: 50%;
        /* transition: opacity 0.9s; */
    }

    .corp_ft_loto_e1 {
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.02);
        position: absolute;
        left: 18%;
        bottom: -106%;
        width: 63%;
        height: 150%;
        transition: all 5s;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e1 {
        bottom: -100%;
        transition: all 5s;
    }

    .corp_ft_loto_e2 {
        left: 37%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(0deg);
        transition: opacity 0.3s, bottom 5s !important;
    }

    .corp_ft_loto_e2:hover {
        opacity: 0.04;
        transition: opacity 0.3s, bottom 2s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e2 {
        bottom: -10%;
    }

    .corp_ft_loto_e3 {
        left: 51%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(33deg);
        transition: transform 5s, opacity 0.3s, bottom 5s !important;
    }

    .corp_ft_loto_e3:hover {
        opacity: 0.04;
        transition: transform 2s, opacity 0.3s, bottom 2s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e3 {
        bottom: -12%;
        transform: rotate(22deg);
    }

    .corp_ft_loto_e4 {
        left: 55%;
        bottom: -35%;
        width: 25.4%;
        height: 114%;
        transform: rotate(55deg);
        transition: transform 3s, opacity 0.3s, left 4s, bottom 5s !important;
    }

    .corp_ft_loto_e4:hover {
        opacity: 0.04;
        transition: transform 3s, opacity 0.3s, left 4s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e4 {
        left: 63%;
        bottom: -15%;
        transform: rotate(50deg);
    }

    .corp_ft_loto_e5 {
        left: 55%;
        bottom: -60%;
        width: 25.4%;
        height: 135%;
        transform: rotate(83deg);
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_e5:hover {
        opacity: 0.04;
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e5 {
        left: 69%;
        bottom: -60%;
        transform: rotate(85deg);
    }

    .corp_ft_loto_e6 {
        left: 21%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(-33deg);
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_e6:hover {
        opacity: 0.04;
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e6 {
        left: 22%;
        bottom: -10%;
        transform: rotate(-25deg);
    }

    .corp_ft_loto_e7 {
        left: 15%;
        bottom: -35%;
        width: 25.4%;
        height: 114%;
        transform: rotate(-55deg);
        transition: transform 4s, opacity 0.3s, left 4s, bottom 4s !important;
    }

    .corp_ft_loto_e7:hover {
        opacity: 0.04;
        transition: transform 4s, opacity 0.3s, left 4s, bottom 4s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e7 {
        left: 10%;
        bottom: -20%;
        transform: rotate(-60deg);
        transition: all 5s;
    }

    .corp_ft_loto_e8 {
        left: 17%;
        bottom: -60%;
        width: 25.4%;
        height: 135%;
        transform: rotate(-83deg);
        transition: transform 7s, opacity 0.3s, left 7s, bottom 7s !important;
    }

    .corp_ft_loto_e8:hover {
        opacity: 0.04;
        transition: transform 7s, opacity 0.3s, left 7s, bottom 7s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e8 {
        left: 5%;
        bottom: -55%;
        transform: rotate(-85deg);
    }

    .corp_popupKO {
        width: 0vw;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.3);
        position: fixed;
        top: 0;
        left: -110vw;
        z-index: 9999;
        transition: 0.5s;
    }

    .darkmode .corp_popupOK {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .corp_popupOK {
        width: 100%;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(0.3vw);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        transition: 0.5s;
    }

    .corp_pp_i {
        display: inline-block;
        margin-top: 1.5vw;
        max-width: 90vw;
        max-height: 80vh;
        border-radius: 0.9vw;
        box-shadow: 0vw 0.5vw 1.5vw 0vw rgba(0, 0, 0, 0.4);
        transition: all 0.3s;
    }

    .corp_pp_i:hover {
        box-shadow: 0vw 0.5vw 1.5vw 0.2vw var(--f2);
        transition: all 0.3s;
    }

    .corp_pp_x {
        cursor: pointer;
        background-color: var(--f3);
        font-size: 1.2vw;
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        margin-top: 1vw;
        padding: 0.7vw;
        padding-left: 3.3vw;
        padding-right: 3.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_pp_x:hover {
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_in {
        width: 100%;
        height: 19vw;
        /* background-color: aqua; */
        /* border: solid red 1px; */
        position: relative;
        margin-top: 1vw;
        overflow: hidden;
    }

    .corp_in_tit {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/bg_head_page.png);
        background-repeat: no-repeat;
        background-position: center 0%;
        background-size: 100%;
    }

    .corp_in_tit_txt {
        width: 35%;
        height: 100%;
        position: absolute;
        top: -1%;
        left: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }

    .corp_in_tit_txt_ppgn {
        background-image: url(../images/txt_head_page_ppgn.png);
    }

    .corp_in_tit_txt_qgn {
        background-image: url(../images/txt_head_page_quierogn.png);
    }

    .corp_in_tit_txt_enmihogar {
        background-image: url(../images/txt_head_page_enmihogar.png);
    }

    .corp_in_tit_txt_nosotros {
        background-image: url(../images/txt_head_page_nosotros.png);
    }

    .corp_in_tit_txt_queeselgasnatural {
        background-image: url(../images/txt_head_page_queeselgasnatural.png);
    }

    .corp_in_tit_txt_terminos {
        background-image: url(../images/txt_head_page_terminos.png);
    }

    .corp_in_tit_txt_normativas {
        background-image: url(../images/txt_head_page_normativas.png);
    }

    .corp_in_tit_txt_stgv {
        background-image: url(../images/txt_head_page_stgv.png);
    }

    .corp_in_tit_txt_llae {
        background-image: url(../images/txt_head_page_llae.png);
    }

    .corp_in_tit_txt_pro {
        background-image: url(../images/txt_head_page_pro.png);
    }

    .corp_in_tit_txt_pf {
        background-image: url(../images/txt_head_page_pf.png);
    }

    .corp_in_tit_txt_mc {
        background-image: url(../images/txt_head_page_mc.png);
    }

    .corp_in_tit_txt_enmicomercio {
        background-image: url(../images/txt_head_page_enmicomercio.png);
    }

    .corp_in_tit_txt_enmiindustria {
        background-image: url(../images/txt_head_page_enmiindustria.png);
    }

    .corp_in_tit_txt_enmiproyecto {
        background-image: url(../images/txt_head_page_enmiproyecto.png);
    }

    .corp_in_i_enmiproyecto {
        background-image: url(../images/inside_enmiproyecto_i.png);
    }

    .corp_in_i_enmiindustria {
        background-image: url(../images/inside_enmiindustria_i.png);
    }

    .corp_in_i_enmicomercio {
        background-image: url(../images/inside_enmicomercio_i.png);
    }

    .corp_in_i_qgn {
        background-image: url(../images/inside_qgn_i.png);
    }

    .corp_in_i_enmihogar {
        background-image: url(../images/inside_enmihogar_i.png);
    }

    .corp_in_i_ppgn {
        background-image: url(../images/inside_ppgn_i.png);
    }

    .corp_in_i_nosotros {
        background-image: url(../images/inside_nosotros_i.png?1);
    }

    .corp_in_i_queeselgasnatural {
        background-image: url(../images/inside_queeselgasnatural_i.png);
    }

    .corp_in_i_tercon {
        background-image: url(../images/inside_tercon_i.png);
    }

    .corp_in_i_normativas {
        background-image: url(../images/inside_normativas_i.png);
    }

    .corp_in_i_stgv {
        background-image: url(../images/inside_stgv_i.png?2);
    }

    .corp_in_i_llae {
        background-image: url(../images/inside_llae_i.png);
    }

    .corp_in_i_pro {
        background-image: url(../images/inside_pro_i.png);
    }

    .corp_in_i_pf {
        background-image: url(../images/inside_pf_i.png);
    }

    .corp_in_hd_e1 {
        position: absolute;
        width: 152vw;
        height: 105vw;
        border-radius: 50%;
        top: 0vw;
        right: -57vw;
        overflow: hidden;
        /* background-color: rgba(250, 100, 80, 0); */
    }

    .corp_in_hd_e2 {
        /**/
        position: absolute;
        width: 166vw;
        height: 64.15vw;
        border-radius: 50%;
        top: -47vw;
        /* border: solid red 1px; */
        right: -24vw;
        overflow: hidden;
        /* background-color: rgba(50, 250, 250, 0.50); */
    }

    .corp_in_i {
        width: 35.8%;
        height: 27.7%;
        position: absolute;
        top: 72%;
        left: 15.5%;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        animation: corp_in_i_ani 7s, corp_in_i_ani2 1.2s;
        animation-timing-function: linear;
    }

    @keyframes corp_in_i_ani {
        from {
            background-position: center top;
        }

        to {
            background-position: center bottom;
        }
    }

    @keyframes corp_in_i_ani2 {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .corp_in_ppgn_e1 {
        width: 80%;
        margin-left: 10%;
        height: 48vw;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_t1 {
        font-size: var(--tt3);
        line-height: 4.5vw;
        font-weight: bold;
        color: var(--t2);
        display: flex;
        align-items: center;
        /* background-color: skyblue; */
    }

    .corp_t1_i {
        height: 5.5vw;
        margin-left: 0.33vw;
        margin-right: 0.33vw;
    }

    .corp_t2_i {
        height: 3vw;
        margin-left: 0.33vw;
        margin-right: 0.33vw;
    }

    .corp_i .corp_in_ppgn_e2 {
        margin-top: 1vw;
        /* background-color: red; */
        display: inline-block;
        font-size: var(--tt3);
        line-height: 4.5vw;
        font-weight: bold;
        color: var(--t2);
        background-position: right 0vw;
        background-size: auto 85%;
        background-repeat: no-repeat;
    }

    .corp_in_ppgn_e2_1 {
        width: 32vw;
        margin-left: 30%;
        background-image: url(../images/ts_esmas.png);
    }

    .corp_t1_iparati {
        width: 38.5vw;
        margin-left: 26.5%;
        background-image: url(../images/ts_parati.png);
    }

    .corp_in_stgv_e1 {
        width: 35vw;
        margin-left: 32%;
        background-image: url(../images/ts_24horas.png);
    }

    .corp_in_ppgn_e2_2 {
        margin-top: 5vw;
        width: 28vw;
        margin-left: 35%;
        background-image: url(../images/ts_gasnatural.png);
    }

    .corp_in_ppgn_e2_3 {
        margin-top: 0vw;
        width: 37vw;
        margin-left: 29%;
        background-image: url(../images/ts_gasnatural.png);
    }

    .corp_t2 {
        color: var(--t2);
        font-size: var(--tt1);
        /* line-height: var(--tt1); */
        font-weight: bold;
        line-height: var(--tt1);
        /* background-color: skyblue; */
        display: flex;
        align-items: center;
    }

    .corp_t3 {
        font-weight: bold;
        color: var(--t2);
        font-size: var(--tt4);
        transition: all 0.2s;
    }

    .corp_t4 {
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
        /* display: inline-block; */
    }

    .corp_in_d1_cnt {
        color: var(--t2);
        font-size: var(--tt2);
        text-align: center;
    }

    .corp_in_ppgn_e3 {
        margin-top: 0vw;
        margin-bottom: 1.5vw;
        width: 80%;
        /* margin-left: 10%; */
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_ppgn_e4 {
        position: relative;
        width: 100%;
        height: 16vw;
        /* background-color: red; */
    }

    .corp_in_ppgn_e4_1 {
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        height: 70%;
        box-shadow: 0vw 0.7vw 1vw rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        display: grid;
        align-items: center;
        text-align: center;
        font-size: 1.3vw;
        font-weight: bold;
    }

    .corp_in_ppgn_e4_1a {
        background-color: var(--f2);
        color: var(--t1);
    }

    .corp_in_ppgn_e4_1b {
        background-color: var(--f3);
        color: var(--t2);
    }

    .corp_in_ppgn_e4_1c {
        background-color: var(--f4);
        color: var(--t1);
    }

    .corp_in_ppgn_e4_1d {
        background-color: var(--f3);
        color: var(--t2);
    }

    .corp_in_ppgn_e4_2 {
        position: absolute;
        top: 40%;
        left: 0%;
        width: 100%;
        height: 25%;
    }

    .corp_in_ppgn_e4_3 {
        width: 25%;
        height: 100%;
        border-radius: 50%;
        box-shadow: 0vw 0.7vw 1vw rgba(0, 0, 0, 0.3);
    }

    .corp_in_ppgn_e4_3a {
        background-color: var(--f3);
    }

    .corp_in_ppgn_e4_3b {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_3c {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_3d {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_4 {
        display: inline-block;
        margin: 15%;
        width: 70%;
        height: 70%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }

    .corp_in_ppgn_e4_2a {
        transform: rotate(35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2b {
        transform: rotate(-35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2c {
        transform: rotate(140deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2d {
        transform: rotate(222deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2a {
        transform: rotate(395deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2b {
        transform: rotate(-395deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2c {
        transform: rotate(500deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2d {
        transform: rotate(582deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4_4a {
        background-image: url(../images/corp_in_ppgn_ico_con.png);
        transform: rotate(-35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4b {
        background-image: url(../images/corp_in_ppgn_ico_com.png);
        transform: rotate(35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4c {
        background-image: url(../images/corp_in_ppgn_ico_eco.png);
        transform: rotate(-140deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4d {
        background-image: url(../images/corp_in_ppgn_ico_mod.png);
        transform: rotate(-222deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4a {
        transform: rotate(-395deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4b {
        transform: rotate(395deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4c {
        transform: rotate(-500deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4d {
        transform: rotate(-582deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e1:hover .corp_in_ppgn_e4_4a {
        transform: rotate(-395deg);
        transition: all 4s;
        /* background-color: red; */
    }

    .corp_in_ppgn_e5 {
        margin-top: 4vw;
        /* margin-bottom:2vw; */
        width: 80%;
        margin-left: 10%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_in_ppgn_e5_1 {
        width: 74%;
        height: 67vw;
        /* background-color: aqua; */
        /* margin-right: 5%; */
        /* float: left; */
        border: none;
        margin-left: 13%;
        margin-bottom: 6vw;
        border-radius: 1.5vw;
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 15%);
        background-size: 100%;
    }

    .corp_in_ppgn_e5_1_i {
        background-image: url(../images/inside_ppgn_mqgn.png);
    }

    .corp_in_stgv_e5_1_i {
        margin-bottom: 7vw;
        background-image: url(../images/inside_stgv_e1.png);
    }

    .corp_in_ppgn_e5_2 {
        width: 100%;
        float: left;
        margin-bottom: 2vw;
    }

    .corp_in_ppgn_e5_3 {
        display: inline-block;
        width: 100%;
    }

    .corp_in_ppgn_e5_4 {
        display: inline-block;
        width: 5vw;
        height: 5vw;
        background-color: var(--f3);
        float: left;
        border-radius: 50%;
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center center;
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.15);
    }

    .corp_in_ppgn_e5_5 {
        text-align: left;
        display: inline-block;
        /* width: 87%; */
        margin-left: 3%;
        /* height: auto; */
        /* background-color: blue; */
        font-size: var(--tt2);
        float: left;
        color: var(--t2);
    }

    .corp_in_ppgn_e5_6 {
        width: 87%;
        float: left;
        font-weight: bold;
        margin-left: 3%;
        color: var(--t2);
        font-size: var(--tt2);
    }

    .corp_in_ppgn_e6 {
        display: inline-block;
        margin-top: 4vw;
        margin-bottom: 2vw;
        width: 100%;
        margin-left: 0%;
        height: 18vw;
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 1vw rgba(0, 0, 0, 0.3);
        background-image: url(../images/inside_ppgn_mqgn_i.png?1);
    }

    .corp_in_ppgn_e7 {
        /* float: left; */
        width: 100%;
        display: inline-block;
    }

    .corp_in_ppgn_e8 {
        display: inline-block;
        float: left;
        width: 84%;
        /* background-color: green; */
    }

    .corp_in_stgv_e2 {
        width: 60%;
        float: left;
        margin-right: 5%;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_stgv_e3 {
        width: 30%;
        margin-left: 5%;
        /* height: 33vw; */
        /* background-color: aqua; */
        /* margin-right: 5%; */
        /* float: left; */
        /* border: none; */
        /* border-radius: 1.5vw; */
        /* box-shadow: 0vw 1vw 1vw rgba(0,0,0,0.15); */
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_stgv_e4 {
        width: 100%;
        height: 5.8vw;
        /* background-color: greenyellow; */
        background-image: url(../images/stgv90g.png);
        background-size: 70%;
    }

    .corp_in_stgv_e5 {
        margin-top: 1vw;
        display: inline-block;
    }

    .corp_in_stgv_e6 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.3vw;
        padding-left: 1vw;
        width: 70% !important;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.12vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 0.9vw;
        transition: all 0.3s;
    }

    .corp_in_stgv_e6:focus {
        /* background-color: var(--f3); */
        border: solid 0.12vw var(--f3);
        box-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_in_stgv_e7 {
        margin-top: 4vw;
        /* margin-bottom:2vw; */
        width: 70%;
        margin-left: 15%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_in_stgv_e8 {
        /* float: left; */
        width: 95%;
        /* background-color: red; */
        display: inline-block;
        font-size: var(--tt2);
        /* font-weight: bold; */
        color: var(--t2);
    }

    .corp_in_stgv_e9 {
        cursor: pointer;
        background-color: var(--f3);
        color: var(--t2);
        border-radius: 1vw;
        display: inline-block;
        font-size: 1.1vw;
        font-weight: bold;
        padding: 0.33vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        box-shadow: 0vw 0.2vw 0.3vw rgba(0, 0, 0, 0.3);
        transition: all 0.15s;
    }

    .corp_in_stgv_e10 {
        display: inline-block;
        width: 83%;
        border-radius: 2vw;
        background-color: var(--f2);
        padding: 2.5vw;
        margin-top: 2vw;
        box-shadow: 0vw 1vw 1vw rgb(0 1 1 / 20%);
        height: 60vw;
        transition: all 0.3s;
    }

    .corp_in_llae_e1 {
        width: 70%;
        /* margin-left: 15%; */
        /* background-color: red; */
        height: 5vw;
        display: inline-block;
        position: relative;
    }

    .corp_in_llae_e2 {
        display: inline-block;
        width: 4.5vw;
        height: 4.5vw;
        position: absolute;
        left: 0;
        top: 0;
        /* background-color: yellow; */
        box-shadow: 0.5vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        border: solid var(--f3) 0.3vw;
        background-image: url(../images/llae_e1.png);
    }

    .corp_in_llae_e3 {
        position: absolute;
        left: 2.5%;
        top: 1vw;
        width: 95%;
        height: 3vw;
        background-color: var(--f2);
        border-radius: 3vw;
        box-shadow: 0vw 0.25vw 0.5vw rgba(0, 0, 0, 0.3);
    }

    .corp_in_llae_e4 {
        font-weight: bold;
        font-size: 1.01vw;
        color: var(--t1);
        line-height: 2.9vw;
    }

    .corp_in_llae_e5 {
        width: 92%;
        /* background-color: red; */
        display: inline-block;
        margin-left: 2vw;
    }

    .corp_in_llae_e6 {
        margin-left: 10%;
        width: 80%;
        /* background-color: red; */
        display: inline-block;
        text-align: center;
    }

    .corp_in_llae_e7 {
        width: 80%;
        height: 10VW;
        display: inline-block;
        text-align: center;
        background-size: 100%;
    }

    .corp_in_llae_e8 {
        font-size: var(--tt2);
        color: var(--t2);
        font-weight: bold;
        text-align: center;
    }

    .corp_in_llae_e9 {
        float: left;
        width: 10%;
        height: 8vw;
        /* background-color: red; */
        display: inline-block;
        background-size: 100%;
        background-position: center top;
    }

    .corp_in_llae_e10 {
        float: left;
        width: 83%;
        height: 23vw;
        text-align: justify;
        display: inline-block;
        margin-left: 2%;
        margin-right: 2%;
    }

    .corp_in_llae_e11 {
        float: left;
        width: 27%;
        height: 8vw;
        display: inline-block;
        /* background-color: red; */
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 0.7vw rgba(0, 0, 0, 0.2);
        display: none;
    }

    .corp_gologgc {
        position: absolute;
        left: 0vw;
        top: 33vw;
        width: 11.7vw;
        /* border: solid 1px red; */
        /* height: 3vw; */
        transition: all 0.3s;
    }

    .corp_gologgc:hover {
        width: 14.5vw;
        transition: all 0.3s;
    }

    .corp_call_qgngv {
        position: sticky;
        left: 64vw;
        bottom: 10vw;
        width: 30.5vw;
        height: 12vw;
        background-color: var(--f2);
        border-radius: 1.7vw;
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 20%);
        padding: 1.9vw;
        display: none;
    }

    .corp_call_qgngv_2 {
        z-index: 1;
        position: relative;
        font-size: 2.2vw;
        line-height: 2vw;
        font-weight: bold;
        color: var(--t3);
    }

    .corp_call_qgngv_3 {
        z-index: 1;
        position: relative;
        font-size: 1.9vw;
        line-height: 2vw;
        font-weight: normal;
        color: var(--t1);
        margin-bottom: 0.33vw;
    }

    .corp_call_qgngv_3_2 {
        font-size: 1.8vw;
        opacity: 0.7;
    }

    .corp_call_qgngv_4 {
        z-index: 1;
        position: relative;
        font-size: 1.9vw;
        font-weight: bold;
        padding: 0.6vw;
        padding-left: 1vw;
        width: 53%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.12vw silver;
        display: inline-block;
        margin-bottom: 0.1vw;
        border-radius: 4vw;
        transition: all 0.3s;
        float: left;
    }

    .corp_call_qgngv_4:focus {
        border: solid 0.12vw var(--f3);
        box-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_call_qgngv_5 {
        cursor: pointer;
        z-index: 1;
        position: relative;
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        padding: 0.2vw;
        padding-left: 1vw;
        padding-right: 1vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_call_qgngv_5:hover {
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_call_qgngv_6 {
        position: absolute;
        right: 4vw;
        bottom: 12vw;
        /* background-color: green; */
        width: 14vw;
        height: 30vw;
        z-index: 0;
        background-image: url(../images/call_qgngv_flame.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
        animation-name: corp_call_qgngv_6_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        /* animation-timing-function: linear;*/
    }

    @keyframes corp_call_qgngv_6_ani {
        0% {
            bottom: 1.5vw;
        }

        50% {
            bottom: 0vw;
        }

        100% {
            bottom: 1.5vw;
        }
    }

    .corp_call_qgngv_7 {
        clear: both;
        position: relative;
        z-index: 1;
        font-size: 0.8vw;
        color: var(--t1);
        cursor: pointer;
        width: 100%;
        text-align: left;
        margin-left: 0.5vw;
        opacity: 0.7;
        transition: opacity 0.3s;
    }

    .corp_call_qgngv_7:hover {
        transition: opacity 0.3s;
        opacity: 1;
    }

    .corp_nst {
        width: 100%;
        height: 79.5vw;
        margin-top: 4vw;
        margin-bottom: 2vw;
        border-radius: 1.2vw;
        overflow: hidden;
        background-color: var(--f4);
        position: relative;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
    }

    .corp_nst_i {
        background-image: url(../images/nosotros.png);
        background-position: 41% center;
        background-repeat: no-repeat;
        background-size: 244%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .corp_nst_n {
        background-image: url(../images/nubes.jpg);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 79%;
        z-index: 0;
        background-size: 705%;
        background-position: left top;
        background-repeat: no-repeat;
        animation-name: corp_nst_n_ani;
        animation-duration: 300s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_nst_n_ani {
        from {
            background-position: left top;
        }

        to {
            background-position: right top;
        }
    }

    .corp_nst_t {
        position: absolute;
        top: 3.3vw;
        left: 3.5vw;
        width: 37%;
        /* background-color: yellow; */
        z-index: 1;
    }

    .corp_nst_t_1 {
        height: 3vw;
    }

    .corp_nst_t_1_2 {
        background-image: url(../images/isotipo_1.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 43%;
        color: var(--t3);
        border-radius: 50%;
        border: solid 0.2vw var(--f3);
        width: 3vw;
        height: 3vw;
        float: left;
        margin-right: 0.8vw;
    }

    .corp_nst_t_1_3 {
        font-size: var(--tt1);
        color: var(--t1);
        font-weight: bold;
        line-height: 3.5vw;
        /* background-color: yellow; */
    }

    .corp_nst_t_2 {
        clear: both;
        /* background-color: red; */
        color: var(--t1);
        width: 92%;
        line-height: 2.5vw;
        /* text-align: justify; */
        margin-top: 1.5vw;
        font-size: var(--tt2);
    }

    .corp_nst_t_3 {
        margin-top: 1.5vw;
        width: 80%;
        /* background-color: red; */
        /* margin-left: 5%; */
        color: var(--t3);
    }

    .corp_nst_t_3_1 {
        float: left;
        text-align: center;
        margin-left: 0.7vw;
        margin-right: 0.7vw;
    }

    .corp_nst_t_3_2 {
        font-size: 1.4vw;
        font-weight: bold;
    }

    .corp_nst_t_3_3 {
        font-size: 0.7vw;
        font-weight: bold;
    }

    .corp_in_mg {
        margin: 2vw;
        /* background-color: red; */
    }

    .corop_in_sbt_ico_1 {
        background-image: url(../images/check_circle.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: auto 2.5vw;
        display: inline-block;
        padding-left: 3vw;
        /* background-color: red; */
        /* margin-top: 2vw; */
        background-position: left 0.3vw;
    }

    .x_bmc1x1 {
        position: absolute;
        top: 36vw;
        left: 35vw;
        background-color: rgba(255, 255, 255, 0.0);
        width: 10%;
        height: 4vw;
    }

    .x_bmc1x1:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x2 {
        position: absolute;
        top: 20vw;
        left: 44vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x2:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x3 {
        position: absolute;
        top: 18vw;
        left: 35.5vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x3:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x4 {
        position: absolute;
        top: 32vw;
        left: 44vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x4:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .jzt {
        /* margin-top: 5vw; */
        margin-bottom: 5vw;
        width: 100%;
        height: 50vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../images/jzt.png);
        background-size: auto 100%;
    }

    .corp_mc1 {
        width: 70%;
        height: 36vw;
        margin-left: 15%;
        /* background-color: blue; */
        margin-top: 2vw;
    }

    .corp_mc2 {
        float: left;
        width: 65%;
        height: 115%;
        /* background-color: red; */
    }

    .corp_mc3 {
        float: left;
        width: 33%;
        height: 100%;
        /* background-color: royalblue; */
    }

    .corp_mc4 {
        border-radius: 1vw;
        box-shadow: var(--s1);
        width: 93%;
        height: 98%;
        overflow: hidden;
        position: relative;
    }

    .corp_mc_slider {
        width: 100%;
        height: 98%;
        border-radius: 1.5vw;
        box-shadow: 0vw 2.2vw 2.7vw rgb(0 0 0 / 20%);
        border: none;
        background-color: var(--f4);
    }

    .corp_mc_e1 {
        position: absolute;
        top: 20vw;
        left: 36vw;
        border-radius: 50%;
        width: 33vw;
        height: 33vw;
        background-color: var(--f3);
        animation-name: corp_mc_e1_ani;
        animation-duration: 2s;
        /* animation-iteration-count: infinite; */
        /* animation-timing-function: linear; */
    }

    @keyframes corp_mc_e1_ani {
        from {
            top: 40vw;
            left: 40vw;
        }

        to {
            top: 20vw;
            left: 36vw;
        }
    }

    .corp_mc_e2 {
        position: absolute;
        top: 28vw;
        left: 26vw;
        border-radius: 50%;
        width: 33vw;
        height: 33vw;
        background-color: var(--f2);
        animation-name: corp_mc_e2_ani;
        animation-duration: 3s;
        /* animation-iteration-count: infinite; */
        /* animation-timing-function: linear; */
    }

    @keyframes corp_mc_e2_ani {
        from {
            top: 35vw;
            left: -30vw;
        }

        to {
            top: 28vw;
            left: 26vw;
        }
    }

    .corp_mc5 {
        position: relative;
        margin-left: 2.5vw;
        margin-top: 1.2vw;
        margin-bottom: 1vw;
    }

    .corp_mc6 {
        height: 3.5vw;
        /* margin-bottom: 1vw; */
        /* background-color: red; */
    }

    .corp_mc7 {
        width: 3.5vw;
        height: 100%;
        background-color: var(--f2);
        border-radius: 50%;
        float: left;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 55%;
        margin-right: 1vw;
    }

    .corp_mc8 {
        font-size: var(--tt4);
        color: var(--t2);
        font-weight: bold;
        /* background-color: rebeccapurple; */
        line-height: 3.5vw;
        /* -webkit-text-stroke: 0.05vw var(--f3); */
        /* color: transparent; */
    }

    .corp_mc_e4 {
        background-image: url(../images/avi_enviar.png);
        background-repeat: no-repeat;
        background-position: 90%;
        background-size: 100%;
        width: 4.3vw;
        height: 4.3vw;
        position: absolute;
        top: 1.5vw;
        left: 79%;
    }

    .corp_mc9 {
        /* background-color: rebeccapurple; */
        margin-left: 5vw;
        width: 80%;
    }

    .corp_mc10 {
        width: 85%;
        margin-left: 7.5%;
    }

    .corp_mc11 {
        float: left;
        width: 40%;
        /* background-color: yellowgreen; */
    }

    .corp_mc11_2 {
        float: left;
        width: 20%;
        /* background-color: yellowgreen; */
    }

    .corp_mc12 {
        width: 90%;
    }

    .corp_mc13 {
        margin-top: 1.3vw;
    }

    .corp_mc14 {
        width: 100%;
    }

    .corp_mc15 {
        color: var(--t7);
        font-size: 0.9vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_mc15:hover {
        transition: all 0.3s;
        color: var(--t2);
    }

    .corp_mc16 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.17vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 0.7vw;
        transition: all 0.3s;
    }

    .corp_mc16KO {
        font-size: 2.3vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.27vw #D70707;
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 2.7vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(250, 0, 0, 0.2);
        transition: all 0.3s;
        text-indent: 1vw;
    }

    .corp_mc16:focus {
        border: solid 0.27vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc16:hover {
        border: solid 0.27vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc17 {
        margin-top: 1vw;
        width: 100%;
        display: inline-block;
    }

    .corp_mc18_1 {
        display: inline-block;
        /* background-color: var(--b4); */
        margin-left: 11%;
        width: 80%;
        background-image: url(../images/av1.png);
        height: 7vw;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        position: relative;
    }

    .corp_mc18_2 {
        display: inline-block;
        /* background-color: var(--f3); */
        margin-left: 15%;
        animation-name: corp_mc18_2_ani;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-out;
    }

    @keyframes corp_mc18_2_ani {
        0% {
            margin-top: 2.1%;
        }

        50% {
            margin-top: 0%;
        }

        100% {
            margin-top: 2.1%;
        }
    }

    .corp_mc18_3 {
        font-size: 0.9vw;
        font-weight: bold;
        color: var(--t2);
        padding-left: 0vw;
    }

    .corp_mc18_4 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1) !important;
        border-radius: 2vw;
        border: none;
        display: inline-block;
        font-size: 1.1vw;
        line-height: 2vw;
        font-weight: bold;
        padding: 0.33vw;
        padding-left: 2vw;
        padding-right: 2vw;
        box-shadow: 0vw 0.4vw 0.6vw rgb(0 0 0 / 20%);
        float: left;
        transition: all 0.3s;
        /* margin-left: 0.5vw;	 */
    }

    .corp_mc18_4:hover {
        background-color: var(--f4);
        color: var(--t3) !important;
        transition: all 0.3s;
    }

    .corp_mcinicio_1 {
        width: 94%;
        margin-left: 3%;
        margin-top: 2vw;
        display: inline-block;
    }

    .corp_mcinicio_2 {
        cursor: pointer;
        /* float: left; */
        width: 100%;
        background-color: var(--f1);
        /* position: sticky; */
        top: 27vw;
        z-index: 1;
    }

    .corp_proinicio_2 {
        /* float: left; */
        width: 100%;
        /* background-color: red; */
        /* position: sticky; */
        /* top: 8vw; */
    }

    .corp_mcmnko {
        height: 8vw !important;
        transition: all 1s !important;
        display: inline-block !important;
        overflow: hidden;
    }

    .corp_mcmnok {
        overflow: hidden;
        height: 63vw;
        display: inline-block !important;
        transition: all 1s !important;
    }

    .corp_mcinicio_3 {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        /* height: 100vw; */
        position: relative;
        /* background-color: blue; */
    }

    .corp_mc_rc2 {
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        /* height: 100vw; */
        position: relative;
        /* background-color: blue; */
    }

    .corp_proinicio_3 {
        /* float: left; */
        width: 100%;
        margin-left: 0%;
        margin-right: 2%;
        /* height: 100vw; */
        /* position: relative; */
        /* background-color: blue*/
    }

    .corp_mcinicio_3_1::after {
        text-align: center;
        width: 3vw;
        height: 1.15vw;
        /* background-color: red; */
        color: var(--t3);
        position: absolute;
        content: "\025be";
        display: table-cell;
        font-size: 5.3vw;
        top: -1.5vw;
        right: 1.7vw;
        pointer-events: none;
        border-radius: 0 50% 50% 0;
    }

    .corp_mcinicio_3_1 {
        /* height: 5vw; */
        /* overflow: hidden; */
        width: 100%;
        position: relative;
    }

    .corp_mcinicio_3_2 {
        margin-bottom: 1.2vw;
    }

    .corp_mcinicio_4 {
        /* float: left; */
        width: 80%;
        /* background-color: silver; */
        /* position: sticky; */
        /* top: 8vw; */
        margin-left: 10%;
        margin-top: 8vw;
        display: inline-block;
    }

    .corp_mcinicio_4_1 {
        width: 100%;
        height: 117vw;
    }

    .corp_mcmenu_1 {
        width: 100%;
        height: 8vw;
        /* background-color: red; */
        margin-bottom: 1vw;
    }

    .corp_mcmenu_2 {
        float: left;
        width: 7vw;
        height: 7vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 20%);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mcmenu_2_2 {
        width: 6vw;
        height: 6vw;
        margin-right: 1.7vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 20%);
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mcmenu_3 {
        float: left;
        font-size: 3.3vw;
        font-weight: bold;
        color: var(--t2);
        height: 100%;
        width: 84%;
        /* background-color: blue; */
        line-height: 3vw;
        margin-left: 0.5vw;
        display: flex;
        position: relative;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
    }

    .corp_mcmenu_3_2 {
        cursor: pointer;
        float: left;
        /* display: inline-block; */
        width: 7%;
        /* background-color: red; */
        /* transition: all 5s; */
        height: 9vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
        background-image: url(../images/i34_1.png);
    }

    .corp_mcmenu_4 {
        background-color: var(--f8);
        color: var(--t2);
        border-radius: 3vw;
        /* margin-left: 5%; */
        font-weight: bold;
        padding: 0.3vw;
        font-size: 1.9vw;
        width: 98%;
        text-indent: 3vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
    }

    .corp_mcmenu_4:hover {
        /* padding-left: 1.3vw; */
        color: var(--t1);
        background-color: var(--f2);
        transition: all 0.2s;
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1); */
    }

    .corp_mcmenu_4_active {
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 3vw;
        /* margin-left: 5%; */
        font-weight: bold;
        padding: 0.3vw;
        font-size: 1.9vw;
        width: 98%;
        text-indent: 3vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
    }

    .corp_mcinicio_5 {
        position: relative;
        padding: 0.8vw;
        padding-left: 2vw;
        padding-right: 5vw;
        width: 100%;
        background-color: var(--f2);
        color: var(--t3);
        border: none;
        border-radius: 5vw;
        font-size: 2.5vw;
        font-weight: bold;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 20%);
        transition: background-color 0.2s;
        font-family: inherit;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .corp_mcinicio_5:hover {
        background-color: var(--f4);
        transition: background-color 0.2s;
    }

    .corp_mc_nuevo {
        background-color: var(--f3);
        border-radius: 3vw;
        font-weight: bold;
        font-size: 1vw;
        color: var(--t2);
        margin-left: 0.3vw;
        padding: 0.3vw;
        padding-left: 1vw;
        padding-right: 1vw;
        animation-name: corp_mc_nuevo_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        /* animation-timing-function: linear; */
    }

    @keyframes corp_mc_nuevo_ani {
        0% {
            font-size: 1vw;
        }

        50% {
            font-size: 1.5vw;
        }

        100% {
            font-size: 1vw;
        }
    }

    .corp_mc_cntds {
        width: 98%;
        margin-left: 1%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_pro_cntds {
        width: 98%;
        margin-left: 1%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_mc_bart1 {
        width: 100%;
        margin-left: 0%;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 10vw;
        padding-top: 0.3vw;
        padding-bottom: 0.3vw;
        padding-left: 2vw;
        font-size: 2vw;
        font-weight: bold;
        margin-bottom: 1.5vw;
    }

    .corp_mc_block {
        width: 100%;
        display: inline-block;
        margin-bottom: 2vw;
    }

    .corp_mc_mg_1 {
        width: 98%;
        margin-left: 1%;
        color: var(--t2);
        font-size: var(--tt2);
        /* overflow: hidden; */
    }

    .corp_mc_mg_1_2 {
        overflow: visible !important;
    }

    .corp_mc_inicio_ico_mk {
        float: left;
        /* width: 16%; */
        height: 7vw;
        /* background-color: rgba(150, 150, 0, 0.4); */
    }

    .corp_mc_inicio_g {
        width: 82%;
        float: left;
    }

    .corp_mc_inicio_g2 {
        width: 91%;
        float: left;
    }

    .corp_mc_t1 {
        font-weight: bold;
        color: var(--t4);
        line-height: 1vw;
        display: inline-block;
    }

    .corp_mc_t2 {
        font-weight: normal;
        margin-bottom: 0.5vw;
    }

    .corp_mc_t3 {
        font-weight: bold;
        font-size: 3.7vw;
        line-height: 4.5vw;
    }

    .corp_mc_t4 {
        font-weight: normal;
        font-size: 1.7vw;
        /* line-height: 2vw;*/
    }

    .corp_mc_t5 {
        font-weight: normal;
        font-size: 1.7vw;
        /* line-height: 2vw; */
    }

    .corp_mc_b1 {
        font-size: 2.5vw;
        font-weight: bold;
        /* text-indent: 3vw; */
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_mc_b1_ico {
        background-color: var(--f3);
        width: 3.5vw;
        height: 3.5vw;
        border-radius: 50%;
        float: left;
        margin-right: 1.3vw;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 40%;
        background-image: url(../images/arrow1_right.png);
    }

    .corp_mc_b1:hover {
        color: var(--t4);
        transition: all 0.3s;
        padding-left: 0.3vw;
    }

    .corp_mc_b_bank {
        margin-top: 0.5vw;
        margin-right: 1vw;
        width: 9.5vw;
        height: 4.3vw;
        border-radius: 0.5vw;
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.15);
        float: left;
        filter: grayscale(100%);
        opacity: 0.7;
        border: solid 0.2vw var(--f1);
        transition: all 0.3s;
    }

    .corp_mc_b_bank:hover {
        opacity: 1;
        filter: grayscale(0%);
        transition: all 0.3s;
        border: solid 0.2vw var(--f3);
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_mc_e3 {
        padding-left: 1vw;
        padding-top: 0.7vw;
        /* background-color: rebeccapurple; */
        display: inline-block;
    }

    .corp_mc_vb_1 {
        position: relative;
        padding: 2vw;
        width: 22.3vw;
        height: 33vw;
        background-color: var(--f1);
        float: left;
        margin-right: 1.5vw;
        margin-left: 1.5vw;
        margin-bottom: 5vw;
        border-radius: 1.9vw;
        box-shadow: var(--s1);
        transition: all 0.3s;
    }

    .corp_mc_vb_1:hover {
        box-shadow: var(--s1_h);
        transition: all 0.3s;
    }

    .corp_mc_vb_2 {
        background-image: url(../images/logo_hover.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 8vw;
        height: 5vw;
        /* background-color: red; */
        margin-top: 0vw;
        margin-left: 0vw;
    }

    .corp_mc_vb_3 {
        width: 100%;
        /* background-color: red; */
        text-align: right;
        font-size: 1.9vw;
        font-weight: bold;
    }

    .corp_mc_vb_4 {
        font-size: 1.9vw;
        font-weight: bold;
    }

    .corp_mc_vb_5 {
        width: 100%;
        text-align: center;
        color: var(--t1);
        background-color: var(--f4);
        font-size: 1.95vw;
        font-weight: bold;
        border-radius: 1vw;
        overflow: hidden;
        margin-bottom: 0.28vw;
    }

    .corp_mc_vb_6 {
        font-size: 3.5vw;
        font-weight: bold;
        color: var(--t1);
        background-color: var(--f2);
        text-align: center;
        border-radius: 1vw;
        width: 100%;
        margin-bottom: 1vw;
    }

    .corp_mc_vb_7 {
        width: 100%;
        /* background-color: silver; */
        display: inline-block;
        text-align: right;
        margin-bottom: 1vw;
    }

    .corp_mc_vb_7_line {
        display: inline-block;
    }

    .corp_mc_vb_7_KO_i {
        width: 4vw;
        height: 4vw;
        border-radius: 50%;
        background-color: var(--f9);
        background-image: url(../images/i_x.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
        float: left;
        margin-right: 1.3vw;
    }

    .corp_mc_vb_7_KO_t {
        color: var(--t9);
        font-size: 3vw;
        line-height: 4vw;
        font-weight: bold;
        float: left;
    }

    .corp_mc_vb_7_OK_i {
        width: 4vw;
        height: 4vw;
        border-radius: 50%;
        background-color: var(--f3);
        background-image: url(../images/i_check.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
        float: left;
        margin-right: 0.3vw;
    }

    .corp_mc_vb_7_OK_t {
        color: var(--t2);
        font-size: 3vw;
        line-height: 4vw;
        font-weight: bold;
        float: left;
    }

    .corp_mc_vb_8_a {
        position: relative;
        height: 2vw;
        float: left;
        width: 100%;
        /* background-color: yellowgreen; */
    }

    .corp_mc_vb_8_a_bg {
        position: relative;
        display: inline-block;
        width: 5.5%;
        /* float: left; */
        margin-left: 2%;
        /* height: 100%; */
        color: rgba(0, 0, 0, 0);
        font-size: 7px;
        background-color: rgba(0, 0, 0, 0.07);
    }

    .corp_mc_vb_8_b {
        height: 2.5vw;
        float: left;
        width: 50%;
        background-image: url(../images/i_cb.png);
        background-size: 77%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mc_vb_9 {
        cursor: pointer;
        position: absolute;
        bottom: -1.3vw;
        box-shadow: 0vw 0.3vw 0.7vw rgba(0, 0, 0, 0.2);
        left: 25%;
        width: 50%;
        /* height: 2vw; */
        background-color: var(--b3);
        color: var(--t2);
        border-radius: 2vw;
        text-align: center;
        font-weight: bold;
        font-size: 1vw;
        line-height: 2.5vw;
        transition: all 0.3s;
    }

    .corp_mc_vb_9:hover {
        transition: all 0.3s;
        color: var(--t4);
        box-shadow: 0vw 0.2vw 0.7vw rgba(0, 0, 0, 0.3);
    }

    .corp_mc_el_1 {
        width: 100%;
        height: 37vw;
        /* background-color: red; */
        position: relative;
    }

    .corp_mc_el_2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 35vw;
        height: 35vw;
        background-image: url(../images/i_mc_1.png);
        border-radius: 50%;
        background-size: 120%;
        border: solid 0.5vw var(--f3);
        background-color: var(--f3);
    }

    .corp_mc_el_2_2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 35vw;
        height: 35vw;
        background-color: rgba(0, 0, 0, 0);
        /* background-image: url(../images/i_mc_1.png); */
        border-radius: 50%;
        border: solid 0.5vw var(--f3);
        opacity: 1;
        transition: opacity 0.3s;
    }

    .corp_mc_el_2_2:hover {
        opacity: 0;
        transition: opacity 0.3s;
    }

    .corp_mc_el_3 {
        position: absolute;
        top: 5%;
        right: 2vw;
        width: 72%;
        height: 87%;
        background-color: var(--f2);
        border-radius: 2.5vw;
    }

    .corp_mc_el_4 {
        /* background-color: red; */
        width: 65%;
        position: absolute;
        left: 25%;
        top: 10%;
    }

    .corp_mc_el_5 {
        width: 100%;
        /* background-color: var(--f4); */
        display: inline-block;
        margin-bottom: 1.2vw;
    }

    .corp_mc_el_6 {
        -webkit-text-stroke: 0.05vw var(--f3);
        color: transparent;
        font-size: 7vw;
        line-height: 6vw;
        font-weight: bold;
        float: left;
        margin-right: 0.5vw;
        /* background-color: yellow; */
        height: auto;
    }

    .corp_mc_el_7 {
        display: flow-root;
        color: var(--t1);
        font-size: 1.5vw;
    }

    .corp_mc_el_8 {
        color: var(--t2);
        font-size: var(--tt2);
        font-weight: bold;
    }

    .corp_mc_env_lec_1 {
        width: 20vw;
        height: 20vw;
        background-color: red;
    }

    .corp_mc_el_9 {
        border: 0.3vw solid var(--f3);
        width: 11vw;
        height: 11vw;
        border-radius: 50%;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
    }

    .corp_file_lectura {
        /* cursor: pointer; */
        /* width: 20vw; */
        /* height: 3.8vw; */
        /* position: absolute; */
        /* left: 0.5vw; */
        /* top: 17.3vw; */
        cursor: pointer;
        width: 33vw;
        height: 8.8vw;
        /* color: red; */
        position: absolute;
        left: 0.5vw;
        top: 30vw;
    }

    .corp_file_lectura::-webkit-file-upload-button {
        visibility: hidden;
    }

    .corp_file_lectura::before {
        content: 'Seleccionar una imagen';
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        text-align: left;
        text-indent: 5vw;
        line-height: 5vw;
        background-image: url(../images/i_el2.png);
        background-position: 1.3vw center;
        background-repeat: no-repeat;
        background-size: auto 55%;
        width: 30vw;
        margin-left: 1vw;
        border-radius: 18vw;
        box-shadow: 0vw 0.3vw 0.5vw rgb(250 0 0 / 20%);
        transition: all 0.3s;
        /* border: solid 0.17vw #D70707; */
    }

    .corp_file_lectura:hover::before {
        color: var(--f4);
        background-image: url(../images/i_el2_2.png);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_file_lectura:hover::before {
        border-color: black;
    }

    .corp_file_lectura:active {
        outline: 0;
    }

    .corp_file_lectura:active::before {
        /*ko*/
    }

    .corp_file_lecturaKO {
        cursor: pointer;
        width: 33vw;
        height: 8.8vw;
        /* color: red; */
        position: absolute;
        left: 1.45vw;
        top: 31vw;
    }

    .corp_file_lecturaKO::-webkit-file-upload-button {
        visibility: hidden;
    }

    .corp_file_lecturaKO::before {
        content: 'Seleccionar una imagen';
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        text-align: left;
        text-indent: 5vw;
        line-height: 5vw;
        background-image: url(../images/i_el2.png);
        background-position: 1.3vw center;
        background-repeat: no-repeat;
        background-size: auto 55%;
        width: 30vw;
        margin-left: 1vw;
        border-radius: 18vw;
        box-shadow: 0vw 0.3vw 0.5vw rgb(250 0 0 / 20%);
        transition: all 0.3s;
        border: solid 0.17vw #D70707;
    }

    .corp_file_lecturaKO:hover::before {
        border: solid 0.17vw #D70700;
        color: var(--f4);
        background-image: url(../images/i_el2_2.png);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_file_lecturaKO:active {
        outline: 0;
    }

    .corp_file_lecturaKO:active::before {
        /*ko*/
    }

    .corp_mc_el_10 {
        float: left;
        width: 100%;
        /* background-color: red; */
    }

    .corp_mc_el_11 {
        width: 100%;
        /* background-color: red; */
        display: inline-block;
        position: relative;
    }

    .corp_mc_el_12 {
        position: absolute;
        z-index: 1;
        width: 8.5vw;
        height: 8.5vw;
        top: -5.2vw;
        left: 73vw;
        background-image: url(../images/avi_enviar.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all 2s;
    }

    .corp_mc_el_13 {
        margin-top: 1.3vw;
        padding-left: 2.8vw;
        padding-right: 2.8vw;
    }

    .corp_hm_login_in_b1_2:hover .corp_mc_el_12 {
        position: absolute;
        z-index: 1;
        width: 4.5vw;
        height: 4.5vw;
        top: -70vw;
        left: 90vw;
        background-image: url(../images/avi_enviar.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        opacity: 0.5;
        transition: all 3s;
    }

    .corp_gfc1 {
        font-size: 3.2vw;
        font-weight: bold;
        color: var(--t2);
        width: 100%;
        text-align: center;
    }

    .corp_gfc2 {
        width: 100%;
        height: 37vw;
        display: inline-block;
        margin-top: 7vw;
        /* background-color: skyblue; */
    }

    .corp_gfc3 {
        float: left;
        width: 7.69%;
        height: 100%;
        /* background-color: springgreen; */
        position: relative;
    }

    .corp_gfc3:hover .corp_gfc5 {
        margin-top: -13.5vw;
        transition: all 0.3s;
    }

    .corp_gfc3:hover .corp_gfc6 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 1vw;
        background-color: var(--f4);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0s;
    }

    .corp_gfc4 {
        padding-top: 7%;
        position: absolute;
        left: 0%;
        width: 100%;
        /* background-color: white; */
        opacity: 0.5;
        text-align: center;
        font-size: 0.7vw;
        font-weight: bold;
        color: var(--t4);
        transition: opacity 0.1s, padding-top 0.2s;
    }

    .corp_gfc5 {
        position: absolute;
        left: 0;
        margin-left: 15%;
        width: 70%;
        height: 13%;
        line-height: 90%;
        margin-top: -13vw;
        font-size: 100%;
        border-radius: 50%;
        background-color: var(--f4);
        text-align: center;
        display: flex;
        font-weight: bold;
        color: var(--t3);
        align-content: center;
        align-items: center;
        justify-content: center;
        transition: all 0.3s;
    }

    .corp_gfc6 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 1vw;
        background-color: var(--f2);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.6s;
    }

    .corp_gfc6_2 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: var(--f3);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_gfc6_2:hover {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: var(--f3);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        box-shadow: 0vw 0vw 0.5vw var(--f3);
        transition: all 0.3s;
    }

    .corp_gfc6_3 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: #FF5E00;
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_gfc6_3:hover {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: #FF5E00;
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        box-shadow: 0vw 0vw 0.5vw #FF5E00;
        transition: all 0.3s;
    }

    .corp_gfc7 {
        position: absolute;
        left: 0%;
        bottom: 0%;
        width: 100%;
        /* background-color: white; */
        text-align: center;
        font-size: 2.1vw;
        font-weight: bold;
        color: var(--t2);
    }

    .corp_tb {
        padding: 1vw;
        text-align: justify;
    }

    .corp_mc_t_i1 {
        width: 100%;
        height: 21vw;
        border-radius: 1.7vw;
        background-image: url(../images/mc_2.png);
        box-shadow: 0vw 1.3vw 1.5vw rgb(0 0 0 / 20%);
        margin-bottom: 5vw;
    }

    .corp_mc_p1 {
        width: 100%;
        display: inline-block;
        /* background-color: red; */
        border-spacing: 0;
    }

    .corp_mc_p2 {
        width: 100%;
        background-color: var(--f2);
        color: var(--t1);
        font-size: 1.5vw;
        font-weight: bold;
        line-height: 4.5vw;
        margin-bottom: 2vw;
    }

    .corp_mc_p3 {
        /* width: 14%; */
        margin: 0;
        text-align: center;
        line-height: 3.5vw;
        /* width: 14.2%; */
        overflow: hidden;
        /* display: inline;*/
    }

    .corp_mc_p3_i {
        border-radius: 1vw 0vw 0vw 1vw;
    }

    .corp_mc_p3_f {
        border-radius: 0vw 1vw 1vw 0vw;
    }

    .corp_mc_p4 {
        margin-top: 0.5vw;
        background-color: var(--f10);
        color: var(--t2);
        font-size: 1.6vw;
        line-height: 1.5vw;
    }

    .corp_mc_p4:hover {
        color: var(--t4);
        background-color: rgba(0, 0, 0, 0.05);
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.05); */
    }

    .darkmode .corp_mc_p4:hover {
        color: var(--t3);
        background-color: var(--f8)
            /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.05); */
    }

    .darkmode .corp_mc_p5 {
        border-top: solid 0.3vw var(--f1);
    }

    .corp_mc_p5 {
        /* padding: 0.3vw; */
        width: 14.2%;
        line-height: 4vw;
        margin: 0;
        border-spacing: 0;
        text-align: left;
        padding-left: 0.7vw;
        padding-right: 0.7vw;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border-top: solid 0.3vw white;
    }

    .corp_mc_p5_i {
        border-radius: 1vw 0vw 0vw 1vw;
    }

    .corp_mc_p5_f {
        border-radius: 0vw 1vw 1vw 0vw;
    }

    .corp_mc_p6 {
        /* width: 20%; */
        text-indent: 2.7vw;
        background-position: left;
        background-repeat: no-repeat;
        background-size: auto 60%;
    }

    .corp_mc_as1 {
        margin-bottom: 1.5vw;
        overflow: hidden;
        position: relative;
        width: 96%;
        padding: 2%;
        border-radius: 1vw;
        background-color: var(--f8);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.05);
    }

    .corp_mc_as2 {
        position: absolute;
        right: -10vw;
        bottom: -15vw;
        width: 19vw;
        height: 19vw;
        background-color: var(--f3);
        border-radius: 50%;
    }

    .corp_mc_as3 {
        position: absolute;
        right: -16vw;
        bottom: -10vw;
        width: 19vw;
        height: 19vw;
        background-color: var(--f2);
        border-radius: 50%;
    }

    .corp_mc_as4_a {
        color: var(--t2);
        font-size: 1.6vw;
        width: 33%;
        float: left;
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as4_a3 {
        color: var(--t2);
        font-size: 1.6vw;
        width: 33%;
        float: left;
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as4 {
        color: var(--t2);
        font-size: 1.6vw;
        width: 60%;
        float: left;
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as5 {
        float: left;
        font-weight: bold;
        width: 38%;
        text-indent: 10%;
    }

    .corp_mc_as7 {
        display: inline-block;
        width: 100%;
        height: 25vw;
        position: relative;
    }

    .corp_mc_as8 {
        position: absolute;
        bottom: 0%;
        left: 12%;
        width: 20%;
        height: 36%;
        background-size: 100%;
        background-position: center bottom;
        background-image: url(../images/llae_20.png);
    }

    .corp_mc_as9 {
        position: absolute;
        bottom: 0%;
        right: 12%;
        width: 20%;
        height: 36%;
        background-size: 100%;
        background-position: center bottom;
        background-image: url(../images/llae_12.png);
    }

    .corp_mc_as10 {
        color: var(--t1);
        text-align: center;
        overflow: hidden;
        display: inline-block;
        width: 50%;
        left: 25%;
        height: 100%;
        background-color: var(--f2);
        border-radius: 50%;
        position: absolute;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_mc_as11 {
        margin-top: 1.5vw;
        margin-bottom: 1.5vw;
        display: inline-block;
        width: 100%;
        height: 3vw;
        background-size: auto 80%;
        background-image: url(../images/hm_qqhh_mc.png);
    }

    .corp_mc_as12 {
        margin-bottom: 0.5vw;
        width: 80%;
        text-align: center;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_mc_as13 {
        /* background-color: blue; */
        text-align: left;
        display: inline-block;
        float: left;
        line-height: 2.5vw;
        width: 45%;
        font-weight: bold;
    }

    .corp_mc_as14 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.5vw;
        /* width: 56%; */
        /* margin-right: 0.33vw; */
        color: var(--t2);
        border: solid 0.17vw var(--f4);
        display: inline-block;
        /* margin-bottom: 0.7vw; */
        border-radius: 0.7vw;
        transition: all 0.3s;
        /* width: 50%; */
    }

    .corp_mc_as14_2 {
        width: 94%;
    }

    .corp_mc_as14:focus {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc_as14:hover {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1); */
    }

    .corp_ayuda1 {
        display: inline-block;
        width: 1vw;
        height: 1vw;
        text-align: center;
        border-radius: 50%;
        font-weight: bold;
        line-height: 1vw;
        cursor: pointer;
        color: var(--t1);
        background-color: var(--f4);
        transition: all 0.3s;
    }

    .corp_ayuda1:hover {
        color: var(--t3);
        /* background-color: var(--f2); */
        transition: all 0.3s;
    }

    .x_captcha {
        border-radius: 0.5vw;
        width: 75%;
        margin-left: 12.5%;
        height: 4vw;
        border: solid silver 0.1vw;
        background-size: 95%;
        background-color: #f9f9f9;
    }

    .corp_ctb1 {
        margin-top: 1.5vw;
        position: relative;
        width: 100%;
        height: 28vw;
        display: inline-block;
        /* background-color: rgba(0, 0, 0, 0.05); */
    }

    .corp_ctb2_0 {
        background-color: transparent;
        /* border: solid 1px red; */
        width: 10vw;
        height: 15vw;
        perspective: 20vw;
        float: left;
        position: relative;
        z-index: 0;
        margin-top: 5vw;
        transition: all 0.5s;
        opacity: 0.5;
        filter: blur(0.1vw);
    }

    .corp_ctb2_0:hover {
        opacity: 1;
        filter: blur(0vw);
        margin-top: 0vw;
        width: 18vw;
        height: 30vw;
        z-index: 1;
        transition: all 0.5s;
        /* border: solid 1px springgreen; */
    }

    .corp_ctb2_1 {
        z-index: 0;
        width: 10vw;
        height: 15vw;
        /* background-color: springgreen; */
        position: absolute;
        top: 0vw;
        left: 0vw;
        border-radius: 0.7vw;
        background-size: 100%;
        transform-style: preserve-3d;
        transform: rotateY(50deg);
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.2);
        transition: all 0.8s;
    }

    .corp_ctb2_0:hover .corp_ctb2_1 {
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.3);
        z-index: 1;
        width: 20vw;
        height: 30vw;
        transform: rotateY(7deg);
        transition: all 0.8s;
    }

    .corp_ctb2_1_2 {
        z-index: 0;
        width: 10vw;
        height: 15vw;
        /* background-color: springgreen; */
        position: absolute;
        top: 0vw;
        left: 0vw;
        border-radius: 0.7vw;
        background-size: 100%;
        transform-style: preserve-3d;
        transform: rotateY(-50deg);
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.2);
        transition: all 0.8s;
    }

    .corp_ctb2_0:hover .corp_ctb2_1_2 {
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.3);
        z-index: 1;
        width: 20vw;
        height: 30vw;
        transform: rotateY(7deg);
        transition: all 0.8s;
    }

    .corp_ctb3_1 {
        padding-left: 1.5vw;
        line-height: 2.5vw;
        background-color: var(--f3);
        width: 100%;
        height: 100%;
        -webkit-clip-path: polygon(10% 0%, 100% 1%, 100% 100%, 10% 100%, 0% 50%);
        clip-path: polygon(10% 0%, 100% 1%, 100% 100%, 10% 100%, 0% 50%);
    }

    /**/
    .corp_ctb3_1_n {
        border-radius: 1vw;
        overflow: hidden;
        opacity: 0.3;
        position: absolute;
        left: -20%;
        height: 2.5vw;
        width: 1vw;
        line-height: 2.5vw;
        color: var(--t2);
        font-weight: bold;
        font-size: 1.2vw;
        z-index: 2;
        display: inline-block;
        filter: drop-shadow(0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.2));
        transition: all 0s;
        white-space: nowrap;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_n {
        height: 2.5vw;
        opacity: 1;
        left: 95%;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_1 {
        top: 0%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_1 {
        top: 0%;
        width: 9vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_2 {
        top: 11%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_2 {
        top: 11%;
        width: 9vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_3 {
        top: 40%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_3 {
        top: 40%;
        width: 9vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_4 {
        top: 55%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_4 {
        top: 55%;
        width: 13.5vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_5 {
        top: 80%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_5 {
        top: 80%;
        width: 10vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_6 {
        top: 20%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_6 {
        top: 20%;
        width: 10vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_7 {
        top: 60%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_7 {
        top: 60%;
        width: 15vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_8 {
        top: 15%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_8 {
        top: 15%;
        width: 11.5vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_9 {
        top: 50%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_9 {
        top: 50%;
        width: 12.5vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_10 {
        top: 70%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_10 {
        top: 70%;
        width: 15vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_11 {
        top: 7%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_11 {
        top: 7%;
        width: 11.5vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_12 {
        top: 43%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_12 {
        top: 43%;
        width: 14vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_13 {
        top: 70%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_13 {
        top: 70%;
        width: 15.5vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_14 {
        top: 85%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_14 {
        top: 85%;
        width: 17.5vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_15 {
        top: 66%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_15 {
        top: 66%;
        width: 16vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_16 {
        top: 30.5%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_16 {
        top: 30.5%;
        width: 13vw;
        transition: all 0.8s;
    }

    .corp_head_i1 {
        background-image: url(../images/up_ico_ofivir.png);
    }

    .corp_head_i2 {
        background-image: url(../images/up_ico_quiero_gas_natural.png);
    }

    .corp_head_i3 {
        background-image: url(../images/up_ico_llae.png);
    }

    .corp_head_i4 {
        background-image: url(../images/up_ico_st.png);
    }

    .corp_head_i5 {
        background-image: url(../images/up_ico_catalogo.png);
    }

    .corp_head_i5_2 {
        background-image: url(../images/up_ico_contacto23.png);
    }

    .corp_head_i6 {
        background-image: url(../images/up_fb.png);
    }

    .corp_head_i7 {
        background-image: url(../images/up_ig.png);
    }

    .corp_head_i8 {
        background-image: url(../images/up_yt.png);
    }

    .corp_head_i9 {
        background-image: url(../images/up_in.png);
    }

    .darkmode .corp_head_i10 {
        opacity: 1;
        filter: grayscale(0%);
        background-image: url(../images/up_mdon.png);
        display: none;
    }

    .corp_head_i10 {
        background-image: url(../images/up_md.png);
        display: none;
    }

    .corp_mc_ss1 {
        width: 38%;
        /* background-color: springgreen; */
        float: left;
    }

    .corp_mc_ss2 {
        /* overflow: hidden; */
        width: 62%;
        /* background-color: skyblue; */
        float: left;
    }

    .corp_mc_ss3 {
        width: 95%;
        height: 5vw;
        background-image: url(../images/i1.png);
        margin-bottom: 1vw;
    }

    .corp_mc_ss4 {
        /* font-size: 1.1vw; */
        width: 100%;
        /* background-color: slateblue; */
        display: inline-block;
        margin-bottom: 1vw;
    }

    .corp_mc_ss5 {
        width: 3vw;
        height: 3vw;
        background-size: 70%;
        border-radius: 50%;
        background-color: var(--f3);
        float: left;
        margin-left: 5%;
        box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc_ss5_1 {
        background-image: url(../images/i2.png);
    }

    .corp_mc_ss5_2 {
        background-image: url(../images/i3.png);
    }

    .corp_mc_ss5_3 {
        background-image: url(../images/i4.png);
    }

    .corp_mc_ss5_4 {
        background-image: url(../images/i5.png);
    }

    .corp_mc_ss5_5 {
        background-image: url(../images/i6.png);
    }

    .corp_mc_ss6 {
        /* background-color: springgreen; */
        margin-left: 0.5vw;
        display: inline-flex;
        padding-top: 0.9vw;
    }

    .corp_mc_ss7 {
        content: url(../images/i7.png);
        width: 1.3vw;
        height: 1.3vw;
        margin-right: 0.2vw;
    }

    .corp_mc_ss8 {
        content: url(../images/i8.png);
        width: 1.3vw;
        height: 1.3vw;
        margin-right: 0.2vw;
        margin-left: 0.5vw;
    }

    .corp_mc_ss9 {
        width: 100%;
        position: relative;
        display: inline-block;
    }

    .corp_mc_ss10 {
        padding-top: 2vw;
        width: 70%;
        padding-left: 1vw;
        padding-right: 1vw;
        /* height: 100%; */
        margin-left: 15%;
        background-color: var(--f2);
        border-radius: 3vw;
        color: var(--t1);
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_mc_ss11 {
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 16%;
        height: 8vw;
        background-position: center bottom;
        background-image: url(../images/i9.png);
    }

    .corp_mc_ss12 {
        position: absolute;
        bottom: 0;
        right: 0%;
        width: 25%;
        height: 15vw;
        background-position: center bottom;
        background-image: url(../images/i10.png);
    }

    .corp_mc_ss13 {
        float: left;
        width: 30%;
    }

    .corp_mc_ss14 {
        float: left;
        font-weight: bold;
        text-indent: 10%;
        width: 50%;
        /* background-color: red; */
    }

    .corp_mc_ss15 {
        /* background-color: springgreen; */
    }

    .corp_mc_ss16 {
        float: left;
        width: 40%;
    }

    .corp_mc_ss17 {
        float: left;
        font-weight: bold;
        text-indent: 10%;
        width: 30%;
        /* background-color: red; */
    }

    .corp_mc_ss18 {
        /* background-color: springgreen; */
    }

    .corp_mc_ss19 {
        margin-bottom: 0.5vw;
        margin-left: 5%;
        width: 90%;
        /* background-color: springgreen; */
        display: inline-block;
    }

    .corp_mc_ss20 {
        text-align: center;
        margin-bottom: 1.5vw;
        display: inline-block;
    }

    .corp_mc_ss21 {
        font-weight: bold;
        color: var(--t1);
    }

    .corp_mc_ss21:hover {
        font-weight: bold;
        color: var(--t3);
    }

    .corp_mc_ss22 {
        width: 55%;
    }

    .corp_pro1 {
        width: 94%;
        margin-left: 3%;
        margin-top: 2vw;
        display: inline-block;
    }

    .corp_pro2 {
        width: 100%;
        /* height: 3vw; */
        /* background-color: red; */
        margin-bottom: 1vw;
        display: inline-block;
        display: none;
    }

    .corp_pro3 {
        /* float: left; */
        font-size: 2.5vw;
        font-weight: bold;
        color: var(--t2);
        /* height: 100%; */
        /* width: 73%; */
        background-color: red;
        line-height: 3.5vw;
        margin-left: 0.5vw;
        position: relative;
    }

    .corp_pro4 {
        float: left;
        margin-right: 0.2vw;
        font-size: 2vw;
        font-weight: bold;
        color: var(--t2);
        /* background-color: red; */
        text-indent: 3vw;
        padding: 0.3vw;
        padding-left: 1vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 5%;
    }

    .corp_pro4:hover {
        /* text-indent: 17%; */
        /* padding-left: 1.3vw; */
        color: var(--t4);
        /* background-color: var(--f2); */
        transition: all 0.2s;
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1); */
    }

    .corp_pro5 {
        width: 92%;
        margin: 3%;
        margin-top: 0;
        margin-bottom: 1.2vw;
        height: 38vw;
        /* background-color: springgreen; */
        /* float: left; */
        background-position: center center;
        background-size: 101%;
        background-repeat: no-repeat;
        /* border-radius: 0.3vw; */
        display: inline-block;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro6 {
        /* border-radius: 0.3vw; */
        width: 92%;
        margin: 3%;
        margin-top: 0;
        margin-bottom: 1.2vw;
        height: 22vw;
        /* background-color: skyblue; */
        background-position: center center;
        background-size: 101%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro7 {
        width: 96%;
        margin: 1.5%;
        margin-top: 0;
        height: 22vw;
        /* background-color: skyblue; */
        background-position: center center;
        background-size: 101%;
        background-repeat: no-repeat;
        display: inline-block;
        /* border-radius: 0.3vw; */
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro8 {
        font-size: 3.7vw;
        letter-spacing: 0.3vw;
        font-weight: bold;
        text-transform: uppercase;
        opacity: 1;
        color: white;
        text-shadow: 0vw 0vw 0.5vw rgb(0 0 0 / 50%);
    }

    .corp_pro9 {
        border: solid 0.1vw rgba(255, 255, 255, 1.0);
        width: 90%;
        height: 90%;
        margin: 5%;
        text-align: center;
        display: flex;
        /* padding-top: 39%; */
        /* padding-bottom: 39%; */
        /* position: relative; */
        transition: all 0.7s;
        justify-content: center;
        align-items: center;
    }

    .corp_pro10 {
        border: solid 0.1vw rgba(255, 255, 255, 1.0);
        width: 90%;
        height: 90%;
        margin: 5%;
        text-align: center;
        display: flex;
        /* padding-top: 39%; */
        /* padding-bottom: 39%; */
        /* position: relative; */
        transition: all 0.7s;
        justify-content: center;
        align-items: center;
    }

    .corp_pro11 {
        border: solid 0.1vw rgba(255, 255, 255, 0.5);
        width: 95%;
        margin: 1vw;
        text-align: center;
        display: inline-block;
        padding-top: 17.5%;
        padding-bottom: 17.5%;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro5:hover .corp_pro9 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro5:hover {
        transition: all 1s;
        background-size: 110%;
    }

    .corp_pro6:hover .corp_pro10 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro6:hover {
        transition: all 0.7s;
        background-size: 110%;
    }

    .corp_pro7:hover {
        transition: all 0.7s;
        background-size: 110%;
    }

    .corp_pro7:hover .corp_pro11 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro12 {
        width: 100%;
        margin-left: 0%;
        /* margin-right: 2%; */
        /* height: 100vw; */
        /* position: relative; */
    }

    .corp_pro13 {
        /* float: left; */
        width: 100%;
        display: inline-block;
        /* background-color: skyblue; */
        /* position: sticky; */
        /* top: 9vw;*/
    }

    .corp_pro13_a {
        background-image: url(../images/gp_av.png);
        background-repeat: no-repeat;
        background-size: 20%;
        background-position: left center;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        transition: all 0.3s;
        opacity: 0;
    }

    .corp_pro13_a:hover {
        transition: all 0.3s;
        opacity: 1;
    }

    .corp_pro13_s {
        background-image: url(../images/gp_sv.png);
        background-repeat: no-repeat;
        background-size: 20%;
        background-position: right center;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        transition: all 0.3s;
        opacity: 0;
    }

    .corp_pro13_s:hover {
        transition: all 0.3s;
        opacity: 1;
    }

    .corp_pro13_x {
        position: absolute;
        bottom: 1vw;
        width: 16%;
        text-indent: 42%;
        background-repeat: no-repeat;
        background-size: auto 45%;
        background-position: 20% center;
        background-image: url(../images/gp_cam.png);
        /* text-align: center; */
        font-size: 3vw;
        padding: 0.2vw;
        font-weight: bold;
        margin-left: 40%;
        border-radius: 5vw;
        background-color: var(--f2);
        color: white;
    }

    .corp_pro14 {
        width: 100%;
        margin-left: 0%;
        display: inline-block;
        color: var(--t2);
    }

    .corp_pro15 {
        height: 98vw;
        border: solid 0.1vw rgba(125, 125, 125, 0.05);
    }

    .corp_pro16 {
        float: left;
        width: 55%;
        /* margin-left: 2%; */
        display: inline-block;
        /* background-color: springgreen; */
    }

    .corp_pro17 {
        float: left;
        width: 40%;
        margin-left: 5%;
        display: inline-block;
        /* background-color: skyblue; */
        position: sticky;
        top: 9vw;
    }

    .corp_pro18 {
        width: 100%;
        display: inline-block;
        /* background-color: yellowgreen; */
        margin-bottom: 0.5vw;
        border-bottom: solid 0.1vw rgba(125, 125, 125, 0.05);
        position: relative;
        padding-bottom: 0.9vw;
    }

    .corp_pro_marca {
        font-size: 1.9vw;
        line-height: 1.9vw;
        font-weight: bold;
        width: 85%;
    }

    .corp_pro_modelo {
        width: 99%;
        font-size: 2.7vw;
        line-height: 3.7vw;
        font-weight: bold;
    }

    .corp_pro_descripcion {
        font-size: var(--tt2);
    }

    .corp_pro_descuento {
        width: 11.5vw;
        height: 11.5vw;
        line-height: 10.5vw;
        font-size: 6.1vw;
        text-align: center;
        border-radius: 50%;
        background-color: var(--f2);
        color: var(--t3);
        border: solid 0.8vw var(--f3);
        font-weight: bold;
        position: absolute;
        top: -95vw;
        right: 2vw;
    }

    .corp_pro_preciooferta_t {
        font-size: 2.7vw;
        font-weight: bold;
        border-radius: 1.22vw;
        /* color: rgb(222, 10, 10); */
        background-color: var(--f4);
        color: var(--t1);
        display: inline-block;
        padding: 2vw;
        letter-spacing: 0.2vw;
        line-height: 0.9vw;
        margin-bottom: 0.5vw;
    }

    .corp_pro_preciooferta {
        font-size: 6.2vw;
        line-height: 7.2vw;
        /* font-weight: bold; */
        color: rgb(222, 10, 10);
        letter-spacing: -0.1vw;
        color: var(--t4);
    }

    .corp_pro_precionormal_t {
        float: left;
    }

    .corp_pro_precionormal {
        float: left;
        margin-left: 0.5vw;
        text-decoration: line-through;
    }

    .corp_pro_precionormalok {
        text-decoration: none;
        font-size: 5.5vw;
        width: 100%;
        line-height: 5vw;
    }

    .corp_pro_precionormal_g {
        display: inline-block;
        width: 100%;
    }

    .corp_pro_cuotas {
        font-size: 2vw;
        font-weight: bold;
        float: left;
        color: var(--t4);
    }

    .corp_pro_cuota {
        font-size: 2vw;
        font-weight: bold;
        float: left;
        color: var(--t4);
        margin-left: 0.5vw;
    }

    .corp_pro_cae {
        font-size: 1.7vw;
        color: var(--t7);
        margin-bottom: 1vw;
    }

    .corp_pro19 {
        background-color: var(--f2);
        background-image: url(../images/i35.jpg);
        padding: 1vw;
        background-position: center top;
        background-repeat: repeat-x;
        border-radius: 1.1vw;
        padding-top: 41vw;
        background-size: 100%;
        color: var(--t1);
        margin-bottom: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 20%);
    }

    .corp_pro20 {
        color: var(--t3);
        text-align: center;
        display: inline-block;
        margin-top: 1vw;
        margin-bottom: 1.5vw;
    }

    .corp_pro21 {
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        font-size: var(--tt2);
        margin-bottom: 1vw;
    }

    .corp_pro22 {
        /* line-height: 2vw; */
        margin-bottom: 0.5vw;
    }

    .corp_pro23 {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-bottom: 1vw;
    }

    .corp_btn_i {
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right center;
        text-align: center;
        padding-right: 1.8vw;
        font-weight: bold;
    }

    .corp_btn_il {
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        text-align: center;
        padding-left: 2.8vw;
        font-weight: bold;
    }

    .corp_btn_verdoc {
        display: inline-block;
        margin: 0;
        background-image: url(../images/ico_verdoc4.png);
        transition: all 0.3s;
    }

    .corp_btn_waze {
        display: inline-block;
        margin: 0;
        background-image: url(../images/waze.png);
        transition: all 0.3s;
    }

    .corp_btn_maps {
        display: inline-block;
        margin: 0;
        background-image: url(../images/mapa.png);
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_maps {
        background-image: url(../images/mapa2.png);
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_btn_fono {
        display: inline-block;
        margin: 0;
        background-image: url(../images/fono3.png);
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_fono {
        background-image: url(../images/fono1.png);
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_waze {
        background-image: url(../images/waze2.png);
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_verdoc {
        background-image: url(../images/ico_verdoc2.png);
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_ld_1 {
        display: inline-block;
        width: 70%;
        margin-right: 2vw;
        float: left;
        /* background-color: blue; */
    }

    .corp_ld_2 {
        display: inline-block;
        width: 27%;
        float: left;
        /* background-color: red; */
    }

    .corp_nos_lt1 {
        width: 80%;
        margin-left: 10%;
        height: 39vw;
        background-color: var(--f4);
        display: inline-block;
        overflow: hidden;
        position: relative;
        border-radius: 1.2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
        transition: background-color 1s;
    }

    .corp_nos_lt1_2 {
        width: 80%;
        margin-left: 10%;
        height: 39vw;
        background-color: rgba(90, 185, 5, 0.9);
        display: inline-block;
        overflow: hidden;
        position: relative;
        border-radius: 1.2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
        transition: background-color 1s;
    }

    .corp_nos_lt2 {
        position: absolute;
        display: inline-block;
        bottom: 1vw;
        left: 2.5%;
        width: 95%;
        /* height: 3vw; */
        /* background: steelblue; */
        text-align: center;
    }

    .corp_nos_lt3 {
        display: inline-block;
    }

    .corp_nos_lt4 {
        color: var(--t1);
        float: left;
        margin: 0.2vw;
        padding: 0.5vw;
        /* padding-left: 0.7vw; */
        /* padding-right: 0.7vw; */
        font-size: 1.2vw;
        line-height: 1vw;
        text-align: center;
        border: solid 0.12vw rgba(255, 255, 255, 0.7);
        border-radius: 0.5vw;
        transition: all 2s;
        opacity: 0.8;
        /* margin-top: 0.2vw; */
        font-weight: bold;
        cursor: pointer;
    }

    .corp_nos_lt4:hover {
        background-color: var(--f3);
        /* margin-top: 0vw; */
        color: var(--t2);
        border: solid 0.12vw var(--f3);
        /* font-size: 1.5vw; */
        /* line-height: 1.2vw; */
        opacity: 1;
        transition: all 0.1s;
    }

    .corp_nos_lt4Ok {
        color: var(--t2);
        float: left;
        margin: 0.2vw;
        padding: 0.5vw;
        /* padding-left: 0.7vw; */
        /* padding-right: 0.7vw; */
        font-size: 1.2vw;
        line-height: 1vw;
        text-align: center;
        border: solid 0.12vw var(--f3);
        border-radius: 0.5vw;
        transition: all 0.1s;
        background-color: var(--f3);
        opacity: 1;
        /* margin-top: 0.2vw; */
        font-weight: bold;
        cursor: pointer;
    }

    .corp_nos_lt5 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        opacity: 0.7;
        transition: all 3s ease;
        /* filter: blur(0.1vw); */
        filter: grayscale(100%);
    }

    .corp_nos_lt6 {
        position: relative;
        width: 6.25%;
        height: 100%;
        float: left;
        /* border: solid red 1px; */
        transition: all 9s ease;
    }

    .corp_nos_lt7A {
        cursor: pointer;
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0%;
        left: 0%;
        background-image: url(../images/slline/a.png);
        background-repeat: no-repeat;
        background-position: 2% center;
        background-size: 3.3% auto;
        opacity: 0;
        transition: all 0.3s;
    }

    .corp_nos_lt7A:hover {
        opacity: 0.5;
        transition: all 0.3s;
    }

    .corp_nos_lt7S {
        cursor: pointer;
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0%;
        right: 0%;
        background-image: url(../images/slline/s.png);
        background-repeat: no-repeat;
        background-position: 98% center;
        background-size: 3.3% auto;
        opacity: 0;
        transition: all 0.3s;
    }

    .corp_nos_lt7S:hover {
        opacity: 0.5;
        transition: all 0.3s;
    }

    .corp_nos_lt7 {
        width: 100%;
        height: 7vw;
        position: absolute;
        opacity: 1;
        left: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--f2));
        transition: opacity 0.7s;
    }

    .corp_nos_lt7_2 {
        width: 100%;
        height: 7vw;
        position: absolute;
        opacity: 1;
        left: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(33, 155, 3, 0.9));
        transition: opacity 0.7s;
    }

    .corp_nos_lt7KO {
        opacity: 0;
        transition: opacity 0.7s;
    }

    .corp_nos_lt8 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        transition: all 2s ease;
    }

    .corp_nos_lt9 {
        color: white;
        overflow: hidden;
        display: inline-block;
        width: 33%;
        position: relative;
        padding: 2vw;
        border-radius: 0.2vw;
        margin-left: 3vw;
        margin-top: 4vw;
        background-color: var(--f2);
        box-shadow: 0vw 0vw 3vw rgba(0, 0, 0, 0.7);
    }

    .corp_nos_lt9_2 {
        color: white;
        overflow: hidden;
        display: inline-block;
        width: 33%;
        position: relative;
        padding: 2vw;
        border-radius: 0.2vw;
        margin-left: 3vw;
        margin-top: 4vw;
        background-color: rgba(33, 155, 3, 0.9);
        box-shadow: 0vw 0vw 3.3vw rgb(7 77 7 / 80%);
    }

    .corp_nos_lt10 {
        font-size: 20vw;
        position: absolute;
        left: -0.5vw;
        bottom: -7.7vw;
        color: rgba(255, 255, 255, 0.33);
        text-shadow: none;
    }

    .corp_nos_lt11 {
        font-size: 1.6vw;
        line-height: 1.8vw;
        margin-bottom: 0.5vw;
    }

    .corp_nos_lt12 {
        font-size: 1vw;
    }

    .corp_nos_lt13 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        transition: all 3.5s ease;
    }

    .corp_nos_lt14 {
        width: 30vw;
        height: 30vw;
        right: 3vw;
        top: 3vw;
        position: absolute;
        box-shadow: 0vw 0vw 3.3vw rgb(0 0 0 / 80%);
    }

    .corp_nos_lt14_2 {
        width: 30vw;
        height: 30vw;
        right: 3vw;
        top: 3vw;
        position: absolute;
        box-shadow: 0vw 0vw 3.3vw rgb(7 77 7 / 80%);
    }

    .l_none {
        display: none;
    }

    .l_left {
        width: 95%;
        display: inline-block;
    }

    .l_right {
        width: 95%;
        margin-left: 5%;
        display: inline-block;
    }

    .l_center {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        display: inline-block;
    }

    .corp_in_1 {
        width: 100%;
        height: 13vw;
        background-color: var(--f4);
        display: inline-block;
        border-radius: var(--br1);
        box-shadow: var(--s1);
    }

    .corp_i11 {
        background-image: url(../images/i11.png);
    }

    .corp_i12 {
        background-image: url(../images/i12.png);
    }

    .corp_i13 {
        background-image: url(../images/i13.png);
    }

    .corp_i13_1 {
        background-image: url(../images/i13_1.png);
    }

    .corp_i14 {
        background-image: url(../images/i14.png);
    }

    .corp_i14_2 {
        background-image: url(../images/i14_2.png);
    }

    .corp_i28 {
        background-image: url(../images/i28.png);
    }

    .corp_i15 {
        background-image: url(../images/i15.png);
    }

    .corp_i16 {
        background-image: url(../images/i16.png);
    }

    .corp_i17 {
        background-image: url(../images/i17.png);
    }

    .corp_i18 {
        background-image: url(../images/i18.png);
    }

    .corp_i19 {
        background-image: url(../images/i19.png);
    }

    .corp_i29 {
        background-image: url(../images/i29.png);
    }

    .corp_i30 {
        background-image: url(../images/i30.png);
    }

    .corp_i20 {
        background-image: url(../images/i20.png);
    }

    .corp_i21 {
        background-image: url(../images/i21.png);
    }

    .corp_1 {
        width: 100%;
        height: 33vw;
        background-image: url(../images/x_solicitargas.png);
        overflow: hidden;
    }

    .corp_2 {
        background-image: url(../images/ts_esmas.png);
        width: 6.7vw;
        height: 2.8vw;
        display: inline-block;
        background-position: center 0%;
        /* background-color: red; */
        margin-left: 0.3vw;
        margin-right: 0vw;
        background-position: center bottom;
    }

    .corp_3 {
        width: 10vw;
        height: 10vw;
        display: inline-block;
    }

    .corp_4 {
        width: 3vw;
        height: 3vw;
        display: inline-block;
    }

    .corp_5 {
        padding: 1vw;
        padding-right: 1.6vw;
        display: inline-block;
        background-color: var(--f2);
        border-radius: 0vw 7vw 7vw 0vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
        background-image: url(../images/hm_qqhh_mc.png);
        background-repeat: no-repeat;
        background-size: auto 0%;
        background-position: 0vw center;
        transition: all 0.3s;
    }

    .corp_5:hover {
        padding: 1vw;
        padding-left: 3.6vw;
        padding-right: 2vw;
        display: inline-block;
        /* padding-right: 1vw; */
        background-image: url(../images/hm_qqhh_mc.png);
        background-repeat: no-repeat;
        background-size: auto 60%;
        background-position: 0.5vw center;
        transition: all 0.3s;
    }

    .corp_6 {
        width: 7vw;
        height: 7vw;
        display: inline-block;
        margin-top: 0.5vw;
        transition: all 0.3s;
    }

    /* .corp_6:hover { */
    /* margin-top: 0vw; */
    /* transition: all 0.3s; */
    /* } */
    .corp_7 {
        margin-top: 1vw;
        width: 50%;
        height: 28vw;
        margin-left: 25%;
        overflow: hidden;
        border-radius: 1vw;
        box-shadow: var(--s1);
    }

    .corp_7_2 {
        margin-top: 1vw;
        width: 50%;
        height: 35vw;
        margin-left: 25%;
        overflow: hidden;
        border-radius: 1vw;
        box-shadow: var(--s1);
    }

    .corp_8 {
        margin-top: 3vw;
        width: 100%;
        text-align: center;
        padding-top: 3vw;
        padding-bottom: 3vw;
        background-color: var(--f4);
        overflow: hidden
    }

    .corp_9 {
        display: inline-block;
        margin-top: 2vw;
        width: 90%;
        height: 33vw;
        border-radius: 1vw;
        box-shadow: var(--s1);
        overflow: hidden;
    }

    .corp_10 {
        width: 100%;
        height: 22vw;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: all 0.5s;
        /* background-color: red; */
    }

    .corp_10_2:hover .corp_10 {
        background-size: 100%;
        transition: all 0.2s;
    }

    .corp_10_2:hover .corp_t3 {
        color: var(--t4);
        transition: all 0.2s;
    }

    .corp_10_2 {
        display: inline-block;
    }

    .corp_11 {
        margin-top: 2vw;
        width: 100%;
        height: 77vw;
        display: inline-block;
        background-color: var(--f4);
        border-radius: 1vw;
        box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.2);
        border: none;
    }

    .corp_12 {
        display: inline-block;
        /* background-color: red; */
        width: 30%;
        margin-left: 35%;
        height: 10vw;
    }

    .corp_13 {
        display: inline-block;
        width: 60%;
        padding-left: 10%;
        padding-right: 10%;
        margin-left: 10%;
        height: 238vw;
        border-radius: 1vw;
        background-color: var(--f2);
        position: relative;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
        overflow: hidden;
    }

    .corp_14 {
        margin-top: 3vw;
        margin-bottom: 1vw;
        width: 90%;
        margin-left: 5%;
        height: 25vw;
    }

    .corp_15 {
        font-size: 1.3vw;
    }

    .corp_16 {
        width: 100%;
        display: inline-block;
        padding: 0 !important;
        display: flex;
    }

    .corp_17 {}

    .corp_18 {
        margin-top: 2vw;
        width: 100%;
        height: 374vw;
        display: inline-block;
        background-color: var(--f4);
        border-radius: 1vw;
        box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.2);
        border: none;
    }

    .corp_18ko {
        height: 90vw !important;
    }

    .corp_19 {
        position: relative;
        display: inline-block;
        margin-left: 12%;
        overflow: hidden;
        perspective: 50vw;
        border-radius: 1vw;
        width: 76%;
    }

    .corp_19_ko {
        z-index: 0 !important;
        margin-left: 50% !important;
        width: 0vw !important;
        margin-top: 0vw !important;
        margin-bottom: 0vw !important;
        height: 0vw !important;
        border-radius: 0.7vw !important;
        background-size: cover !important;
        transform-style: preserve-3d !important;
        transform: rotateY(-300deg) !important;
        box-shadow: 0vw 0vw 0vw rgb(0 0 0 / 20%) !important;
        transition: all 2s;
    }

    .corp_19_x {
        z-index: 0;
        margin-left: 4%;
        width: 56vw;
        margin-top: 2vw;
        margin-bottom: 3vw;
        border-radius: 0.7vw;
        background-size: cover;
        transform-style: preserve-3d;
        transform: rotateY(2deg);
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 20%);
        transition: all 2s;
    }

    .corp_19_1 {
        content: url(../images/popup/vision_mision_y_valores.png?28092023);
        height: 56vw;
    }

    .corp_19_2 {
        content: url(../images/popup/politica_de_calidad.png?28092023);
        height: 56vw;
    }

    .corp_19_3 {
        content: url(../images/popup/politica_de_integridad_de_redes.png?28092023);
        height: 56vw;
    }

    .corp_19_4 {
        content: url(../images/popup/nuestro_proposito.jpg?19042024);
        height: 56vw;
    }

    .corp_20 {
        display: inline-block;
        color: var(--t2);
    }

    .corp_20_1 {
        display: inline-block;
        width: 100%;
        margin-bottom: 1vw;
    }

    .corp_20_2 {
        width: 33%;
        float: left;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 10vw;
    }

    .corp_20_2_2 {
        width: 86%;
        float: left;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 18vw;
    }

    .corp_20_3 {
        display: inline-block;
        float: left;
        width: 87%;
    }

    .corp_20_3_2 {
        display: inline-block;
        float: left;
        width: 65%;
    }

    .corp_21 {
        width: 100%;
        height: 30.5vw;
        display: inline-block;
        margin-bottom: 3vw;
        border-radius: 1vw;
        box-shadow: 0vw 2.5vw 2.5vw rgb(0 0 0 / 18%);
        background-image: url(../images/hp_18062021_3.jpg);
        margin-top: 1vw;
    }

    .corp_22 {
        /* font-weight:bold; */
        color: white;
    }

    .corp_23 {
        display: inline-block;
        margin-bottom: 1vw;
        line-height: 1.8vw;
        font-size: 2.5vw;
    }

    .corp_24 {
        margin-top: 1.5vw !important;
        color: var(--t3) !important;
        text-transform: uppercase;
        font-size: 1.95vw !important;
        line-height: 1.99vw !important;
        font-weight: bold !important;
    }

    .corp_25 {
        display: flex;
    }

    .check {
        display: inline-block;
        position: relative;
        padding-left: 1.7vw;
        margin-bottom: 0.5vw;
        cursor: pointer;
        color: var(--t2);
        font-size: 0.9vw;
        font-weight: bold;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 1vw;
        width: 1vw;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 0.3vw;
        border: solid var(--f3) 0.15vw;
        box-shadow: 0.1vw 0.1vw 0.3vw rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s;
    }

    .check:hover input~.checkmark {
        background-color: rgba(0, 0, 0, 0.15);
        border-radius: 0.3vw;
        border: solid var(--f3) 0.15vw;
        box-shadow: 0.1vw 0.1vw 0.3vw rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s;
    }

    .check input:checked~.checkmark {
        background-color: var(--f3);
        border-radius: 0.3vw;
        transition: background-color 0.3s;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .check input:checked~.checkmark:after {
        display: block;
    }

    .check .checkmark:after {
        left: 0.35vw;
        top: 0.1vw;
        width: 0.2vw;
        height: 0.5vw;
        border: solid var(--t4);
        border-width: 0 0.2vw 0.2vw 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .corp_26 {
        width: 80%;
        background-color: var(--f4);
        display: inline-block;
        margin-left: 10%;
        border-radius: 1vw;
        box-shadow: 0vw 1vw 1vw silver;
        height: 130vw;
        position: relative;
        overflow: hidden;
        margin-bottom: 7vw;
    }

    .corp_26_1 {
        position: absolute;
        top: 55vw;
        left: 3vw;
        width: 52vw;
        height: 105vw;
        background-color: var(--f2);
        background-image: url(../images/form_ctd1.png);
        background-repeat: no-repeat;
        background-size: 37vw;
        background-position: 20vw 32vw;
        border-radius: 0% 50% 50% 0%;
    }

    .corp_26_1_2 {
        position: absolute;
        top: 133vw;
        left: 29vw;
        width: 20vw;
        height: 8vw;
        background-image: url(../images/form_ctd2.png);
    }

    .corp_26_1_3 {
        position: absolute;
        top: 80vw;
        left: 31vw;
        width: 18vw;
        height: 4vw;
        background-image: url(../images/form_ctd3.png);
    }

    .corp_26_2 {
        position: absolute;
        top: -57vw;
        right: 2vw;
        background-color: var(--f1);
        width: 106vw;
        height: 200vw;
        border-radius: 51%;
    }

    .corp_26_3 {
        position: absolute;
        border-radius: 50%;
        bottom: -16vw;
        left: 3vw;
        background-color: var(--f3);
        width: 34vw;
        height: 22vw;
    }

    .corp_26_4 {
        position: absolute;
        top: 59vw;
        left: 63vw;
        width: 27vw;
        height: 100%;
    }

    .corp_27_1 {
        width: 90%;
        height: 48vw;
        margin-bottom: 4.5vw;
        margin-left: 5%;
        text-align: center;
    }

    .corp_27_2 {
        font-size: 2.5vw;
        line-height: 2.8vw;
        height: 5.5vw;
        /* font-weight: bold; */
        color: var(--t2);
        /* background: red; */
        align-items: center;
        display: flex;
        align-content: center;
        justify-content: center;
    }

    .corp_27_3 {
        width: 100%;
        height: 36vw;
        /* padding: 1vw; */
        background-color: white;
        box-shadow: 0vw 1.2vw 1.5vw rgb(0 0 0 / 10%);
        border-radius: 2.7vw;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: 0.5vw;
        margin-bottom: 2vw;
        background-color: var(--f2);
        transition: all 0.3s;
    }

    .corp_27_3:hover {
        box-shadow: 0vw 0.9vw 1.5vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_28 {
        width: 7vw;
        height: 11VW;
        display: inline-block;
        text-align: center;
        background-size: 100%;
    }

    .corp_28_1 {
        background-color: var(--f4);
        border-radius: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 15%);
        position: relative;
        margin-bottom: 3vw;
        height: 10vw;
        overflow: hidden;
    }

    .corp_28_2 {
        background-color: var(--f3);
        position: absolute;
        top: -7vw;
        left: 12vw;
        transform: rotate(-9deg);
        width: 46vw;
        height: 122vw;
        border-radius: 50%;
    }

    .corp_28_3 {
        background-color: white;
        position: absolute;
        top: -6vw;
        left: 12.7vw;
        width: 59.5vw;
        height: 50vw;
        border-radius: 50%;
    }

    .corp_28_4 {
        position: absolute;
        top: 1.19vw;
        left: 2.5vw;
        width: 10vw;
        height: 8vw;
    }

    .corp_28_5 {
        position: absolute;
        top: 3vw;
        left: 20vw;
        padding: 1.1vw;
        background-color: var(--f2);
        color: white;
        padding-left: 5vw;
        border-radius: 5vw;
        font-size: 1.5vw;
        padding-right: 2vw;
        background-image: url(../images/up_ico_fono.png);
        background-position: 1.5vw;
        background-size: auto 2.7vw;
        background-repeat: no-repeat;
        font-weight: bold;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        transition: all 0.5s;
    }

    .corp_28_5:hover {
        background-image: url(../images/up_ico_fono_hover.png);
        color: var(--f3);
        background-color: var(--f4);
        box-shadow: 0vw 0.55vw 0.55w rgb(0 0 0 / 40%);
        transition: all 0.5s;
    }

    .corp_28_6 {
        color: white;
        position: absolute;
        top: 3vw;
        left: 42vw;
        padding: 1.1vw;
        background-color: var(--f2);
        padding-left: 5vw;
        border-radius: 5vw;
        font-size: 1.5vw;
        padding-right: 2vw;
        font-weight: bold;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        background-image: url(../images/up_ico_fono.png);
        background-position: 1.5vw;
        background-size: auto 2.7vw;
        background-repeat: no-repeat;
        transition: all 0.5s;
    }

    .corp_28_6:hover {
        background-image: url(../images/up_ico_fono_hover.png);
        color: var(--f3);
        background-color: var(--f4);
        box-shadow: 0vw 0.55vw 0.55w rgb(0 0 0 / 40%);
        transition: all 0.5s;
    }

    .corp_28_7 {
        position: absolute;
        right: -5vw;
        top: -2vw;
        width: 15vw;
        height: 15vw;
        border-radius: 50%;
        box-shadow: 0vw 0vw 0.9vw rgb(0 0 0 / 60%);
        background-position: 3vw;
        transform: scaleX(-1);
    }

    .corp_28_8 {
        display: inline-block;
        display: inline-block;
        width: 83%;
        height: 35vw;
        border-radius: 1vw;
        overflow: hidden;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
    }

    .corp_28_9 {
        width: 90%;
        margin-left: 5%;
        height: 12vw;
        border-radius: 0.9vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 50%);
    }

    .corp_28_10 {
        display: inline-block;
        width: 100%;
    }

    .corp_29 {
        display: inline-block;
        background: var(--f2);
        padding: 3vw;
        width: 30vw;
        border-radius: 2vw;
        /* color: white; */
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        height: 90vw;
    }

    .corp_30 {
        width: 100%;
        height: 82vw;
        display: inline-block;
    }

    .corp_31KO {
        display: inline-block;
        width: 40%;
        border-radius: 2vw;
        background-color: var(--f2);
        padding: 0vw;
        margin-top: 0vw;
        box-shadow: 0vw 0vw 0vw rgb(0 0 0 / 0%);
        height: 0vw;
        transition: all 0.3s;
    }

    .corp_31 {
        display: inline-block;
        width: 40%;
        border-radius: 2vw;
        background-color: var(--f2);
        padding: 2.5vw;
        margin-top: 2vw;
        box-shadow: 0vw 1vw 1vw rgb(0 1 1 / 20%);
        height: 240vw;
        transition: all 0.3s;
    }

    .corp_mc_rc1 {
        display: inline-block;
        width: 60%;
        padding-left: 10%;
        padding-right: 10%;
        margin-left: 10%;
        height: 121vw;
        border-radius: 1vw;
        background-color: var(--f2);
        position: relative;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
        overflow: hidden;
    }

    .corp_mc_bpd {
        display: inline-block;
        width: 82vw;
        box-shadow: 0vw 2.5vw 2.5vw rgb(0 0 0 / 20%);
        border-radius: 2vw;
        overflow: hidden;
        padding: 3vw;
        height: 146vw;
        background-color: var(--f2);
    }

    .corp_bpd_2 {
        font-size: 2.1vw;
        color: var(--t3);
        font-weight: bold;
    }

    .corp_32 {
        font-size: 2.3vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.27vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 2.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
    }

    .corp_32:focus {
        font-size: 2.3vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.27vw var(--f3);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 2.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
    }

    .corp_32:hover {
        font-size: 2.3vw;
        font-weight: bold;
        padding: 0.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.27vw var(--f3);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 2.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
    }

    .corp_33 {
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        /* height: 25vw; */
        position: relative;
    }

    .corp_33_1 {
        overflow: hidden;
        border-radius: 50%;
        background-color: var(--f2);
        width: 53vw;
        margin-left: 20vw;
        height: 53vw;
        position: relative;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
    }

    .corp_33_2 {
        position: absolute;
        left: 12vw;
        top: 7vw;
        width: 31vw;
        height: 44vw;
        overflow: hidden;
        /* background-color: skyblue;*/
    }

    .corp_33_3 {
        background-image: url(../images/llae_20.png);
        width: 19vw;
        height: 22vw;
        position: absolute;
        left: 10vw;
        top: 35vw;
    }

    .corp_33_4 {
        background-image: url(../images/llae_12.png);
        width: 19vw;
        height: 21vw;
        position: absolute;
        right: 9vw;
        top: 35vw;
    }

    .corp_34 {
        display: inline-block;
        width: 100%;
        /* height: 25vw; */
        position: relative;
    }

    .corp_34_1 {
        background-color: var(--f2);
        position: relative;
        width: 70%;
        margin-left: 15%;
        border-radius: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        overflow: hidden;
    }

    .corp_34_2 {
        display: inline-block;
        width: 76%;
        margin-left: 12%;
        height: 116vw;
    }

    .corp_34_2_2 {
        display: inline-block;
        width: 76%;
        margin-left: 12%;
        height: 58vw;
    }

    .corp_34_3 {
        position: absolute;
        bottom: 2vw;
        left: 46.5vw;
        width: 9vw;
        height: 10vw;
    }

    .corp_34_4 {
        position: absolute;
        bottom: 2vw;
        left: 18.5vw;
        width: 11vw;
        height: 11vw;
    }

    .corp_34_5 {
        position: absolute;
        bottom: 2vw;
        left: 33.5vw;
        width: 10vw;
        height: 10vw;
    }

    .corp_34_6 {
        position: absolute;
        bottom: 2vw;
        left: 61vw;
        width: 11vw;
        height: 11vw;
    }

    .corp_34_7 {
        width: 60%;
        display: inline-block;
        height: 18vw;
        margin-left: 20%;
        margin-top: 3vw;
    }

    .corp_35_1 {
        width: 100%;
        height: 22.3vw;
        margin-bottom: 2vw;
        display: inline-block;
        background-image: url(../images/suscribete1.png);
        border-radius: 1.3vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        position: relative;
    }

    .corp_35_2 {
        position: absolute;
        display: inline-block;
        background-color: var(--f3);
        font-size: 1.5vw;
        font-weight: bold;
        padding: 0.3vw;
        padding-left: 4vw;
        padding-right: 3vw;
        border-radius: 4vw;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 10%);
        top: 8.6vw;
        left: 67vw;
        animation-name: corp_35_2_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        transition: all 0.3s;
        background-image: url(../images/campanita1.png);
        background-position: 1vw center;
        background-size: auto 60%;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    @keyframes corp_35_2_ani {
        0% {
            font-size: 2.5vw;
        }

        50% {
            font-size: 2.7vw;
        }

        100% {
            font-size: 2.5vw;
        }
    }

    .corp_35_2:hover {
        background-image: url(../images/campanita4.png);
        transition: all 0.3s;
        color: white;
        background-color: var(--f4);
    }

    .corp_35_3 {
        display: inline-block;
        margin-bottom: 3vw;
        padding: 4%;
        position: relative;
        width: 92%;
        box-shadow: var(--s1);
        border-radius: 1.5vw;
    }

    .corp_35_4 {
        float: left;
        width: 63%;
        display: inline-block;
        margin-right: 1vw;
    }

    .corp_35_5 {
        /* font-size: 1.9vw; */
        display: inline-block;
        color: var(--t2);
    }

    .corp_35_6 {
        font-size: 1.4vw;
        display: inline-block;
        color: #f44336;
    }

    .corp_35_7 {
        float: left;
        background-color: #ff7c00;
        font-size: 2.2vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        border-radius: 4vw;
        text-align: center;
        color: white;
        font-weight: bold;
        box-shadow: var(--s1);
        cursor: pointer;
        transition: all 0.3s;
        width: 34%;
    }

    .corp_35_7:hover {
        transition: all 0.3s;
        background-color: #E36E00;
    }

    .corp_36_1 {
        overflow: hidden;
        border-radius: 3vw;
        background-color: var(--f2);
        width: 55vw;
        margin-left: 17vw;
        height: 124vw;
        position: relative;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
    }

    .corp_36_2 {
        position: absolute;
        left: 10vw;
        top: 21vw;
        width: 38vw;
        height: 101vw;
        overflow: hidden;
    }

    .corp_36_3 {
        width: 80%;
        margin-left: 10%;
        display: inline-block;
        height: 22vw;
    }

    .corp_37 {
        display: inline-block;
        width: 64%;
        height: 34vw;
        margin-left: 19%;
    }

    .corp_38_1 {
        display: inline-block;
        width: 64vw;
        margin-left: 10%;
        margin-top: 1vw;
        /* height: 35vw; */
        background-color: var(--f2);
        border-radius: 1.5vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        padding: 8vw;
        overflow: hidden;
        position: relative;
        padding-bottom: 4vw;
    }

    .corp_38_2 {
        background-color: white;
        position: absolute;
        left: -43vw;
        top: -77%;
        width: 120vw;
        height: 205%;
        border-radius: 50%;
        animation-name: corp_38_2_ani;
        animation-duration: 1s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_2_ani {
        from {
            left: 3vw;
            top: 7%;
            width: 0vw;
            height: 0%;
        }

        to {
            left: -43vw;
            top: -77%;
            width: 120vw;
            height: 205%;
        }
    }

    .corp_38_3 {
        background-color: var(--f3);
        position: absolute;
        left: -55%;
        bottom: -70vw;
        width: 80vw;
        height: 78vw;
        border-radius: 50%;
        animation-name: corp_38_3_ani;
        animation-duration: 1.5s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_3_ani {
        from {
            left: 110%;
            bottom: 70vw;
            width: 7vw;
            height: 3vw;
        }

        to {
            left: -55;
            bottom: -70vw;
            width: 80vw;
            height: 78vw;
        }
    }

    .corp_38_4 {
        background-color: var(--f4);
        position: absolute;
        left: -44vw;
        top: -29vw;
        width: 113vw;
        height: 35vw;
        border-radius: 50%;
        animation-name: corp_38_4_ani;
        animation-duration: 2s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_4_ani {
        from {
            left: 94vw;
            top: 29vw;
            width: 50vw;
            height: 50vw;
        }

        to {
            left: -44vw;
            top: -29vw;
            width: 113vw;
            height: 35vw;
        }
    }

    .corp_38_5 {
        position: absolute;
        top: 1.5vw;
        left: 2vw;
        color: var(--t3);
        font-size: 1.5vw;
        font-weight: bold;
        background-image: url(../images/campanita3.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        padding-left: 3.5vw;
        line-height: 3vw;
    }

    .corp_38_6 {
        color: var(--t4);
        position: relative;
        font-size: 1.2vw;
        display: inline-block;
        margin-bottom: 1vw;
    }

    .corp_38_7 {
        position: relative;
        width: 100%;
        display: inline-block;
        height: 77vw;
        border-radius: 1.5vw;
        overflow: hidden;
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 15%);
    }

    .corp_38_8 {
        cursor: pointer;
        background-color: var(--f2);
        color: white;
        display: inline-block;
        position: relative;
        padding: 1vw;
        /* padding-left: 3vw; */
        /* padding-right: 3vw; */
        border-radius: 3vw;
        font-size: 1.5vw;
        font-weight: bold;
        margin-top: 2vw;
        width: 20%;
        text-align: center;
        margin-left: 40%;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        transition: all 0.3s;
    }

    .corp_38_8:hover {
        cursor: pointer;
        transition: all 0.3s;
        background-color: var(--f4);
        color: var(--t3);
    }

    .corp_up_bdy {
        background-image: url(../images/up_ico_mcelpf.png);
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 1vw;
        height: 100%;
        font-weight: bold;
        /* border: solid red 1px; */
        background-repeat: repeat-y;
        background-position: 1vw -3%;
        background-size: 1.8vw;
        border-bottom: solid 0px var(--f3);
        background-color: var(--f3);
        transition: all 0.3s, background-position 1s;
        border-radius: 1vw;
        padding-left: 3vw;
    }

    /* .corp_up_bdy:hover {
        color: var(--t4);
        background-image: url(../images/up_ico_mcelpfm.png);
        transition: all 0.3s, background-position 1s;
    } */

    .corp_up_bdy2 {
        background-image: url(../images/up_ico_mail.png);
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 1vw;
        height: 100%;
        font-weight: bold;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: 0.77vw center;
        background-size: 1.8vw;
        border-bottom: solid 0px var(--f3);
        background-color: var(--f2);
        transition: all 0.3s, background-position 1s;
        border-radius: 1vw;
        padding-left: 3vw;
        color: var(--t1);
    }

    /* .corp_up_bdy2:hover {
        color: var(--t3);
        background-image: url(../images/up_ico_mail.png);
        transition: all 0.3s, background-position 1s;
    } */

    .corp_39 {
        display: inline-block;
        /* border:solid red 1px; */
        position: absolute;
        right: 0px;
        top: 1vw;
        color: var(--t2);
        font-size: 1vw;
    }

    .corp_39_1 {
        padding-left: 1.5vw;
        display: block;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }

    .corp_40 {
        display: inline-block;
        background: var(--f2);
        padding: 5%;
        width: 61%;
        position: relative;
        border-radius: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        height: 18vw;
    }

    .corp_40_1 {
        position: relative;
        z-index: 1;
        display: flex;
        background: var(--f2);
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 4%;
        width: 90%;
        border-radius: 1vw;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 30%);
        margin-bottom: 3vw;
        /*height: 14vw;*/
    }

    .corp_40_1_1 {
        width: 7.7vw;
        height: 7vw;
    }

    .corp_40_1_2 {
        width: 24vw;
        height: 15vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }

    .corp_40_1_3 {
        cursor: pointer;
        border-radius: 10vw;
        background-color: var(--f4);
        color: white;
        padding-right: 3vw;
        display: flex;
        padding-left: 4vw;
        height: 3.5vw;
        font-weight: bold;
        font-size: 1.2vw;
        align-items: center;
        background-image: url(../images/ico_dcd.png);
        background-size: 2vw;
        background-repeat: repeat-y;
        background-position: 1.7vw -1.2vw;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 20%);
        transition: all 1s;
    }

    .corp_40_1_3:hover {
        background-position: 1.7vw 4.8vw;
        box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.5);
        transition: all 1s;
    }

    .corp_nt1 {
        margin-top: 2vw;
        display: inline-block;
        width: 100%;
        /* border: solid red 1px; */
        text-align: center;
    }

    .corp_nt2 {
        display: inline-block;
        width: 80%;
        /* border: solid blue 1px; */
        text-align: left;
    }

    .corp_nt3 {
        display: inline-block;
        width: 50%;
        height: 23.7vw;
        text-align: left;
        float: left;
        border-radius: 0.7vw;
        background-color: var(--f4);
        background-position: center center;
        /* background-repeat: no-repeat; */
        background-size: auto 101%;
        transition: all 0.6s;
        position: relative;
        overflow: hidden;
        filter: saturate(77%);
        box-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 5%);
    }

    .corp_nt3:hover {
        box-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 50%);
        background-size: auto 111%;
        transition: all 0.6s;
        filter: saturate(133%);
    }

    .corp_nt4 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3%;
        width: 94.5%;
        font-size: 1.4vw;
        background-color: var(--f4);
        line-height: 1.6vw;
        color: white;
        transition: all 0.3s;
    }

    .corp_nt3:hover .corp_nt4 {
        background-color: rgba(0, 111, 150, 0.88);
        /* color:var(--t3);		 */
        transition: all 0.3s;
        padding-top: 1.5vw;
        padding-bottom: 1.5vw;
    }

    .corp_nt5 {
        display: inline-block;
        width: 23%;
        height: 11.43vw;
        text-align: left;
        float: left;
        margin-left: 1vw;
        margin-bottom: 0.85vw;
        border-radius: 0.7vw;
        background-color: var(--f4);
        background-position: center center;
        /* background-repeat: no-repeat; */
        background-size: auto 101%;
        transition: all 0.6s;
        position: relative;
        overflow: hidden;
        filter: saturate(77%);
        box-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 5%);
    }

    .corp_nt5:hover {
        background-size: auto 111%;
        transition: all 0.6s;
        filter: saturate(133%);
        box-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 50%);
    }

    .corp_nt6 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3%;
        width: 94%;
        font-size: 1vw;
        background-color: var(--f4);
        line-height: 1.15vw;
        color: white;
        transition: all 0.3s;
    }

    .corp_nt5:hover .corp_nt6 {
        background-color: rgba(0, 111, 150, 0.88);
        /* color:var(--t3);		 */
        transition: all 0.3s;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

  

    .corp_nt7 {
        display: inline-block;
        width: 70%;
        height: 8vw;
        /* border: solid #e8e8e8 1px; */
        text-align: left;
        background-repeat: no-repeat;
        /* float: left; */
        margin: 0.5vw;
        /* border-radius: 0.3vw; */
        background-size: auto 100%;
        margin-left: 0%;
        filter: saturate(55%);
        transition: all .3s;
    }
    .corp_nt7:hover {
        filter: saturate(133%);
        transition: all .3s;
        
      
    }
     .corp_nt8{
       /*  background-color: red; */
       width: 69%;
        /* height: 100%; */
        overflow: hidden;
        margin-left: 30%;
        color: var(--t2);
        font-size: 1.3vw;
        transition: all .3s;
    }
    .corp_nt7:hover .corp_nt9{ 
        transition: all cubic-bezier(0.39, 0.575, 0.565, 1)s;
        background-color: var(--f3);
    }
    .corp_nt9{
        background-color: var(--f2);
        padding: 0.5vw;
        font-size: .9vw;
        width: 8vw;
        text-align: center;
        border-radius: .9vw;
        /* float: left; */
        transition: all 1s;
        margin-left: 30%;
    }

    .corp_ntdp1 {
        display: inline-block;
        font-size: 1.77vw;
        color: var(--t4);
        margin-bottom: 0.77vw;
        line-height: 2vw;
        width: 100%;
    }

    .corp_ntdp2 {
        display: inline-block;
        font-size: 1vw;
        color: white;
        margin-bottom: 0.77vw;
        padding: 0.3vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 1vw;
        background-color: var(--f2);
        font-weight: bold;
        border: 0.2vw solid var(--f2);
    }

    .corp_ntdp2v {
        margin-left: 0.5vw;
        cursor: pointer;
        display: inline-block;
        font-size: 1vw;
        color: var(--t2);
        margin-bottom: 0.77vw;
        padding: 0.3vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 1vw;
        background-color: rgba(59, 155, 196, 0);
        font-weight: bold;
        border: 0.2vw solid var(--f2);
        transition: all 0.3s;
    }

    .corp_ntdp2v:hover {
        background-color: var(--f2);
        color: white;
        transition: all 0.3s;
    }

    .corp_ntdp3 {
        width: 100%;
        height: 60vw;
        display: inline-block;
        border-radius: 1vw;
        margin-bottom: 1.77vw;
        background-size: auto 101%;
        background-repeat: no-repeat;
        background-position: center center;
        filter: saturate(100%);
        transition: all 3s, background 2s;
    }

    .corp_ntdp3:hover {
        transition: all 0.6s, background 33s;
        background-size: auto 125%;
        filter: saturate(133%);
    }

    .corp_ntdp4 {
        display: inline-block;
        font-size: 1.7vw;
        color: var(--t2);
        margin-bottom: 0.77vw;
        line-height: 1.33vw;
        width: 100%;
    }

    .corp_ntdp5 {
        display: none;
    }

    .corp_ntdp6 {
        display: inline-block;
        border: solid 1px white;
        float: left;
        width: 8.3%;
        position: sticky;
        top: 8vw;
    }

    .corp_bls1 {
        display: inline-block;
        width: 100%;
        height: 34vw;
        background-color: var(--f2);
        margin-bottom: 2vw;
        background-image: url(../images/bolsas/header.png);
        border-radius: 1.5vw;
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 10%);
    }

    .corp_bls2 {
        width: 100%;
        height: 25.3vw;
        display: inline-block;
        border-radius: 1vw;
        overflow: hidden;
    }

    .corp_bls3 {
        width: 90%;
        margin-left: 5%;
        display: inline-block;
    }

    .corp_bls4 {
        width: 80%;
        margin-left: 10%;
        display: inline-block;
    }

    .corp_bls5 {
        width: 100%;
        display: inline-block;
        text-align: center;
        height: 5.5vw;
    }

    .corp_bls6 {
        width: 100%;
        display: inline-block;
        text-align: center;
        height: 17.5vw;
        background-image: url(../images/bolsas/bbr.png);
        border-radius: 1.5vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 15%);
        margin-top: 3vw;
    }

    .corp_p_e1 {
        font-weight: bold;
        font-size: 2vw;
        float: left;
        width: 50%;
        display: flex;
        text-align: left;
        color: var(--t2);
        align-items: center;
    }

    .corp_p_e2 {
        margin-right: 0.5vw;
        padding: 0.3vw 1vw;
        border-radius: 1vw;
        background-color: var(--f2);
        color: var(--t3);
        font-size: 2vw;
        float: left;
    }

    .corp_p_e3 {
        text-align: right;
        float: left;
        width: 50%;
        display: inline-block;
    }

    .corp_p_e4 {
        padding: 0.5vw;
        border: none;
        box-shadow: 0vw 0.2vw 0.2vw silver;
        border-radius: 0.5vw;
        font-size: 2vw;
        color: var(--t1);
        background-color: var(--f2);
    }

    /* tt */
    .tt2 {
        display: inline-block;
        padding: 1vw;
        position: absolute;
        top: 39vw;
        left: 38.2%;
        opacity: 0;
    }

    .tt1 {
        width: 5vw;
        height: 4.3vw;
        line-height: 1.6vw;
        border-radius: 50%;
        border: solid 0.15vw rgba(255, 255, 255, 0.3);
        background: rgb(0 0 0 / 0%);
        color: white;
        display: inline-block;
        padding-top: 1vw;
        font-size: 1.5vw;
        text-align: center;
        font-weight: bold;
    }

    .tt1>div {
        font-size: 0.8vw;
    }

    .ipaf {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.88);
        animation-name: ipaf_ani;
        animation-duration: 8s;
        animation-iteration-count: 1;
        overflow: hidden;
        transition: all 0s;
    }

    @keyframes ipaf_ani {
        0% {
            background-color: rgba(255, 255, 255, 1);
        }

        70% {
            background-color: rgba(255, 255, 255, 1);
        }

        100% {
            background-color: rgba(255, 255, 255, 0);
        }
    }

    .ipa {
        transform: translate(0%, 0%);
        transform-style: preserve-3d;
        perspective: 50vw;
        /* border: solid 1px red; */
        position: absolute;
        top: -200vh;
        left: -200vw;
        width: 0%;
        height: 0vh;
        animation-name: ipa_ani;
        animation-duration: 8s;
        animation-iteration-count: 1;
        overflow: hidden;
        transition: all 0s;
    }

    @keyframes ipa_ani {
        0% {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            transition: all 0s;
            background-color: rgba(255, 255, 255, 0.88);
        }

        99% {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            transition: all 0s;
        }

        100% {
            position: absolute;
            top: -200vh;
            left: -200vw;
            width: 0%;
            height: 0vh;
            transition: all 0s;
        }
    }

    .ipai {
        position: absolute;
        top: 0vh;
        left: 100%;
        width: 0%;
        height: 0vh;
        /* border: solid 1px blue; */
        background-image: url(../images/ipa.jpg);
        background-position: center top;
        background-size: cover;
        transition: all 2s;
        animation-name: ipai_ani;
        animation-duration: 6s;
        animation-iteration-count: 1;
        /* animation-timing-function: linear; */
        transform-style: preserve-3d;
        box-shadow: 0vw 3vw 3vw rgba(0, 0, 0, 0.5);
        transform: rotateX(77deg);
    }

    @keyframes ipai_ani {
        0% {
            top: 0;
            left: 0;
            transform: rotateX(0deg);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        10% {
            top: 0;
            left: 0;
            transform: rotateX(0deg);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        80% {
            transform: rotateX(70deg);
            animation-timing-function: ease-in;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        100% {
            animation-timing-function: ease-out;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0%;
            height: 0vh;
            transform: rotateY(-1560deg);
            transform: rotate3d(-560deg);
        }
    }

    .corp_mf {
        height: 1.55vw;
        background-position: left center;
    }

    .temp_promo_bolsas_productos {
        display: none;
        bottom: 1.5vw;
        position: absolute;
        width: 100%;
        height: 23vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_mc_car_pdf {
        height: 160vw;
    }

    #MTTBPAGOSALDOOK {
        scroll-margin: -33vw;
    }

    .corp_com1 {
        padding-top: 1vw;
        padding-bottom: 1vw;
        display: inline-block;
        width: 86.5%;
        margin-left: 7%;
        text-align: center;
        margin-bottom: 1vw;
        /* background-color: aquamarine; */
        /* border: solid blue; */
        /* justify-content: center; */
    }

    .corp_com2 {
        width: 84.5vw;
        height: 29vw;
        /* float: left; */
        border-radius: 1.8vw;
        background-color: var(--f3);
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 15%);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100.5%;
        transition: all 0.5s;
        margin-bottom: 2vw;
        background-image: url(../images/comunidades/bn_com_d_01032024_1.png?4);
    }

    .corp_com1 a {
        display: inline-block;
    }

    .corp_com2:hover {
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        background-size: 105%;
        transition: all 0.5s;
    }

    .corp_com3 {
        width: 12vw;
        height: 12vw;
        float: left;
        border-radius: 0.8vw;
        background-color: var(--f2);
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 0%);
        margin: 0.5vw;
        /* margin-bottom: 1.5vw; */
        box-shadow: inset 0vw 0vw 0vw var(--f4);
        background-position: 0vw center;
        background-repeat: repeat-x;
        background-size: cover;
        transition: all 1s;
    }

    .corp_com3:hover {
        box-shadow: inset 0vw 0vw 3vw var(--f4);
        background-position: -12vw center;
        transition: all 1s;
    }

    .corp_com4 {
        width: 28vw;
        height: 12vw;
        float: left;
        border-radius: 1.8vw;
        background-color: var(--f3);
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 0%);
        margin: 0.5vw;
        /* margin-bottom: 1.5vw; */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100.5%;
        transition: all 0.5s;
    }

    .corp_com4:hover {
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        background-size: auto 105%;
        transition: all 0.5s;
    }

    .corp_com5 {
        width: 28vw;
        height: 12vw;
        float: left;
        border-radius: 1.8vw;
        background-color: var(--f4);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.0);
        margin: 0.5vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100.5%;
        transition: all 0.5s;
    }

    .corp_com5:hover {
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        background-size: auto 105%;
        transition: all 0.5s;
    }

    .corp_com6 {
        width: 12vw;
        height: 12vw;
        float: left;
        border-radius: 0.8vw;
        background-color: var(--f4);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.0);
        margin: 0.5vw;
        box-shadow: inset 0vw 0vw 0vw var(--f2);
        background-position: 0vw center;
        background-repeat: repeat-x;
        background-size: cover;
        transition: all 1s;
    }

    .corp_com6:hover {
        box-shadow: inset 0vw 0vw 3vw #004660;
        background-position: 12vw center;
        transition: all 1s;
    }

    .corp_com7 {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 12vw;
        position: relative;
    }

    .corp_com7_2 {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 0vw;
        position: relative;
    }

    .corp_com8 {
        margin-top: 3vw;
        color: var(--t2);
        scroll-margin: 12vw;
        display: inline-block;
        width: 100%;
        height: 10vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 32%;
        margin-bottom: 3vw;
    }

    .corp_com9 {
        color: var(--t2);
        transition: all 0.5s;
        text-align: left;
        display: inline-block;
        width: 70%;
        /* margin-left: 10%; */
        /* border: solid silver 1px; */
        margin-bottom: 2.5vw;
    }

    #displaycomunidades {
        color: var(--t2);
        transition: all 0.5s;
        text-align: left;
        display: inline-block;
        /* float: left; */
        margin-left: 10%;
        width: 74%;
        margin-right: 5%;
        margin-bottom: 2.5vw;
    }

    .corp_com10 {
        color: var(--t2);
        margin-right: 2.1vw;
        /* display: inline-block; */
        width: 20vw;
        height: 14.3vw;
        float: left;
        border-radius: 2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 3%);
        background-color: var(--f4);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100.5%;
        transition: all 0.5s;
    }

    #displaycomunidades .corp_com10 {
        color: var(--t2);
        margin-right: 2.1vw;
        /* display: inline-block; */
        width: 100%;
        height: 47vw;
        float: left;
        border-radius: 2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 3%);
        background-color: var(--f4);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all 0.5s;
    }

    #displaycomunidades .corp_com12 {
        font-size: var(--tt2);
        margin-bottom: 0.5vw;
        display: inline-block;
        transition: all 0.5s;
        margin-top: 2vw;
        margin-bottom: 0.5vw;
        transition: all 0.5s;
    }

    .corp_com9:hover .corp_com10 {
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 15%);
        background-size: 109%;
        transition: all 0.5s;
    }

    .corp_com9:hover .corp_com13 {
        background-color: var(--f4);
        padding-left: 2vw;
        padding-right: 2vw;
        /* color: var(--t4); */
        transition: all 0.7s;
    }

    .corp_com9:hover .corp_com12,
    .corp_com9:hover .corp_com11 {
        transition: all 0.5s;
        color: var(--t4);
    }

    #contenidos3 .corp_com11 {
        color: white;
    }

    #contenidos3:hover .corp_com11 {
        color: var(--t3);
    }

    #contenidos3 .corp_com12 {
        color: white;
    }

    #contenidos3:hover .corp_com12 {
        color: var(--t3);
    }

    #contenidos3 .corp_com13 {
        background-color: var(--f4);
    }

    .corp_com11 {
        line-height: 2vw;
        font-size: var(--tt1);
        font-weight: bold;
        margin-bottom: 1vw;
        transition: all 0.5s;
    }

    .corp_com12 {
        font-size: var(--tt2);
        /* line-height: 1.6vw; */
        margin-bottom: 0.5vw;
        transition: all 0.5s;
    }

    .corp_com13 {
        display: inline-block;
        background-color: var(--f2);
        color: white;
        padding: 0.8vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        border-radius: 10vw;
        font-size: 1.3vw;
        font-weight: bold;
        transition: all 0.5s;
    }

    .corp_com13_a {
        margin-right: 1.5vw;
        display: inline-block;
        /*background-color: var(--f2);*/
        color: var(--t2);
        border: solid 0.3vw var(--f2);
        padding: 0.8vw;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
        border-radius: 10vw;
        font-size: 1.8vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_com13_a:hover {
        background-color: var(--f2);
        color: white;
        transition: all 0.3s;
    }

    .corp_com14 {
        width: 100%;
        height: 6vw;
        background-image: url(../images/comunidades/gce_1.png);
        background-position: center 0.5vw;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_com15 {
        width: 100%;
        height: 5vw;
        background-image: url(../images/comunidades/gce_2.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_com16 {
        width: 100%;
        background-color: var(--f2);
        display: inline-block;
        padding-top: 7vw;
        padding-bottom: 3vw;
    }

    .corp_com17OK {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        /* height: 23vw; */
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.5s;
    }

    .corp_com17OK {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        /* height: 23vw; */
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.5s;
    }

    .corp_com17KO {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        height: 7vw;
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.3s;
    }

    .corp_com18OK {
        background-repeat: no-repeat;
        /* background-position: 1.7vw -7.3vw; */
        background-position: -2vw center;
        background-size: auto 150%;
        cursor: pointer;
        /* padding: 1.7vw; */
        display: flex;
        align-items: center;
        width: 60%;
        border-radius: 1.7vw;
        background-color: var(--f4);
        color: white;
        text-align: left;
        height: 6vw;
        padding-left: 7.7vw;
        margin-left: 14.5%;
        padding-right: 3.5vw;
        font-size: 1.5vw;
        /* text-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.5); */
        /* font-weight: bold; */
        line-height: 1.7vw;
        box-shadow: 0vw 0vw 0.5vw rgb(0 0 0 / 50%);
        transition: all 0.5s;
    }

    .corp_com18KO {
        background-repeat: no-repeat;
        background-position: 1.7vw center;
        background-size: auto 50%;
        cursor: pointer;
        /* padding: 1.7vw; */
        display: flex;
        align-items: center;
        width: 60%;
        border-radius: 1.7vw;
        background-color: var(--f4);
        color: white;
        text-align: left;
        height: 6vw;
        padding-left: 6vw;
        margin-left: 14.7%;
        padding-right: 3.5vw;
        font-size: 1.2vw;
        /* font-weight: bold; */
        line-height: 1.5vw;
        box-shadow: 0vw 0.3vw 0.5vw rgb(0 0 0 / 7%);
        transition: all 1s;
    }

    .corp_com19OK {
        transition: all 0.7s;
        display: inline-block;
        width: 60%;
        padding: 2.5vw;
        border: solid 0.05vw var(--f4);
        border-radius: 0vw 0vw 2vw 2vw;
        border-top: solid none;
        overflow: hidden;
        text-align: left;
        font-size: var(--tt2);
        /* line-height: 1.33vw; */
        opacity: 1;
        /* background-color: red; */
    }

    .corp_com19KO {
        transition: all 0.3s;
        display: inline-block;
        width: 60%;
        padding: 2.5vw;
        padding-top: 0;
        padding-bottom: 0;
        border: solid 0.05vw var(--f2);
        border-radius: 0vw 0vw 2vw 2vw;
        border-top: solid none;
        overflow: hidden;
        text-align: left;
        font-size: 0vw;
        line-height: 0vw;
        opacity: 0;
        /* background-color: red; */
    }

    .corp_com20 {
        position: absolute;
        top: -9vw;
        left: 19vw;
        width: 60vw;
        height: 60vw;
        border-radius: 100%;
        border: dotted var(--f3) 0.4vw;
        animation-name: corp_com20_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_com20_ani {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(180deg);
        }
    }

    .corp_com21 {
        /* border: solid red; */
        width: 50%;
        margin-left: 25%;
        display: inline-block;
        margin-right: 20%;
        border-radius: 2vw;
        margin-bottom: 3vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 10%);
        position: relative;
        text-align: center;
        overflow: hidden;
    }

    .corp_com22 {
        width: 100%;
        height: 19vw;
        background-image: url(../images/comunidades/ggcc_head_sol_suc.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .corp_com23 {
        display: inline-block;
        color: var(--t2);
        text-align: left;
        margin-top: 3vw;
        width: 70%;
        /* border: solid red; */
        font-size: var(--tt2);
    }

    .corp_com23_2 {
        background-image: url(../images/comunidades/ggcc_check1.png);
        background-repeat: no-repeat;
        background-size: 2vw;
        background-position: left center;
        padding-left: 2.5vw;
        width: 80%;
        margin-left: 6%;
    }

    .corp_com24 {}

    .corp_com25 {
        background-color: var(--f2);
        position: absolute;
        top: 6vw;
        left: -76vw;
        width: 200vw;
        height: 200vw;
        border-radius: 1000vw;
        z-index: 0;
    }

    .corp_com26 {
        color: white;
        font-size: var(--tt1);
        position: relative;
        z-index: 1;
        margin-bottom: 2vw;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }

    .corp_com27 {
        background-color: white;
        position: relative;
        z-index: 1;
        width: 59%;
        height: 190vw;
        margin-left: 12%;
        border-radius: 2vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 15%);
        overflow: hidden;
        padding: 4vw;
        margin-bottom: 5vw;
    }

    .corp_com28 {
        width: 100%;
        height: 100%;
    }

    .corp_com29 {
        overflow: hidden;
        width: 40%;
        margin-left: 30%;
        margin-right: 35%;
        margin-top: 3vw;
        height: 7vw;
        position: relative;
        z-index: 1;
        margin-bottom: 2.5vw;
        box-shadow: 0vw 0.2vw 0.2vw rgb(0 0 0 / 10%);
        border-radius: 1vw;
        background-color: white;
        background-size: 80%;
        background-image: url(../images/comunidades/logo_comunidades.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .gvp21 {
        width: 100%;
        height: 32vw;
        /* background-image: url(../images/f2.png); */
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        /* border: solid red; */
    }

    .gvp22 {
        width: 90vw;
        height: 29vw;
        /* border: solid red; */
        position: absolute;
        overflow: hidden;
        top: 2vw;
        left: 4.5vw;
        display: flex;
        text-align: center;
        justify-content: center;
    }

    .gvp22_b {
        cursor: pointer;
        position: absolute;
        top: 10%;
        left: 0.9vw;
        width: 3.5vw;
        height: 80%;
        /* border: solid red; */
        background-image: url(../images/a_b.svg);
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        /* opacity: 0.5; */
        transition: all 0.3s;
        display: none;
    }

    .gvp22_b:hover {
        left: 0.5vw;
        opacity: 1;
        transition: all 0.3s;
    }

    .gvp22_n {
        cursor: pointer;
        position: absolute;
        top: 10%;
        right: 0.9vw;
        width: 3.5vw;
        height: 80%;
        /* border: solid red; */
        background-image: url(../images/a_n.svg);
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        /* opacity: 0.5; */
        transition: all 0.3s;
        display: none;
    }

    .gvp22_n:hover {
        right: 0.5vw;
        opacity: 1;
        transition: all 0.3s;
    }

    .gvp22_2 {
        /* width: 7777vw; */
        /* border: solid blue; */
        height: 100%;
        position: absolute;
        top: 0vw;
        /* left: 0vw; */
        transition: left 1s;
    }

    .gvp23 {
        width: 18vw;
        height: 80%;
        /* border: solid green; */
        float: left;
        position: relative;
        margin: 1.8vw;
        background-color: var(--f3);
        border-radius: 1vw;
        overflow: hidden;
        box-shadow: 0vw 0.7vw 0.7vw rgba(0, 0, 0, 0.15);
        background-size: auto 100.5%;
        transition: all 0.3s;
    }

    .gvp23:hover {
        background-size: auto 115%;
        box-shadow: 0vw 1.3vw 1.3vw rgba(0, 0, 0, 0.25);
        transition: all 0.3s;
    }

    .gvp23:hover .gvp24 {
        transition: all 0.3s;
        background-color: var(--f4);
    }

    .gvp24 {
        transition: all 0.3s;
        background-color: var(--f2);
        width: 39vw;
        height: 34vw;
        position: absolute;
        bottom: -27vw;
        border-radius: 100%;
        right: -10vw;
    }

    .gvp22_4_l {
        /* border: solid red; */
        position: absolute;
        width: 1.5vw;
        height: 100%;
        top: 0;
        left: 0;
        /* background-color: rgba(250, 250, 44, 0.4); */
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255, 255, 255, 0) 100%);
    }

    .gvp22_4_r {
        /* border: solid red; */
        position: absolute;
        width: 1.5vw;
        height: 100%;
        top: 0;
        right: 0;
        /* background-color: rgba(250, 250, 44, 0.4); */
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 100%);
    }

    .gvp25 {
        width: 18vw;
        height: 18vw;
        border-radius: 50%;
        /* background-color: var(--f2); */
        position: absolute;
        left: 0;
        top: 0;
    }

    .gvp26 {
        color: white;
        font-size: 1.2vw;
        font-weight: bold;
        text-align: center;
        position: absolute;
        height: 4vw;
        top: 18vw;
        display: flex;
        width: 90%;
        margin-left: 5%;
        line-height: 1.6vw;
        /* font-family: 'Nunito_Regular'; */
        align-items: center;
        justify-content: center;
    }

    .gvp27_1 {
        margin-top: 1vw;
        width: 100%;
        height: 33vw;
        border-radius: 0.9vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .gv27_2ok {
        padding: 1vw;
        background-color: var(--f3);
        font-weight: bold;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 1vw;
        color: var(--t4);
        font-size: var(--tt2);
        cursor: pointer;
        box-shadow: 0vw 0.33vw 0.33vw rgba(0, 0, 0, 0.25);
        transition: all 0s;
    }

    .gv27_2ko {
        padding: 1vw;
        background-color: var(--t2);
        font-weight: bold;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 1vw;
        color: white;
        font-size: var(--tt2);
        cursor: pointer;
        transition: all 0s;
    }

    .gv27_3 {
        padding-bottom: 1vw;
        padding-top: 1vw;
        display: inline-block;
        background-color: var(--f1);
        width: 27%;
        float: left;
        margin-right: 3%;
        font-size: var(--tt2);
    }

    .gv27_3_2 {
        scroll-margin: 10vw;
        padding-bottom: 1vw;
        padding-top: 1vw;
        display: inline-block;
        background-color: var(--f1);
        width: 70%;
        float: left;
        margin-right: 0%;
        font-size: var(--tt2);
    }

    .gv27_4 {
        padding: 1vw;
        width: 42.4vw;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 0.5vw;
        margin-bottom: 10vw;
        display: inline-block;
    }

    .gv27_5ok {
        position: relative;
        display: inline-block;
        maX-height: 200vw;
        opacity: 1;
        overflow: hidden;
        font-size: var(--tt2);
        margin-top: 1vw;
        margin-bottom: 3vw;
        scroll-behavior: smooth;
        display: inline-block;
        transition: all 0.5s;
    }

    .gv27_5ko {
        position: relative;
        max-height: 0vw;
        opacity: 0;
        display: inline-block;
        font-size: var(--tt2);
        overflow: hidden;
        margin: 0vw;
        scroll-behavior: smooth;
        transition: all 0.1s;
        display: none;
    }

    .corp_qqhh_mm1,
    .corp_qqhh_mm1:hover {
        background-repeat: repeat-x;
        background-position: -28% 50%;
        background-size: auto 48%;
        animation-name: corp_qqhh_mm1_ani;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    @keyframes corp_qqhh_mm1_ani {
        0% {
            background-position: -28% 50%;
        }

        50% {
            background-position: -28% 60%;
        }

        100% {
            background-position: -28% 50%;
        }
    }

    .corp_qqhh_mm2,
    .corp_qqhh_mm2:hover {
        background-repeat: repeat-x;
        background-position: 72% 50%;
        background-size: auto 48%;
        animation-name: corp_qqhh_mm2_ani;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    @keyframes corp_qqhh_mm2_ani {
        0% {
            background-position: 72% 50%;
        }

        50% {
            background-position: 72% 60%;
        }

        100% {
            background-position: 72% 50%;
        }
    }

    .corp_qqhh_e4_t1,
    .corp_qqhh_e4_t1:hover {
        width: 100%;
        opacity: 1;
        transition: all 0.3s;
        position: absolute;
        top: 0;
    }

    .corp_qqhh_e4_t2,
    .corp_qqhh_e4_t2:hover {
        width: 100%;
        opacity: 0;
        transition: all 0.3s;
        position: absolute;
        top: 0;
    }

    .gv_28_1 {
        color: white;
        background-color: var(--f2);
        width: 80%;
        border-radius: 1vw;
        font-size: 1.7vw;
        font-weight: bold;
        text-indent: 4vw;
        padding: 2vw;
        box-shadow: 0vw 0.5vw 0.7vw rgb(0 0 0 / 20%);
        background-image: url(../images/bph1.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 70%;
        text-align: left;
        display: inline-block;
        margin-bottom: 1.5vw;
    }

    .gv_28_2 {
        font-size: var(--tt2);
        color: var(--t2);
        transition: all 0.3s;
        text-align: left;
        display: inline-block;
        width: 80%;
        border-radius: 1vw;
        border: dotted 0.1vw var(--f2);
        padding-left: 1.5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    .gv_28_2:hover {
        font-weight: bold;
        transition: all 0.3s;
        background-color: var(--f2);
        color: white;
    }

    .gv_28_2:hover .gv_28_5 {
        transition: all 0.3s;
        background-image: url(../images/bph2h.png);
        color: var(--t3);
    }

    .gv_28_3 {
        float: left;
        width: 10.4vw;
        white-space: nowrap;
        overflow: hidden;
        margin-right: 1vw;
    }

    .gv_28_4 {
        float: left;
        width: 53vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gv_28_5 {
        cursor: pointer;
        transition: all 0.3s;
        float: left;
        width: 12%;
        background-image: url(../images/bph2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 100%;
        text-indent: 4.5vw;
    }

    .corp_table {
        width: 100%;
        border-radius: 0.5vw;
        box-shadow: 0vw 0.7vw 0.7vw rgba(0, 0, 0, 0.15);
        overflow: hidden;
        border-spacing: 0px;
        /* border-collapse: separate; */
    }

    .corp_table td {
        padding: 0.77vw;
    }

    .corp_table .corp_table_tr_title {
        background-color: var(--f4);
        color: white;
        font-weight: bold;
        text-align: center;
    }

    .corp_table .corp_table_tr_data {
        background-color: rgba(199, 253, 52, 0);
        color: var(--t4);
        transition: 0.7s;
    }

    .corp_table .corp_table_tr_data:hover {
        background-color: rgba(199, 253, 52, 1);
        color: var(--t4);
        transition: 0.1s;
    }

    .corp_calcen1 {
        /* border: solid red; */
        width: 50%;
        display: inline-block;
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 15%);
        overflow: hidden;
        border-radius: 2vw;
        margin-top: 2vw;
        text-align: center;
        z-index: 1;
        position: relative;
    }

    .corp_calcen2 {
        width: 100%;
        display: inline-block;
        border-radius: 0vw 0vw 4vw 4vw;
        height: 52vw;
        /* box-shadow: 0vw 1vw 2vw rgb(0 0 0 / 25%); */
        background-position: center center;
        background-size: cover;
        margin-bottom: 4vw;
        background-image: url(../images/temp/head_calcen2023.jpg);
    }

    .corp_calcen3 {
        position: absolute;
        left: -24vw;
        top: 64vw;
        background-color: var(--f2);
        border-radius: 999vw;
        width: 100vw;
        height: 100vw;
        z-index: 0;
    }

    .corp_calcen4 {
        color: var(--t2);
        font-size: 2vw;
        font-weight: bold;
        margin-bottom: 2vw;
        width: 100%;
        display: inline-block;
    }

    .corp_calcen5 {
        width: 50%;
        height: 100vw;
        margin-left: 15%;
        z-index: 1;
        /* border: solid red; */
        position: relative;
        margin-bottom: 7vw;
        background-color: white;
        padding: 10%;
        box-shadow: 0vw 1vw 2vw rgb(0 0 0 / 33%);
        border-radius: 2vw;
    }

    .bls_g_bnr {
        background-color: var(--f4);
        display: inline-block;
        width: 100%;
        height: 29vw;
        border-radius: 1.3vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 30%);
        position: relative;
        overflow: hidden;
        margin-bottom: 2vw;
        background-position: center center;
        background-size: cover;
        background-image: url(../images/bdg_act_23.png);
    }

    .gauge {
        position: relative;
        border-radius: 50%/100% 100% 0 0;
        background-color: var(--color, #a22);
        overflow: hidden;
        width: 100%;
        transition: all 0.5s;
    }

    .gauge:before {
        content: "";
        display: block;
        padding-top: 50%;
        /* ratio of 2:1*/
    }

    .gauge .chart {
        overflow: hidden;
    }

    .gauge .mask {
        /* display: none; */
        position: absolute;
        left: 20%;
        right: 20%;
        bottom: 0;
        top: 40%;
        background-color: #fff;
        border-radius: 50%/100% 100% 0 0;
    }

    .gauge .percentage {
        position: absolute;
        top: -1px;
        left: -1px;
        bottom: 0;
        right: -1px;
        background-color: var(--background, #aaa);
        transform: rotate(var(--rotation));
        transform-origin: bottom center;
        transition-duration: 600;
        transition: all var(--time_ani);
    }

    .gauge:hover {
        /* --rotation: 100deg; */
    }

    .gauge .value {
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .gauge .min {
        position: absolute;
        bottom: 0;
        left: 5%;
    }

    .gauge .max {
        position: absolute;
        bottom: 0;
        right: 5%;
    }

    .bls_g_1 {
        width: 70%;
        margin-left: 15%;
        margin-bottom: 7vw;
        display: inline-block;
        /* border: solid red; */
        text-align: center;
        position: relative;
    }

    .bls_g_2 {
        font-size: 1.3vw;
        color: var(--f2);
        width: 80%;
        font-weight: bold;
        text-align: center;
        display: inline-block;
    }

    .bls_g_3 {
        font-size: 1.3vw;
        color: var(--f2);
        width: 100%;
        height: 16vw;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        position: relative;
        /* border: solid blue; */
    }

    .bls_g_4 {
        text-align: center;
        width: 100%;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

    .bls_g_5 {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0vw;
        left: 25%;
        transition: all 0.3s;
    }

    .bls_g_5_1 {
        width: 100%;
        height: 100%;
    }

    .bls_g_5_2 {
        font-size: 1.3vw;
        color: var(--f2);
        font-weight: bold;
        width: 25%;
        position: absolute;
        top: 4.5vw;
        left: 0%;
    }

    .bls_g_5_3 {
        font-size: 1.3vw;
        color: var(--f2);
        font-weight: bold;
        width: 25%;
        position: absolute;
        top: 4.5vw;
        left: 75%;
    }

    .bls_g_5_4 {
        position: absolute;
        width: 23%;
        height: 9vw;
        top: 7vw;
        left: 39.5%;
        /* border: solid red; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 0.3s;
    }

    .bls_g_5_5 {
        position: relative;
        /* border: solid red; */
    }

    .bls_g_5_6 {
        font-size: 1.3vw;
        color: var(--f4);
        font-weight: bold;
        text-align: center;
        display: inline-block;
        margin-top: 3vw;
        margin-bottom: 3vw;
        width: 100%;
    }

    .bls_g_7 {
        font-size: 1.8vw;
        line-height: 1.7vw;
        width: 80%;
        display: inline-block;
        text-align: center;
    }

    .bls_g_8 {
        font-size: 1.8vw;
        line-height: 1.7vw;
        width: 80%;
        display: inline-block;
        text-align: center;
    }

    .bls_g_5_2 #gb_v1_2 {
        line-height: 5vw;
        color: var(--f2);
        background-color: var(--f3);
        font-size: 3.5vw;
        font-weight: bold;
        width: 90%;
        display: inline-block;
        /* height: 3vw; */
        padding-top: 1vw;
        margin-top: 0.3vw;
        margin-bottom: 0.3vw;
        border-radius: 1.7vw;
        padding-bottom: 1vw;
        justify-content: center;
        align-items: center;
        transition: all var(--time_ani);
    }

    .bls_g_5_3 #gb_v2_2 {
        line-height: 3vw;
        color: white;
        background-color: var(--f2);
        font-size: 2.5vw;
        font-weight: bold;
        width: 90%;
        display: inline-block;
        /* height: 3vw; */
        padding-top: 1vw;
        margin-top: 0.3vw;
        margin-bottom: 0.3vw;
        border-radius: 0.7vw;
        padding-bottom: 1vw;
        justify-content: center;
        align-items: center;
        transition: all var(--time_ani);
    }

    .bls_g_5_2 #gb_v1 {
        font-size: 1.7vw;
    }

    .bls_g_5_3 #gb_v2 {
        font-size: 1.7vw;
    }

    .bls_g_9 {
        margin-top: 5.5vw;
        margin-bottom: 3.5vw;
        background-color: var(--f4);
        color: white;
        font-size: 1.2vw;
        font-weight: bold;
        padding: 1vw;
        padding-left: 3vw;
        padding-right: 3vw;
        display: inline-block;
        text-align: center;
        /* border: solid red; */
        border-radius: 50vw;
    }

    .bls_g_10 {
        position: relative;
        width: 100%;
        height: 25vw;
        display: inline-block;
        transition: all 0.3s;
    }

    .bls_g_11 {
        width: 100%;
        display: flex;
        justify-content: center;
        height: 60%;
        border-bottom: 0.1vw solid var(--f2);
    }

    .bls_g_12 {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 1vw;
    }

    .bls_g_13 {
        width: 16.6%;
        text-align: center;
        font-size: 1.55vw;
        font-weight: bold;
        color: var(--t4);
    }

    .bls_g_14 {
        width: 16.6%;
        text-align: center;
        font-size: 1.2vw;
        font-weight: bold;
        display: flex;
        color: var(--t4);
        /* border: blue solid; */
        align-items: flex-end;
        justify-content: center;
        position: relative;
    }

    .bls_g_15 {
        position: absolute;
        z-index: 1;
        width: 80%;
        height: 0%;
        display: inline-block;
        border-radius: 1vw;
        background-color: var(--f4);
        transition: all var(--time_ani);
    }

    .bls_g_16 {
        position: absolute;
        z-index: 0;
        width: 80%;
        height: 0%;
        display: inline-block;
        border-radius: 1vw;
        background-color: var(--f3);
        transition: all var(--time_ani);
    }

    #may_a_t,
    #jun_a_t,
    #jul_a_t,
    #ago_a_t,
    #sep_a_t,
    #oct_a_t {
        position: absolute;
        left: 0vw;
        top: -1.25vw;
        color: var(--t4);
        width: 100%;
    }

    #may_b_t,
    #jun_b_t,
    #jul_b_t,
    #ago_b_t,
    #sep_b_t,
    #oct_b_t {
        position: absolute;
        left: 0vw;
        top: -1.25vw;
        color: var(--t2);
        width: 100%;
    }

    .bls_g_17 {
        margin-top: 2vw;
        width: 100%;
        display: inline-block;
        /* border: solid red; */
    }

    .bls_g_18 {
        color: var(--t2);
        font-size: 1.2vw;
        /* border: solid blue; */
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-left: 1vw;
        margin-right: 1vw;
    }

    .bls_g_19 {
        width: 3vw;
        height: 1vw;
        border-radius: 0.5vw;
        margin-right: 0.5vw;
    }

    .bls_g_20 {
        font-weight: bold;
        display: inline-block;
        width: 80%;
        padding: 1.5vw;
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 4vw;
        color: var(--t2);
        background-color: var(--f2);
        color: white;
        font-size: 1.5vw;
        border-radius: 10vw;
        margin-bottom: 3vw;
    }

    .bls_g_21 {
        width: 50%;
        border-radius: 5vw;
        box-shadow: 0vw 0vw 0.7vw var(--f4);
        display: inline-block;
        /*margin-left: 25%;*/
        margin-top: 5vw;
        transition: all 0.3s;
    }

    .corp_ee1 {
        width: 60%;
        margin-bottom: 5%;
        display: inline-block;
    }

    .corp_cov_end {
        height: 40vw !important;
    }

    /* css para form catastro */
    .catastro {
        border: 0px solid red;
        width: 80vw;
        height: 71vw;
        overflow: hidden;
        margin-left: 9vw;
    }

    #TBLBUSCARXDIRRET .BolsaLabel {
        color: #575b5d;
        font-size: 14px;
        font-weight: bold;
    }

    #TBLBUSCARXDIRRET input,
    #TBLBUSCARXDIRRET .mcComboAttrInput {
        margin-left: 5px !important;
        display: inline-block !important;
        background-color: transparent !important;
        border: 1px solid #d9d9d9 !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-variant: normal !important;
        text-decoration: none !important;
        color: #575b5d !important;
        max-width: 206px !important;
        text-indent: 0 !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        width: 90% !important;
    }

    .corp_buscar1OK {
        float: left;
        width: 6vw;
        padding-right: 0vw;
        height: 2vw;
        transition: all .8s;
        margin-top: 0.3vw;
        margin-left: 1vw;
        background-image: url(../images/buscar_lupa.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        /* border: solid red; */
    }

    .corp_buscar1KO {
        float: left;
        height: 2vw;
        width: 14vw;
        transition: all .8s;
        margin-top: 0.3vw;
        margin-left: 1vw;
        background-image: url(../images/buscar_lupa.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        /* border: solid red; */
    }

    .corp_buscar2OK {
        float: left;
        border: 0px;
        border-bottom: solid 0.1vw var(--f3);
        background-color: var(--f4);
        background-color: transparent;
        color: white;
        padding: 0.35vw;
        font-size: 0.9vw;
        font-weight: bold;
        transition: all 1s;
        margin-top: 0.3vw;
        /* text-indent: 1.33vw; */
        position: absolute;
        top: 0vw;
        left: 3vw;
        width: 3vw;
    }

    .corp_buscar2KO {
        float: left;
        border: 0px;
        border-bottom: solid 0.1vw var(--f3);
        background-color: var(--f4);
        background-color: transparent;
        color: white;
        padding: 0.35vw;
        padding-top: .7vw;
        padding-bottom: 0.2vw;
        font-size: 0.9vw;
        font-weight: bold;
        transition: all 1s;
        margin-top: 0.3vw;
        text-indent: 0vw;
        position: absolute;
        top: 0vw;
        left: 3vw;
        width: 10vw;
    }

    .corp_buscar3OK {
        transition: all 0.3s;
        position: absolute;
        top: 0.5vw;
        left: 3.4vw;
        font-size: 0.9vw;
        color: var(--f3);
        font-weight: bold;
    }

    .corp_buscar3KO {
        transition: all 0.3s;
        position: absolute;
        top: 0.1vw;
        left: 3vw;
        font-size: 0.5vw;
        color: var(--f3);
        font-weight: bold;
    }

    .corp_resbus1 {
        width: 50%;
        border-radius: 9vw;
        margin-left: 25%;
        color: var(--b2);
        text-align: center;
        border: solid .2vw var(--b2);
        font-size: 1.5vw;
        padding: 0.9vw;
    }

    .corp_resbus2 {
        color: white;
        background-color: var(--b4);
        border-radius: 11vw;
        padding: .5vw;
        text-align: center;
        margin-bottom: 1vw;
        font-size: 1vw;
        width: 16%;
        margin-left: 43%;
    }

    .corp_resbus3 {
        width: 100%;
        padding-top: 3vw;
        /* background-color: silver; */
        display: inline-block;
        text-align: center;
        color: var(--b2);
    }

    .corp_resbus4 {
        position: relative;
        /* background-color: red; */
        width: 50vw;
        display: inline-block;
        height: 11vw;
        margin-bottom: 2vw;
    }

    .corp_resbus5 {
        float: left;
        position: relative;
        background-color: var(--f4);
        width: 11vw;
        display: inline-block;
        height: 11vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        border-radius: 1.3vw;
        box-shadow: 0vw .3vw .3vw rgba(0, 0, 0, .1);
    }

    .corp_resbus6 {
        float: left;
        height: 11vw;
        width: 36vw;
        text-align: left;
        padding-left: 2vw;
    }

    .corp_resbus7 {
        text-transform: uppercase;
        width: 100%;
        font-size: .7vw;
        color: var(--f2);
        font-weight: bold;
    }

    .corp_resbus8 {
        width: 100%;
        font-size: 1.3vw;
        line-height: 1.4vw;
        color: var(--b4);
        font-weight: bold;
    }

    .corp_resbus8st {
        width: 100%;
        font-size: 1vw;
        line-height: 1.4vw;
        color: var(--b2);
        font-weight: normal;
    }

    .corp_resbus9 {
        /* width: 100%; */
        font-size: 1vw;
        color: var(--b2);
        font-weight: bold;
        background-color: var(--b3);
        border-radius: 10vw;
        padding: 0.4vw;
        padding-left: 1.3vw;
        padding-right: 1.3vw;
        margin-top: .33vw;
        display: inline-block;
    }

    .corp_ppdc1 {
        width: 31vw;
        height: 20vw;
        float: left;
        margin-right: 2vw;
        border-radius: 1vw;
        box-shadow: 0vw 0vw 1vw #6d6d6d4a;
    }

    .corp_ppdc2 {
        float: left;
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
        width: 46vw;
    }

    .corp_ppdc3 {
        color: var(--t4);
        margin-top: 3vw;
        /* background: silver; */
        width: 80%;
        display: inline-block;
        margin-left: 10%;
        height: 6vw;
        line-height: 6vw;
        background-repeat: no-repeat;
        background-size: auto 90%;
        background-position: left center;
        text-indent: 6vw;
        font-weight: bold;
        font-size: var(--tt1);
    }

    .corp_ppdc4 {
        width: 48%;
        margin-right: 2%;
        float: left;
    }

    .corp_ppdc5 {
        width: 48%;
        margin-left: 2%;
        float: left;
    }

    .corp_ppdc6 {
        /* background-color: silver; */
        display: inline-block;
        width: 80%;
        margin-left: 10%;
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
    }

    .corp_ppdc7 {
        width: 17vw;
        height: 13vw;
        background-color: var(--f4);
        border-radius: 1.5vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.2);
        float: left;
        position: relative;
        overflow: hidden;
        opacity: .9;
        transition: all 0.3s;
    }

    .corp_ppdc8 {
        text-align: left;
        margin-left: 0vw;
        width: 58vw;
        display: inline-block;
        margin-top: 0vw;
        transition: all 1s;
        color: var(--t2);
    }

    .corp_ppdc9 {
        border-radius: 100vw;
        width: 10vw;
        height: 10vw;
        border: solid 2vw var(--f3);
        opacity: .8;
        transition: all 1s;
        position: absolute;
        left: 10vw;
        top: 8vw;
    }

    .corp_ppdc10:hover .corp_ppdc9 {
        border-radius: 100vw;
        width: 26vw;
        height: 26vw;
        border: solid 13vw var(--f3);
        opacity: .8;
        transition: all 1s;
        position: absolute;
        left: -13vw;
        top: -14vw;
    }

    .corp_ppdc10 {
        margin-bottom: 5vw;
    }

    .corp_ppdc10:hover .corp_ppdc8 {
        transition: all .5s;
        color: var(--t4);
    }

    .corp_ppdc10:hover .corp_ppdc7 {
        transition: all .5s;
        opacity: 1;
    }

    .corp_ppdc11 {
        /* background: silver; */
        width: 100%;
        height: 46vw;
        position: relative;
        overflow: hidden;
    }

    .corp_ppdc12 {
        border: solid 38vw var(--b2);
        width: 450vw;
        height: 288vw;
        position: absolute;
        border-radius: 50%;
        left: -208vw;
    }

    .corp_ppdc13 {
        /* background: rgba(33, 233, 133, 0.4); */
        width: 80%;
        height: 29vw;
        overflow: hidden;
        position: absolute;
        margin-left: 10%;
        top: 5vw;
        font-size: var(--tt2);
    }

    .corp_ppdc14 {
        color: white;
        /* margin-top: 3vw; */
        /* background: silver; */
        width: 100%;
        display: inline-block;
        /* margin-left: 10%; */
        height: 6vw;
        line-height: 6vw;
        background-repeat: no-repeat;
        background-size: auto 90%;
        background-position: left center;
        text-indent: 6vw;
        font-weight: bold;
        font-size: var(--tt1);
        margin-bottom: 2vw;
    }

    .corp_ppdc15 {
        width: 32%;
        float: left;
        height: 62vw;
        background-color: var(--f2);
        margin-right: 2vw;
        border-radius: 1vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_ppdc16 {
        width: 65%;
        float: left;
    }

    .corp_ppdc17 {
        width: 65%;
        float: left;
    }

    .corp_ppdc18 {
        width: 32%;
        float: left;
        height: 62vw;
        background-color: var(--f2);
        margin-left: 2vw;
        border-radius: 1vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_ppdc19 {
        width: 82%;
        /* background: silver; */
        margin-top: 1.6vw;
        transition: all 1s;
        margin-left: 10%;
        display: inline-block;
        position: relative;
        transition: all 1s;
    }

    .corp_ppdc20 {
        width: 14vw;
        padding-left: 3vw;
        padding-right: 3vw;
        background-color: var(--f2);
        border-radius: 2vw;
        text-align: center;
        font-weight: bold;
        font-size: var(--tt4);
        line-height: var(--tt1);
        margin-right: 1.5vw;
        transition: all .5s;
    }

    .corp_ppdc20 img {
        width: 70%;
    }

    .corp_ppdc21 {
        background-color: rgb(0 0 0 / 3%);
        float: left;
        padding: 1vw;
        border-radius: 1vw;
        width: 55vw;
        margin-top: .5vw;
        margin-bottom: .5vw;
        margin-left: 1vw;
        color: var(--f2);
        font-size: var(--tt2);
        transition: all .5s;
    }

    .corp_ppdc22 {
        float: left;
    }

    .corp_ppdc19:hover .corp_ppdc21 {
        background-color: var(--f3);
        color: var(--t4);
        transition: all .5s;
    }

    .corp_ppdc19:hover .corp_ppdc20 {
        transition: all .5s;
        background-color: var(--f4);
    }

    .corp_ppdc23 {
        width: 79vw;
        height: 16.62vw;
        display: inline-block;
        margin-left: 10%;
        border-radius: 2vw;
        margin-top: 1vw;
        margin-bottom: 3vw;
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.15);
        background-repeat: repeat-x;
        background-size: auto 100%;
        background-position: 0vw;
        animation-name: corp_ppdc23_ani;
        animation-duration: 33s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_ppdc23_ani {
        from {
            background-position: 0vw;
        }

        to {
            background-position: -160vw;
        }
    }

    .corp_ppdc24 {
        color: var(--t2);
        font-size: var(--tt2);
        width: 35.7vw;
        float: left;
        margin: 1vw 2vw 5vw 2vw;
    }

    .corp_ppdc25 {
        width: 100%;
        height: 23vw;
        margin-bottom: 2vw;
        background-color: var(--f4);
        border-radius: 1vw;
    }

    .corp_ppdc26 {
        width: 70%;
        margin-left: 15%;
        text-align: center;
        color: var(--t2);
        font-size: var(--tt2);
        margin-top: 3vw;
    }

    .corp_ppdc27 {
        width: 74%;
        margin-left: 8%;
        text-align: left;
        color: white;
        font-size: var(--tt2);
        margin-top: 2vw;
        background-color: var(--f4);
        border-radius: 17vw;
        padding: 1vw;
        padding-left: 5vw;
        padding-right: 5vw;
        transition: all .5s;
    }

    .corp_ppdc27:hover {
        background-color: var(--f2);
        transition: all .5s;
        padding: 2vw;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .corp_h2gn_1 {
        background-color: var(--f4);
        width: 100%;
        height: 48vw;
        margin-bottom: 3vw;
        margin-top: 5vw;
        background-image: url(../images/h2gn_lfnd.png);
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: center -132vw;
        animation-name: corp_h2gn_1_ani;
        animation-duration: 60s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        display: flex;
        align-items: center;
        justify-content: center;
        filter: brightness(0.56);
        transition: all 5s;
    }

    .corp_h2gn_1:hover {
        filter: brightness(1);
        transition: all 5s;
    }

    @keyframes corp_h2gn_1_ani {
        from {
            background-position: center 0vw;
        }

        to {
            background-position: center -132vw;
        }
    }

    .corp_h2gn_2 {
        background-image: url(../images/h2gn_logo.png);
        width: 40vw;
        height: 21vw;
        background-size: 90%;

        transition: all .2s;
    }

    .corp_cd1 {
        width: 80%;
        margin-left: 10%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .corp_cd2 {
        width: 21vw;
        margin-left: 3vw;
        margin-right: 2vw;
        text-align: center;
        display: inline-block;
        color: var(--t2);
        transition: all .3s;
    }

    .corp_cd3 {

        text-align: center;
        display: inline-block;
        width: 100%;
        font-size: var(--tt4);
        font-weight: bold;
        line-height: var(--tt4);
    }

    .corp_cd4 {
        background-color: var(--f3);
        width: 100%;
        height: 14.5vw;
        border-radius: 2vw;
        text-align: center;
        display: inline-block;
        margin-top: 1vw;
        margin-bottom: 1vw;
        box-shadow: 0vw 1.2vw 1vw rgba(0, 0, 0, 0.1);
        filter: saturate(55%);
        transition: all .5s;
        background-size: 110%;
    }

    .corp_cd5 {
        width: 84%;

        text-align: left;
        display: inline-block;
        line-height: var(--t2);
        font-size: var(--tt2);
    }

    .corp_cd2:hover .corp_cd4 {
        transition: all .5s;
        filter: saturate(100%);
        background-size: 101%;

    }

    .corp_cd2:hover {
        transition: all .3s;
        color: var(--t4) !important;
    }

    .corp_cd6 {
        height: 65vw;
        background-color: var(--f3);
        width: 100%;
        transition: all .5s;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt2);
        margin-top: 8vw;
        overflow: hidden;
        margin-bottom: 8vw;
        position: relative;
        background-position: 0% center;
        background-size: auto 100%;
        animation-name: corp_cd6_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_cd6_ani {
        from {
            background-position: 0% center;
        }

        to {
            background-position: 249.4% center;
        }
    }

    .corp_cd7 {
        position: absolute;
        top: -15vw;
        LEFT: 46vw;
        height: 100vw;
        width: 61vw;
        border-radius: 50%;
        z-index: 1;
        background-color: var(--f2);
        transition: all .3s;

    }

    .corp_cd8 {
        position: absolute;
        top: 26vw;
        LEFT: 42.7vw;
        height: 12vw;
        width: 7vw;
        z-index: 2;
    }




    .corp_cd9 {
        position: absolute;
        top: 6vw;
        LEFT: 59vw;
        height: 31vw;
        width: 30vw;
        color: white;
        z-index: 2;
        font-size: var(--tt4);
        line-height: var(--tt3);
    }

    .corp_cd6:hover .corp_cd7 {
        background-color: var(--f4);
        transition: all .3s;
    }

    .corp_cd10 {
        width: 70%;
        margin-left: 6%;
        display: inline-block;
        background-color: var(--f1);
        transition: all .3s;
        padding: 3vw 5vw 3vw 14vw;
        font-size: var(--tt2);
        line-height: var(--tt3);
        border-radius: 4vw;
        box-shadow: 0vw 0vw 1.5vw rgba(0, 0, 0, 0.15);
        background-position: 6% center;
        background-size: auto 8vw;
        color: var(--t2);
        background-repeat: no-repeat;
        margin-bottom: 5vw;
    }

    .corp_cd10:hover {
        transition: all .3s;
        background-color: var(--f3);
        color: var(--t4);
    }

    .corp_cd10 a {
        background-color: var(--f2);
        color: var(--t1);
        padding: 1vw 2vw;
        border-radius: 3vw;
        font-size: var(--tt4);
        font-weight: bold;
        transition: all .3s;
        margin-top: 1vw;
        display: inline-block;
    }

    .corp_cd10 a:hover {
        transition: all .3s;
        color: var(--t3);
        background-color: var(--f4);
    }

    .corp_cd11 {
        width: 100%;
        /* height: 175vw; */
        transition: all .3s;
        color: var(--t3);
        /* background-color: skyblue; */
        margin-top: 7vw;
        position: relative;
        display: inline-block;
        text-align: center;
        overflow: hidden;
    }

    .corp_cd12 {
        width: 90%;
        display: inline-block;
        text-align: center;
        transition: all .3s;
        color: var(--t3);
        /* background-color: silver; */
        margin-bottom: 10vw;
        z-index: 1;
        position: relative;
    }

    .corp_cd13 {
        width: 160vw;
        height: 93vw;
        border-radius: 50%;
        background-color: var(--f2);
        position: absolute;
        left: -30vw;
        top: 17vw;
        opacity: 1;
        transition: all .3s;
    }

    .corp_cd14 {
        width: 100%;
        position: relative;
        z-index: 1;
        display: inline-block;
    }
    .corp_cd14 .corp_cd19, .corp_cd14 .corp_cd20 {
        color:var(--t1);
    }
   

    .corp_cd15 {
        /* background-color: red; */
        display: inline-block;
        text-align: center;
        margin-left: 2vw;
        margin-right: 2vw;
        width: 29vw;

    }

    .corp_cd18 {
        background-color: var(--f1);
        border-radius: 4vw;
        width: 96%;
        margin-left: 2%;
        margin-bottom: 13vw;
        padding: 3vw 1vw 0vw 0vw;
        box-shadow: 0vw 1vw 2vw rgba(0, 0, 0, 0.15);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /* transition: all 1.5s; */
    }

    .corp_cd19 {
        text-align: center;
        width: 100%;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt3);
        font-weight: bold;
    }

    .corp_cd20 {
        text-align: center;
        width: 80%;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt2);
        line-height: var(--tt4);
        MARGIN-BOTTOM: 2vw;
    }

    .corp_cd21 {
        background-color: var(--f3);
        display: inline-block;
        width: 100%;
        height: 38vw;
        border-radius: 2vw;
        box-shadow: 0vw 0vw .33vw rgba(0, 0, 0, 0.15);
        font-size: var(--tt4);
        line-height: var(--tt4);
        transition: all .3s;
        /* MARGIN-BOTTOM:1vw; */

    }

    .corp_cd21:hover {
        transition: all .3s;
        /* MARGIN-BOTTOM:0vw; */

        box-shadow: 0vw 0vw 2vw var(--f3);
    }

    .corp_cd22 {
        cursor: pointer;
        color: var(--t2);
        border: solid .23vw var(--f2);
        padding: 1vw;
        text-align: center;
        float: left;
        border-radius: 30VW;
        width: 40%;
        margin: 0% 1% 3% 1%;
        font-weight: bold;
        font-size: var(--tt4);
        transition: all .3s;
        margin-bottom: 1vw;
    }

    .corp_cd22:hover {
        color: var(--f1);
        background-color: var(--f2);
        transition: all .3s;
    }
    .corp_cd22ok {
        cursor: pointer;
        color: var(--t1);
        border: solid .23vw var(--f4);
        background-color: var(--f4);
        padding: 1vw;
        text-align: center;
        float: left;
        border-radius: 30VW;
        width: 40%;
        margin: 0% 1% 3% 1%;
        font-weight: bold;
        font-size: var(--tt4);
        transition: all .3s;
        margin-bottom: 1vw;
    }


    .corp_cd23 {

        width: 100%;
        border: 0;
        overflow: hidden;
        display: none;
        margin-bottom: 9vw;

    }
	
	.corp_videohome{
		
		        width: 100%;
        height: 44vw;
        color: var(--t2);
        font-size: 15vw;
        display: flex;
        justify-content: center;
        align-items: center;
	}
	
	.corp_videohome_play{
	        width: 65%;
        height: 83%;
        border-radius: 2vw;
        overflow: hidden;
		box-shadow: 0vw 0.5vw 1vw 0.0vw rgba(0, 0, 0, 0.35);
	}
}


/* SMALL */
@media (max-width:600px) {
    :root {
        --tt1: 5.5vw;
        --tt2: 4.1vw;
        --tt3: 5vw;
        --tt4: 4.3vw;
        --s1: 0vw 2vw 2vw rgba(0, 0, 0, 0.15);
        --s1_h: 0vw 3vw 3vw rgba(0, 0, 0, 0.22);
        --br1: 3.7vw;
        --rotation: 0deg;
        --time_ani: 2s;
    }

    .darkmode:root {
        --tt1: 5.5vw;
        --tt2: 4.1vw;
        --tt3: 5vw;
        --tt4: 1.3vw;
        --s1: 0vw 2vw 2vw rgba(0, 0, 0, 0.15);
        --s1_h: 0vw 3vw 3vw rgba(0, 0, 0, 0.22);
        --br1: 3.7vw;
        --rotation: 0deg;
        --time_ani: 2s;
    }

    .s_ko {
        display: none !important;
    }

    .s_bk10 {
        width: 10%;
        float: left;
    }

    .s_bk9 {
        width: 11.11%;
        float: left;
    }

    .s_bk8 {
        width: 12.5%;
        float: left;
    }

    .s_bk7 {
        width: 14.28%;
        float: left;
    }

    .s_bk6 {
        width: 16.66%;
        float: left;
    }

    .s_bk5 {
        width: 20%;
        float: left;
    }

    .s_bk4 {
        width: 20%;
        float: left;
    }

    .s_bk3 {
        width: 33.33%;
        float: left;
    }

    .s_bk2 {
        width: 50%;
        float: left;
    }

    .s_bk1 {
        width: 100%;
        clear: both;
        display: inline-block;
    }

    .s_mg60 {
        display: inline-block;
        clear: both;
        width: 60%;
        margin-left: 20%;
    }

    .s_mg65 {
        display: inline-block;
        clear: both;
        width: 65%;
        margin-left: 17.5%;
    }

    .s_mg70 {
        display: inline-block;
        clear: both;
        width: 70%;
        margin-left: 15%;
    }

    .s_mg75 {
        display: inline-block;
        clear: both;
        width: 75%;
        margin-left: 17.5%;
    }

    .s_mg80 {
        display: inline-block;
        clear: both;
        width: 80%;
        margin-left: 10%;
    }

    .s_mg85 {
        display: inline-block;
        clear: both;
        width: 80%;
        margin-left: 7.5%;
    }

    .s_mg90 {
        display: inline-block;
        clear: both;
        width: 90%;
        margin-left: 5%;
    }

    .s_mg95 {
        display: inline-block;
        clear: both;
        width: 95%;
        margin-left: 2.5%;
    }

    .s_mg100 {
        display: inline-block;
        clear: both;
        width: 100%;
        margin-left: 0%;
    }

    .s_airtop0_5 {
        margin-top: 0.5vw;
    }

    .s_airtop1 {
        margin-top: 1vw;
    }

    .s_airtop1_5 {
        margin-top: 1.5vw;
    }

    .s_airtop2 {
        margin-top: 2vw;
    }

    .s_airtop3 {
        margin-top: 3vw;
    }

    .s_airtop4 {
        margin-top: 4vw;
    }

    .s_airtop5 {
        margin-top: 5vw;
    }

    .s_airtop6 {
        margin-top: 6vw;
    }

    .s_airtop7 {
        margin-top: 7vw;
    }

    .s_airbottom0_5 {
        margin-bottom: 0.5vw;
    }

    .s_airbottom1 {
        margin-bottom: 1vw;
    }

    .s_airbottom1_5 {
        margin-bottom: 1.5vw;
    }

    .s_airbottom2 {
        margin-bottom: 2vw;
    }

    .s_airbottom3 {
        margin-bottom: 3vw;
    }

    .s_airbottom4 {
        margin-bottom: 4vw;
    }

    .s_airbottom5 {
        margin-bottom: 5vw;
    }

    .s_airbottom6 {
        margin-bottom: 6vw;
    }

    .s_airbottom7 {
        margin-bottom: 7vw;
    }

    .s_txt1 {
        font-size: 3vw;
        line-height: 3vw;
    }

    .s_txt2 {
        font-size: 4vw;
        line-height: 4vw;
    }

    .s_txt3 {
        font-size: 4.25vw;
        line-height: 4.25vw;
    }

    .s_txt4 {
        font-size: 4.5vw;
        line-height: 4.5vw;
    }

    .s_txt5 {
        font-size: 5.7vw;
        line-height: 5.7vw;
    }

    .s_txt6 {
        font-size: 6.5vw;
        line-height: 6.5vw;
    }

    .s_txt7 {
        font-size: 7vw;
        line-height: 7vw;
    }

    .s_txt8 {
        font-size: 7.5vw;
        line-height: 7.5vw;
    }

    .s_txt9 {
        font-size: 8.5vw;
        line-height: 8.5vw;
    }

    .s_txt10 {
        font-size: 15vw;
        line-height: 15vw;
    }

    /* fin style */
    .sup {
        display: inline-block;
        position: fixed;
        /* background-color: red; */
        width: 13vw;
        height: 13vw;
        left: 1vw;
        z-index: 100;
        bottom: -20vw;
    }

    .supKO {
        transition: bottom 1s;
        bottom: -20vw;
    }

    .supOK {
        transition: bottom 1s;
        bottom: 20vw;
    }

    .sup_im {
        opacity: 0.5;
        transition: all 1s;
        background-image: url(../images/scrollto.png);
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .sup_im:hover {
        transition: all 1s;
        opacity: 1;
    }

    .upHeaderAir {
        /* background-color: rgba(222, 0, 0, 0.4); */
        width: 100%;
        height: 25vw;
        /* border: solid 2px red; */
    }

    .sdHeader {
        width: 100%;
        /* height:16vw; */
        display: inline-block;
        font-size: 5vw;
        background-color: rgba(70, 70, 70, 1);
        top: 0px;
        left: 0px;
        position: fixed;
        z-index: 1;
    }

    .z_logo {
        background-image: url(../images/logohead.png);
        position: absolute;
        left: 3%;
        top: 2vw;
        height: 5vw;
        width: 17%;
    }

    .menuSdModalOK {
        position: relative;
        transition: all 0.5s;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0vw;
        right: 0px;
        /* backdrop-filter: blur(17.5vw); */
        background-color: #021d49de;
    }

    .menuSdModalKO {
        position: relative;
        transition: all 1s;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0vw;
        right: -101vw;
        /* backdrop-filter: blur(7.5vw); */
        background-color: var(--f2);
    }

    .menuSdModalOKe1 {
        position: absolute;
        top: -118vw;
        right: -119vw;
        width: 235vw;
        height: 258vw;
        border-radius: 50%;
        background-color: var(--f2);
        transition: all 0.5s;
    }

    .menuSdModalKOe1 {
        position: absolute;
        top: -70vw;
        right: -131vw;
        width: 210vw;
        height: 212vw;
        border-radius: 50%;
        background-color: var(--f2);
        transition: all 0.5s;
    }

    .menuBarOK {
        transition: all 1s;
        z-index: 7;
        position: fixed;
        top: 0vw;
        width: 70%;
        /* height: 21vh; */
        z-index: 1;
        right: 1vw;
        /* background-color: var(--clr_2); */
    }

    .menuBarKO {
        z-index: 7;
        position: fixed;
        top: 0vw;
        width: 70%;
        display: inline-block;
        position: relative;
        /* height: 21vh; */
        z-index: 1;
        transition: 0.3s;
        right: -101vw;
    }

    .menuItem {
        color: rgba(0, 0, 0, 1);
        width: 100%;
        /* float:left; */
        font-size: 5vw;
        line-height: 5vw;
        padding: 5vw;
        padding-left: 7vw;
        padding-right: 2vw;
        text-transform: uppercase;
    }

    .z_upmenuitemsd {
        color: var(--clr_10);
        font-size: 1.2vw;
        text-align: center;
        /* width: 80%; */
        /* height: 13vw; */
        padding: 0.7vw;
        background-color: rgba(0, 92, 155, 0.4);
        display: inline-block;
    }

    /* z */
    .upHeader {
        width: 100%;
        display: inline-block;
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 150;
        height: 0;
    }

    .darkmode .z_upmenuhz {
        background-color: rgba(22, 22, 22, 0.85);
        backdrop-filter: blur(0.3vw);
    }

    .z_upmenuhz {
        backdrop-filter: blur(0.3vw);
        width: 100%;
        height: 26vw;
        background-color: rgba(255, 255, 255, 0.85);
        display: inline-block;
        text-align: center;
        box-shadow: 0vw 0vw 0vw 0vw rgba(0, 0, 0, 0.0);
        /* transition: all 0.3s; */
        /* border: solid red 1px; */
    }

    .darkmode .z_upmenuhzko {
        background-color: rgba(33, 33, 33, 0.5);
    }

    .z_upmenuhzko {
        backdrop-filter: blur(0.3vw);
        width: 100%;
        height: 26vw;
        background-color: rgba(255, 255, 255, 0.9);
        display: inline-block;
        text-align: center;
        box-shadow: 0vw 0vw 0vw 0vw rgb(0 0 0 / 0%);
        transition: all 0.3s;
        /* border: solid red 1px; */
    }

    .menuBar {
        z-index: 7;
    }

    .z_upmenuitems {
        width: 50%;
        margin-left: 25%;
        display: flex;
        /* background-color: rgba(2,255,0,0.4); */
    }

    .z_upmenuitem {
        display: inline-block;
        /* display: flex; */
        align-items: center;
        text-align: center;
        font-size: 0.88vw;
        color: var(--clr_10);
        width: 10.6%;
        /* background-color: rgba(0,255,0,0.4); */
        padding-top: 1.1vw;
        padding-bottom: 1vw;
        /* height: 3vw; */
        transition: all 0.3s;
        text-shadow: 0vw 0.1vw 0.5vw rgba(0, 0, 0, 0.3);
        display: none;
    }

    .z_upmenuitem:hover {
        transition: all 0.3s;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .as_upmenu_line {
        display: inline-block;
        width: 0%;
        height: 0.12vw;
        background-color: rgba(250, 250, 150, 0.0);
        margin-top: 0.1vw;
        transition: all 0.5s;
    }

    .z_upmenuok {
        cursor: pointer;
        position: absolute;
        width: 10vw;
        height: 10vw;
        filter: brightness(100%) !important;
        top: 1vw;
        right: 3.3vw;
        transform: rotate(0deg);
        background-image: url(../images/mok.png);
        transition: all 0.3s;
    }

    .z_upmenuko {
        cursor: pointer;
        position: absolute;
        width: 10vw;
        height: 10vw;
        filter: brightness(1500%) !important;
        top: 1vw;
        right: 3.3vw;
        transform: rotate(180deg);
        background-image: url(../images/mko.png);
        transition: all 0.3s;
    }

    .index_slider {
        margin-top: 2.1vw;
        overflow: hidden;
        width: 90%;
        height: 89vw;
        border: none;
        position: relative;
        top: 0;
        left: 5%;
        z-index: 0;
        background-color: var(--f4);
        border-radius: 4vw;
        box-shadow: 0vw 1.5vw 2vw 0vw rgb(0 0 0 / 15%)
    }

    /* CORP */
    .corp_up_bar1 {
        position: relative;
        width: 100%;
        display: inline-block;
        background-color: var(--f4);
        font-size: 3.9vw;
        font-weight: bold;
        height: 12vw;
        /* background-color: red; */
    }

    .corp_up_e1 {
        /* padding-left: 3vw; */
        background-color: var(--f4);
        color: white;
        width: 100%;
        display: inline-block;
        /* float: left; */
        position: relative;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
        /* text-indent: 4vw; */
    }

    .corp_up_e2 {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        text-align: right;
        /* background-color: var(--f4); */
        color: var(--t1);
        /* width: 50%; */
        display: inline-block;
        /* float: left; */
        /* background-color: rgba(150, 0, 150, 0.4); */
    }

    .corp_up_e3 {
        display: inline-block;
        width: 41vw;
        position: relative;
        left: -14vw;
        top: 13vw;
        height: 100%;
        z-index: 5;
        transition: all 0.3s;
    }

    .corp_up_e3OK {
        filter: brightness(500%);
        display: inline-block;
        width: 41vw;
        position: relative;
        left: -13vw;
        top: 13vw;
        height: 100%;
        z-index: 5;
        transition: all 0.3s;
        /* border: solid red; */
    }

    .corp_up_e4 {
        text-align: right;
        /* background-color: rgba(255, 0, 255, 0.4); */
        position: absolute;
        left: 4%;
        top: 98%;
        color: white;
        width: 92%;
        display: inline-block;
        /* position: relative; */
        font-size: 3.9vw;
        line-height: 3.5vw;
        transition: 0.3s;
    }

    .corp_up_e4KO {
        text-align: right;
        /* background-color: rgba(25, 150, 255, 0.4); */
        position: absolute;
        left: 101%;
        top: 98%;
        color: white;
        width: 92%;
        display: inline-block;
        /* position: relative; */
        font-size: 3.9vw;
        line-height: 3.5vw;
        transition: 0.3s;
    }

    .corp_up_e4dw {
        text-align: right;
        width: 92%;
        display: inline-block;
        position: relative;
        font-size: 3.9vw;
        line-height: 3.5vw;
        transition: 0.3s;
    }

    .corp_up_e5 {
        display: inline-block;
    }

    .corp_up_e5dw {
        display: inline-block;
    }

    .corp_up_b0 {
        cursor: pointer;
        display: grid;
        color: rgba(255, 255, 255, 0.8);
        align-items: center;
        float: left;
        padding-left: 2vw;
        /* padding-right: 1vw; */
        height: 100%;
        transition: all 0.3s;
        /* font-weight: normal; */
        /* border: solid red 1px; */
    }

    .corp_up_b0:hover {
        transition: all 0.3s;
        color: white;
    }

    .corp_up_b1 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        transition: all 0.3s;
    }

    .corp_up_b1:hover {
        transition: all 0.3s;
        color: var(--t3);
    }

    .corp_up_b1_txt {
        display: grid;
        align-items: center;
        float: left;
        padding-left: 1vw;
        padding-right: 1vw;
        height: 100%;
        transition: all 0.3s;
    }

    .corp_up_b2 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        /* content: ""; */
        /* background-color: red; */
        width: 9vw;
        overflow: hidden;
        height: 100%;
        /* text-indent: 20vw; */
        color: rgba(255, 255, 255, 0);
        background-image: url(../images/fono1.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2:hover {
        background-image: url(../images/fono1.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: white;
    }

    .corp_up_b2_1 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        color: rgba(255, 255, 255, 0);
        width: 9vw;
        overflow: hidden;
        height: 100%;
        text-indent: 10vw;
        background-image: url(../images/mail1.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_1:hover {
        background-image: url(../images/mail1.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: rgba(255, 255, 255, 0);
    }

    .corp_up_b2_2 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2.6vw;
        padding-right: 1vw;
        height: 100%;
        color: rgba(255, 255, 255, 0);
        background-image: url(../images/up_ico_lectura.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_2:hover {
        background-image: url(../images/up_ico_lectura_hover.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: rgba(255, 255, 255, 0);
    }

    .corp_up_b2_3 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        color: rgba(255, 255, 255, 0);
        width: 9vw;
        overflow: hidden;
        height: 100%;
        text-indent: 10vw;
        background-image: url(../images/emer1.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_3:hover {
        background-image: url(../images/emer2.png);
        /* background-position: 1.2vw center; */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: white;
    }

    .corp_up_b2_4 {
        color: rgba(255, 255, 255, 0.8);
        padding-left: 2.5vw;
        transition: all 0.3s;
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2vw;
        /* padding-right: 1vw; */
        height: 100%;
        transition: all 0.3s;
    }

    .corp_up_b2_4:hover {
        color: rgba(255, 255, 255, 1);
        transition: all 0.3s;
    }

    .corp_up_b2_5 {
        filter: brightness(5);
        color: rgba(255, 255, 255, 0.8);
        padding-left: 2.5vw;
        transition: all 0.3s;
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        padding-left: 2vw;
        /* padding-right: 1vw; */
        height: 100%;
        transition: all 0.3s;
    }

    .corp_up_b2_5:hover {
        color: white;
        transition: all 0.3s;
    }

    .corp_up_b2_6 {
        cursor: pointer;
        display: grid;
        align-items: center;
        float: left;
        color: rgba(255, 255, 255, 0);
        width: 9vw;
        overflow: hidden;
        height: 100%;
        text-indent: 10vw;
        background-image: url(../images/reposicionservicio3.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 55%;
        transition: all 0.3s;
    }

    .corp_up_b2_6:hover {
        background-image: url(../images/reposicionservicio2.png);
        transition: all 0.3s;
        color: white;
    }

    .corp_up_bar2 {
        position: relative;
        width: 100%;
        display: inline-block;
        height: 14vw;
        /* background-color: springgreen; */
        /* overflow: hidden; */
    }

    .corp_up_bar2dw {
        position: relative;
        width: 100%;
        display: inline-block;
        height: 14vw;
    }

    .corp_up_logo_xy {
        margin-left: 3vw;
        margin-top: 3vw;
        float: left;
        display: inline-block;
        width: 32vw;
        height: 11.5vw;
        overflow: hidden;
        transition: 0.3s;
    }

    .corp_up_logo_xydw {
        margin-left: 3vw;
        margin-top: 3vw;
        float: left;
        display: inline-block;
        width: 32vw;
        height: 11.5vw;
        overflow: hidden;
        transition: 0.3s;
    }

    .corp_up_logo_xywOK {
        filter: brightness(1500%);
    }

    .corp_up_logo_xywKO {
        filter: brightness(100%);
    }

    .corp_up_logo {
        cursor: pointer;
        display: inline-block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        margin-top: 0.3vw;
        background-image: url(../images/up_logo.png?gv062024);
        background-repeat: no-repeat;
        background-position: 0vw 0vw;
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_up_logodw {
        cursor: pointer;
        display: inline-block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        margin-top: 0.3vw;
        background-image: url(../images/up_logo.png?gv062024);
        background-repeat: no-repeat;
        background-position: 0vw 0vw;
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_up_logo:hover {
        transition: all 0.3s;
        filter: brightness(111%);
        /* filter:brightness(140%) hue-rotate(-115deg) contrast(136%); */
    }

    .corp_up_s1_mk {
        /* background-color: silver; */
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 1;
        width: 100%;
        height: 2vw;
        overflow: hidden;
        display: inline-block;
        align-items: center;
        transition: 0.5s;
        display: none;
    }

    .corp_up_s1_mkdw {
        /* background-color: silver; */
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0;
        width: 100%;
        height: 0vw;
        overflow: hidden;
        display: inline-block;
        align-items: center;
        transition: 0.5s;
    }

    .darkmode .corp_up_s1 {
        background: linear-gradient(to bottom, rgba(222, 222, 222, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
    }

    .corp_up_s1 {
        position: relative;
        background: linear-gradient(to bottom, rgba(222, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 50%);
        /* background-color: blue; */
        margin-left: 10%;
        width: 80%;
        height: 2vw;
        border-radius: 50%;
        /* transform: rotate(90deg); */
        transition: all 0.15s;
        margin-top: 1vw;
    }

    .corp_up_b3 {
        cursor: pointer;
        display: grid;
        align-items: center;
        /* float: left; */
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 11vw;
        height: 15vw;
        font-weight: bold;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 55%;
        transition: all 0.3s;
        border-bottom: solid 0px var(--f3);
        filter: brightness(450%);
    }

    /* .corp_up_b3:hover {
        transition: all 0.3s;
        filter: brightness(500%);
    } */

    .corp_up_b_rss {
        cursor: pointer;
        display: inline-block;
        float: right;
        margin-left: 2.5vw;
        height: 8vw;
        width: 8vw;
        margin-top: 5vw;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
        /* opacity: 0.7; */
        filter: grayscale(33%);
        border-radius: 50%;
        transform: rotate(1deg);
    }

    .corp_up_b_rss:hover {
        display: inline-block;
        float: right;
        margin-left: 2.5vw;
        height: 8vw;
        width: 8vw;
        margin-top: 5vw;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
        opacity: 1;
        filter: grayscale(0%);
        border-radius: 50%;
        transform: rotate(360deg);
    }

    .corp_hm_loginslider {
        width: 100%;
        display: inline-block;
        /* background-color: red; */
        position: relative;
    }

    .corp_hm_login {
        background-color: var(--f2);
        /* box-shadow: 0vw 0.7vw 1vw 0.5vw rgb(0 0 0 / 30%); */
        /* position: absolute; */
        /* left: 12vw; */
        /* top: 9vw; */
        display: inline-block;
        /* z-index: 1; */
        padding: 4%;
        margin-top: 2vw;
        width: 83%;
        margin-left: 5%;
        border-radius: 4vw;
    }

    .corp_hm_login_t1 {
        color: white;
        font-size: 4.4vw;
        width: 100%;
        height: 8vw;
        padding-left: 9vw;
        font-weight: bold;
        /* display: grid; */
        display: inline-block;
        /* align-items: center; */
        filter: brightness(500%);
        background-image: url(../images/up_ico_pago.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 95%;
        transition: all 0.3s;
    }

    .corp_hm_login_t2 {
        color: var(--t2);
        font-size: var(--tt2);
        /* width: 100%; */
        /* height: 3vw; */
        text-indent: 0.2vw;
        margin-top: 0vw;
        /* font-weight: bold; */
        display: inline-block;
    }

    .corp_hm_login_t2_1 {
        color: white;
        font-size: var(--tt2);
        /* width: 100%; */
        /* height: 3vw; */
        text-indent: 0.2vw;
        margin-top: 0vw;
        /* font-weight: bold; */
        display: inline-block;
    }

    .corp_hm_login_e1 {
        cursor: pointer;
        margin-left: 0.5vw;
        display: inline-block;
        border-radius: 50%;
        background-color: var(--f4);
        color: var(--t1);
        width: 4.7vw;
        height: 4.7vw;
        text-align: center;
        font-size: 3.5vw;
        line-height: 4.2vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_hm_login_e1:hover {
        background-color: var(--f4);
        transition: all 0.3s;
    }

    .corp_hm_login_input {
        display: inline-block;
        /* margin-top: 0.3vw; */
        width: 100%;
    }

    .corp_hm1 {
        /* background-color: red; */
        display: inline-block;
        width: 100%;
    }

    .corp_hm2 {
        font-size: 3.9vw;
        font-weight: bold;
        padding: 1.5vw;
        width: 56%;
        margin-right: 0.44vw;
        color: var(--t2);
        border: solid 0.7vw var(--f4);
        display: inline-block;
        margin-bottom: 2.7vw;
        text-indent: 3vw;
        border-radius: 4.9vw;
        transition: all 0.3s;
        float: left;
    }

    .corp_hm2:hover {
        border: solid 0.7vw var(--f3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1); */
    }

    .corp_hm2:focus {
        border: solid 0.7vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.5);
    }

    .corp_b1h {
        /* height: 7vw; */
        background-color: var(--f3) !important;
        color: var(--t2) !important;
    }

    .corp_hm_login_in_b1 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 7vw;
        border: none;
        display: inline-block;
        font-size: 4vw;
        line-height: 5vw;
        font-weight: bold;
        padding: 1.68vw;
        padding-left: 7vw;
        padding-right: 7vw;
        box-shadow: 0vw 0.7vw 0.9vw rgb(0 0 0 / 20%);
        float: left;
        transition: all 0.3s;
    }

    .corp_hm_login_in_b1:hover {
        transition: all 0.3s;
        box-shadow: 0vw 0.9vw 1vw rgb(0 0 0 / 20%);
        color: var(--f3);
    }

    .corp_hm_login_in_b1:focus {
        transition: all 0.15s;
        box-shadow: 0vw 0.9vw 1vw rgb(0 0 0 / 20%);
        color: var(--f3);
    }

    .corp_hm_login_in_b1_2 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 6vw;
        border: none;
        display: inline-block;
        font-size: 5.1vw;
        line-height: 7vw;
        font-weight: bold;
        padding: 1.33vw;
        padding-left: 7.5vw;
        padding-right: 7.5vw;
        box-shadow: 0vw 0.4vw 0.6vw rgb(0 0 0 / 20%);
        float: left;
        transition: all 0.3s;
    }

    .corp_hm_login_in_b1_2:hover {
        transition: all 0.3s;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        background-color: var(--f4);
    }

    .corp_hm_login_in_b1_2:focus {
        transition: all 0.15s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
        background-color: var(--f4);
    }

    .corp_hm_login_ov_b1 {
        cursor: pointer;
        color: white;
        display: inline-block;
        font-size: 3.9vw;
        font-weight: bold;
        padding-left: 7.7vw;
        background-image: url(../images/ico_ov.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
        transition: all 0.15s;
        /* line-height: 0; */
        /* background-color: red;*/
    }

    .corp_hm_login_ov_b1:hover {
        transition: all 0.15s;
        color: var(--t3);
    }

    .corp_hm_login_ov_b1_sb {
        margin-top: 0.5vw;
        cursor: pointer;
        color: white;
        display: inline-block;
        font-size: 3.9vw;
        font-weight: bold;
        padding-left: 7.7vw;
        background-image: url(../images/ico_sbe.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
        transition: all 0.15s;
        /* line-height: 0; */
        /* background-color: red;*/
    }

    .corp_hm_login_ov_b1_sb:hover {
        transition: all 0.15s;
        color: var(--t3);
    }

    .corp_it_dia {
        margin-top: 3vw;
        width: 100%;
        height: 50vw;
        background-position: 0;
        display: inline-block;
        background-image: url(../images/it_hm_dia.png);
        /* background-color: red; */
    }

    .corp_it_pd {
        margin-top: 18vw;
        width: 100%;
        height: 77vw;
        padding-top: 33vw;
        /* background-color: red; */
        display: inline-block;
        background-image: url(../images/it_hm_pd.png?1);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 170%;
    }

    .corp_hm_dd_mk {
        width: 80%;
        height: 41vw;
        border-radius: 3vw;
        margin-left: 10%;
        background-color: var(--f2);
        margin-bottom: 10vw;
        overflow: hidden;
        box-shadow: 0vw 0.5vw 0.7vw rgb(0 0 0 / 30%);
        position: relative;
        transition: all 0.9s;
    }

    .corp_hm_dd_e1 {
        position: absolute;
        top: 26vw;
        left: -18vw;
        width: 15vw;
        height: 15vw;
        border: solid 10vw rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        transition: all 1s;
    }

    .corp_hm_dd_e2 {
        position: absolute;
        top: 28.4vw;
        left: 5%;
        width: 90%;
        height: 8.6vw;
        opacity: 0.9;
        transition: all 0.3s;
    }

    .corp_hm_dd_i {
        position: absolute;
        top: 0;
        border-radius: 0% 0% 0% 77%;
        right: 0%;
        width: 90%;
        height: 29vw;
        border-left: solid var(--f3)1.5vw;
        border-bottom: solid var(--f3)0.3vw;
        box-sizing: border-box;
        background-color: var(--f3);
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_e1 {
        position: absolute;
        top: 24vw;
        left: -15vw;
        width: 15vw;
        height: 15vw;
        border: solid 10vw rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        transition: all 1s;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_e2 {
        transition: all 0.3s;
        position: absolute;
        opacity: 1;
    }

    .corp_hm_dd_mk:hover .corp_hm_dd_i {
        transition: all 0.3s;
        background-size: 115%;
    }

    .corp_hm_dd_mk:hover {
        background-color: var(--f4);
        transition: all 0.9s;
    }

    .corp_qqhh_e1 {
        text-align: center;
        display: inline-block;
        margin-top: 5vw;
        margin-bottom: 3vw;
        width: 100%;
        height: 24vw;
        /* background-color: red; */
        background-image: url(../images/hm_iso1.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 30%;
        color: var(--t4);
        font-size: var(--tt1);
        line-height: 49vw;
        font-weight: bold;
    }

    .corp_qqhh_e2 {
        display: inline-block;
        /* background-color: red; */
        margin-left: 10%;
        width: 80%;
        text-align: center;
    }

    .corp_qqhh_e3 {
        display: inline-block;
        width: 27vw;
        height: 27vw;
        margin-top: 5.5vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 1.4vw 1.5vw rgba(0, 0, 0, 0.2);
        /* box-shadow: inset 0vw 0vw 0vw rgba(0,0,0,0); */
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 48%;
        transition: all 0.2s;
    }

    .corp_qqhh_e4 {
        width: 90%;
        transition: all 0.3s;
        display: block;
        margin-top: 1.2vw;
        margin-left: 5%;
        text-align: center;
        font-size: 3vw;
        font-weight: bold;
        height: 11vw;
        color: var(--t2);
        position: relative;
    }

    .corp_qqhh_e2:hover .corp_qqhh_e3 {
        /* background-size: 55%; */
        /* background-color:var(--f4); */
        /* background-repeat: repeat; */
        /* transform: rotate(360deg); */
        /* margin-top: 0vw; */
        /* margin-bottom: 0.5vw; */
        transition: all 0.2s;
        /* box-shadow:  0vw 0vw 0vw rgba(0,0,0,0.1); */
        box-shadow: 0vw 3vw 3vw rgba(0, 0, 0, 0.2);
    }

    .corp_qqhh_e2:hover .corp_qqhh_e4 {
        transition: all 0.3s;
        color: var(--t4);
    }

    .corp_it_ppgn {
        margin-top: 4vw;
        width: 100%;
        height: 73vw;
        position: relative;
        display: inline-block;
        /* background-color: red; */
        overflow: hidden;
    }

    .corp_it_ppgn_t1 {
        z-index: 1;
        position: absolute;
        right: 7%;
        top: 20%;
    }

    .corp_it_ppgn_e1 {
        background-image: url(../images/hm_ppgn.png);
        position: absolute;
        top: 0;
        left: 0;
        width: 186%;
        height: 100%;
    }

    .corp_it_ppgn_e2 {
        background-color: var(--f);
        width: 340vw;
        height: 45.5vw;
        position: absolute;
        top: 25vw;
        left: -186.2vw;
        background-position: left center;
        background-repeat: repeat-x;
        background-image: url(../images/hm_ppgn_i.jpg);
        background-size: auto 100%;
        animation-name: corp_it_ppgn_e2_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_it_ppgn_e2_ani {
        from {
            left: 0vw;
        }

        to {
            left: -186.2vw;
        }
    }

    .corp_ppgn_e3 {
        margin-top: 0vw;
        width: 100%;
        text-align: center;
        /* height: 2vw; */
        display: inline-block;
        padding-top: 3vw;
        /* background-color: red; */
        background-image: url(../images/arrow1_dw.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 2.2vw;
    }

    .corp_ppgn_e4 {
        background-color: var(--f1);
        /* opacity: 0.9; */
        position: absolute;
        bottom: -5.5vw;
        left: -1vw;
        width: 151%;
        height: 13vw;
        border-radius: 50%;
    }

    .corp_p_a {
        display: inline-block;
        width: 100%;
        /* height: 23vw; */
        /* margin-top: 5vw; */
        overflow: hidden;
        /* background-color: red; */
    }

    .corp_p_bat {
        position: relative;
        display: inline-block;
        width: 5%;
        height: 100%;
        /* background-color: yellow; */
        float: left;
        display: none;
    }

    .corp_p_bad {
        position: relative;
        display: inline-block;
        width: 5%;
        height: 100%;
        /* background-color: yellow; */
        float: left;
        display: none;
    }

    .corp_p_it_sld_mk {
        /* float: left; */
        position: relative;
        display: inline-block;
        margin-left: 5%;
        width: 90%;
        height: 100%;
        /* background-color: green; */
    }

    .corp_p_it_sld_mk_d {
        float: left;
        position: relative;
        display: inline-block;
        margin-left: 5%;
        width: 90%;
        height: 100%;
        /* background-color: green; */
    }

    .corp_p_it_sld {
        display: inline-block;
        width: 100%;
        /* height: 100%; */
        /* margin-bottom: 5vw; */
        /* background-color: blue; */
    }

    .corp_p_it_mk {
        display: inline-block;
        width: 50%;
        /* background-color: red; */
        height: 64vw;
        float: left;
    }

    .corp_p_it_in {
        height: 70vw !important;
        margin-bottom: 1.5vw;
    }

    .corp_p_it_in_d {
        height: 63vw !important;
        margin-bottom: 1.5vw;
    }

    .corp_p_it {
        position: relative;
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        margin-top: 5%;
        background-color: var(--f1);
        height: 94%;
        box-shadow: var(--s1);
        border-radius: 4vw;
        overflow: hidden;
        transition: all 0.3s;
    }

    .corp_p_it_d {
        position: relative;
        display: inline-block;
        width: 41vw;
        padding-top: 1vw;
        margin-left: 2.8vw;
        margin-top: 5%;
        background-color: var(--f1);
        height: 94%;
        box-shadow: var(--s1);
        border-radius: 4vw;
        overflow: hidden;
        transition: all 0.3s;
    }

    .corp_p_des {
        z-index: 1;
        position: absolute;
        right: 1vw;
        top: 1vw;
        background-color: var(--f2);
        width: 9vw;
        height: 9vw;
        border-radius: 50%;
        color: var(--t3);
        border: solid var(--f4) 0.7vw;
        font-weight: bold;
        font-size: 3.5vw;
        display: grid;
        align-items: center;
        text-align: center;
        transition: all 1s;
    }

    .corp_p_ima {
        margin-left: 5%;
        margin-top: 7%;
        width: 90%;
        height: 29vw;
        display: inline-block;
        /* background-color: red; */
        background-size: 100%;
        transition: all 0.3s;
    }

    .corp_p_det_sel {
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        /* background-color: red; */
        position: relative;
        top: -0.5vw;
    }

    .corp_p_tip_mar {
        font-size: 2.7vw;
        font-weight: bold;
        color: var(--t2);
        line-height: 2.7vw;
    }

    .corp_p_mod {
        font-size: 3.9vw;
        font-weight: bold;
        color: var(--t2);
        line-height: 3.9vw;
        margin-bottom: 0.3vw;
        transition: all 0.3s;
    }

    .corp_p_pre_ofe {
        font-size: 5.5vw;
        font-weight: bold;
        color: red;
        display: contents;
        line-height: 5.5vw;
        display: contents;
        float: left;
        transition: all 0.3s;
    }

    .corp_p_pre_ofe_txt {
        display: inline-block;
        font-size: 2.7vw;
        font-weight: bold;
        color: red;
        line-height: 3.3vw;
        padding-left: 0.2vw;
    }

    .corp_p_nor_line {
        display: inline-block;
        clear: both;
        font-size: 3.5vw;
    }

    .corp_p_pre_nor_txt {
        display: inline-block;
        /* font-weight: bold; */
        color: var(--t6);
        /* line-height: 1.65vw; */
        padding-left: 0.2vw;
        float: left;
    }

    .corp_p_pre_nor {
        display: inline-block;
        font-weight: bold;
        color: var(--t6);
        /* text-decoration: line-through; */
        padding-left: 0.2vw;
    }

    .corp_p_pre_norok {
        font-size: 5.5vw;
        color: var(--f4);
    }

    .corp_p_btn_mk {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .corp_p_btn {
        background-color: var(--f3);
        font-size: 1vw;
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        /* margin-left: 9%; */
        padding: 0.5vw;
        padding-left: 1.3vw;
        padding-right: 1.3vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_p_btn:hover {
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_it:hover .corp_p_ima {
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_p_it:hover .corp_p_pre_ofe {
        /* font-size: 1.5vw; */
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it:hover .corp_p_pre_ofe_txt {
        /* font-size: 1.5vw; */
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it:hover .corp_p_des {
        /* background-size: 110%; */
        background-color: var(--f3);
        color: var(--t4);
        box-shadow: 0vw 0.1vw 0.7vw rgba(0, 0, 0, 0.2);
        /* transform:rotate(-30deg); */
        transition: all 0.3s;
    }

    .corp_p_it:hover {
        box-shadow: var(--s1_h);
        /* padding: 0.2vw; */
    }

    .corp_p_it_d:hover .corp_p_ima {
        background-size: 110%;
        transition: all 0.3s;
    }

    .corp_p_it_d:hover .corp_p_pre_ofe {
        /* font-size: 1.5vw; */
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it_d:hover .corp_p_pre_ofe_txt {
        /* font-size: 1.5vw; */
        color: rgb(222, 10, 10);
        transition: all 0.15s;
    }

    .corp_p_it_d:hover .corp_p_des {
        /* background-size: 110%; */
        background-color: var(--f3);
        color: var(--t4);
        box-shadow: 0vw 0.1vw 0.7vw rgba(0, 0, 0, 0.2);
        /* transform:rotate(-30deg); */
        transition: all 0.3s;
    }

    .corp_p_it_d:hover {
        box-shadow: var(--s1_h);
        /* padding: 0.2vw; */
    }

    .corp_btn1 {
        /* text-align: center; */
        /* background-color: var(--f3); */
        /* font-size: var(--tt2); */
        /* font-weight: bold; */
        /* color: var(--t2); */
        /* display: inline-block; */
        /* padding: 2.7vw; */
        /* padding-left: 3.3vw; */
        /* padding-right: 3.3vw; */
        /* margin-bottom: 3vw; */
        /* border-radius: 7vw; */
        /* box-shadow: 0vw 0.4vw 0.7vw rgb(0 0 0 / 20%); */
        cursor: pointer;
        text-align: center;
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        padding: 2.7vw;
        margin-top: 5vw;
        padding-left: 8.3vw;
        padding-right: 8.3vw;
        margin-bottom: 3vw;
        border-radius: 7vw;
        box-shadow: 0vw 1.4vw 1.7vw rgb(0 0 0 / 20%);
    }

    .corp_btn1:hover {
        cursor: pointer;
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_btn2 {
        text-align: center;
        background-color: var(--f2);
        font-size: var(--tt2);
        font-weight: bold;
        color: white;
        display: inline-block;
        padding: 0.7vw;
        padding-left: 3.3vw;
        padding-right: 3.3vw;
        border-radius: 4vw;
        box-shadow: 0vw 0.4vw 0.7vw rgb(0 0 0 / 20%);
    }

    .corp_btn2:hover {
        color: var(--t3);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_vm_mk {
        overflow: hidden;
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        position: relative;
        height: 16vw;
        text-align: center;
        margin-top: 2vw;
    }

    .corp_p_vm {
        cursor: pointer;
        position: relative;
        /* z-index: 1; */
        background-color: var(--f2);
        font-size: 5.2vw;
        font-weight: bold;
        color: white;
        display: inline-block;
        padding: 2.3vw;
        top: 1.5vw;
        padding-left: 8.3vw;
        padding-right: 8.3vw;
        border-radius: 19vw;
        box-shadow: 0vw 0.4vw 0.7vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_p_vm:hover {
        background-color: var(--f4);
        color: var(--t3);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_p_vm_mont {
        position: absolute;
        background: linear-gradient(to bottom, rgba(222, 222, 222, 0.5) 0%, rgba(255, 255, 255, 0) 36%);
        /* background-color: blue; */
        margin-left: 10%;
        width: 80%;
        top: 35%;
        height: 14vw;
        border-radius: 50%;
    }

    .corp_ft {
        margin-top: 3vw;
        display: inline-block;
        width: 100%;
        height: 417vw;
        /* background-color: red; */
        overflow: hidden;
        text-align: center;
    }

    .darkmode .corp_ft_mk {
        background-color: #00698f;
    }

    .corp_ft_mk {
        display: inline-block;
        background-color: var(--f4);
        border-radius: 50% 50% 0 0;
        position: relative;
        left: -200vw;
        width: 500vw;
        height: 456vw;
    }

    .corp_ft_gviso_mk {
        width: 100%;
        display: inline-block;
        /* background-color: yellow; */
        text-align: center;
        margin-top: 2vw;
    }

    .corp_ft_gviso {
        width: 33vw;
        margin-top: 11vw;
        height: 55vw;
        display: inline-block;
        /* background-color: red;		 */
        background-image: url(../images/ft_gviso.png);
    }

    .corp_ft_lk {
        width: 90vw;
        margin-top: 1vw;
        padding-bottom: 1vw;
        display: inline-block;
    }

    .corp_ft_line {
        margin-top: 2vw;
        display: inline-block;
        width: 100%;
        height: 0.1vw;
        background-color: var(--f2);
        opacity: 0.2;
    }

    .corp_ft_lk_t {
        width: 100%;
        font-weight: bold;
        font-size: var(--tt2);
        color: var(--t1);
        margin-bottom: 0.5vw;
        display: inline-block;
        /* text-shadow: 0vw 0.3vw 0.7vw rgb(0 0 0 / 20%); */
    }

    .corp_ft_lk_lk {
        width: 100%;
        font-size: var(--tt2);
        color: var(--t1);
        margin-bottom: 0.5vw;
        display: block;
        transition: all 0.3s;
        line-height: 5.3vw;
    }

    .corp_ft_lk_lk:hover {
        /* font-weight: bold; */
        color: var(--t3);
        text-shadow: 0vw 0vw 0.7vw rgba(0, 0, 0, 0.8);
        transition: all 0.3s;
    }

    .corp_ft_lk_g {
        margin-bottom: 5vw;
        width: 85%;
        text-align: left;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_ft_lk2 {
        text-align: center;
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        height: 3vw;
        font-size: 4.9vw;
        font-weight: bold;
    }

    .corp_ft_lk2_c {
        /* background-color: blue; */
        display: inline-block;
    }

    .corp_ft_b1 {
        display: inline-block;
        /* align-items: center; */
        /* float: left; */
        padding-left: 1vw;
        margin-bottom: 5vw;
        width: 100%;
        padding-right: 1vw;
        text-align: center;
        /* height: 100%; */
        color: var(--t3);
        transition: 0.3s;
    }

    .corp_ft_b1:hover {
        /* text-shadow: 0vw 0vw 0.7vw rgba(0,0,0,0.8); */
        color: var(--t1);
        transition: 0.3s;
    }

    .corp_ft_b2 {
        color: var(--t3);
        display: inline-block;
        /* align-items: center; */
        /* float: left; */
        text-align: left;
        width: 55%;
        padding-left: 6.8vw;
        padding-right: 1vw;
        height: 100%;
        background-image: url(../images/up_ico_fono_hover.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 68%;
        transition: all 0.3s;
    }

    .corp_ft_b2:hover {
        background-image: url(../images/up_ico_fono.png);
        /* text-shadow: 0vw 0vw 0.7vw rgba(0,0,0,0.8); */
        transition: all 0.3s;
        /* background-color: rgba(255,255,255,0.1); */
        color: var(--t1);
    }

    .corp_ft_loto {
        /* overflow:hidden; */
        position: relative;
        width: 100%;
        height: 100vw;
        /* background-color:aqua; */
        position: relative;
    }

    .corp_ft_loto_in {
        width: 190vw;
        height: 69.5vw;
        position: absolute;
        bottom: 0;
        left: -50vw;
        z-index: 1;
        /* border: solid 1px red; */
    }

    .corp_ft_loto_lg {
        background-image: url(../images/gvlgaAll25.png);
        background-position: center 100%;
        background-repeat: repeat-y;
        background-size: 100%;
        position: absolute;
        width: 38%;
        height: 36%;
        border-radius: 50% 50% 0 0;
        left: 31%;
        /* background-color: blue; */
        bottom: 21%;
        transition: all 1s;
        opacity: 0.5;
        cursor: pointer;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_lg {
        opacity: 1;
        transition: all 2s;
    }

    .corp_ft_loto_txt {
        color: var(--t1);
        width: 100%;
        font-size: 2.7vw;
        /* height: 15%; */
        position: absolute;
        left: 0%;
        bottom: 13%;
        /* border: solid red 1px; */
        letter-spacing: 0.05vw;
        transition: all 1s;
        opacity: 0.5;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_txt {
        transition: all 1s;
        /* letter-spacing: 0.3vw; */
        /* bottom: 7%; */
        opacity: 1;
    }

    .corp_ft_loto_txt_lk {
        color: inherit;
    }

    .corp_ft_loto_txt_lk:hover {
        /* color: var(--t3); */
    }

    .corp_ft_loto_petalo {
        background-image: url(../images/ft_loto_petalo.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        opacity: 0.02;
        position: absolute;
        border-radius: 50%;
        /* transition: opacity 0.9s; */
    }

    .corp_ft_loto_e1 {
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.02);
        position: absolute;
        left: 18%;
        bottom: -106%;
        width: 63%;
        height: 150%;
        transition: all 5s;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e1 {
        bottom: -100%;
        transition: all 5s;
    }

    .corp_ft_loto_e2 {
        left: 37%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(0deg);
        transition: opacity 0.3s, bottom 5s !important;
    }

    .corp_ft_loto_e2:hover {
        opacity: 0.04;
        transition: opacity 0.3s, bottom 2s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e2 {
        bottom: -10%;
    }

    .corp_ft_loto_e3 {
        left: 51%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(33deg);
        transition: transform 5s, opacity 0.3s, bottom 5s !important;
    }

    .corp_ft_loto_e3:hover {
        opacity: 0.04;
        transition: transform 2s, opacity 0.3s, bottom 2s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e3 {
        bottom: -12%;
        transform: rotate(22deg);
    }

    .corp_ft_loto_e4 {
        left: 55%;
        bottom: -35%;
        width: 25.4%;
        height: 114%;
        transform: rotate(55deg);
        transition: transform 3s, opacity 0.3s, left 4s, bottom 5s !important;
    }

    .corp_ft_loto_e4:hover {
        opacity: 0.04;
        transition: transform 3s, opacity 0.3s, left 4s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e4 {
        left: 63%;
        bottom: -15%;
        transform: rotate(50deg);
    }

    .corp_ft_loto_e5 {
        left: 55%;
        bottom: -60%;
        width: 25.4%;
        height: 135%;
        transform: rotate(83deg);
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_e5:hover {
        opacity: 0.04;
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e5 {
        left: 69%;
        bottom: -60%;
        transform: rotate(85deg);
    }

    .corp_ft_loto_e6 {
        left: 21%;
        bottom: -20%;
        width: 25.4%;
        height: 114%;
        transform: rotate(-33deg);
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_e6:hover {
        opacity: 0.04;
        transition: transform 5s, opacity 0.3s, left 5s, bottom 5s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e6 {
        left: 22%;
        bottom: -10%;
        transform: rotate(-25deg);
    }

    .corp_ft_loto_e7 {
        left: 15%;
        bottom: -35%;
        width: 25.4%;
        height: 114%;
        transform: rotate(-55deg);
        transition: transform 4s, opacity 0.3s, left 4s, bottom 4s !important;
    }

    .corp_ft_loto_e7:hover {
        opacity: 0.04;
        transition: transform 4s, opacity 0.3s, left 4s, bottom 4s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e7 {
        left: 10%;
        bottom: -20%;
        transform: rotate(-60deg);
        transition: all 5s;
    }

    .corp_ft_loto_e8 {
        left: 17%;
        bottom: -60%;
        width: 25.4%;
        height: 135%;
        transform: rotate(-83deg);
        transition: transform 7s, opacity 0.3s, left 7s, bottom 7s !important;
    }

    .corp_ft_loto_e8:hover {
        opacity: 0.04;
        transition: transform 7s, opacity 0.3s, left 7s, bottom 7s !important;
    }

    .corp_ft_loto_in:hover .corp_ft_loto_e8 {
        left: 5%;
        bottom: -55%;
        transform: rotate(-85deg);
    }

    .corp_popupKO {
        width: 0vw;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.3);
        position: fixed;
        top: 0;
        left: -110vw;
        z-index: 9999;
        transition: 0.5s;
    }

    .darkmode .corp_popupOK {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .corp_popupOK {
        width: 100%;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(0.3vw);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        transition: 0.5s;
    }

    .corp_pp_i {
        display: inline-block;
        margin-top: 7.5vw;
        max-width: 90vw;
        max-height: 80vh;
        border-radius: 5.9vw;
        box-shadow: 0vw 0.5vw 1.5vw 0vw rgba(0, 0, 0, 0.4);
        transition: all 0.3s;
    }

    .corp_pp_i:hover {
        box-shadow: 0vw 0.5vw 1.5vw 0.2vw var(--f2);
        transition: all 0.3s;
    }

    .corp_pp_x {
        cursor: pointer;
        background-color: var(--f3);
        font-size: 6.2vw;
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        margin-top: 4vw;
        padding: -0.3vw;
        padding-left: 7.3vw;
        padding-right: 7.3vw;
        border-radius: 8vw;
        box-shadow: 0vw 0.9vw 1vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_pp_x:hover {
        color: var(--t4);
        box-shadow: 0vw 1.2vw 1.4vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_in {
        width: 100%;
        height: 36vw;
        /* background-color: aqua; */
        /* border: solid red 1px; */
        position: relative;
        margin-top: 1vw;
        overflow: hidden;
    }

    .corp_in_tit {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/bg_head_page.png);
        background-repeat: no-repeat;
        background-position: -45vw -4vw;
        background-size: 240%;
    }

    .corp_in_tit_txt {
        width: 67%;
        height: 100%;
        position: absolute;
        top: 3%;
        left: -7%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }

    .corp_in_tit_txt_ppgn {
        background-image: url(../images/txt_head_page_ppgn.png);
    }

    .corp_in_tit_txt_qgn {
        background-image: url(../images/txt_head_page_quierogn.png);
    }

    .corp_in_tit_txt_enmihogar {
        background-image: url(../images/txt_head_page_enmihogar.png);
    }

    .corp_in_tit_txt_nosotros {
        background-image: url(../images/txt_head_page_nosotros.png);
    }

    .corp_in_tit_txt_terminos {
        background-image: url(../images/txt_head_page_terminos.png);
    }

    .corp_in_tit_txt_normativas {
        background-image: url(../images/txt_head_page_normativas.png);
    }

    .corp_in_tit_txt_stgv {
        background-image: url(../images/txt_head_page_stgv.png);
    }

    .corp_in_tit_txt_llae {
        background-image: url(../images/txt_head_page_llae.png);
    }

    .corp_in_tit_txt_pro {
        background-image: url(../images/txt_head_page_pro.png);
    }

    .corp_in_tit_txt_pf {
        background-image: url(../images/txt_head_page_pf.png);
    }

    .corp_in_tit_txt_mc {
        background-image: url(../images/txt_head_page_mc.png);
    }

    .corp_in_tit_txt_enmicomercio {
        background-image: url(../images/txt_head_page_enmicomercio.png);
    }

    .corp_in_tit_txt_enmiindustria {
        background-image: url(../images/txt_head_page_enmiindustria.png);
    }

    .corp_in_tit_txt_enmiproyecto {
        background-image: url(../images/txt_head_page_enmiproyecto.png);
    }

    .corp_in_i_enmiproyecto {
        background-image: url(../images/inside_enmiproyecto_i.png);
    }

    .corp_in_i_enmiindustria {
        background-image: url(../images/inside_enmiindustria_i.png);
    }

    .corp_in_i_enmicomercio {
        background-image: url(../images/inside_enmicomercio_i.png);
    }

    .corp_in_i_qgn {
        background-image: url(../images/inside_qgn_i.png);
    }

    .corp_in_i_enmihogar {
        background-image: url(../images/inside_enmihogar_i.png);
    }

    .corp_in_i_ppgn {
        background-image: url(../images/inside_ppgn_i.png);
    }

    .corp_in_i_nosotros {
        background-image: url(../images/inside_nosotros_i.png?1);
    }

    .corp_in_i_queeselgasnatural {
        background-image: url(../images/inside_queeselgasnatural_i.png);
    }

    .corp_in_i_tercon {
        background-image: url(../images/inside_tercon_i.png);
    }

    .corp_in_i_normativas {
        background-image: url(../images/inside_normativas_i.png);
    }

    .corp_in_i_stgv {
        background-image: url(../images/inside_stgv_i.png?2);
    }

    .corp_in_i_llae {
        background-image: url(../images/inside_llae_i.png);
    }

    .corp_in_i_pro {
        background-image: url(../images/inside_pro_i.png);
    }

    .corp_in_i_pf {
        background-image: url(../images/inside_pf_i.png);
    }

    .corp_in_hd_e1 {
        position: absolute;
        width: 152vw;
        height: 50vw;
        border-radius: 50%;
        top: 0vw;
        right: -60vw;
        overflow: hidden;
        /* background-color: rgba(250, 100, 80, 0); */
    }

    .corp_in_hd_e2 {
        position: absolute;
        width: 171vw;
        height: 96.15vw;
        border-radius: 50%;
        top: -70vw;
        /* border: solid red 1px; */
        right: -24vw;
        overflow: hidden;
        /* background-color: rgba(50, 250, 250, 0.50); */
    }

    .corp_in_i {
        /* border: blue 1px solid; */
        width: 42.5%;
        height: 27.7%;
        position: absolute;
        top: 72%;
        left: 9%;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        animation: corp_in_i_ani 7s, corp_in_i_ani2 1.2s;
        animation-timing-function: linear;
    }

    @keyframes corp_in_i_ani {
        from {
            background-position: center top;
        }

        to {
            background-position: center bottom;
        }
    }

    @keyframes corp_in_i_ani2 {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .corp_in_ppgn_e1 {
        width: 80%;
        margin-left: 10%;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_t1 {
        font-size: var(--tt3);
        line-height: 4.5vw;
        font-weight: bold;
        color: var(--t2);
        /* display: flex; */
        align-items: center;
        /* background-color: skyblue; */
    }

    .corp_t1_i {
        height: 7.5vw;
        margin-left: 0.33vw;
        margin-right: 0.33vw;
    }

    .corp_t2_i {
        height: 9vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }

    .corp_in_ppgn_e2 {
        margin-top: 1vw;
        /* background-color: red; */
        display: inline-block;
        font-size: var(--tt3);
        line-height: 4.5vw;
        font-weight: bold;
        color: var(--t2);
        background-position: right 0vw;
        background-size: auto 85%;
        background-repeat: no-repeat;
    }

    .corp_in_ppgn_e2_1 {
        width: 32vw;
        margin-left: 30%;
        background-image: url(../images/ts_esmas.png);
    }

    .corp_t1_iparati {
        width: 38.5vw;
        margin-left: 26.5%;
        background-image: url(../images/ts_parati.png);
    }

    .corp_in_stgv_e1 {
        width: 35vw;
        margin-left: 32%;
        background-image: url(../images/ts_24horas.png);
    }

    .corp_in_ppgn_e2_2 {
        margin-top: 5vw;
        width: 28vw;
        margin-left: 35%;
        background-image: url(../images/ts_gasnatural.png);
    }

    .corp_in_ppgn_e2_3 {
        margin-top: 2vw;
        width: 33.5vw;
        margin-left: 30%;
        background-image: url(../images/ts_gasnatural.png);
    }

    .corp_t2 {
        color: var(--t2);
        font-size: var(--tt1);
        /* line-height: var(--tt1); */
        font-weight: bold;
        line-height: var(--tt1);
        /* display: flex; */
        align-items: center;
    }

    .corp_t3 {
        transition: all 0.2s;
        font-weight: bold;
        color: var(--t2);
        font-size: var(--tt2);
    }

    .corp_t4 {
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
        /* display: inline-block; */
        /* margin-bottom: 7vw; */
    }

    .corp_in_d1_cnt {
        color: var(--t2);
        font-size: var(--tt2);
        text-align: center;
    }

    .corp_in_ppgn_e3 {
        margin-top: 0vw;
        margin-bottom: 1.5vw;
        width: 80%;
        /* margin-left: 10%; */
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_ppgn_e4 {
        position: relative;
        width: 100%;
        height: 36vw;
        /* background-color: red; */
    }

    .corp_in_ppgn_e4_1 {
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        height: 70%;
        box-shadow: 0vw 0.7vw 1vw rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        display: grid;
        align-items: center;
        text-align: center;
        font-size: 3vw;
        font-weight: bold;
    }

    .corp_in_ppgn_e4_1a {
        background-color: var(--f2);
        color: var(--t1);
    }

    .corp_in_ppgn_e4_1b {
        background-color: var(--f3);
        color: var(--t2);
    }

    .corp_in_ppgn_e4_1c {
        background-color: var(--f4);
        color: var(--t1);
    }

    .corp_in_ppgn_e4_1d {
        background-color: var(--f3);
        color: var(--t2);
    }

    .corp_in_ppgn_e4_2 {
        position: absolute;
        top: 40%;
        left: 0%;
        width: 100%;
        height: 25%;
    }

    .corp_in_ppgn_e4_3 {
        width: 25%;
        height: 100%;
        border-radius: 50%;
        box-shadow: 0vw 0.7vw 1vw rgba(0, 0, 0, 0.3);
    }

    .corp_in_ppgn_e4_3a {
        background-color: var(--f3);
    }

    .corp_in_ppgn_e4_3b {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_3c {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_3d {
        background-color: var(--f2);
    }

    .corp_in_ppgn_e4_4 {
        display: inline-block;
        margin: 15%;
        width: 70%;
        height: 70%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }

    .corp_in_ppgn_e4_2a {
        transform: rotate(35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2b {
        transform: rotate(-35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2c {
        transform: rotate(140deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_2d {
        transform: rotate(222deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2a {
        transform: rotate(395deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2b {
        transform: rotate(-395deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2c {
        transform: rotate(500deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_2d {
        transform: rotate(582deg);
        transition: all 5s;
    }

    .corp_in_ppgn_e4_4a {
        background-image: url(../images/corp_in_ppgn_ico_con.png);
        transform: rotate(-35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4b {
        background-image: url(../images/corp_in_ppgn_ico_com.png);
        transform: rotate(35deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4c {
        background-image: url(../images/corp_in_ppgn_ico_eco.png);
        transform: rotate(-140deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4_4d {
        background-image: url(../images/corp_in_ppgn_ico_mod.png);
        transform: rotate(-222deg);
        transition: all 7s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4a {
        transform: rotate(-395deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4b {
        transform: rotate(395deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4c {
        transform: rotate(-500deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e4:hover .corp_in_ppgn_e4_4d {
        transform: rotate(-582deg);
        transition: all 4s;
    }

    .corp_in_ppgn_e1:hover .corp_in_ppgn_e4_4a {
        transform: rotate(-395deg);
        transition: all 4s;
        /* background-color: red; */
    }

    .corp_in_ppgn_e5 {
        margin-top: 4vw;
        /* margin-bottom:2vw; */
        width: 80%;
        margin-left: 10%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_in_ppgn_e5_1 {
        width: 100%;
        height: 92vw;
        /* background-color: aqua; */
        margin-right: 5%;
        /* float: left; */
        border: none;
        border-radius: 1.5vw;
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.15);
        background-size: 100%;
        background-repeat: no-repeat;
        margin-bottom: 5vw;
    }

    .corp_in_ppgn_e5_1_i {
        background-image: url(../images/inside_ppgn_mqgn.png);
    }

    .corp_in_stgv_e5_1_i {
        margin-bottom: 7vw;
        background-image: url(../images/inside_stgv_e1.png);
    }

    .corp_in_ppgn_e5_2 {
        width: 100%;
        float: left;
        margin-bottom: 2vw;
    }

    .corp_in_ppgn_e5_3 {
        display: inline-block;
        width: 100%;
    }

    .corp_in_ppgn_e5_4 {
        display: inline-block;
        width: 10vw;
        height: 10vw;
        background-color: var(--f3);
        float: left;
        border-radius: 50%;
        background-size: 55%;
        background-repeat: no-repeat;
        background-position: center center;
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.15);
    }

    .corp_in_ppgn_e5_5 {
        text-align: left;
        display: inline-block;
        /* width: 87%; */
        margin-left: 3%;
        /* height: auto; */
        /* background-color: blue; */
        font-size: var(--tt2);
        float: left;
        color: var(--t2);
    }

    .corp_in_ppgn_e5_6 {
        width: 87%;
        float: left;
        font-weight: bold;
        margin-left: 3%;
        color: var(--t2);
        font-size: var(--tt2);
    }

    .corp_in_ppgn_e6 {
        display: inline-block;
        margin-top: 4vw;
        margin-bottom: 2vw;
        width: 100%;
        margin-left: 0%;
        height: 18vw;
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 1vw rgba(0, 0, 0, 0.3);
        background-image: url(../images/inside_ppgn_mqgn_i.png?1);
    }

    .corp_in_ppgn_e7 {
        /* float: left; */
        width: 100%;
    }

    .corp_in_ppgn_e8 {
        display: inline-block;
        float: left;
        width: 85%;
        /* background-color: green; */
        margin-bottom: 5vw;
    }

    .corp_in_stgv_e2 {
        width: 100%;
        /* float: left; */
        margin-right: 0%;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_stgv_e3 {
        width: 100%;
        margin-left: 0%;
        /* height: 33vw; */
        /* background-color: aqua; */
        /* margin-right: 5%; */
        /* float: left; */
        /* border: none; */
        /* border-radius: 1.5vw; */
        /* box-shadow: 0vw 1vw 1vw rgba(0,0,0,0.15); */
        /* background-color: red; */
        display: inline-block;
    }

    .corp_in_stgv_e4 {
        width: 100%;
        height: 30.5vw;
        background-image: url(../images/stgv90g.png);
        background-size: 70%;
    }

    .corp_in_stgv_e5 {
        margin-top: 1vw;
        display: inline-block;
    }

    .corp_in_stgv_e6 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.3vw;
        padding-left: 1vw;
        width: 70% !important;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.12vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 0.9vw;
        transition: all 0.3s;
    }

    .corp_in_stgv_e6:focus {
        /* background-color: var(--f3); */
        border: solid 0.12vw var(--f3);
        box-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_in_stgv_e7 {
        margin-top: 4vw;
        /* margin-bottom:2vw; */
        width: 70%;
        margin-left: 15%;
        display: inline-block;
        /* background-color: red; */
    }

    .corp_in_stgv_e8 {
        /* float: left; */
        width: 95%;
        /* background-color: red; */
        display: inline-block;
        font-size: var(--tt2);
        /* font-weight: bold; */
        color: var(--t2);
    }

    .corp_in_stgv_e9 {
        cursor: pointer;
        background-color: var(--f3);
        color: var(--t2);
        border-radius: 1vw;
        display: inline-block;
        font-size: 1.1vw;
        font-weight: bold;
        padding: 0.33vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        box-shadow: 0vw 0.2vw 0.3vw rgba(0, 0, 0, 0.3);
        transition: all 0.15s;
    }

    .corp_in_stgv_e10 {
        display: inline-block;
        width: 83%;
        border-radius: 5vw;
        background-color: var(--f2);
        padding: 6.5vw;
        margin-top: 2vw;
        box-shadow: 0vw 2vw 2vw rgb(0 1 1 / 20%);
        height: 158vw;
        transition: all 0.3s;
    }

    .corp_in_llae_e1 {
        width: 90%;
        /* margin-left: 15%; */
        /* background-color: red; */
        height: 24vw;
        display: inline-block;
        position: relative;
    }

    .corp_in_llae_e2 {
        display: inline-block;
        width: 18.5vw;
        height: 18.5vw;
        position: absolute;
        left: 0;
        top: 0;
        /* background-color: yellow; */
        box-shadow: 1.5vw 1.5vw 1.5vw rgb(0 0 0 / 30%);
        border-radius: 50%;
        border: solid var(--f3) 0.8vw;
        background-image: url(../images/llae_e1.png);
    }

    .corp_in_llae_e3 {
        position: absolute;
        left: 2.5%;
        top: 1vw;
        width: 69%;
        height: 15vw;
        padding-top: 2vw;
        padding-left: 21vw;
        padding-right: 5vw;
        background-color: var(--f2);
        border-radius: 4vw;
        box-shadow: 1vw 1.25vw 2.5vw rgb(0 0 0 / 30%);
    }

    .corp_in_llae_e4 {
        font-weight: bold;
        font-size: 3.2vw;
        color: var(--t1);
        line-height: 4.2vw;
    }

    .corp_in_llae_e5 {
        width: 92%;
        /* background-color: red; */
        display: inline-block;
        margin-left: 2vw;
    }

    .corp_in_llae_e6 {
        margin-left: 10%;
        width: 80%;
        /* background-color: red; */
        display: inline-block;
        text-align: center;
    }

    .corp_in_llae_e7 {
        width: 80%;
        height: 33VW;
        display: inline-block;
        text-align: center;
        background-size: 100%;
    }

    .corp_in_llae_e8 {
        font-size: var(--tt2);
        color: var(--t2);
        font-weight: bold;
        text-align: center;
    }

    .corp_in_llae_e9 {
        float: left;
        width: 10%;
        height: 8vw;
        /* background-color: red; */
        display: inline-block;
        background-size: 100%;
        background-position: center top;
    }

    .corp_in_llae_e10 {
        float: left;
        width: 83%;
        height: 92vw;
        text-align: justify;
        display: inline-block;
        margin-left: 2%;
        margin-right: 2%;
    }

    .corp_in_llae_e11 {
        float: left;
        width: 27%;
        height: 8vw;
        display: inline-block;
        /* background-color: red; */
        border-radius: 1vw;
        box-shadow: 0vw 0.5vw 0.7vw rgba(0, 0, 0, 0.2);
        display: none;
    }

    .corp_gologgc {
        position: absolute;
        left: 0vw;
        top: 33vw;
        width: 11.7vw;
        /* border: solid 1px red; */
        /* height: 3vw; */
        transition: all 0.3s;
    }

    .corp_gologgc:hover {
        width: 14.5vw;
        transition: all 0.3s;
    }

    .corp_call_qgngv {
        position: sticky;
        left: 46vw;
        bottom: 42.5vw;
        width: 45.5vw;
        height: 18vw;
        background-color: var(--f2);
        border-radius: 2.7vw;
        box-shadow: 0vw 2.5vw 2.5vw rgb(0 0 0 / 20%);
        padding: 2.9vw;
        display: none;
    }

    .corp_call_qgngv_2 {
        z-index: 1;
        position: relative;
        font-size: 3.2vw;
        line-height: 3vw;
        font-weight: bold;
        color: var(--t3);
    }

    .corp_call_qgngv_3 {
        z-index: 1;
        position: relative;
        font-size: 2.9vw;
        line-height: 3vw;
        font-weight: normal;
        color: var(--t1);
        margin-bottom: 0.33vw;
    }

    .corp_call_qgngv_3_2 {
        font-size: 2.8vw;
        opacity: 0.7;
    }

    .corp_call_qgngv_4 {
        z-index: 1;
        position: relative;
        font-size: 3.9vw;
        font-weight: bold;
        padding: 1vw;
        padding-left: 2vw;
        width: 56%;
        margin-right: 1.33vw;
        color: var(--t2);
        border: solid 0.12vw silver;
        display: inline-block;
        margin-bottom: 0.1vw;
        border-radius: 4vw;
        transition: all 0.3s;
        float: left;
    }

    .corp_call_qgngv_4:focus {
        border: solid 0.12vw var(--f3);
        box-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_call_qgngv_5 {
        cursor: pointer;
        z-index: 1;
        position: relative;
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        padding: 0.2vw;
        padding-left: 2vw;
        padding-right: 2vw;
        border-radius: 4vw;
        box-shadow: 0vw 0.4vw 0.7vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_call_qgngv_5:hover {
        color: var(--t4);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.3);
        transition: all 0.3s;
    }

    .corp_call_qgngv_6 {
        position: absolute;
        right: 4vw;
        bottom: 0vw;
        /* background-color: green; */
        width: 21vw;
        height: 46vw;
        z-index: 0;
        background-image: url(../images/call_qgngv_flame.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
        animation-name: corp_call_qgngv_6_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        /* animation-timing-function: linear;*/
    }

    @keyframes corp_call_qgngv_6_ani {
        0% {
            bottom: 0vw;
        }

        50% {
            bottom: 3.5vw;
        }

        100% {
            bottom: 0vw;
        }
    }

    .corp_call_qgngv_7 {
        clear: both;
        position: relative;
        z-index: 1;
        font-size: 0.8vw;
        color: var(--t1);
        cursor: pointer;
        width: 100%;
        text-align: left;
        margin-left: 0.5vw;
        opacity: 0.7;
        transition: opacity 0.3s;
    }

    .corp_call_qgngv_7:hover {
        transition: opacity 0.3s;
        opacity: 1;
    }

    .corp_nst {
        width: 100%;
        height: 216vw;
        margin-top: 4vw;
        margin-bottom: 2vw;
        border-radius: 4.2vw;
        overflow: hidden;
        background-color: var(--f2);
        position: relative;
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 20%);
    }

    .corp_nst_i {
        background-image: url(../images/nosotros.png);
        background-position: 69% bottom;
        background-repeat: no-repeat;
        background-size: 242%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .corp_nst_n {
        background-image: url(../images/nubes.jpg);
        position: absolute;
        top: 54%;
        left: 0;
        width: 100%;
        height: 55%;
        z-index: 0;
        background-size: 671%;
        background-position: left top;
        background-repeat: no-repeat;
        animation-name: corp_nst_n_ani;
        animation-duration: 300s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        /* display: none; */
    }

    @keyframes corp_nst_n_ani {
        from {
            background-position: left top;
        }

        to {
            background-position: right top;
        }
    }

    .corp_nst_t {
        position: absolute;
        top: 3.3vw;
        left: 3.5vw;
        /* width: 50%; */
        /* background-color: yellow; */
        z-index: 1;
    }

    .corp_nst_t_1 {
        height: 3vw;
    }

    .corp_nst_t_1_2 {
        background-image: url(../images/isotipo_1.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 43%;
        color: var(--t3);
        border-radius: 50%;
        border: solid 0.2vw var(--f3);
        width: 9vw;
        height: 9vw;
        float: left;
        margin-right: 0.8vw;
    }

    .corp_nst_t_1_3 {
        font-size: var(--tt1);
        color: var(--t1);
        font-weight: bold;
        line-height: 8.5vw;
        /* background-color: yellow;*/
    }

    .corp_nst_t_2 {
        clear: both;
        /* background-color: red; */
        color: var(--t1);
        width: 95%;
        line-height: 5vw;
        text-align: justify;
        margin-top: 10.5vw;
        font-size: var(--tt2);
    }

    .corp_nst_t_3 {
        margin-top: 1.5vw;
        width: 80%;
        /* background-color: red; */
        /* margin-left: 5%; */
        color: var(--t3);
    }

    .corp_nst_t_3_1 {
        float: left;
        text-align: center;
        margin-left: 0.7vw;
        margin-right: 0.7vw;
    }

    .corp_nst_t_3_2 {
        font-size: 1.4vw;
        font-weight: bold;
    }

    .corp_nst_t_3_3 {
        font-size: 0.7vw;
        font-weight: bold;
    }

    .corp_in_mg {
        margin: 2vw;
        /* background-color: red; */
    }

    .corop_in_sbt_ico_1 {
        background-image: url(../images/check_circle.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: auto 4.5vw;
        display: inline-block;
        padding-left: 5vw;
        /* background-color: red; */
        margin-top: 5vw;
        background-position: left 0.3vw;
    }

    .x_bmc1x1 {
        position: absolute;
        top: 36vw;
        left: 35vw;
        background-color: rgba(255, 255, 255, 0.0);
        width: 10%;
        height: 4vw;
    }

    .x_bmc1x1:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x2 {
        position: absolute;
        top: 20vw;
        left: 44vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x2:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x3 {
        position: absolute;
        top: 18vw;
        left: 35.5vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x3:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .x_bmc1x4 {
        position: absolute;
        top: 32vw;
        left: 44vw;
        /* background-color: red; */
        width: 8%;
        height: 3.5vw;
    }

    .x_bmc1x4:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .jzt {
        margin-top: 10vw;
        margin-bottom: 10vw;
        width: 100%;
        height: 50vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../images/jzt.png);
        background-size: auto 100%;
    }

    .corp_mc1 {
        width: 90%;
        /* height: 100vw; */
        margin-left: 5%;
        /* background-color: blue; */
        margin-top: 2vw;
    }

    .corp_mc2 {
        /* float: left; */
        width: 100%;
        height: 230vw;
        margin-bottom: 5vw;
        /* background-color: red; */
    }

    .corp_mc3 {
        float: left;
        width: 100%;
        height: 100%;
        /* background-color: royalblue; */
    }

    .corp_mc4 {
        border-radius: 5vw;
        box-shadow: var(--s1);
        width: 100%;
        height: 98%;
        overflow: hidden;
        position: relative;
    }

    .corp_mc_slider {
        margin-top: 5vw;
        width: 90%;
        margin-left: 5%;
        height: 138vw;
        border-radius: 6vw;
        box-shadow: 0vw 1.2vw 2.7vw rgb(0 0 0 / 20%);
        border: none;
        background-color: var(--f4);
    }

    .corp_mc_e1 {
        position: absolute;
        bottom: -52vw;
        left: 67vw;
        border-radius: 50%;
        width: 99vw;
        height: 99vw;
        background-color: var(--f3);
        animation-name: corp_mc_e1_ani;
        animation-duration: 2s;
        /* animation-iteration-count: infinite; */
        /* animation-timing-function: linear;*/
    }

    @keyframes corp_mc_e1_ani {
        from {
            bottom: 120vw;
            left: 0vw;
        }

        to {
            bottom: -52vw;
            left: 67vw;
        }
    }

    .corp_mc_e2 {
        position: absolute;
        bottom: -76vw;
        left: 36vw;
        border-radius: 50%;
        width: 99vw;
        height: 99vw;
        background-color: var(--f2);
        animation-name: corp_mc_e2_ani;
        animation-duration: 3s;
        /* animation-iteration-count: infinite; */
        /* animation-timing-function: linear;*/
    }

    @keyframes corp_mc_e2_ani {
        from {
            bottom: 157vw;
            left: -56vw;
        }

        to {
            bottom: -76vw;
            left: 36vw;
        }
    }

    .corp_mc5 {
        position: relative;
        margin-left: 2.5vw;
        margin-top: 2.2vw;
        margin-bottom: 2vw;
    }

    .corp_mc6 {
        /*height: 3.5vw; */
        /* margin-bottom: 1vw; */
        /* background-color: red; */
        display: inline-block;
        margin-bottom: 5vw;
    }

    .corp_mc7 {
        width: 12vw;
        height: 12vw;
        background-color: var(--f2);
        border-radius: 50%;
        float: left;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 55%;
        margin-right: 1vw;
    }

    .corp_mc8 {
        font-size: var(--tt1);
        color: var(--t2);
        font-weight: bold;
        /* background-color: rebeccapurple; */
        line-height: 5.5vw;
        /* -webkit-text-stroke: 0.05vw var(--f3); */
        /* color: transparent; */
    }

    .corp_mc_e4 {
        background-image: url(../images/avi_enviar.png);
        background-repeat: no-repeat;
        background-position: 90%;
        background-size: 100%;
        width: 14.3vw;
        height: 14.3vw;
        position: absolute;
        top: 10vw;
        left: 79%;
    }

    .corp_mc9 {
        /* background-color: rebeccapurple; */
        margin-left: 5vw;
        width: 90%;
    }

    .corp_mc10 {
        width: 85%;
        margin-left: 7.5%;
    }

    .corp_mc11 {
        /* float: left; */
        width: 70%;
        margin-top: 0vw;
        /* miscuentas.aspx */
        /* background-color: yellowgreen; */
    }

    .corp_mc11_2 {
        float: left;
        width: 20%;
        /* background-color: yellowgreen; */
    }

    .corp_mc12 {
        width: 90%;
    }

    .corp_mc13 {
        margin-top: 1.3vw;
    }

    .corp_mc14 {
        width: 100%;
    }

    .corp_mc15 {
        color: var(--t7);
        font-size: 4vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_mc15:hover {
        transition: all 0.3s;
        color: var(--t2);
    }

    .corp_mc16 {
        font-size: 3.9vw;
        /* font-weight: bold; */
        padding: 3vw;
        width: 100%;
        /* margin-right: 0.44vw; */
        color: var(--t2);
        border: solid 0.7vw var(--f2);
        display: inline-block;
        margin-bottom: 2.7vw;
        text-indent: 3vw;
        border-radius: 6vw;
        transition: all 0.3s;
    }

    .corp_mc16KO {
        font-size: 4.3vw;
        font-weight: bold;
        padding: 2.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.6vw #D70707;
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 5.7vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(250, 0, 0, 0.2);
        transition: all 0.3s;
        text-indent: 1vw;
    }

    .corp_mc16:focus {
        border: solid 0.7vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc16:hover {
        border: solid 0.7vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc17 {
        margin-top: 1vw;
        width: 100%;
        display: inline-block;
    }

    .corp_mc18_1 {
        display: inline-block;
        /* background-color: var(--b4); */
        margin-left: 5%;
        width: 95%;
        background-image: url(../images/av1.png);
        height: 61vw;
        background-repeat: no-repeat;
        background-size: auto 82%;
        background-position: left bottom;
        position: relative;
    }

    .corp_mc18_2 {
        display: inline-block;
        /* background-color: var(--f3); */
        margin-left: 37%;
        animation-name: corp_mc18_2_ani;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-out;
    }

    @keyframes corp_mc18_2_ani {
        0% {
            margin-top: 2.1%;
        }

        50% {
            margin-top: 0%;
        }

        100% {
            margin-top: 2.1%;
        }
    }

    .corp_mc18_3 {
        font-size: 3.9vw;
        font-weight: bold;
        color: var(--t2);
        padding-left: 0vw;
    }

    .corp_mc18_4 {
        cursor: pointer;
        background-color: var(--f2);
        color: var(--t1) !important;
        border-radius: 9vw;
        border: none;
        display: inline-block;
        font-size: 4.1vw;
        line-height: 9vw;
        font-weight: bold;
        padding: 0.33vw;
        padding-left: 7vw;
        padding-right: 7vw;
        box-shadow: 0vw 1.3vw 1.3vw rgb(0 0 0 / 20%);
        float: left;
        transition: all 0.3s;
        /* margin-left: 0.5vw;*/
    }

    .corp_mc18_4:hover {
        background-color: var(--f4);
        color: var(--t3) !important;
        transition: all 0.3s;
    }

    .corp_mcinicio_1 {
        width: 94vw;
        margin-left: 3vw;
        margin-top: 2vw;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_mcinicio_2 {
        cursor: pointer;
        /*float: left; */
        width: 100%;
        background-color: var(--f1);
        /* position: sticky; */
        top: 27vw;
        z-index: 1;
    }

    .corp_proinicio_2 {
        /*float: left; */
        width: 100%;
        background-color: var(--f1);
        /* position: sticky; */
        /* top: 27vw; */
        z-index: 1;
    }

    .corp_mcmnko {
        height: 14vw !important;
        transition: all 1s !important;
        display: inline-block !important;
        overflow: hidden;
    }

    .corp_mcmnok {
        overflow: hidden;
        height: 150vw;
        display: inline-block !important;
        transition: all 1s !important;
    }

    .corp_mcinicio_3 {
        /* float: left; */
        width: 100%;
        /* height: 100vw; */
        /* position: relative; */
        /* background-color: blue; */
    }

    .corp_mc_rc2 {
        /* float: left; */
        width: 100%;
        margin-left: 2%;
        margin-right: 2%;
        /* height: 100vw; */
        position: relative;
        /* background-color: blue;*/
    }

    .corp_proinicio_3 {
        /* float: left; */
        width: 100%;
        /* height: 100vw; */
        /* position: relative; */
        /* background-color: blue; */
    }

    .corp_mcinicio_3_1::after {
        text-align: center;
        width: 3vw;
        height: 1.15vw;
        /* background-color: red; */
        color: var(--t3);
        position: absolute;
        content: "\025be";
        display: table-cell;
        font-size: 9.3vw;
        top: -1vw;
        right: 5vw;
        pointer-events: none;
        border-radius: 0 50% 50% 0;
    }

    .corp_mcinicio_3_1 {
        /* height: 5vw; */
        /* overflow: hidden; */
        width: 100%;
        position: relative;
    }

    .corp_mcinicio_3_2 {
        margin-bottom: 1.2vw;
    }

    .corp_mcinicio_4 {
        /* float: left;  */
        width: 100%;
        /* background-color: silver; */
        /* position: sticky; */
        display: inline-block;
        /* top: 8vw; */
    }

    .corp_mcinicio_4_1 {
        width: 100%;
        /* height: 38vw; */
        display: inline-block;
    }

    .corp_mcmenu_1 {
        width: 100%;
        /* height: 13vw; */
        display: inline-block;
        /* background-color: red; */
        margin-bottom: 1vw;
    }

    .corp_mcmenu_2 {
        float: left;
        width: 12vw;
        height: 12vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 20%);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mcmenu_2_2 {
        width: 10vw;
        height: 10vw;
        margin-right: 1.7vw;
        background-color: var(--f2);
        border-radius: 50%;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 20%);
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mcmenu_3 {
        float: left;
        font-size: 5.3vw;
        font-weight: bold;
        color: var(--t2);
        height: 100%;
        width: 74%;
        /* background-color: blue; */
        line-height: 12vw;
        margin-left: 2.5vw;
        position: relative;
    }

    .corp_mcmenu_3_2 {
        cursor: pointer;
        float: left;
        /* display: inline-block; */
        width: 9%;
        /* background-color: red; */
        height: 12vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
        background-image: url(../images/i34_1.png);
    }

    .corp_mcmenu_4 {
        border-radius: 7vw;
        width: 81%;
        margin-left: 5%;
        font-size: 3.9vw;
        font-weight: bold;
        color: var(--t2);
        background-color: var(--f8);
        padding: 2.3vw;
        padding-left: 6vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
    }

    .corp_mcmenu_4:hover {
        /* padding-left: 1.3vw; */
        color: var(--t1);
        background-color: var(--f2);
        transition: all 0.2s;
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1); */
    }

    .corp_mcmenu_4_active {
        border-radius: 7vw;
        width: 81%;
        margin-left: 5%;
        font-size: 3.9vw;
        font-weight: bold;
        color: var(--t1);
        background-color: var(--f2);
        padding: 2.3vw;
        padding-left: 6vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
    }

    .corp_mcinicio_5 {
        position: relative;
        padding: 2.8vw;
        padding-left: 4vw;
        padding-right: 7vw;
        width: 100%;
        background-color: var(--f2);
        color: var(--t3);
        border: none;
        border-radius: 6vw;
        font-size: 4vw;
        font-weight: bold;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 20%);
        transition: background-color 0.2s;
        font-family: inherit;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .corp_mcinicio_5:hover {
        background-color: var(--f4);
        transition: background-color 0.2s;
    }

    .corp_mc_nuevo {
        background-color: var(--f3);
        border-radius: 7vw;
        font-weight: bold;
        font-size: 3.6vw;
        color: var(--t2);
        margin-left: 1.7vw;
        padding: 1.5vw;
        padding-left: 4.5vw;
        padding-right: 4.5vw;
        animation-name: corp_mc_nuevo_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        /* animation-timing-function: linear; */
    }

    @keyframes corp_mc_nuevo_ani {
        0% {
            font-size: 3.3vw;
        }

        50% {
            font-size: 3.9vw;
        }

        100% {
            font-size: 3.3vw;
        }
    }

    .corp_mc_cntds {
        width: 98%;
        margin-left: 1%;
        display: inline-block;
        /* height: 444vw; */
        /* background-color: red; */
    }

    .corp_pro_cntds {
        width: 98%;
        margin-left: 1%;
        display: inline-block;
        /* height: 444vw; */
        /* background-color: red; */
    }

    .corp_mc_bart1 {
        /*width: 85%; */
        margin-left: 0%;
        background-color: var(--f2);
        color: var(--t1);
        border-radius: 5vw;
        padding-top: 1.3vw;
        padding-bottom: 1.3vw;
        padding-left: 4vw;
        font-size: 3.7vw;
        font-weight: bold;
        margin-bottom: 1.5vw;
    }

    .corp_mc_block {
        width: 100%;
        display: inline-block;
        margin-bottom: 2vw;
    }

    .corp_mc_mg_1 {
        width: 98%;
        margin-left: 1%;
        color: var(--t2);
        font-size: var(--tt2);
        /* overflow: hidden; */
    }

    .corp_mc_mg_1_2 {
        overflow: visible !important;
    }

    .corp_mc_inicio_ico_mk {
        float: left;
        /* width: 16%; */
        height: 7vw;
        /* background-color: rgba(150, 150, 0, 0.4); */
    }

    .corp_mc_inicio_g {
        width: 82%;
        float: left;
    }

    .corp_mc_inicio_g2 {
        width: 91%;
        float: left;
    }

    .corp_mc_t1 {
        font-weight: bold;
        color: var(--t4);
        line-height: 1vw;
        display: inline-block;
    }

    .corp_mc_t2 {
        font-weight: normal;
        margin-bottom: 0.5vw;
    }

    .corp_mc_t3 {
        font-weight: bold;
        font-size: 8.7vw;
        display: inline-block;
        width: 100%;
        line-height: 10vw;
    }

    .corp_mc_t4 {
        font-weight: normal;
        font-size: 3.9vw;
        width: 100%;
        display: inline-block;
        /* line-height: 2vw;*/
    }

    .corp_mc_t5 {
        font-weight: normal;
        font-size: 4vw;
        /* line-height: 2vw; */
    }

    .corp_mc_b1 {
        font-size: 3.5vw;
        font-weight: bold;
        /* text-indent: 3vw; */
        color: var(--t2);
        transition: all 0.3s;
    }

    .corp_mc_b1_ico {
        background-color: var(--f3);
        width: 4.5vw;
        height: 4.5vw;
        border-radius: 50%;
        float: left;
        margin-right: 1.3vw;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 33%;
        background-image: url(../images/arrow1_right.png);
    }

    .corp_mc_b1:hover {
        color: var(--t4);
        transition: all 0.3s;
        padding-left: 0.3vw;
    }

    .corp_mc_b_bank {
        margin-top: 0.5vw;
        margin-right: 1vw;
        width: 50vw;
        height: 23vw;
        margin-bottom: 5vw;
        border-radius: 3.5vw;
        box-shadow: 0vw 1.3vw 2.5vw rgb(0 0 0 / 15%);
        float: left;
        filter: grayscale(100%);
        opacity: 0.7;
        border: solid 0.7vw var(--f1);
        transition: all 0.3s;
    }

    .corp_mc_b_bank:hover {
        opacity: 1;
        filter: grayscale(0%);
        transition: all 0.3s;
        border: solid 0.7vw var(--f3);
        box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_mc_e3 {
        padding-left: 1vw;
        padding-top: 0.7vw;
        /* background-color: rebeccapurple; */
        display: inline-block;
    }

    .corp_mc_vb_1 {
        position: relative;
        padding: 4vw;
        width: 70vw;
        height: 95vw;
        background-color: var(--f1);
        /* float: left; */
        margin-right: 1.5vw;
        margin-left: 5vw;
        margin-bottom: 9vw;
        border-radius: 5.9vw;
        box-shadow: var(--s1);
        transition: all 0.3s;
    }

    .corp_mc_vb_1:hover {
        box-shadow: var(--s1_h);
        transition: all 0.3s;
    }

    .corp_mc_vb_2 {
        background-image: url(../images/logo_hover.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28vw;
        height: 18vw;
        /* background-color: red; */
        margin-top: 0vw;
        margin-left: 0vw;
    }

    .corp_mc_vb_3 {
        width: 100%;
        /* background-color: red; */
        text-align: right;
        font-size: 4.9vw;
        font-weight: bold;
    }

    .corp_mc_vb_4 {
        font-size: 5vw;
        font-weight: bold;
    }

    .corp_mc_vb_5 {
        width: 100%;
        text-align: center;
        color: var(--t1);
        background-color: var(--f4);
        font-size: 5.05vw;
        font-weight: bold;
        border-radius: 2vw;
        overflow: hidden;
        margin-bottom: 1.28vw;
    }

    .corp_mc_vb_6 {
        font-size: 11.8vw;
        font-weight: bold;
        color: var(--t1);
        background-color: var(--f2);
        text-align: center;
        border-radius: 3vw;
        width: 100%;
        margin-bottom: 1vw;
    }

    .corp_mc_vb_7 {
        width: 100%;
        /* background-color: silver; */
        display: inline-block;
        text-align: right;
        margin-bottom: 1vw;
    }

    .corp_mc_vb_7_line {
        display: inline-block;
    }

    .corp_mc_vb_7_KO_i {
        width: 14vw;
        height: 14vw;
        border-radius: 50%;
        background-color: var(--f9);
        background-image: url(../images/i_x.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
        float: left;
        margin-right: 0.3vw;
    }

    .corp_mc_vb_7_KO_t {
        color: var(--t9);
        font-size: 7vw;
        line-height: 14vw;
        font-weight: bold;
        float: left;
    }

    .corp_mc_vb_7_OK_i {
        width: 14vw;
        height: 14vw;
        border-radius: 50%;
        background-color: var(--f3);
        background-image: url(../images/i_check.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
        float: left;
        margin-right: 2vw;
    }

    .corp_mc_vb_7_OK_t {
        color: var(--t2);
        font-size: 7vw;
        line-height: 14vw;
        font-weight: bold;
        float: left;
    }

    .corp_mc_vb_8_a {
        position: relative;
        height: 2vw;
        float: left;
        width: 100%;
        /* background-color: yellowgreen; */
    }

    .corp_mc_vb_8_a_bg {
        position: relative;
        display: inline-block;
        width: 5.5%;
        /* float: left; */
        margin-left: 2%;
        /* height: 100%; */
        color: rgba(0, 0, 0, 0);
        font-size: 7px;
        background-color: rgba(0, 0, 0, 0.07);
    }

    .corp_mc_vb_8_b {
        height: 2.5vw;
        float: left;
        width: 50%;
        background-image: url(../images/i_cb.png);
        background-size: 77%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .corp_mc_vb_9 {
        cursor: pointer;
        position: absolute;
        bottom: -1.3vw;
        box-shadow: 0vw 0.3vw 0.7vw rgba(0, 0, 0, 0.2);
        left: 25%;
        width: 50%;
        /* height: 2vw; */
        background-color: var(--b3);
        color: var(--t2);
        border-radius: 2vw;
        text-align: center;
        font-weight: bold;
        font-size: 1vw;
        line-height: 2.5vw;
        transition: all 0.3s;
    }

    .corp_mc_vb_9:hover {
        transition: all 0.3s;
        color: var(--t4);
        box-shadow: 0vw 0.2vw 0.7vw rgba(0, 0, 0, 0.3);
    }

    .corp_mc_el_1 {
        width: 100%;
        height: 142vw;
        /* background-color: red; */
        position: relative;
    }

    .corp_mc_el_2 {
        position: absolute;
        top: 52%;
        left: 15vw;
        width: 60vw;
        height: 60vw;
        background-image: url(../images/i_mc_1.png);
        border-radius: 50%;
        background-size: 120%;
        border: solid 1vw var(--f3);
        background-color: var(--f3);
    }

    .corp_mc_el_2_2 {
        position: absolute;
        top: 52%;
        left: 15vw;
        width: 60vw;
        height: 60vw;
        background-color: rgba(0, 0, 0, 0);
        /* background-image: url(../images/i_mc_1.png); */
        border-radius: 50%;
        border: solid 1vw var(--f3);
        opacity: 1;
        transition: opacity 0.3s;
    }

    .corp_mc_el_2_2:hover {
        opacity: 0;
        transition: opacity 0.3s;
    }

    .corp_mc_el_3 {
        position: absolute;
        top: 0%;
        right: 2vw;
        width: 96%;
        height: 67%;
        background-color: var(--f2);
        border-radius: 5.5vw;
    }

    .corp_mc_el_4 {
        /* background-color: red; */
        width: 82%;
        position: absolute;
        left: 8%;
        top: 5%;
    }

    .corp_mc_el_5 {
        width: 100%;
        /* background-color: var(--f4); */
        display: inline-block;
        margin-bottom: 6.2vw;
    }

    .corp_mc_el_6 {
        -webkit-text-stroke: 0.3vw var(--f3);
        color: transparent;
        font-size: 15vw;
        line-height: 15vw;
        font-weight: bold;
        float: left;
        margin-right: 0.5vw;
        /* background-color: yellow; */
        height: auto;
    }

    .corp_mc_el_7 {
        display: flow-root;
        color: var(--t1);
        line-height: 5vw;
        font-size: 3.7vw;
    }

    .corp_mc_el_8 {
        color: var(--t2);
        font-size: var(--tt2);
        font-weight: bold;
    }

    .corp_mc_env_lec_1 {
        width: 20vw;
        height: 20vw;
        background-color: red;
    }

    .corp_mc_el_9 {
        border: 0.3vw solid var(--f3);
        width: 11vw;
        height: 11vw;
        border-radius: 50%;
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
    }

    .corp_file_lectura {
        cursor: pointer;
        width: 70vw;
        height: 11.8vw;
        /* color: red; */
        position: absolute;
        left: 9.45vw;
        top: 91%;
    }

    .corp_file_lectura::-webkit-file-upload-button {
        visibility: hidden;
    }

    .corp_file_lectura::before {
        content: 'Seleccionar una imagen';
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        text-align: left;
        text-indent: 14vw;
        line-height: 11vw;
        background-image: url(../images/i_el2.png);
        background-position: 5.3vw center;
        background-repeat: no-repeat;
        background-size: auto 55%;
        width: 68vw;
        margin-left: 1vw;
        border-radius: 18vw;
        box-shadow: 0vw 0.3vw 0.5vw rgb(250 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_file_lectura:hover::before {
        color: var(--f4);
        background-image: url(../images/i_el2_2.png);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_file_lectura:hover::before {
        border-color: black;
    }

    .corp_file_lectura:active {
        outline: 0;
    }

    .corp_file_lectura:active::before {
        /*ko*/
    }

    .corp_file_lecturaKO {
        cursor: pointer;
        width: 71vw;
        height: 12.8vw;
        /* color: red; */
        position: absolute;
        left: 9.45vw;
        top: 91%;
    }

    .corp_file_lecturaKO::-webkit-file-upload-button {
        visibility: hidden;
    }

    .corp_file_lecturaKO::before {
        content: 'Seleccionar una imagen';
        background-color: var(--f3);
        font-size: var(--tt2);
        font-weight: bold;
        color: var(--t2);
        display: inline-block;
        text-align: left;
        text-indent: 14vw;
        line-height: 11vw;
        background-image: url(../images/i_el2.png);
        background-position: 5.3vw center;
        background-repeat: no-repeat;
        background-size: auto 55%;
        width: 68vw;
        margin-left: 1vw;
        border-radius: 18vw;
        box-shadow: 0vw 0.3vw 0.5vw rgb(250 0 0 / 20%);
        transition: all 0.3s;
        border: solid 0.6vw #D70707;
    }

    .corp_file_lecturaKO:hover::before {
        border: solid 0.17vw #D70700;
        color: var(--f4);
        background-image: url(../images/i_el2_2.png);
        box-shadow: 0vw 0.4vw 0.7vw rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .corp_file_lecturaKO:active {
        outline: 0;
    }

    .corp_file_lecturaKO:active::before {
        /*ko*/
    }

    .corp_mc_el_10 {
        float: left;
        width: 100%;
        /* background-color: red; */
    }

    .corp_mc_el_11 {
        width: 90%;
        margin-left: 9%;
        /* background-color: black; */
        display: inline-block;
        position: relative;
    }

    .corp_mc_el_12 {
        position: absolute;
        z-index: 1;
        width: 13.5vw;
        height: 12.5vw;
        top: 57.8vw;
        left: 26vw;
        background-image: url(../images/avi_enviar.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all 2s;
    }

    .corp_mc_el_13 {
        margin-top: 1.3vw;
        padding-left: 2.8vw;
        padding-right: 2.8vw;
    }

    .corp_hm_login_in_b1_2:hover .corp_mc_el_12 {
        position: absolute;
        z-index: 1;
        width: 4.5vw;
        height: 4.5vw;
        top: -95.2vw;
        left: 73vw;
        background-image: url(../images/avi_enviar.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        opacity: 0.5;
        transition: all 3s;
    }

    .corp_gfc1 {
        font-size: 3.2vw;
        font-weight: bold;
        color: var(--t2);
        width: 100%;
        text-align: center;
    }

    .corp_gfc2 {
        width: 100%;
        height: 37vw;
        display: inline-block;
        margin-top: 7vw;
        /* background-color: skyblue; */
    }

    .corp_gfc3 {
        float: left;
        width: 7.69%;
        height: 100%;
        /* background-color: springgreen; */
        position: relative;
    }

    .corp_gfc4 {
        padding-top: 7%;
        position: absolute;
        left: 0%;
        width: 100%;
        /* background-color: white; */
        opacity: 0.5;
        text-align: center;
        font-size: 0.7vw;
        font-weight: bold;
        color: var(--t4);
        transition: opacity 0.1s, padding-top 0.2s;
    }

    .corp_gfc5 {
        position: absolute;
        left: 0;
        margin-left: 15%;
        width: 70%;
        height: 13%;
        line-height: 90%;
        margin-top: -13vw;
        font-size: 45%;
        border-radius: 50%;
        background-color: var(--f4);
        text-align: center;
        display: flex;
        font-weight: bold;
        color: var(--t3);
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    .corp_gfc6 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 1vw;
        background-color: var(--f2);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.6s;
    }

    .corp_gfc6:hover {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 1vw;
        background-color: var(--f4);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0s;
    }

    .corp_gfc6_2 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 1vw;
        background-color: var(--f3);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_gfc6_2:hover {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 1vw;
        background-color: var(--f3);
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        box-shadow: 0vw 0vw 0.5vw var(--f3);
        transition: all 0.3s;
    }

    .corp_gfc6_3 {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: #FF5E00;
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_gfc6_3:hover {
        position: absolute;
        left: 0%;
        bottom: 10%;
        margin-left: 10%;
        width: 80%;
        font-size: 110%;
        border-radius: 0.5vw;
        background-color: #FF5E00;
        text-align: center;
        font-weight: bold;
        color: var(--t3);
        box-shadow: 0vw 0vw 0.5vw #FF5E00;
        transition: all 0.3s;
    }

    .corp_gfc7 {
        position: absolute;
        left: 0%;
        bottom: 0%;
        width: 100%;
        /* background-color: white; */
        text-align: center;
        font-size: 2.1vw;
        font-weight: bold;
        color: var(--t2);
    }

    .corp_tb {
        padding: 1vw;
        text-align: justify;
    }

    .corp_mc_t_i1 {
        width: 100%;
        height: 55vw;
        border-radius: 0.7vw;
        background-image: url(../images/mc_2.png);
        box-shadow: 0vw 0.3vw 0.5vw rgb(0 0 0 / 20%);
        margin-bottom: 1vw;
        background-position: left;
        border-radius: 3vw;
    }

    .corp_mc_p1 {
        width: 100%;
        display: inline-block;
        /* background-color: red; */
        border-spacing: 0;
    }

    .corp_mc_p2 {
        width: 100%;
        background-color: var(--f2);
        color: var(--t1);
        font-size: 2.8vw;
        font-weight: bold;
        line-height: 1.5vw;
        margin-bottom: 2vw;
    }

    .corp_mc_p3 {
        /* width: 14%;  */
        margin: 0;
        text-align: center;
        line-height: 3vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
        /* width: 14.2%; */
        overflow: hidden;
        /* display: inline;*/
    }

    .corp_mc_p3_i {
        border-radius: 2vw 0vw 0vw 2vw;
    }

    .corp_mc_p3_f {
        border-radius: 0vw 2vw 2vw 0vw;
    }

    .corp_mc_p4 {
        margin-top: 0.5vw;
        background-color: var(--f10);
        color: var(--t2);
        font-size: 2.8vw;
        line-height: 1.5vw;
    }

    .corp_mc_p4:hover {
        color: var(--t4);
        background-color: rgba(0, 0, 0, 0.05);
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.05); */
    }

    .darkmode .corp_mc_p4:hover {
        color: var(--t3);
        background-color: var(--f8)
            /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.05); */
    }

    .darkmode .corp_mc_p5 {
        border-top: solid 0.3vw var(--f1);
    }

    .corp_mc_p5 {
        /* padding: 0.3vw; */
        width: 14.2%;
        line-height: 3vw;
        margin: 0;
        border-spacing: 0;
        text-align: left;
        padding-left: 0.7vw;
        padding-right: 0.7vw;
        padding-top: 3vw;
        padding-bottom: 3vw;
        /* white-space: nowrap; */
        /* text-overflow: ellipsis; */
        overflow: hidden;
        border-top: solid 0.3vw white;
    }

    .corp_mc_p5_i {
        border-radius: 1vw 0vw 0vw 1vw;
    }

    .corp_mc_p5_f {
        border-radius: 0vw 1vw 1vw 0vw;
    }

    .corp_mc_p6 {
        /* width: 20%; */
        padding-left: 5vw;
        background-position: left;
        background-repeat: no-repeat;
        background-size: auto 4vw;
    }

    .corp_mc_as1 {
        margin-bottom: 1.5vw;
        overflow: hidden;
        position: relative;
        width: 96%;
        padding: 2%;
        border-radius: 1vw;
        background-color: var(--f8);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.05);
    }

    .corp_mc_as2 {
        position: absolute;
        right: -20vw;
        bottom: -12vw;
        width: 29vw;
        height: 29vw;
        background-color: var(--f3);
        border-radius: 50%;
    }

    .corp_mc_as3 {
        position: absolute;
        right: -7vw;
        bottom: -23vw;
        width: 29vw;
        height: 29vw;
        background-color: var(--f2);
        border-radius: 50%;
    }

    .corp_mc_as4_a {
        color: var(--t2);
        font-size: 2.9vw;
        width: 100%;
        /* float: left; */
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as4_a3 {
        color: var(--t2);
        font-size: 0.9vw;
        width: 33%;
        float: left;
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as4 {
        color: var(--t2);
        font-size: 2.9vw;
        width: 100%;
        float: left;
        /* margin-top: 0.2vw; */
        margin-bottom: 0.2vw;
    }

    .corp_mc_as5 {
        float: left;
        font-weight: bold;
        width: 38%;
        text-indent: 10%;
    }

    .corp_mc_as7 {
        display: inline-block;
        width: 100%;
        height: 25vw;
        position: relative;
    }

    .corp_mc_as8 {
        position: absolute;
        bottom: 0%;
        left: 12%;
        width: 20%;
        height: 36%;
        background-size: 100%;
        background-position: center bottom;
        background-image: url(../images/llae_20.png);
    }

    .corp_mc_as9 {
        position: absolute;
        bottom: 0%;
        right: 12%;
        width: 20%;
        height: 36%;
        background-size: 100%;
        background-position: center bottom;
        background-image: url(../images/llae_12.png);
    }

    .corp_mc_as10 {
        color: var(--t1);
        text-align: center;
        overflow: hidden;
        display: inline-block;
        width: 50%;
        left: 25%;
        height: 100%;
        background-color: var(--f2);
        border-radius: 50%;
        position: absolute;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_mc_as11 {
        margin-top: 1.5vw;
        margin-bottom: 1.5vw;
        display: inline-block;
        width: 100%;
        height: 3vw;
        background-size: auto 80%;
        background-image: url(../images/hm_qqhh_mc.png);
    }

    .corp_mc_as12 {
        margin-bottom: 0.5vw;
        width: 80%;
        text-align: center;
        /* background-color: red; */
        display: inline-block;
    }

    .corp_mc_as13 {
        /* background-color: blue; */
        text-align: left;
        display: inline-block;
        float: left;
        line-height: 2.5vw;
        width: 45%;
        font-weight: bold;
    }

    .corp_mc_as14 {
        font-size: 0.9vw;
        font-weight: bold;
        padding: 0.5vw;
        /* width: 56%; */
        /* margin-right: 0.33vw; */
        color: var(--t2);
        border: solid 0.17vw var(--f4);
        display: inline-block;
        /* margin-bottom: 0.7vw; */
        border-radius: 0.7vw;
        transition: all 0.3s;
        /* width: 50%; */
    }

    .corp_mc_as14_2 {
        width: 94%;
    }

    .corp_mc_as14:focus {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc_as14:hover {
        border: solid 0.17vw var(--f3);
        transition: all 0.3s;
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1); */
    }

    .corp_ayuda1 {
        display: inline-block;
        width: 1vw;
        height: 1vw;
        text-align: center;
        border-radius: 50%;
        font-weight: bold;
        line-height: 1vw;
        cursor: pointer;
        color: var(--t1);
        background-color: var(--f4);
        transition: all 0.3s;
    }

    .corp_ayuda1:hover {
        color: var(--t3);
        /* background-color: var(--f2); */
        transition: all 0.3s;
    }

    .x_captcha {
        border-radius: 0.5vw;
        width: 75%;
        margin-left: 12.5%;
        height: 4vw;
        border: solid silver 0.1vw;
        background-size: 95%;
        background-color: #f9f9f9;
    }

    .corp_ctb1 {
        margin-top: 1.5vw;
        position: relative;
        width: 100%;
        /* height: 28vw; */
        display: inline-block;
        /* background-color: rgba(0, 0, 0, 0.05); */
    }

    .corp_ctb2_0 {
        background-color: transparent;
        /* border: solid 1px yellow; */
        width: 85vw;
        height: 107vw;
        perspective: 91vw;
        position: relative;
        z-index: 0;
        margin-top: 5vw;
        transition: all 0.5s;
        opacity: 0.5;
        filter: blur(0.1vw);
        opacity: 1;
        filter: blur(0vw);
        margin-top: 0vw;
        z-index: 1;
        transition: all 0.5s;
    }

    .xcorp_ctb2_0:hover {
        /* opacity: 1; */
        /* filter: blur(0vw); */
        /* margin-top: 0vw; */
        /* width: 18vw; */
        /* height: 30vw; */
        /* z-index: 1; */
        /* transition: all 0.5s; */
        /* border: solid 1px springgreen; */
    }

    .corp_ctb2_1 {
        z-index: 0;
        width: 10vw;
        height: 15vw;
        /* background-color: springgreen; */
        position: absolute;
        top: 0vw;
        left: 0vw;
        border-radius: 0.7vw;
        background-size: 100%;
        transform-style: preserve-3d;
        transform: rotateY(50deg);
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.2);
        transition: all 0.8s;
    }

    .corp_ctb2_0:hover .corp_ctb2_1 {
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.3);
        z-index: 1;
        width: 20vw;
        height: 30vw;
        transform: rotateY(7deg);
        transition: all 0.8s;
    }

    .corp_ctb2_1_2 {
        z-index: 0;
        width: 59vw;
        height: 90vw;
        /* background-color: springgreen; */
        position: absolute;
        top: 7vw;
        left: 5vw;
        border-radius: 3.7vw;
        background-size: 100%;
        transform-style: preserve-3d;
        transform: rotateY(22deg);
        box-shadow: 0vw 2vw 4vw rgb(0 0 0 / 20%);
        transition: all 0.8s;
    }

    .corp_ctb2_0:hover .corp_ctb2_1_2 {
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.3);
        z-index: 1;
        transform: rotateY(7deg);
        transition: all 0.8s;
    }

    .corp_ctb3_1 {
        padding-left: 1.5vw;
        line-height: 4.5vw;
        background-color: var(--f3);
        width: 100%;
        height: 100%;
        -webkit-clip-path: polygon(10% 0%, 100% 1%, 100% 100%, 10% 100%, 0% 50%);
        clip-path: polygon(10% 0%, 100% 1%, 100% 100%, 10% 100%, 0% 50%);
    }

    /**/
    .corp_ctb3_1_n {
        border-radius: 1vw;
        overflow: hidden;
        opacity: 0.3;
        position: absolute;
        left: -20%;
        height: 4.5vw;
        width: 1vw;
        line-height: 2.5vw;
        color: var(--t2);
        font-weight: bold;
        font-size: 3vw;
        z-index: 2;
        display: inline-block;
        filter: drop-shadow(0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.2));
        transition: all 0s;
        white-space: nowrap;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_n {
        height: 4.5vw;
        opacity: 1;
        left: 85%;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_1 {
        top: 0%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_1 {
        top: 5%;
        width: 19vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_2 {
        top: 11%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_2 {
        top: 14%;
        width: 19vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_3 {
        top: 40%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_3 {
        top: 40%;
        width: 19vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_4 {
        top: 55%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_4 {
        top: 55%;
        width: 32vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_5 {
        top: 80%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_5 {
        top: 80%;
        width: 22vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_6 {
        top: 20%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_6 {
        top: 20%;
        width: 23vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_7 {
        top: 60%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_7 {
        top: 60%;
        width: 34vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_8 {
        top: 15%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_8 {
        top: 15%;
        width: 26vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_9 {
        top: 50%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_9 {
        top: 50%;
        width: 28vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_10 {
        top: 70%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_10 {
        top: 70%;
        width: 37vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_11 {
        top: 7%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_11 {
        top: 7%;
        width: 26vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_12 {
        top: 43%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_12 {
        top: 43%;
        width: 32vw;
        transition: all 0.8s;
    }

    /**/
    .corp_ctb3_1_13 {
        top: 70%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_13 {
        top: 70%;
        width: 36vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_14 {
        top: 85%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_14 {
        top: 85%;
        width: 42vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_15 {
        top: 66%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_15 {
        top: 66%;
        width: 37vw;
        transition: all 0.8s;
    }

    .corp_ctb3_1_16 {
        top: 30.5%;
        transition: all 0.1s;
    }

    .corp_ctb2_0:hover .corp_ctb3_1_16 {
        top: 30.5%;
        width: 29vw;
        transition: all 0.8s;
    }

    .corp_head_i1 {
        background-image: url(../images/up_ico_ofivir.png);
    }

    .corp_head_i2 {
        background-image: url(../images/up_ico_quiero_gas_natural.png);
    }

    .corp_head_i3 {
        background-image: url(../images/up_ico_llae.png);
    }

    .corp_head_i4 {
        background-image: url(../images/up_ico_st.png);
    }

    .corp_head_i5 {
        background-image: url(../images/up_ico_catalogo.png);
    }

    .corp_head_i5_2 {
        background-image: url(../images/up_ico_contacto23.png);
    }

    .corp_head_i6 {
        margin-left: 9vw;
        background-image: url(../images/up_fb.png);
    }

    .corp_head_i6:hover {
        margin-left: 9vw;
        background-image: url(../images/up_fb.png);
    }

    .corp_head_i7 {
        background-image: url(../images/up_ig.png);
    }

    .corp_head_i8 {
        background-image: url(../images/up_yt.png);
    }

    .corp_head_i9 {
        background-image: url(../images/up_in.png);
    }

    .darkmode .corp_head_i10 {
        opacity: 1;
        /* filter: grayscale(0%); */
        background-image: url(../images/up_mdon.png);
        display: none;
    }

    .corp_head_i10 {
        background-image: url(../images/up_md.png);
        filter: brightness(500%);
        display: none;
    }

    .corp_mc_ss1 {
        width: 38%;
        /* background-color: springgreen; */
        float: left;
    }

    .corp_mc_ss2 {
        /* overflow: hidden; */
        width: 62%;
        /* background-color: skyblue; */
        float: left;
    }

    .corp_mc_ss3 {
        width: 95%;
        height: 5vw;
        background-image: url(../images/i1.png);
        margin-bottom: 1vw;
    }

    .corp_mc_ss4 {
        /* font-size: 1.1vw; */
        width: 100%;
        /* background-color: slateblue; */
        display: inline-block;
        margin-bottom: 1vw;
    }

    .corp_mc_ss5 {
        width: 3vw;
        height: 3vw;
        background-size: 70%;
        border-radius: 50%;
        background-color: var(--f3);
        float: left;
        margin-left: 5%;
        box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1);
    }

    .corp_mc_ss5_1 {
        background-image: url(../images/i2.png);
    }

    .corp_mc_ss5_2 {
        background-image: url(../images/i3.png);
    }

    .corp_mc_ss5_3 {
        background-image: url(../images/i4.png);
    }

    .corp_mc_ss5_4 {
        background-image: url(../images/i5.png);
    }

    .corp_mc_ss5_5 {
        background-image: url(../images/i6.png);
    }

    .corp_mc_ss6 {
        /* background-color: springgreen; */
        margin-left: 0.5vw;
        display: inline-flex;
        padding-top: 0.9vw;
    }

    .corp_mc_ss7 {
        content: url(../images/i7.png);
        width: 1.3vw;
        height: 1.3vw;
        margin-right: 0.2vw;
    }

    .corp_mc_ss8 {
        content: url(../images/i8.png);
        width: 1.3vw;
        height: 1.3vw;
        margin-right: 0.2vw;
        margin-left: 0.5vw;
    }

    .corp_mc_ss9 {
        width: 100%;
        position: relative;
        display: inline-block;
    }

    .corp_mc_ss10 {
        padding-top: 2vw;
        width: 70%;
        padding-left: 1vw;
        padding-right: 1vw;
        /* height: 100%; */
        margin-left: 15%;
        background-color: var(--f2);
        border-radius: 3vw;
        color: var(--t1);
        /* box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2); */
    }

    .corp_mc_ss11 {
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 16%;
        height: 8vw;
        background-position: center bottom;
        background-image: url(../images/i9.png);
    }

    .corp_mc_ss12 {
        position: absolute;
        bottom: 0;
        right: 0%;
        width: 25%;
        height: 15vw;
        background-position: center bottom;
        background-image: url(../images/i10.png);
    }

    .corp_mc_ss13 {
        float: left;
        width: 30%;
    }

    .corp_mc_ss14 {
        float: left;
        font-weight: bold;
        text-indent: 10%;
        width: 50%;
        /* background-color: red; */
    }

    .corp_mc_ss15 {
        /* background-color: springgreen; */
    }

    .corp_mc_ss16 {
        float: left;
        width: 40%;
    }

    .corp_mc_ss17 {
        float: left;
        font-weight: bold;
        text-indent: 10%;
        width: 30%;
        /* background-color: red; */
    }

    .corp_mc_ss18 {
        /* background-color: springgreen; */
    }

    .corp_mc_ss19 {
        margin-bottom: 0.5vw;
        margin-left: 5%;
        width: 90%;
        /* background-color: springgreen; */
        display: inline-block;
    }

    .corp_mc_ss20 {
        text-align: center;
        margin-bottom: 1.5vw;
        display: inline-block;
    }

    .corp_mc_ss21 {
        font-weight: bold;
        color: var(--t1);
    }

    .corp_mc_ss21:hover {
        font-weight: bold;
        color: var(--t3);
    }

    .corp_mc_ss22 {
        width: 55%;
    }

    .corp_pro1 {
        width: 94%;
        margin-left: 3%;
        margin-top: 2vw;
        display: inline-block;
    }

    .corp_pro2 {
        width: 100%;
        /* height: 3vw; */
        /* background-color: red; */
        margin-bottom: 1vw;
        display: inline-block;
    }

    .corp_pro3 {
        /* float: left; */
        font-size: 4.5vw;
        font-weight: bold;
        color: var(--t2);
        /* height: 100%; */
        width: 100%;
        /* background-color: red; */
        line-height: 1.5vw;
        margin-left: 0.5vw;
        position: relative;
        display: inline-block;
    }

    .corp_pro4 {
        border-radius: 3vw;
        width: 41%;
        margin-left: 5%;
        font-size: 3.12vw;
        float: left;
        font-weight: bold;
        color: var(--t2);
        /* background-color: var(--f8); */
        text-indent: 7vw;
        padding: 0.3vw;
        padding-left: 1vw;
        margin-bottom: 0.7vw;
        transition: all 0.1s;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 5%;
    }

    .corp_pro4:hover {
        text-indent: 17%;
        /* padding-left: 1.3vw; */
        color: var(--t4);
        /* background-color: var(--f2); */
        transition: all 0.2s;
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1); */
    }

    .corp_pro5 {
        width: 92%;
        margin: 3%;
        margin-top: 0;
        margin-bottom: 6.2vw;
        height: 82vw;
        /* background-color: springgreen; */
        /* float: left; */
        background-position: center center;
        background-size: 101%;
        background-repeat: no-repeat;
        /* border-radius: 0.3vw; */
        display: inline-block;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro6 {
        /* border-radius: 0.3vw; */
        width: 92%;
        margin: 3%;
        margin-top: 0;
        margin-bottom: 6.2vw;
        height: 39vw;
        /* background-color: skyblue; */
        background-position: center center;
        background-size: 101%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro7 {
        width: 96%;
        margin: 1.5%;
        margin-top: 0;
        height: 22vw;
        /* background-color: skyblue; */
        background-position: center center;
        background-size: 101%;
        background-repeat: no-repeat;
        display: inline-block;
        /* border-radius: 0.3vw; */
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro8 {
        font-size: 6.7vw;
        letter-spacing: 0.3vw;
        font-weight: bold;
        text-transform: uppercase;
        opacity: 1;
        color: white;
        text-shadow: 0vw 0vw 0.5vw rgb(0 0 0 / 50%);
        transition: all 0.7s;
    }

    .corp_pro9 {
        border: solid 0.1vw rgba(255, 255, 255, 1.0);
        width: 90%;
        height: 90%;
        margin: 5%;
        text-align: center;
        display: flex;
        /* padding-top: 39%; */
        /* padding-bottom: 39%; */
        /* position: relative; */
        transition: all 0.7s;
        justify-content: center;
        align-items: center;
    }

    .corp_pro10 {
        border: solid 0.1vw rgba(255, 255, 255, 1.0);
        width: 90%;
        height: 90%;
        margin: 5%;
        text-align: center;
        display: flex;
        /* padding-top: 39%; */
        /* padding-bottom: 39%; */
        /* position: relative; */
        transition: all 0.7s;
        justify-content: center;
        align-items: center;
    }

    .corp_pro11 {
        border: solid 0.1vw rgba(255, 255, 255, 0.5);
        width: 95%;
        margin: 1vw;
        text-align: center;
        display: inline-block;
        padding-top: 17.5%;
        padding-bottom: 17.5%;
        position: relative;
        transition: all 0.7s;
    }

    .corp_pro5:hover .corp_pro9 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro5:hover {
        transition: all 1s;
        background-size: 110%;
    }

    .corp_pro6:hover .corp_pro10 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro6:hover {
        transition: all 0.7s;
        background-size: 110%;
    }

    .corp_pro7:hover {
        transition: all 0.7s;
        background-size: 110%;
    }

    .corp_pro7:hover .corp_pro11 {
        opacity: 1;
        border: solid 0.1vw rgba(255, 255, 255, 0.9);
        transition: all 0.7s;
    }

    .corp_pro12 {
        /* float: left; */
        width: 100%;
        margin-left: 0%;
        /* margin-right: 2%; */
        /* height: 100vw; */
        display: inline-block;
        position: relative;
        /* background-color: springgreen;*/
    }

    .corp_pro13 {
        /* float: left; */
        width: 100%;
        display: inline-block;
        /* background-color: skyblue; */
        /* position: sticky; */
        /* top: 9vw; */
    }

    .corp_pro13_a {
        background-image: url(../images/gp_av.png);
        background-repeat: no-repeat;
        background-size: 20%;
        background-position: left center;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        transition: all 0.3s;
        opacity: 0;
    }

    .corp_pro13_a:hover {
        transition: all 0.3s;
        opacity: 1;
    }

    .corp_pro13_s {
        background-image: url(../images/gp_sv.png);
        background-repeat: no-repeat;
        background-size: 20%;
        background-position: right center;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        transition: all 0.3s;
        opacity: 0;
    }

    .corp_pro13_s:hover {
        transition: all 0.3s;
        opacity: 1;
    }

    .corp_pro13_x {
        position: absolute;
        bottom: 1vw;
        width: 16%;
        text-indent: 42%;
        background-repeat: no-repeat;
        background-size: auto 45%;
        background-position: 20% center;
        background-image: url(../images/gp_cam.png);
        /* text-align: center; */
        font-size: 3vw;
        padding: 0.2vw;
        font-weight: bold;
        margin-left: 40%;
        border-radius: 5vw;
        background-color: var(--f2);
        color: white;
    }

    .corp_pro14 {
        /* float: left; */
        width: 100%;
        margin-left: 0%;
        display: inline-block;
        color: var(--t2);
        /* background-color: springgreen;*/
    }

    .corp_pro15 {
        height: 100vw;
        border: solid 0.1vw rgba(125, 125, 125, 0.05);
    }

    .corp_pro16 {
        /* float: left; */
        width: 100%;
        margin-left: 0%;
        display: inline-block;
        /* background-color: springgreen;*/
    }

    .corp_pro17 {
        /* float: left; */
        width: 80%;
        margin-left: 10%;
        display: inline-block;
        margin-top: 9vw;
        /* background-color: skyblue; */
        /* position: sticky; */
        /* top: 9vw;*/
    }

    .corp_pro18 {
        width: 100%;
        display: inline-block;
        /* background-color: yellowgreen; */
        margin-bottom: 0.5vw;
        border-bottom: solid 0.1vw rgba(125, 125, 125, 0.05);
        position: relative;
        padding-bottom: 0.9vw;
    }

    .corp_pro_marca {
        font-size: 2.9vw;
        line-height: 2.9vw;
        font-weight: bold;
        width: 100%;
    }

    .corp_pro_modelo {
        width: 100%;
        font-size: 5.7vw;
        line-height: 5.7vw;
        font-weight: bold;
    }

    .corp_pro_descripcion {
        font-size: var(--tt2);
    }

    .corp_pro_descuento {
        width: 14.5vw;
        height: 14.5vw;
        line-height: 15.5vw;
        font-size: 6.1vw;
        text-align: center;
        border-radius: 50%;
        background-color: var(--f2);
        color: var(--t3);
        border: solid 0.9vw var(--f3);
        font-weight: bold;
        position: absolute;
        top: -97vw;
        right: 3vw;
    }

    .corp_pro_preciooferta_t {
        font-size: 4.7vw;
        font-weight: bold;
        border-radius: 2.22vw;
        /* color: rgb(222, 10, 10); */
        background-color: var(--f4);
        color: var(--t1);
        display: inline-block;
        padding: 3.3vw;
        letter-spacing: 0.2vw;
        line-height: 0.9vw;
        margin-bottom: 0.5vw;
    }

    .corp_pro_preciooferta {
        font-size: 10.2vw;
        line-height: 9.2vw;
        /* font-weight: bold; */
        color: rgb(222, 10, 10);
        letter-spacing: -0.1vw;
        color: var(--t4);
    }

    .corp_pro_precionormal_t {
        float: left;
    }

    .corp_pro_precionormal {
        float: left;
        margin-left: 0.5vw;
        text-decoration: line-through;
    }

    .corp_pro_precionormalok {
        text-decoration: none;
        font-size: 7.5vw;
        width: 100%;
        line-height: 8vw;
    }

    .corp_pro_precionormal_g {
        display: inline-block;
        width: 100%;
    }

    .corp_pro_cuotas {
        font-size: 4vw;
        font-weight: bold;
        float: left;
        color: var(--t4);
    }

    .corp_pro_cuota {
        font-size: 4vw;
        font-weight: bold;
        float: left;
        color: var(--t4);
        margin-left: 0.5vw;
    }

    .corp_pro_cae {
        ont-size: 2.7vw;
        color: var(--t7);
        margin-bottom: 3vw;
    }

    .corp_pro19 {
        background-color: var(--f2);
        background-image: url(../images/i35.jpg);
        padding: 1vw;
        background-position: center top;
        background-repeat: repeat-x;
        border-radius: 6.1vw;
        padding-top: 80.2vw;
        background-size: 100%;
        color: var(--t1);
        margin-bottom: 2vw;
        box-shadow: 0vw 2.7vw 2.7vw rgb(0 0 0 / 20%);
    }

    .corp_pro20 {
        color: var(--t3);
        text-align: center;
        display: inline-block;
        margin-top: 1vw;
        margin-bottom: 1.5vw;
    }

    .corp_pro21 {
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        font-size: var(--tt2);
        margin-bottom: 1vw;
    }

    .corp_pro22 {
        /* line-height: 2vw; */
        margin-bottom: 0.5vw;
    }

    .corp_pro23 {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-bottom: 1vw;
    }

    .corp_btn_i {
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right center;
        text-align: center;
        padding-right: 1.8vw;
        font-weight: bold;
    }

    .corp_btn_il {
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left center;
        text-align: center;
        padding-left: 1.8vw;
        font-weight: bold;
    }

    .corp_btn_verdoc {
        display: inline-block;
        color: var(--t4);
        font-size: 4.2vw;
        line-height: 5.8vw;
        margin: 0;
        background-image: url(../images/ico_verdoc4.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right center;
        text-align: center;
        /* text-indent: 1.7vw; */
        padding-right: 6.8vw;
        /* box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 5%); */
        font-weight: bold;
        /* background-color: red; */
        transition: all 0.3s;
    }

    .corp_btn1:hover .corp_btn_verdoc {
        background-image: url(../images/ico_verdoc2.png);
        color: var(--t2);
        /* box-shadow: 0vw 0.3vw 0.3vw rgba(0, 0, 0, 0.1); */
        transition: all 0.3s;
    }

    .corp_ld_1 {
        display: inline-block;
        width: 100%;
        margin-right: 2vw;
        /* float: left; */
        /* background-color: blue; */
    }

    .corp_ld_2 {
        display: inline-block;
        width: 100%;
        /* float: left; */
        /* background-color: red; */
    }

    .corp_nos_lt1 {
        width: 92%;
        margin-left: 4%;
        height: 150vw;
        background-color: var(--f4);
        display: inline-block;
        overflow: hidden;
        position: relative;
        border-radius: 3.9vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
    }

    .corp_nos_lt1_2 {
        width: 92%;
        margin-left: 4%;
        height: 150vw;
        background-color: rgba(90, 185, 5, 0.9);
        display: inline-block;
        overflow: hidden;
        position: relative;
        border-radius: 3.9vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 20%);
        transition: background-color 1s;
    }

    .corp_nos_lt2 {
        position: absolute;
        display: inline-block;
        bottom: 1vw;
        left: 2.5%;
        width: 95%;
        /* height: 3vw; */
        /* background: steelblue; */
        text-align: center;
        display: none;
    }

    .corp_nos_lt3 {
        display: inline-block;
    }

    .corp_nos_lt4 {
        color: var(--t1);
        float: left;
        margin: 0.2vw;
        padding: 0.5vw;
        /* padding-left: 0.7vw; */
        /* padding-right: 0.7vw; */
        font-size: 1.2vw;
        line-height: 1vw;
        text-align: center;
        border: solid 0.12vw rgba(255, 255, 255, 0.7);
        border-radius: 0.5vw;
        transition: all 2s;
        opacity: 0.8;
        /* margin-top: 0.2vw; */
        font-weight: bold;
        cursor: pointer;
    }

    .corp_nos_lt4:hover {
        background-color: var(--f3);
        /* margin-top: 0vw; */
        color: var(--t2);
        border: solid 0.12vw var(--f3);
        /* font-size: 1.5vw; */
        /* line-height: 1.2vw; */
        opacity: 1;
        transition: all 0.1s;
    }

    .corp_nos_lt4Ok {
        color: var(--t2);
        float: left;
        margin: 0.2vw;
        padding: 0.5vw;
        /* padding-left: 0.7vw; */
        /* padding-right: 0.7vw; */
        font-size: 1.2vw;
        line-height: 1vw;
        text-align: center;
        border: solid 0.12vw var(--f3);
        border-radius: 0.5vw;
        transition: all 0.1s;
        background-color: var(--f3);
        opacity: 1;
        /* margin-top: 0.2vw; */
        font-weight: bold;
        cursor: pointer;
    }

    .corp_nos_lt5 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        opacity: 0.7;
        transition: all 1.5s ease;
        /* filter: blur(0.1vw); */
        filter: grayscale(100%);
    }

    .corp_nos_lt6 {
        position: relative;
        width: 6.25%;
        height: 100%;
        float: left;
        /* border: solid red 1px; */
        transition: all 9s ease;
    }

    .corp_nos_lt7A {
        cursor: pointer;
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0%;
        left: 0%;
        background-image: url(../images/slline/a.png);
        background-repeat: no-repeat;
        background-position: 5% center;
        background-size: 10% auto;
        opacity: 0;
        transition: all 0.3s;
    }

    .corp_nos_lt7A:hover {
        opacity: 0.5;
        transition: all 0.3s;
    }

    .corp_nos_lt7S {
        cursor: pointer;
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0%;
        right: 0%;
        background-image: url(../images/slline/s.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 10% auto;
        opacity: 0;
        transition: all 0.3s;
    }

    .corp_nos_lt7S:hover {
        opacity: 0.5;
        transition: all 0.3s;
    }

    .corp_nos_lt7 {
        width: 100%;
        height: 15vw;
        position: absolute;
        opacity: 1;
        left: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--f2));
        transition: opacity 0.7s;
        /* display: none; */
    }

    .corp_nos_lt7_2 {
        width: 100%;
        height: 15vw;
        position: absolute;
        opacity: 1;
        left: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(33, 155, 3, 0.9));
        transition: opacity 0.7s;
        /* display: none; */
    }

    .corp_nos_lt7KO {
        opacity: 0;
        transition: opacity 0.7s;
        /* display: none; */
    }

    .corp_nos_lt8 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        transition: all 1s ease;
    }

    .corp_nos_lt9 {
        color: white;
        overflow: hidden;
        display: inline-block;
        width: 70%;
        position: relative;
        padding: 5vw;
        border-radius: 2.2vw;
        margin-left: 3vw;
        margin-top: 6vw;
        background-color: var(--f2);
        box-shadow: 0vw 0vw 3vw rgb(0 0 0 / 70%);
    }

    .corp_nos_lt9_2 {
        color: white;
        overflow: hidden;
        display: inline-block;
        width: 70%;
        position: relative;
        padding: 5vw;
        border-radius: 2.2vw;
        margin-left: 3vw;
        margin-top: 6vw;
        background-color: rgba(33, 155, 3, 0.9);
        box-shadow: 0vw 0vw 3.3vw rgb(7 77 7 / 80%);
    }

    .corp_nos_lt10 {
        font-size: 33vw;
        position: absolute;
        left: -3.5vw;
        bottom: -7.7vw;
        color: rgba(255, 255, 255, 0.33);
        text-shadow: none;
    }

    .corp_nos_lt11 {
        font-size: 4.5vw;
        line-height: 5vw;
        margin-bottom: 3.5vw;
    }

    .corp_nos_lt12 {
        font-size: 3.5vw;
    }

    .corp_nos_lt13 {
        /* border: solid 1px red; */
        position: absolute;
        width: 1600%;
        height: 100%;
        left: 0%;
        top: 0%;
        transition: all 1.8s ease;
    }

    .corp_nos_lt14 {
        width: 77vw;
        height: 55vw;
        right: 3vw;
        bottom: 15vw;
        position: absolute;
        box-shadow: 0vw 0vw 3.3vw rgb(0 0 0 / 80%);
    }

    .corp_nos_lt14_2 {
        width: 77vw;
        height: 55vw;
        right: 3vw;
        bottom: 15vw;
        position: absolute;
        box-shadow: 0vw 0vw 3.3vw rgb(7 77 7 / 80%);
    }

    .s_none {
        display: none;
    }

    .s_left {
        width: 95%;
        display: inline-block;
    }

    .s_right {
        width: 95%;
        margin-left: 5%;
        display: inline-block;
    }

    .s_center {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        display: inline-block;
    }

    .corp_in_1 {
        width: 100%;
        height: 31vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
        background-color: var(--f4);
        display: inline-block;
        border-radius: var(--br1);
        box-shadow: var(--s1);
    }

    .corp_i11 {
        background-image: url(../images/i11.png);
    }

    .corp_i12 {
        background-image: url(../images/i12.png);
    }

    .corp_i13 {
        background-image: url(../images/i13.png);
    }

    .corp_i13_1 {
        background-image: url(../images/i13_1.png);
    }

    .corp_i14 {
        background-image: url(../images/i14.png);
    }

    .corp_i14_2 {
        background-image: url(../images/i14_2.png);
    }

    .corp_i28 {
        background-image: url(../images/i28.png);
    }

    .corp_i15 {
        background-image: url(../images/i15.png);
    }

    .corp_i16 {
        background-image: url(../images/i16.png);
    }

    .corp_i17 {
        background-image: url(../images/i17.png);
    }

    .corp_i18 {
        background-image: url(../images/i18.png);
    }

    .corp_1 {
        width: 100%;
        height: 177vw;
        background-image: url(../images/x_solicitargasm.png);
        overflow: hidden;
    }

    .corp_2 {
        background-image: url(../images/ts_esmas.png);
        width: 6.7vw;
        height: 2.8vw;
        display: inline-block;
        background-position: center 0%;
        /* background-color: red; */
        margin-left: 0.3vw;
        margin-right: 0vw;
        background-position: center bottom;
    }

    .corp_3 {
        width: 10vw;
        height: 10vw;
        display: inline-block;
    }

    .corp_4 {
        width: 3vw;
        height: 3vw;
        display: inline-block;
    }

    .corp_5 {
        padding: 1vw;
        padding-right: 1.6vw;
        display: inline-block;
        background-color: var(--f2);
        border-radius: 0vw 7vw 7vw 0vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.2);
        background-image: url(../images/hm_qqhh_mc.png);
        background-repeat: no-repeat;
        background-size: auto 0%;
        background-position: 0vw center;
        transition: all 0.3s;
    }

    .corp_5:hover {
        padding: 1vw;
        padding-left: 3.6vw;
        padding-right: 2vw;
        display: inline-block;
        /* padding-right: 1vw; */
        background-image: url(../images/hm_qqhh_mc.png);
        background-repeat: no-repeat;
        background-size: auto 60%;
        background-position: 0.5vw center;
        transition: all 0.3s;
    }

    .corp_6 {
        width: 20vw;
        height: 20vw;
        display: inline-block;
        margin-top: 0.5vw;
        transition: all 0.3s;
    }

    /* .corp_6:hover { */
    /* margin-top: 0vw; */
    /* transition: all 0.3s; */
    /* } */
    .corp_7 {
        margin-top: 1vw;
        width: 50%;
        height: 28vw;
        margin-left: 25%;
        overflow: hidden;
        border-radius: 1vw;
        box-shadow: var(--s1);
    }

    .corp_7_2 {
        margin-top: 1vw;
        width: 100%;
        height: 90vw;
        margin-left: 0%;
        overflow: hidden;
        border-radius: 6vw;
        box-shadow: var(--s1);
    }

    .corp_8 {
        margin-top: 3vw;
        width: 100%;
        text-align: center;
        padding-top: 3vw;
        padding-bottom: 3vw;
        background-color: var(--f4);
        overflow: hidden
    }

    .corp_9 {
        display: inline-block;
        margin-top: 2vw;
        width: 100%;
        height: 100vw;
        border-radius: 1vw;
        box-shadow: var(--s1);
        overflow: hidden;
    }

    .corp_10 {
        width: 100%;
        height: 40vw;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 80%;
        transition: all 0.5s;
        /* background-color: red; */
    }

    .corp_10_2:hover .corp_10 {
        background-size: 100%;
        transition: all 0.2s;
    }

    .corp_10_2:hover .corp_t2 {
        color: var(--t4);
        transition: all 0.2s;
    }

    .corp_10_2 {
        display: inline-block;
    }

    .corp_11 {
        margin-top: 2vw;
        width: 100%;
        height: 77vw;
        display: inline-block;
        background-color: var(--f4);
        border-radius: 1vw;
        box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.2);
        border: none;
    }

    .corp_12 {
        display: inline-block;
        /* background-color: red; */
        width: 60%;
        margin-left: 20%;
        height: 30vw;
    }

    .corp_13 {
        display: inline-block;
        width: 80%;
        padding-left: 10%;
        margin-top: 5vw;
        padding-right: 10%;
        margin-left: 0%;
        height: 333vw;
        border-radius: 5vw;
        background-color: var(--f2);
        position: relative;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 50%);
        overflow: hidden;
    }

    .corp_14 {
        margin-top: 10vw;
        margin-bottom: 5vw;
        width: 100%;
        /* margin-left: 5%; */
        height: 26vw;
    }

    .corp_15 {
        /* //blank */
    }

    .corp_16 {
        width: 100%;
        display: inline-block;
        padding: 0 !important;
        display: flex;
    }

    .corp_17 {
        font-weight: normal;
    }

    .corp_17:hover {
        font-weight: bold;
        color: white;
    }

    .corp_18 {
        margin-top: 2vw;
        width: 100%;
        height: 1150vw;
        display: inline-block;
        background-color: var(--f4);
        border-radius: 1vw;
        box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.2);
        border: none;
    }

    .corp_18ko {
        height: 250vw !important;
    }

    .corp_19 {
        position: relative;
        display: inline-block;
        margin-left: 0%;
        overflow: hidden;
        perspective: 50vw;
        /* background-color: rebeccapurple; */
        /* border-radius: 6vw; */
        width: 100%;
    }

    .corp_19_ko {
        z-index: 0 !important;
        margin-left: 50% !important;
        width: 0vw !important;
        margin-top: 0vw !important;
        margin-bottom: 0vw !important;
        height: 0vw !important;
        border-radius: 0.7vw !important;
        background-size: cover !important;
        transform-style: preserve-3d !important;
        transform: rotateY(-300deg) !important;
        box-shadow: 0vw 0vw 0vw rgb(0 0 0 / 20%) !important;
        transition: all 2s;
    }

    .corp_19_x {
        z-index: 0;
        margin-left: 4%;
        width: 85vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
        border-radius: 2.7vw;
        background-size: cover;
        transform-style: preserve-3d;
        transform: rotateY(2deg);
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 20%);
        transition: all 2s;
    }

    .corp_19_1 {
        content: url(../images/popup/vision_mision_y_valoresm.png?28092023);
        height: 148vw;
    }

    .corp_19_2 {
        content: url(../images/popup/politica_de_calidadm.png?28092023);
        height: 220vw;
    }

    .corp_19_3 {
        content: url(../images/popup/politica_de_integridad_de_redesm.png?28092023);
        height: 148vw;
    }

    .corp_19_4 {
        content: url(../images/popup/nuestro_proposito.jpg?19042024);
        height: 85vw;
    }

    .corp_20 {
        display: inline-block;
        color: var(--t2);
    }

    .corp_20_1 {
        display: inline-block;
        width: 100%;
        margin-bottom: 1vw;
    }

    .corp_20_2 {
        width: 33%;
        float: left;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 21vw;
    }

    .corp_20_2_2 {
        width: 33%;
        float: left;
        display: inline-block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 21vw;
    }

    .corp_20_3 {
        display: inline-block;
        float: left;
        width: 63%;
    }

    .corp_20_3_2 {
        display: inline-block;
        float: left;
        width: 63%;
    }

    .corp_21 {
        width: 80%;
        height: 73vw;
        margin-left: 10%;
        display: inline-block;
        margin-bottom: 6vw;
        border-radius: 6vw;
        box-shadow: 0vw 3.5vw 3.5vw rgb(0 0 0 / 10%);
        background-image: url(../images/hp_18062021_3m.jpg);
        margin-top: 5vw;
    }

    .corp_22 {
        /* font-weight:bold; */
        color: white;
    }

    .corp_23 {
        display: inline-block;
        margin-bottom: 1vw;
        line-height: 3.8vw;
        font-size: 2.5vw;
    }

    .corp_24 {
        margin-top: 1.5vw !important;
        color: var(--t3) !important;
        text-transform: uppercase;
        font-size: 1.95vw !important;
        line-height: 1.99vw !important;
        font-weight: bold !important;
    }

    .corp_25 {
        display: flex;
    }

    .check {
        display: inline-block;
        position: relative;
        padding-left: 6.7vw;
        margin-bottom: 0.5vw;
        cursor: pointer;
        color: var(--t2);
        font-size: 3.9vw;
        font-weight: bold;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 4vw;
        width: 4vw;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 1.3vw;
        border: solid var(--f3) 1.15vw;
        box-shadow: 0.1vw 0.1vw 0.3vw rgb(0 0 0 / 10%);
        transition: background-color 0.3s;
    }

    .check:hover input~.checkmark {
        background-color: rgba(0, 0, 0, 0.15);
        border-radius: 1.3vw;
        border: solid var(--f3) 1.15vw;
        box-shadow: 0.1vw 0.1vw 0.3vw rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s;
    }

    .check input:checked~.checkmark {
        background-color: var(--f3);
        border-radius: 1.3vw;
        transition: background-color 0.3s;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .check input:checked~.checkmark:after {
        display: block;
    }

    .check .checkmark:after {
        left: 1.1vw;
        top: -0.5vw;
        width: 1.2vw;
        height: 3.5vw;
        border: solid var(--t4);
        border-width: 0 1vw 1vw 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .corp_26 {
        width: 90vw;
        background-color: var(--f4);
        display: inline-block;
        margin-left: 5vw;
        border-radius: 6vw;
        box-shadow: 0vw 2vw 3vw silver;
        height: 360vw;
        margin-top: 6vw;
        position: relative;
        margin-bottom: 9vw;
        overflow: hidden;
    }

    .corp_26_1 {
        position: absolute;
        top: -44vw;
        left: 73vw;
        width: 156vw;
        height: 116vw;
        background-color: var(--f2);
        background-image: url(../images/form_ctd1.png);
        background-repeat: no-repeat;
        background-size: 92vw;
        background-position: 37vw 48vw;
        border-radius: 50%;
    }

    .corp_26_1_2 {
        position: absolute;
        top: 133vw;
        left: 29vw;
        width: 20vw;
        height: 8vw;
        background-image: url(../images/form_ctd2.png);
        display: none;
    }

    .corp_26_1_3 {
        position: absolute;
        top: 0vw;
        left: 118vw;
        width: 57vw;
        height: 13vw;
        background-image: url(../images/form_ctd3.png);
    }

    .corp_26_2 {
        position: absolute;
        top: 7vw;
        right: -41vw;
        background-color: var(--f1);
        width: 241vw;
        height: 302vw;
        border-radius: 51%;
    }

    .corp_26_3 {
        position: absolute;
        border-radius: 50%;
        top: 50vw;
        right: -15vw;
        background-color: var(--f3);
        width: 20vw;
        height: 20vw;
    }

    .corp_26_4 {
        position: absolute;
        top: 77vw;
        left: 114vw;
        width: 80vw;
        height: 100%;
    }

    .corp_27_1 {
        width: 90%;
        height: 115vw;
        margin-bottom: 2.5vw;
        margin-left: 5%;
        text-align: center;
    }

    .corp_27_2 {
        font-size: 4.5vw;
        line-height: 4.5vw;
        height: 12.5vw;
        /* font-weight: bold; */
        color: var(--t2);
        /* background: red; */
        align-items: center;
        display: flex;
        align-content: center;
        justify-content: center;
    }

    .corp_27_3 {
        width: 100%;
        height: 80vw;
        /* padding: 1vw; */
        background-color: white;
        box-shadow: 0vw 1.7vw 2.5vw rgb(0 0 0 / 10%);
        border-radius: 4.7vw;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: 0.5vw;
        margin-bottom: 3vw;
        background-color: var(--f2);
        transition: all 0.3s;
    }

    .corp_27_3:hover {
        box-shadow: 0vw 1.7vw 2.5vw rgb(0 0 0 / 20%);
        transition: all 0.3s;
    }

    .corp_28 {
        width: 31vw;
        height: 33VW;
        display: inline-block;
        text-align: center;
    }

    .corp_28_1 {
        background-color: var(--f4);
        border-radius: 5vw;
        box-shadow: 0vw 2.7vw 2.7vw rgb(0 0 0 / 15%);
        position: relative;
        margin-bottom: 14vw;
        height: 88vw;
        overflow: hidden;
    }

    .corp_28_2 {
        background-color: var(--f3);
        position: absolute;
        top: 19vw;
        left: 38vw;
        transform: rotate(-9deg);
        width: 84vw;
        height: 122vw;
        border-radius: 50%;
    }

    .corp_28_3 {
        background-color: white;
        position: absolute;
        top: 27vw;
        left: -43.3vw;
        width: 174.5vw;
        height: 74vw;
        border-radius: 50%;
    }

    .corp_28_4 {
        position: absolute;
        top: 2vw;
        left: 6.5vw;
        width: 38vw;
        height: 26vw;
    }

    .corp_28_5 {
        position: absolute;
        top: 40vw;
        left: 5vw;
        padding: 3.1vw;
        background-color: var(--f2);
        color: white;
        padding-left: 15vw;
        border-radius: 20vw;
        font-size: 6.5vw;
        padding-right: 6vw;
        background-image: url(../images/up_ico_fono.png);
        background-position: 5.5vw;
        background-size: auto 7.7vw;
        background-repeat: no-repeat;
        font-weight: bold;
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 30%);
        transition: all 0.5s;
    }

    .corp_28_5:hover {
        background-image: url(../images/up_ico_fono_hover.png);
        color: var(--f3);
        background-color: var(--f4);
        box-shadow: 0vw 2.55vw 2.55w rgb(0 0 0 / 40%);
        transition: all 0.5s;
    }

    .corp_28_6 {
        position: absolute;
        top: 62vw;
        left: 7vw;
        padding: 3.1vw;
        background-color: var(--f2);
        color: white;
        padding-left: 15vw;
        border-radius: 20vw;
        font-size: 6.5vw;
        padding-right: 6vw;
        background-image: url(../images/up_ico_fono.png);
        background-position: 5.5vw;
        background-size: auto 7.7vw;
        background-repeat: no-repeat;
        font-weight: bold;
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 30%);
        transition: all 0.5s;
    }

    .corp_28_6:hover {
        background-image: url(../images/up_ico_fono_hover.png);
        color: var(--f3);
        background-color: var(--f4);
        box-shadow: 0vw 2.55vw 2.55w rgb(0 0 0 / 40%);
        transition: all 0.5s;
    }

    .corp_28_7 {
        position: absolute;
        right: -9vw;
        top: -3vw;
        width: 37vw;
        height: 37vw;
        border-radius: 50%;
        box-shadow: 0vw 0vw 2.9vw rgb(0 0 0 / 60%);
        background-position: 3vw;
        transform: scaleX(-1);
    }

    .corp_28_8 {
        display: inline-block;
        width: 100%;
        height: 51vw;
        border-radius: 5vw;
        overflow: hidden;
        box-shadow: 0vw 2.7vw 2.7vw rgb(0 0 0 / 30%);
    }

    .corp_28_9 {
        width: 90%;
        margin-bottom: 5vw;
        margin-left: 5%;
        height: 27vw;
        border-radius: 0.9vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 50%);
    }

    .corp_28_10 {
        display: inline-block;
        width: 100%;
    }

    .corp_29 {
        display: inline-block;
        background: var(--f2);
        padding: 3vw;
        width: 81vw;
        border-radius: 5vw;
        /* color: white; */
        box-shadow: 0vw 3.7vw 3.7vw rgb(0 0 0 / 30%);
        height: 220vw;
    }

    .corp_30 {
        width: 100%;
        height: 171vw;
        display: inline-block;
    }

    .corp_31KO {
        display: inline-block;
        width: 40%;
        border-radius: 2vw;
        background-color: var(--f2);
        padding: 0vw;
        margin-top: 0vw;
        box-shadow: 0vw 0vw 0vw rgb(0 0 0 / 0%);
        height: 0vw;
        transition: all 0.3s;
    }

    .corp_31 {
        display: inline-block;
        width: 83%;
        border-radius: 5vw;
        background-color: var(--f2);
        padding: 6.5vw;
        margin-top: 2vw;
        box-shadow: 0vw 3vw 3vw rgb(0 1 1 / 20%);
        height: 600vw;
        transition: all 0.3s;
    }

    .corp_mc_rc1 {
        display: inline-block;
        width: 80%;
        padding-left: 10%;
        margin-top: 5vw;
        padding-right: 10%;
        margin-left: 0%;
        height: 150vw;
        border-radius: 5vw;
        background-color: var(--f2);
        position: relative;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 50%);
        overflow: hidden;
    }

    .corp_mc_bpd {
        display: inline-block;
        width: 82vw;
        box-shadow: 0vw 2.5vw 2.5vw rgb(0 0 0 / 20%);
        border-radius: 4vw;
        overflow: hidden;
        padding: 3vw;
        height: 147vw;
        background-color: var(--f2);
    }

    .corp_bpd_2 {
        font-size: 4.7vw;
        color: var(--t3);
        font-weight: bold;
    }

    .corp_32 {
        font-size: 4.3vw;
        font-weight: bold;
        padding: 2.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.6vw var(--f2);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 5.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
    }

    .corp_32:focus {
        font-size: 4.3vw;
        font-weight: bold;
        padding: 2.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.6vw var(--f3);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 5.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
        box-shadow: 0vw 0.8vw 0.8vw rgb(0 0 0 / 20%);
    }

    .corp_32:hover {
        font-size: 4.3vw;
        font-weight: bold;
        padding: 2.5vw;
        width: 82%;
        margin-right: 0.33vw;
        color: var(--t2);
        border: solid 0.6vw var(--f3);
        display: inline-block;
        margin-bottom: 0.7vw;
        border-radius: 5.7vw;
        transition: all 0.3s;
        text-indent: 1vw;
    }

    .corp_33 {
        display: inline-block;
        width: 100%;
        /* background-color: red; */
        /* height: 25vw; */
        position: relative;
    }

    .corp_33_1 {
        overflow: hidden;
        border-radius: 50%;
        background-color: var(--f2);
        width: 85vw;
        margin-left: 3vw;
        height: 85vw;
        position: relative;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
    }

    .corp_33_2 {
        position: absolute;
        left: 19vw;
        top: 7vw;
        width: 49vw;
        height: 83vw;
        overflow: hidden;
        /* background-color: skyblue;*/
    }

    .corp_33_3 {
        background-image: url(../images/llae_20.png);
        width: 26vw;
        height: 24vw;
        position: absolute;
        left: 1vw;
        top: 64vw;
    }

    .corp_33_4 {
        background-image: url(../images/llae_12.png);
        width: 24vw;
        height: 24vw;
        position: absolute;
        right: 1vw;
        top: 65vw;
    }

    .corp_34 {
        display: inline-block;
        width: 100%;
        /* height: 25vw; */
        position: relative;
    }

    .corp_34_1 {
        background-color: var(--f2);
        position: relative;
        width: 80%;
        margin-left: 10%;
        border-radius: 2vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        overflow: hidden;
    }

    .corp_34_2 {
        display: inline-block;
        width: 76%;
        margin-left: 12%;
        height: 147vw;
    }

    .corp_34_2_2 {
        display: inline-block;
        width: 76%;
        margin-left: 12%;
        height: 72vw;
    }

    .corp_34_3 {
        position: absolute;
        bottom: 2vw;
        left: 46.5vw;
        width: 9vw;
        height: 10vw;
    }

    .corp_34_4 {
        position: absolute;
        bottom: 2vw;
        left: 18.5vw;
        width: 11vw;
        height: 11vw;
    }

    .corp_34_5 {
        position: absolute;
        bottom: 2vw;
        left: 33.5vw;
        width: 10vw;
        height: 10vw;
    }

    .corp_34_6 {
        position: absolute;
        bottom: 2vw;
        left: 61vw;
        width: 11vw;
        height: 11vw;
    }

    .corp_34_7 {
        width: 60%;
        display: inline-block;
        height: 18vw;
        margin-left: 20%;
        margin-top: 3vw;
    }

    .corp_35_1 {
        width: 100%;
        height: 87vw;
        display: inline-block;
        background-image: url(../images/suscribete1m.png);
        border-radius: 5.3vw;
        box-shadow: 0vw 1.3vw 1.3vw rgb(0 0 0 / 30%);
        position: relative;
        margin-bottom: 7vw;
    }

    .corp_35_2 {
        position: absolute;
        display: inline-block;
        background-color: var(--f3);
        font-size: 6.5vw;
        font-weight: bold;
        padding: 1.3vw;
        padding-left: 14vw;
        padding-right: 8vw;
        border-radius: 9vw;
        box-shadow: 0vw 1.3vw 1.3vw rgb(0 0 0 / 10%);
        top: 67.6vw;
        left: 22vw;
        animation-name: corp_35_2_ani;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        transition: all 0.3s;
        background-image: url(../images/campanita1.png);
        background-position: 5vw center;
        background-size: auto 60%;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    @keyframes corp_35_2_ani {
        0% {
            font-size: 6.5vw;
        }

        50% {
            font-size: 7.3vw;
        }

        100% {
            font-size: 6.5vw;
        }
    }

    .corp_35_2:hover {
        transition: all 0.3s;
        color: white;
        background-color: var(--f4);
        background-image: url(../images/campanita4.png);
    }

    .corp_35_3 {
        display: inline-block;
        margin-bottom: 6vw;
        padding: 4%;
        position: relative;
        width: 92%;
        box-shadow: var(--s1);
        border-radius: 4.5vw;
    }

    .corp_35_4 {
        /* float: left; */
        width: 100%;
        display: inline-block;
        margin-bottom: 5vw;
    }

    .corp_35_5 {
        /* font-size: 1.9vw; */
        display: inline-block;
        color: var(--t2);
    }

    .corp_35_6 {
        font-size: 3.4vw;
        display: inline-block;
        color: #f44336;
    }

    .corp_35_7 {
        background-color: #ff7c00;
        font-size: 5.2vw;
        padding-top: 1.5vw;
        padding-bottom: 1.5vw;
        border-radius: 12vw;
        text-align: center;
        color: white;
        font-weight: bold;
        box-shadow: var(--s1);
        cursor: pointer;
        transition: all 0.3s;
        width: 80%;
        margin-left: 9%;
        margin-bottom: 2vw;
    }

    .corp_35_7:hover {
        transition: all 0.3s;
        background-color: #E36E00;
    }

    .corp_36_1 {
        overflow: hidden;
        border-radius: 6vw;
        background-color: var(--f2);
        width: 80vw;
        margin-left: 5vw;
        height: 197vw;
        position: relative;
        box-shadow: 0vw 1.7vw 1.7vw rgb(0 0 0 / 30%);
    }

    .corp_36_2 {
        position: absolute;
        left: 10vw;
        top: 34vw;
        width: 64vw;
        height: 160vw;
        overflow: hidden;
    }

    .corp_36_3 {
        width: 80%;
        margin-left: 10%;
        display: inline-block;
        height: 35vw;
    }

    .corp_37 {
        display: inline-block;
        width: 64%;
        height: 34vw;
        margin-left: 19%;
    }

    .corp_38_1 {
        scroll-margin: -50vw;
        display: inline-block;
        width: 64vw;
        margin-left: 10%;
        margin-top: 1vw;
        /* height: 35vw; */
        background-color: var(--f2);
        border-radius: 1.5vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 30%);
        padding: 8vw;
        overflow: hidden;
        position: relative;
        padding-bottom: 4vw;
    }

    .corp_38_2 {
        background-color: white;
        position: absolute;
        left: -43vw;
        top: -77%;
        width: 120vw;
        height: 205%;
        border-radius: 50%;
        animation-name: corp_38_2_ani;
        animation-duration: 1s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_2_ani {
        from {
            left: 3vw;
            top: 7%;
            width: 0vw;
            height: 0%;
        }

        to {
            left: -43vw;
            top: -77%;
            width: 120vw;
            height: 205%;
        }
    }

    .corp_38_3 {
        background-color: var(--f3);
        position: absolute;
        left: -55%;
        bottom: -70vw;
        width: 80vw;
        height: 78vw;
        border-radius: 50%;
        animation-name: corp_38_3_ani;
        animation-duration: 1.5s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_3_ani {
        from {
            left: 110%;
            bottom: 70vw;
            width: 7vw;
            height: 3vw;
        }

        to {
            left: -55%;
            bottom: -70vw;
            width: 80vw;
            height: 78vw;
        }
    }

    .corp_38_4 {
        background-color: var(--f4);
        position: absolute;
        left: -43vw;
        top: -24vw;
        width: 120vw;
        height: 35vw;
        border-radius: 50%;
        animation-name: corp_38_4_ani;
        animation-duration: 2s;
        /* animation-iteration-count: infinite; */
        animation-timing-function: ease;
    }

    @keyframes corp_38_4_ani {
        from {
            left: 94vw;
            top: 29vw;
            width: 50vw;
            height: 50vw;
        }

        to {
            left: -43vw;
            top: -24vw;
            width: 120vw;
            height: 35vw;
        }
    }

    .corp_38_5 {
        position: absolute;
        top: 2.5vw;
        left: 2vw;
        color: var(--t3);
        font-size: 3.5vw;
        font-weight: bold;
        background-image: url(../images/campanita3.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        padding-left: 5.5vw;
        line-height: 5vw;
    }

    .corp_38_6 {
        color: var(--t4);
        position: relative;
        font-size: 3.2vw;
        line-height: 3.6vw;
        display: inline-block;
        margin-bottom: 4vw;
        margin-top: 5vw;
    }

    .corp_38_7 {
        position: relative;
        width: 100%;
        display: inline-block;
        height: 123vw;
        border-radius: 1.5vw;
        overflow: hidden;
        box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 15%);
    }

    .corp_38_8 {
        cursor: pointer;
        background-color: var(--f2);
        color: white;
        display: inline-block;
        position: relative;
        padding: 2vw;
        /* padding-left: 3vw; */
        /* padding-right: 3vw; */
        border-radius: 9vw;
        font-size: 4.5vw;
        font-weight: bold;
        margin-top: 2vw;
        width: 50%;
        text-align: center;
        margin-left: 23%;
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 30%);
        transition: all 0.3s;
    }

    .corp_38_8:hover {
        cursor: pointer;
        transition: all 0.3s;
        background-color: var(--f4);
        color: var(--t3);
    }

    .corp_up_bdy {
        background-image: url(../images/up_ico_mcelpf.png);
        font-weight: bold;
        background-repeat: repeat-y;
        cursor: pointer;
        display: grid;
        align-items: center;
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 11vw;
        height: 15vw;
        font-weight: bold;
        background-position: right center;
        background-size: auto 44vw;
        border-bottom: solid 0px var(--f3);
        filter: brightness(1500%);
        transition: all 0.3s, background-position 1s;
    }

    /* .corp_up_bdy:hover {
        color: var(--t4);
        background-image: url(../images/up_ico_mcelpfm.png);
        transition: all 0.3s, background-position 1s;
    } */

    .corp_up_bdy2 {
        cursor: pointer;
        display: grid;
        align-items: center;
        /* float: left; */
        padding-left: 2.1vw;
        margin-left: 0.7vw;
        padding-right: 11vw;
        height: 15vw;
        font-weight: bold;
        /* border: solid red 1px; */
        background-repeat: no-repeat;
        background-repeat-x: no-repeat;
        background-repeat-y: no-repeat;
        background-position: right center;
        background-position-x: right;
        background-position-y: center;
        background-size: auto 55%;
        transition: all 0.3s;
        border-bottom: solid 0px var(--f3);
        filter: brightness(450%);
        background-image: url(../images/up_ico_mail.png);
    }

    /* .corp_up_bdy2:hover {
        background-image: url(../images/up_ico_mail.png);
        transition: all 0.3s;
        filter: brightness(500%);
    } */

    .corp_39 {
        display: inline-block;
        /* border: solid red 1px; */
        /* position: absolute; */
        /* right: 0px; */
        /* top: 1vw; */
        margin-top: 4vw;
        color: var(--t2);
        font-size: 3.5vw;
        margin-left: 27vw;
    }

    .corp_39_1 {
        padding-left: 5.5vw;
        display: block;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }

    .corp_40 {
        position: relative;
        display: inline-block;
        background: var(--f2);
        padding: 5%;
        width: 88%;
        border-radius: 5vw;
        box-shadow: 0vw 1.7vw 1.7vw rgb(0 0 0 / 30%);
        height: 41vw;
    }

    .corp_40_1 {
        position: relative;
        z-index: 1;
        /* display: flex; */
        background: var(--f2);
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 4%;
        padding-bottom: 10vw;
        width: 90%;
        border-radius: 3vw;
        box-shadow: 0vw 1.3vw 1.3vw rgb(0 0 0 / 30%);
        margin-bottom: 3vw;
        /* height: 14vw;*/
    }

    .corp_40_1_1 {
        width: 7vw;
        height: 7vw;
        display: none;
    }

    .corp_40_1_2 {
        width: 100%;
        height: 29vw;
        margin-left: 1vw;
        margin-right: 1vw;
    }

    .corp_40_1_3 {
        cursor: pointer;
        border-radius: 10vw;
        background-color: var(--f4);
        color: white;
        padding-right: 6vw;
        display: flex;
        padding-left: 14vw;
        height: 15.5vw;
        font-weight: bold;
        font-size: 4vw;
        line-height: 4vw;
        align-items: center;
        background-image: url(../images/ico_dcd.png);
        background-size: 7vw;
        background-repeat: repeat-y;
        background-position: 4.5vw -2.7vw;
        box-shadow: 0vw 0.3vw 0.3vw rgb(0 0 0 / 20%);
        transition: all 1s;
    }

    .corp_nt1 {
        margin-top: 5vw;
        display: inline-block;
        width: 100%;
        /* border: solid red 1px; */
        text-align: center;
    }

    .corp_nt2 {
        display: inline-block;
        width: 80%;
        /* border: solid blue 1px; */
        text-align: left;
    }

    .corp_nt3 {
        display: inline-block;
        width: 100%;
        height: 47.7vw;
        text-align: left;
        /* float: left; */
        border-radius: 3.7vw;
        background-color: var(--f4);
        background-position: center center;
        /* background-repeat: no-repeat; */
        background-size: auto 101%;
        transition: all 0.6s;
        position: relative;
        overflow: hidden;
        margin-bottom: 4.5vw;
        filter: saturate(77%);
        box-shadow: 0vw 1.3vw 1.7vw rgb(0 0 0 / 5%);
    }

    .corp_nt3:hover {
        box-shadow: 0vw 3.3vw 2.7vw rgb(0 0 0 / 20%);
        background-size: auto 111%;
        transition: all 0.6s;
        filter: saturate(133%);
    }

    .corp_nt4 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3%;
        width: 94.5%;
        font-size: 3.4vw;
        background-color: var(--f4);
        line-height: 3.9vw;
        color: white;
        transition: all 0.3s;
    }

    .corp_nt3:hover .corp_nt4 {
        background-color: rgba(0, 111, 150, 0.88);
        /* color:var(--t3);		 */
        transition: all 0.3s;
        padding-top: 3.5vw;
        padding-bottom: 3.5vw;
    }

    .corp_nt5 {
        display: inline-block;
        width: 100%;
        height: 47.7vw;
        text-align: left;
        /* float: left; */
        border-radius: 3.7vw;
        background-color: var(--f4);
        background-position: center center;
        /* background-repeat: no-repeat; */
        background-size: auto 101%;
        transition: all 0.6s;
        position: relative;
        overflow: hidden;
        margin-bottom: 4.5vw;
        filter: saturate(77%);
        box-shadow: 0vw 1.3vw 1.7vw rgb(0 0 0 / 5%);
    }

    .corp_nt5:hover {
        background-size: auto 111%;
        transition: all 0.6s;
        filter: saturate(133%);
        box-shadow: 0vw 3.3vw 2.7vw rgb(0 0 0 / 20%);
    }

    .corp_nt6 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3%;
        width: 94.5%;
        font-size: 3.4vw;
        background-color: var(--f4);
        line-height: 3.9vw;
        color: white;
        transition: all 0.3s;
    }

    .corp_nt5:hover .corp_nt6 {
        background-color: rgba(0, 111, 150, 0.88);
        /* color:var(--t3);		 */
        transition: all 0.3s;
        padding-top: 3.5vw;
        padding-bottom: 3.5vw;
    }

    .corp_nt7 {
        display: inline-block;
        width: 88%;
        height: 19vw;
        /* border: solid #e8e8e8 1px; */
        text-align: left;
        background-repeat: no-repeat;
        /* float: left; */
        margin: 0.5vw;
        /* border-radius: 0.3vw; */
        background-size: auto 100%;
        margin-left: 0%;
        filter: saturate(55%);
        transition: all .3s;
        margin-bottom: 4vw;
    }
    .corp_nt7:hover {
        filter: saturate(133%);
        transition: all .3s;
        
      
    }
     .corp_nt8{
                    /* background-color: red; */
        width: 68%;
        /* height: 100%; */
        overflow: hidden;
        margin-left: 52%;
        line-height: 3.3vw;
        color: var(--t2);
        font-size: 3.3vw;
        transition: all .3s;
    }
    .corp_nt7:hover .corp_nt9{ 
        transition: all cubic-bezier(0.39, 0.575, 0.565, 1)s;
        background-color: var(--f3);
    }
    .corp_nt9{
        background-color: var(--f2);
        padding: 0.5vw;
        font-size: 1.9vw;
        width: 15vw;
        text-align: center;
        border-radius: 1.9vw;
        /* float: left; */
        transition: all 1s;
        margin-left: 52%;
    }

    .corp_ntdp1 {
        display: inline-block;
        font-size: 4.77vw;
        color: var(--t4);
        margin-bottom: 1.77vw;
        line-height: 5vw;
        width: 100%;
    }

    .corp_ntdp2 {
        display: inline-block;
        font-size: 3vw;
        color: white;
        margin-bottom: 2.77vw;
        padding: 1.3vw;
        padding-left: 4.5vw;
        padding-right: 4.5vw;
        border-radius: 7vw;
        background-color: var(--f2);
        font-weight: bold;
        border: 0.6vw solid var(--f2);
    }

    .corp_ntdp2v {
        margin-left: 1.5vw;
        cursor: pointer;
        display: inline-block;
        font-size: 3vw;
        color: var(--t2);
        margin-bottom: 1.77vw;
        padding: 1.3vw;
        padding-left: 5.5vw;
        padding-right: 5.5vw;
        border-radius: 5vw;
        background-color: rgba(59, 155, 196, 0);
        font-weight: bold;
        border: 0.6vw solid var(--f2);
        transition: all 0.3s;
    }

    .corp_ntdp2v:hover {
        background-color: var(--f2);
        color: white;
        transition: all 0.3s;
    }

    .corp_ntdp3 {
        width: 100%;
        height: 56.5vw;
        display: inline-block;
        border-radius: 3vw;
        margin-bottom: 1.77vw;
        background-size: auto 101%;
        background-repeat: no-repeat;
        background-position: center center;
        filter: saturate(100%);
        transition: all 3s, background 2s;
    }

    .corp_ntdp3:hover {
        transition: all 0.6s, background 33s;
        background-size: auto 155%;
        filter: saturate(133%);
    }

    .corp_ntdp4 {
        display: inline-block;
        font-size: 1.7vw;
        color: var(--t2);
        margin-bottom: 0.77vw;
        line-height: 1.33vw;
        width: 100%;
    }

    .corp_ntdp5 {
        display: none;
    }

    .corp_ntdp6 {
        display: inline-block;
        border: solid 1px white;
        float: left;
        width: 8.3%;
        position: sticky;
        top: 8vw;
    }

    .corp_bls1 {
        display: inline-block;
        width: 100%;
        height: 90vw;
        background-color: var(--f2);
        margin-bottom: 2vw;
        background-image: url(../images/bolsas/headerm.png);
        border-radius: 5.5vw;
        box-shadow: 0vw 3vw 3vw rgb(0 0 0 / 10%);
    }

    .corp_bls2 {
        width: 100%;
        height: 50.3vw;
        display: inline-block;
        border-radius: 5vw;
        overflow: hidden;
    }

    .corp_bls3 {
        width: 70%;
        margin-left: 15%;
        display: inline-block;
    }

    .corp_bls4 {
        width: 80%;
        margin-left: 10%;
        display: inline-block;
    }

    .corp_bls5 {
        width: 100%;
        display: inline-block;
        text-align: center;
        height: 5.5vw;
    }

    .corp_bls6 {
        width: 100%;
        display: inline-block;
        text-align: center;
        height: 90.5vw;
        background-image: url(../images/bolsas/bbrm.png);
        border-radius: 6.5vw;
        box-shadow: 0vw 2.7vw 2.7vw rgb(0 0 0 / 15%);
        margin-top: 5vw;
    }

    .corp_p_e1 {
        font-weight: bold;
        font-size: 3vw;
        float: left;
        width: 50%;
        display: flex;
        text-align: left;
        color: var(--t2);
        align-items: center;
    }

    .corp_p_e2 {
        margin-right: 0.5vw;
        padding: 1.3vw 2vw;
        border-radius: 2vw;
        background-color: var(--f2);
        color: var(--t3);
        font-size: 3vw;
        float: left;
    }

    .corp_p_e3 {
        text-align: right;
        float: left;
        width: 50%;
        display: inline-block;
    }

    .corp_p_e4 {
        padding: 1.5vw;
        border: none;
        box-shadow: 0vw 0.2vw 0.2vw silver;
        border-radius: 1.5vw;
        font-size: 3vw;
        color: var(--t1);
        background-color: var(--f2);
    }

    /* tt */
    .tt2 {
        display: inline-block;
        padding: 1vw;
        position: absolute;
        top: 330vw;
        left: 42%;
        opacity: 0;
    }

    .tt1 {
        width: 11.5vw;
        height: 9.1vw;
        line-height: 3.6vw;
        border-radius: 50%;
        border: solid 0.3vw rgba(255, 255, 255, 0.3);
        background: rgb(0 0 0 / 0%);
        color: white;
        display: inline-block;
        padding-top: 3vw;
        font-size: 4.5vw;
        text-align: center;
        font-weight: bold;
    }

    .tt1>div {
        font-size: 2.1vw;
        font-weight: bold;
    }

    .ipaf {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.88);
        animation-name: ipaf_ani;
        animation-duration: 7s;
        animation-iteration-count: 1;
        overflow: hidden;
        transition: all 0s;
    }

    @keyframes ipaf_ani {
        0% {
            background-color: rgba(255, 255, 255, 1);
        }

        70% {
            background-color: rgba(255, 255, 255, 1);
        }

        100% {
            background-color: rgba(255, 255, 255, 0);
        }
    }

    .ipa {
        transform: translate(0%, 0%);
        transform-style: preserve-3d;
        perspective: 170vw;
        /* border: solid 1px red; */
        position: absolute;
        top: -200vh;
        left: -200vw;
        width: 0%;
        height: 0vh;
        animation-name: ipa_ani;
        animation-duration: 7s;
        animation-iteration-count: 1;
        overflow: hidden;
        transition: all 0s;
    }

    @keyframes ipa_ani {
        0% {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            transition: all 0s;
            background-color: rgba(255, 255, 255, 0.88);
        }

        99% {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            transition: all 0s;
        }

        100% {
            position: absolute;
            top: -200vh;
            left: -200vw;
            width: 0%;
            height: 0vh;
            transition: all 0s;
        }
    }

    .ipai {
        position: absolute;
        top: 0vh;
        left: 100%;
        width: 0%;
        height: 0vh;
        /* border: solid 1px blue; */
        background-image: url(../images/ipam.jpg);
        background-position: center top;
        background-size: cover;
        transition: all 2s;
        animation-name: ipai_ani;
        animation-duration: 6s;
        animation-iteration-count: 1;
        /* animation-timing-function: linear; */
        transform-style: preserve-3d;
        box-shadow: 0vw 3vw 3vw rgba(0, 0, 0, 0.5);
        transform: rotateX(77deg);
    }

    @keyframes ipai_ani {
        0% {
            top: 0;
            left: 0;
            transform: rotateX(0deg);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        10% {
            top: 0;
            left: 0;
            transform: rotateX(0deg);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        80% {
            transform: rotateX(70deg);
            animation-timing-function: ease-in;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
        }

        100% {
            animation-timing-function: ease-out;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0%;
            height: 0vh;
            transform: rotateY(-1560deg);
            transform: rotate3d(-560deg);
        }
    }

    .corp_mf {
        height: 6.55vw;
        background-position: left center;
    }

    .temp_promo_bolsas_productos {
        display: none;
        bottom: 1.5vw;
        position: absolute;
        width: 100%;
        height: 23vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_mc_car_pdf {
        height: 200vw;
    }

    #MTTBPAGOSALDOOK {
        scroll-margin: -77vw;
    }

    .corp_com1 {
        padding-top: 1vw;
        padding-bottom: 1vw;
        display: inline-block;
        width: 86.5%;
        margin-left: 9%;
        text-align: center;
        margin-bottom: 2vw;
        /* background-color: aquamarine; */
        /* border: solid blue; */
        /* justify-content: center; */
    }

    .corp_com2 {
        width: 81vw;
        height: 79vw;
        margin-bottom: 7vw;
        float: left;
        border-radius: 3vw;
        background-color: var(--f3);
        box-shadow: 0vw 2.5vw 2.5vw rgba(0, 0, 0, 0.15);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100.5%;
        transition: all 0.5s;
        background-image: url(../images/comunidades/bn_com_m_01032024_1.png?4);
    }

    .corp_com2:hover {
        box-shadow: 0vw 2.5vw 2.5vw rgba(0, 0, 0, 0.3);
        background-size: 105%;
        transition: all 0.5s;
    }

    .corp_com3 {
        width: 23vw;
        height: 23vw;
        float: left;
        border-radius: 2vw;
        background-color: var(--f2);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.0);
        margin-left: 1.5vw;
        margin-bottom: 3.5vw;
        box-shadow: inset 0vw 0vw 0vw var(--f4);
        background-position: 0vw center;
        background-repeat: repeat-x;
        background-size: cover;
        transition: all 1s;
    }

    .corp_com3:hover {
        box-shadow: inset 0vw 0vw 7vw var(--f4);
        background-position: -23vw center;
        transition: all 1s;
    }

    .corp_com4 {
        width: 52vw;
        height: 23vw;
        float: left;
        border-radius: 4vw;
        background-color: var(--f3);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.0);
        margin-left: 1.5vw;
        margin-bottom: 3.5vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100.5%;
        transition: all 0.5s;
    }

    .corp_com4:hover {
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        background-size: auto 115%;
        transition: all 0.5s;
    }

    .corp_com5 {
        width: 52vw;
        height: 23vw;
        float: left;
        border-radius: 4vw;
        background-color: var(--f4);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.0);
        margin-left: 1.5vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 100.5%;
        transition: all 0.5s;
    }

    .corp_com5:hover {
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.3);
        background-size: auto 115%;
        transition: all 0.5s;
    }

    .corp_com6 {
        width: 23vw;
        height: 23vw;
        float: left;
        border-radius: 2vw;
        background-color: var(--f4);
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.0);
        margin-left: 1.5vw;
        box-shadow: inset 0vw 0vw 0vw var(--f2);
        background-position: 0vw center;
        background-repeat: repeat-x;
        background-size: cover;
        transition: all 1s;
    }

    .corp_com6:hover {
        box-shadow: inset 0vw 0vw 3vw #004660;
        background-position: 23vw center;
        transition: all 1s;
    }

    .corp_com7 {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 12vw;
        position: relative;
    }

    .corp_com7_2 {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 0vw;
        position: relative;
    }

    .corp_com8 {
        margin-top: 8vw;
        color: var(--t2);
        scroll-margin: 12vw;
        display: inline-block;
        width: 100%;
        height: 27vw;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 84%;
        margin-bottom: 3vw;
    }

    .corp_com9 {
        color: var(--t2);
        transition: all 0.5s;
        text-align: left;
        display: inline-block;
        width: 82%;
        /* margin-left: 10%; */
        /* border: solid silver 1px; */
        margin-bottom: 2.5vw;
    }

    #displaycomunidades {}

    .corp_com10 {
        color: var(--t2);
        margin-right: 2.1vw;
        /* display: inline-block; */
        width: 54vw;
        height: 37.3vw;
        /* float: left; */
        border-radius: 5vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 3%);
        background-color: var(--f4);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100.5%;
        transition: all 0.5s;
        margin-bottom: 2vw;
    }

    #displaycomunidades .corp_com10 {
        color: var(--t2);
        margin-right: 2.1vw;
        /* display: inline-block; */
        width: 100%;
        height: 49vw;
        /* float: left; */
        border-radius: 5vw;
        box-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 3%);
        background-color: var(--f4);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all 0.5s;
        margin-bottom: 2vw;
    }

    #displaycomunidades .corp_com12 {
        font-size: var(--tt2);
        margin-bottom: 0.5vw;
        display: inline-block;
        transition: all 0.5s;
        margin-top: 2vw;
        margin-bottom: 0.5vw;
        transition: all 0.5s;
    }

    .corp_com9:hover .corp_com10 {
        box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 35%);
        background-size: 109%;
        transition: all 0.5s;
    }

    .corp_com9:hover .corp_com13 {
        background-color: var(--f4);
        padding-left: 5vw;
        padding-right: 5vw;
        /* color: var(--t4); */
        transition: all 0.7s;
    }

    .corp_com9:hover .corp_com12,
    .corp_com9:hover .corp_com11 {
        transition: all 0.5s;
        color: var(--t4);
    }

    #contenidos3 .corp_com11 {
        color: white;
    }

    #contenidos3:hover .corp_com11 {
        color: var(--t3);
    }

    #contenidos3 .corp_com12 {
        color: white;
    }

    #contenidos3:hover .corp_com12 {
        color: var(--t3);
    }

    #contenidos3 .corp_com13 {
        background-color: var(--f4);
    }

    .corp_com11 {
        line-height: 6.5vw;
        font-size: var(--tt1);
        font-weight: bold;
        margin-bottom: 1vw;
        transition: all 0.5s;
    }

    .corp_com12 {
        font-size: var(--tt2);
        /* line-height: 1.6vw; */
        margin-bottom: 0.5vw;
        transition: all 0.5s;
    }

    .corp_com13 {
        display: inline-block;
        background-color: var(--f2);
        color: white;
        padding: 1.8vw;
        padding-left: 6.5vw;
        padding-right: 6.5vw;
        border-radius: 10vw;
        font-size: 3.3vw;
        font-weight: bold;
        transition: all 0.5s;
        margin-bottom: 7vw;
    }

    .corp_com13_a {
        margin-right: 1.5vw;
        display: inline-block;
        /*background-color: var(--f2);*/
        color: var(--t2);
        border: solid 0.44vw var(--f2);
        padding: 0.8vw;
        padding-left: 3.7vw;
        padding-right: 3.7vw;
        border-radius: 10vw;
        font-size: 3.5vw;
        font-weight: bold;
        transition: all 0.3s;
    }

    .corp_com13_a:hover {
        background-color: var(--f2);
        color: white;
        transition: all 0.3s;
    }

    .corp_com14 {
        width: 100%;
        height: 6vw;
        background-image: url(../images/comunidades/gce_1.png);
        background-position: center 0.5vw;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_com15 {
        width: 100%;
        height: 5vw;
        background-image: url(../images/comunidades/gce_2.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .corp_com16 {
        width: 100%;
        background-color: var(--f2);
        display: inline-block;
        padding-top: 7vw;
        padding-bottom: 3vw;
    }

    .corp_com17OK {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        /* height: 23vw; */
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.5s;
    }

    .corp_com17OK {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        /* height: 23vw; */
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.5s;
    }

    .corp_com17KO {
        scroll-margin: 10vw;
        overflow: hidden;
        width: 100%;
        height: 7vw;
        margin-bottom: 1vw;
        /* border: solid red 1px; */
        display: inline-block;
        text-align: center;
        transition: all 0.3s;
    }

    .corp_com18OK {
        background-repeat: no-repeat;
        /* background-position: 1.7vw -7.3vw; */
        background-position: -2vw center;
        background-size: auto 150%;
        cursor: pointer;
        /* padding: 1.7vw; */
        display: flex;
        align-items: center;
        width: 60%;
        border-radius: 1.7vw;
        background-color: var(--f4);
        color: white;
        text-align: left;
        height: 10vw;
        padding-left: 14.7vw;
        margin-left: 11.5%;
        padding-right: 3.5vw;
        font-size: 2.5vw;
        /* text-shadow: 0vw 0.5vw 0.5vw rgb(0 0 0 / 50%); */
        /* font-weight: bold; */
        line-height: 3.7vw;
        box-shadow: 0vw 0vw 0.5vw rgb(0 0 0 / 50%);
        transition: all 0.5s;
    }

    .corp_com18KO {
        background-repeat: no-repeat;
        background-position: 1.7vw center;
        background-size: auto 50%;
        cursor: pointer;
        /* padding: 1.7vw; */
        display: flex;
        align-items: center;
        width: 60%;
        border-radius: 1.7vw;
        background-color: var(--f4);
        color: white;
        text-align: left;
        height: 9vw;
        padding-left: 8vw;
        margin-left: 14.7%;
        padding-right: 3.5vw;
        font-size: 2.2vw;
        /* font-weight: bold; */
        line-height: 2.5vw;
        box-shadow: 0vw 0.3vw 0.5vw rgb(0 0 0 / 7%);
        transition: all 1s;
    }

    .corp_com19OK {
        transition: all 0.7s;
        display: inline-block;
        width: 60%;
        padding: 2.5vw;
        border: solid 0.05vw var(--f4);
        border-radius: 0vw 0vw 2vw 2vw;
        border-top: solid none;
        overflow: hidden;
        text-align: left;
        font-size: var(--tt2);
        /* line-height: 1.33vw; */
        opacity: 1;
        /* background-color: red; */
    }

    .corp_com19KO {
        transition: all 0.3s;
        display: inline-block;
        width: 60%;
        padding: 2.5vw;
        padding-top: 0;
        padding-bottom: 0;
        border: solid 0.05vw var(--f2);
        border-radius: 0vw 0vw 2vw 2vw;
        border-top: solid none;
        overflow: hidden;
        text-align: left;
        font-size: 0vw;
        line-height: 0vw;
        opacity: 0;
        /* background-color: red; */
    }

    .corp_com20 {
        position: absolute;
        top: -9vw;
        left: -6vw;
        width: 110vw;
        height: 110vw;
        border-radius: 100%;
        border: dotted var(--f3) 0.8vw;
        animation-name: corp_com20_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_com20_ani {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(180deg);
        }
    }

    .corp_com21 {
        width: 90%;
        margin-left: 5%;
        display: inline-block;
        margin-right: 20%;
        border-radius: 2vw;
        margin-bottom: 3vw;
        box-shadow: 0vw 0.7vw 0.7vw rgb(0 0 0 / 10%);
        position: relative;
        text-align: center;
        overflow: hidden;
    }

    .corp_com22 {
        width: 100%;
        height: 36vw;
        background-image: url(../images/comunidades/ggcc_head_sol_suc.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .corp_com23 {
        display: inline-block;
        color: var(--t2);
        text-align: left;
        margin-top: 8vw;
        width: 86%;
        /* border: solid red; */
        font-size: var(--tt2);
    }

    .corp_com23_2 {
        background-image: url(../images/comunidades/ggcc_check1.png);
        background-repeat: no-repeat;
        background-size: 9vw;
        background-position: left center;
        padding-left: 12.5vw;
        width: 80%;
        margin-left: 1%;
    }

    .corp_com24 {}

    .corp_com25 {
        background-color: var(--f2);
        position: absolute;
        top: 28vw;
        left: -57vw;
        width: 200vw;
        height: 411vw;
        border-radius: 1000vw;
        z-index: 0;
    }

    .corp_com26 {
        color: white;
        font-size: var(--tt1);
        position: relative;
        z-index: 1;
        margin-bottom: 11vw;
        font-weight: bold;
        width: 100%;
        margin-top: 10vw;
        text-align: center;
    }

    .corp_com27 {
        background-color: white;
        position: relative;
        z-index: 1;
        width: 80%;
        height: 320vw;
        margin-left: 3%;
        border-radius: 6vw;
        box-shadow: 0vw 3.5vw 3.5vw rgb(0 0 0 / 15%);
        overflow: hidden;
        padding: 6vw;
        padding-top: 12vw;
        padding-bottom: 12vw;
        margin-bottom: 23vw;
    }

    .corp_com28 {
        width: 100%;
        height: 100%;
    }

    .corp_com29 {
        overflow: hidden;
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 23vw;
        height: 22vw;
        position: relative;
        z-index: 1;
        margin-bottom: 2.5vw;
        box-shadow: 0vw 2.2vw 2.2vw rgb(0 0 0 / 10%);
        border-radius: 5vw;
        background-color: white;
        background-size: 80%;
        background-image: url(../images/comunidades/logo_comunidades.png);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .gvp21 {
        width: 100%;
        height: 90vw;
        /* background-image: url(../images/f2.png); */
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        /* border: solid red; */
    }

    .gvp22 {
        width: 75vw;
        height: 90vw;
        /* border: solid red; */
        position: absolute;
        overflow: hidden;
        top: 2vw;
        left: 11vw;
        /* display: flex; */
        /* text-align: center; */
        /* justify-content: center; */
    }

    .gvp22_b {
        cursor: pointer;
        position: absolute;
        top: 10%;
        left: 0.9vw;
        width: 10.5vw;
        height: 80%;
        /* border: solid red; */
        background-image: url(../images/a_b.svg);
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        /* opacity: 0.5; */
        transition: all 0.3s;
    }

    .gvp22_b:hover {
        left: 0.5vw;
        opacity: 1;
        transition: all 0.3s;
    }

    .gvp22_n {
        cursor: pointer;
        position: absolute;
        top: 10%;
        right: 0.9vw;
        width: 10.5vw;
        height: 80%;
        /* border: solid red; */
        background-image: url(../images/a_n.svg);
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        /* opacity: 0.5; */
        transition: all 0.3s;
    }

    .gvp22_n:hover {
        right: 0.5vw;
        opacity: 1;
        transition: all 0.3s;
    }

    .gvp22_2 {
        width: 7777vw;
        /* border: solid blue; */
        height: 100%;
        position: absolute;
        top: 0vw;
        /* left: 0vw; */
        transition: left 1s;
    }

    .gvp23 {
        width: 66vw;
        height: 90%;
        /* border: solid green; */
        float: left;
        position: relative;
        margin-left: 5.98vw;
        background-color: var(--f3);
        border-radius: 5vw;
        overflow: hidden;
        box-shadow: 0vw 0.7vw 0.7vw rgba(0, 0, 0, 0.15);
        background-size: auto 100.5%;
        transition: all 0.3s;
    }

    .gvp23:hover {
        background-size: auto 115%;
        box-shadow: 0vw 1.3vw 1.3vw rgba(0, 0, 0, 0.25);
        transition: all 0.3s;
    }

    .gvp23:hover .gvp24 {
        transition: all 0.3s;
        background-color: var(--f4);
    }

    .gvp24 {
        transition: all 0.3s;
        background-color: var(--f2);
        width: 86vw;
        height: 34vw;
        position: absolute;
        bottom: -8vw;
        border-radius: 100%;
        right: -11vw;
    }

    .gvp22_4_l {
        /* border: solid red; */
        position: absolute;
        width: 1.5vw;
        height: 100%;
        top: 0;
        left: 0;
        /* background-color: rgba(250, 250, 44, 0.4); */
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255, 255, 255, 0) 100%);
    }

    .gvp22_4_r {
        /* border: solid red; */
        position: absolute;
        width: 1.5vw;
        height: 100%;
        top: 0;
        right: 0;
        /* background-color: rgba(250, 250, 44, 0.4); */
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 100%);
    }

    .gvp25 {
        width: 18vw;
        height: 18vw;
        border-radius: 50%;
        /* background-color: var(--f2); */
        position: absolute;
        left: 0;
        top: 0;
    }

    .gvp26 {
        color: white;
        font-size: 4.2vw;
        font-weight: bold;
        text-align: center;
        position: absolute;
        height: 19vw;
        top: 60vw;
        /* background: red; */
        display: flex;
        width: 90%;
        margin-left: 5%;
        line-height: 4.6vw;
        /* font-family: 'Nunito_Regular'; */
        align-items: center;
        justify-content: center;
    }

    .gvp27_1 {
        margin-top: 1vw;
        width: 100%;
        height: 44vw;
        border-radius: 0.9vw;
        box-shadow: 0vw 0.5vw 0.5vw rgba(0, 0, 0, 0.1);
    }

    .gv27_2ok {
        padding: 1vw;
        background-color: var(--f3);
        font-weight: bold;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 1vw;
        color: var(--t4);
        font-size: var(--tt2);
        cursor: pointer;
        box-shadow: 0vw 0.33vw 0.33vw rgba(0, 0, 0, 0.25);
        transition: all 0s;
    }

    .gv27_2ko {
        padding: 1vw;
        background-color: var(--t2);
        font-weight: bold;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 1vw;
        color: white;
        font-size: var(--tt2);
        cursor: pointer;
        transition: all 0s;
    }

    .gv27_3 {
        padding-bottom: 1vw;
        padding-top: 1vw;
        display: inline-block;
        background-color: var(--f1);
        width: 100%;
        margin-right: 3%;
        font-size: var(--tt2);
    }

    .gv27_3_2 {
        scroll-margin: 25vw;
        padding-bottom: 1vw;
        padding-top: 1vw;
        display: inline-block;
        background-color: var(--f1);
        width: 100%;
        margin-right: 0%;
        font-size: var(--tt2);
    }

    .gv27_4 {
        padding: 1vw;
        width: 42.4vw;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: left;
        border-radius: 0.7vw;
        margin-right: 0.5vw;
        margin-bottom: 0.5vw;
        margin-bottom: 10vw;
        display: inline-block;
    }

    .gv27_5ok {
        position: relative;
        display: inline-block;
        maX-height: 200vw;
        opacity: 1;
        overflow: hidden;
        font-size: var(--tt2);
        margin-top: 1vw;
        margin-bottom: 3vw;
        scroll-behavior: smooth;
        display: inline-block;
        transition: all 0.5s;
    }

    .gv27_5ko {
        position: relative;
        max-height: 0vw;
        opacity: 0;
        display: inline-block;
        font-size: var(--tt2);
        overflow: hidden;
        margin: 0vw;
        scroll-behavior: smooth;
        transition: all 0.1s;
        display: none;
    }

    .corp_qqhh_mm1,
    .corp_qqhh_mm1:hover {
        background-repeat: repeat-x;
        background-position: -28% 50%;
        background-size: auto 48%;
        animation-name: corp_qqhh_mm1_ani;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    @keyframes corp_qqhh_mm1_ani {
        0% {
            background-position: -28% 50%;
        }

        50% {
            background-position: -28% 60%;
        }

        100% {
            background-position: -28% 50%;
        }
    }

    .corp_qqhh_mm2,
    .corp_qqhh_mm2:hover {
        background-repeat: repeat-x;
        background-position: 72% 50%;
        background-size: auto 48%;
        animation-name: corp_qqhh_mm2_ani;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }

    @keyframes corp_qqhh_mm2_ani {
        0% {
            background-position: 72% 50%;
        }

        50% {
            background-position: 72% 60%;
        }

        100% {
            background-position: 72% 50%;
        }
    }

    .corp_qqhh_e4_t1,
    .corp_qqhh_e4_t1:hover {
        width: 100%;
        opacity: 1;
        transition: all 0.3s;
        position: absolute;
        top: 0;
    }

    .corp_qqhh_e4_t2,
    .corp_qqhh_e4_t2:hover {
        width: 100%;
        opacity: 0;
        transition: all 0.3s;
        position: absolute;
        top: 0;
    }

    .gv_28_1 {
        color: white;
        background-color: var(--f2);
        width: 80%;
        border-radius: 3vw;
        font-size: 4.1vw;
        font-weight: bold;
        margin-top: 13vw;
        text-indent: 10vw;
        padding: 4vw;
        box-shadow: 0vw 0.5vw 0.7vw rgb(0 0 0 / 20%);
        background-image: url(../images/bph1.png);
        background-repeat: no-repeat;
        background-position: 3vw center;
        background-size: auto 70%;
        text-align: left;
        display: inline-block;
        margin-bottom: 3.5vw;
    }

    .gv_28_2 {
        font-size: 3.3vw;
        color: var(--t2);
        transition: all 0.3s;
        text-align: left;
        display: inline-block;
        width: 86%;
        border-radius: 7vw;
        border: dotted 0.1vw var(--f2);
        padding-left: 1.5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    .gv_28_2:hover {
        font-weight: bold;
        transition: all 0.3s;
        background-color: var(--f2);
        color: white;
    }

    .gv_28_2:hover .gv_28_5 {
        transition: all 0.3s;
        background-image: url(../images/bph2h.png);
        color: var(--t3);
    }

    .gv_28_3 {
        float: left;
        width: 18vw;
        white-space: nowrap;
        overflow: hidden;
        margin-right: 1vw;
    }

    .gv_28_4 {
        float: left;
        width: 56vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gv_28_5 {
        cursor: pointer;
        transition: all 0.3s;
        float: left;
        width: 12%;
        background-image: url(../images/bph2.png);
        background-repeat: no-repeat;
        background-position: 1vw center;
        background-size: auto 100%;
        text-indent: 3vw;
        height: 6vw;
        font-size: 0;
    }

    .corp_table {
        width: 100%;
        border-radius: 2.8vw;
        box-shadow: 0vw 0.7vw 0.7vw rgba(0, 0, 0, 0.15);
        overflow: hidden;
        border-spacing: 0px;
        /* border-collapse: separate; */
    }

    .corp_table td {
        padding: 0.77vw;
        font-size: 2vw;
    }

    .corp_table .corp_table_tr_title {
        background-color: var(--f4);
        color: white;
        font-weight: bold;
        text-align: center;
    }

    .corp_table .corp_table_tr_data {
        background-color: rgba(199, 253, 52, 0);
        color: var(--t4);
        transition: 0.7s;
    }

    .corp_table .corp_table_tr_data:hover {
        background-color: rgba(199, 253, 52, 1);
        color: var(--t4);
        transition: 0.1s;
    }

    .corp_calcen1 {
        /* border: solid red; */
        width: 82%;
        display: inline-block;
        box-shadow: 0vw 3.5vw 3.5vw rgb(0 0 0 / 25%);
        overflow: hidden;
        border-radius: 7vw;
        margin-top: 10vw;
        text-align: center;
        z-index: 1;
        position: relative;
    }

    .corp_calcen2 {
        width: 100%;
        display: inline-block;
        border-radius: 0vw 0vw 10vw 10vw;
        height: 82vw;
        /* box-shadow: 0vw 1vw 2vw rgb(0 0 0 / 25%); */
        background-position: center center;
        background-size: cover;
        margin-bottom: 4vw;
        background-image: url(../images/temp/head_calcen2023.jpg);
    }

    .corp_calcen3 {
        position: absolute;
        left: -60vw;
        top: 101vw;
        background-color: var(--f2);
        border-radius: 999vw;
        width: 200vw;
        height: 756vw;
        z-index: 0;
    }

    .corp_calcen4 {
        color: var(--t2);
        font-size: 5vw;
        font-weight: bold;
        margin-bottom: 14vw;
        width: 100%;
        display: inline-block;
    }

    .corp_calcen5 {
        width: 70%;
        height: 200vw;
        margin-left: 5%;
        margin-top: 11vw;
        z-index: 1;
        /* border: solid red; */
        position: relative;
        margin-bottom: 27vw;
        background-color: white;
        padding: 10%;
        box-shadow: 0vw 3vw 5vw rgb(0 0 0 / 33%);
        border-radius: 6vw;
    }

    .bls_g_bnr {
        background-color: var(--f4);
        display: inline-block;
        width: 100%;
        height: 81vw;
        border-radius: 3vw;
        box-shadow: 0vw 2vw 2vw rgb(0 0 0 / 30%);
        position: relative;
        overflow: hidden;
        margin-top: 1vw;
        margin-bottom: 6vw;
        background-position: center center;
        background-size: cover;
        background-image: url(../images/bdg_act_m_23.png);
    }

    .gauge {
        position: relative;
        border-radius: 50%/100% 100% 0 0;
        background-color: var(--color, #a22);
        overflow: hidden;
        width: 100%;
        transition: all 0.5s;
    }

    .gauge:before {
        content: "";
        display: block;
        padding-top: 50%;
        /* ratio of 2:1*/
    }

    .gauge .chart {
        overflow: hidden;
    }

    .gauge .mask {
        /* display: none; */
        position: absolute;
        left: 20%;
        right: 20%;
        bottom: 0;
        top: 40%;
        background-color: #fff;
        border-radius: 50%/100% 100% 0 0;
    }

    .gauge .percentage {
        position: absolute;
        top: -1px;
        left: -1px;
        bottom: 0;
        right: -1px;
        background-color: var(--background, #aaa);
        transform: rotate(var(--rotation));
        transform-origin: bottom center;
        transition-duration: 600;
        transition: all var(--time_ani);
    }

    .gauge:hover {
        /* --rotation: 100deg; */
    }

    .gauge .value {
        position: absolute;
        bottom: 0%;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .gauge .min {
        position: absolute;
        bottom: 0;
        left: 5%;
    }

    .gauge .max {
        position: absolute;
        bottom: 0;
        right: 5%;
    }

    .bls_g_1 {
        margin-bottom: 17vw;
        width: 100%;
        display: inline-block;
        /* border: solid red; */
        text-align: center;
        position: relative;
    }

    .bls_g_2 {
        font-size: 4.7vw;
        color: var(--f2);
        width: 80%;
        font-weight: bold;
        text-align: center;
        display: inline-block;
    }

    .bls_g_3 {
        font-size: 1.3vw;
        color: var(--f2);
        width: 100%;
        height: 110vw;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        position: relative;
        /* border: solid blue; */
    }

    .bls_g_4 {
        text-align: center;
        width: 100%;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

    .bls_g_5 {
        width: 100%;
        height: 50vw;
        position: absolute;
        top: 0vw;
        left: 0%;
        transition: all 0.3s;
    }

    .bls_g_5_1 {
        width: 100%;
        height: 100%;
    }

    .bls_g_5_2 {
        font-size: 5.3vw;
        color: var(--f2);
        font-weight: bold;
        width: 50%;
        position: absolute;
        top: 65vw;
        left: 0%;
    }

    .bls_g_5_3 {
        font-size: 5.3vw;
        color: var(--f2);
        font-weight: bold;
        width: 50%;
        position: absolute;
        top: 65vw;
        left: 50%;
    }

    .bls_g_5_4 {
        position: absolute;
        width: 21%;
        height: 25vw;
        top: 23vw;
        left: 38.5%;
        /* border: solid red; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 0.3s;
    }

    .bls_g_5_5 {
        position: relative;
        /* border: solid red; */
        font-size: 6vw;
    }

    .bls_g_5_6 {
        font-size: 4.3vw;
        color: var(--f4);
        font-weight: bold;
        text-align: center;
        display: inline-block;
        margin-top: 7vw;
        margin-bottom: 7vw;
        width: 100%;
    }

    .bls_g_7 {
        width: 80%;
        display: inline-block;
        text-align: center;
    }

    .bls_g_8 {
        width: 80%;
        display: inline-block;
        text-align: center;
    }

    .bls_g_5_2 #gb_v1_2 {
        line-height: 17vw;
        color: var(--f2);
        background-color: var(--f3);
        font-size: 9.5vw;
        font-weight: bold;
        width: 90%;
        display: inline-block;
        /* height: 3vw; */
        padding-top: 3vw;
        margin-top: 0.3vw;
        margin-bottom: 2.3vw;
        border-radius: 3.7vw;
        padding-bottom: 1vw;
        justify-content: center;
        align-items: center;
        transition: all var(--time_ani);
    }

    .bls_g_5_3 #gb_v2_2 {
        line-height: 17vw;
        color: white;
        background-color: var(--f2);
        font-size: 9.5vw;
        font-weight: bold;
        width: 90%;
        display: inline-block;
        /* height: 3vw; */
        padding-top: 3vw;
        margin-top: 0.3vw;
        margin-bottom: 2.3vw;
        border-radius: 3.7vw;
        padding-bottom: 1vw;
        justify-content: center;
        align-items: center;
        transition: all var(--time_ani);
    }

    .bls_g_5_2 #gb_v1 {
        font-size: 5.1vw;
    }

    .bls_g_5_3 #gb_v2 {
        font-size: 5.1vw;
    }

    .bls_g_9 {
        margin-top: 5.5vw;
        margin-bottom: 7.5vw;
        background-color: var(--f4);
        color: white;
        font-size: 4.2vw;
        font-weight: bold;
        padding: 4vw;
        padding-left: 7vw;
        padding-right: 7vw;
        display: inline-block;
        text-align: center;
        /* border: solid red; */
        border-radius: 50vw;
    }

    .bls_g_10 {
        position: relative;
        width: 100%;
        height: 77vw;
        display: inline-block;
        transition: all 0.3s;
    }

    .bls_g_11 {
        width: 100%;
        display: flex;
        justify-content: center;
        height: 60%;
        border-bottom: 0.1vw solid var(--f2);
    }

    .bls_g_12 {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 1vw;
    }

    .bls_g_13 {
        width: 16.6%;
        text-align: center;
        font-size: 4.55vw;
        font-weight: bold;
        color: var(--t4);
    }

    .bls_g_14 {
        width: 16.6%;
        text-align: center;
        font-size: 3.5vw;
        font-weight: bold;
        display: flex;
        color: var(--t4);
        /* border: blue solid; */
        align-items: flex-end;
        justify-content: center;
        position: relative;
    }

    .bls_g_15 {
        position: absolute;
        z-index: 1;
        width: 80%;
        height: 0%;
        display: inline-block;
        border-radius: 2vw;
        background-color: var(--f4);
        transition: all var(--time_ani);
    }

    .bls_g_16 {
        position: absolute;
        z-index: 0;
        width: 80%;
        height: 0%;
        display: inline-block;
        border-radius: 2vw;
        background-color: var(--f3);
        transition: all var(--time_ani);
    }

    #may_a_t,
    #jun_a_t,
    #jul_a_t,
    #ago_a_t,
    #sep_a_t,
    #oct_a_t {
        position: absolute;
        left: 0vw;
        top: -4vw;
        color: var(--t4);
        width: 100%;
    }

    #may_b_t,
    #jun_b_t,
    #jul_b_t,
    #ago_b_t,
    #sep_b_t,
    #oct_b_t {
        position: absolute;
        left: 0vw;
        top: -4vw;
        color: var(--t2);
        width: 100%;
    }

    .bls_g_17 {
        margin-top: 6vw;
        width: 100%;
        display: inline-block;
        /* border: solid red; */
    }

    .bls_g_18 {
        color: var(--t2);
        font-size: 3.2vw;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-left: 1vw;
        margin-right: 1vw;
        font-weight: bold;
    }

    .bls_g_19 {
        width: 5vw;
        height: 3vw;
        border-radius: 0.5vw;
        margin-right: 0.5vw;
    }

    .bls_g_20 {
        font-weight: bold;
        display: inline-block;
        width: 70%;
        padding: 4.5vw;
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 4vw;
        color: var(--t2);
        background-color: var(--f2);
        color: white;
        font-size: 4.5vw;
        border-radius: 21vw;
        margin-bottom: 3vw;
    }

    .bls_g_21 {
        width: 70%;
        border-radius: 5vw;
        box-shadow: 0vw 0vw 0.7vw var(--f4);
        display: inline-block;
        /*margin-left: 15%;*/
        margin-top: 5vw;
        transition: all 0.3s;
    }

    .corp_ee1 {
        width: 60%;
        margin-bottom: 5%;
        display: inline-block;
    }

    .corp_cov_end {
        height: 50vw !important;
    }

    /* css para form catastro */
    .catastro {
        border: 0px solid red;
        width: 90vw;
        height: 271vw;
        overflow: hidden;
        margin-left: 9vw;
    }

    #TBLBUSCARXDIRRET .BolsaLabel,
    #TBLBUSCARXDIRRET .control-label {
        color: #575b5d !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }

    #TBLBUSCARXDIRRET input,
    #TBLBUSCARXDIRRET .mcComboAttrInput {
        margin-left: 5px !important;
        display: inline-block !important;
        background-color: transparent !important;
        border: 1px solid #d9d9d9 !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-variant: normal !important;
        text-decoration: none !important;
        color: #575b5d !important;
        max-width: 206px !important;
        text-indent: 0 !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        max-width: 352px !important;
        height: auto !important;
    }

    #TBLBUSCARXDIRRET .mcComboAttrInput {
        min-width: 372px !important;
    }

    #TBLBUSCARXDIRRET #SELECCIONAR {
        white-space: nowrap !important;
        background-color: #004080 !important;
        display: inline-block !important;
        text-decoration: none !important;
        color: white !important;
        border: 1px solid #004080 !important;
        text-align: center !important;
        text-indent: 0 !important;
        vertical-align: middle !important;
        cursor: pointer !important;
        font-style: normal !important;
        font-variant: normal !important;
        margin-right: 3pt !important;
        min-width: 86px !important;
        padding-bottom: 12px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 12px !important;
        border-style: none !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        box-shadow: 0 7px 10px -5px silver !important;
        border-radius: 1px !important;
    }

    .corp_buscar1OK {
        float: left;
        width: 7vw;
        padding-right: 0vw;
        height: 100%;
        transition: all .8s;
        /* margin-top: 0.3vw; */
        /* margin-left: 1vw; */
        background-image: url(../images/buscar_lupa2.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 55%;
        /* border: solid red; */
        /* background: black;*/
    }

    .corp_buscar1KO {
        float: left;
        width: 7vw;
        padding-right: 0vw;
        height: 100%;
        transition: all .8s;
        /* margin-top: 0.3vw; */
        /* margin-left: 1vw; */
        background-image: url(../images/buscar_lupa2.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 55%;
        /* border: solid red; */
        /* background: black;*/
    }

    .corp_buscar2OK {
        float: left;
        border: 0px;
        border-bottom: solid 0.1vw var(--f3);
        background-color: var(--f4);
        background-color: transparent;
        color: white;
        padding: 0.35vw;
        font-size: 5.9vw;
        font-weight: bold;
        transition: all 1s;
        margin-top: 0.3vw;
        /* text-indent: 1.33vw; */
        position: absolute;
        top: 2vw;
        left: 1vw;
        width: 5vw;
        display: none;
    }

    .corp_buscar2KO {
        float: left;
        border: 0px;
        border-bottom: solid 0.1vw var(--f3);
        background-color: var(--f4);
        background-color: transparent;
        color: white;
        padding: 0.35vw;
        font-size: 5.9vw;
        font-weight: bold;
        transition: all 1s;
        margin-top: 0.3vw;
        /* text-indent: 1.33vw; */
        position: absolute;
        top: 2vw;
        left: 1vw;
        width: 5vw;
        display: none;
    }

    .corp_buscar3OK {
        transition: all 0.3s;
        position: absolute;
        top: 0.5vw;
        left: 3.4vw;
        font-size: 0.9vw;
        color: var(--f3);
        font-weight: bold;
        display: none;
    }

    .corp_buscar3KO {
        transition: all 0.3s;
        position: absolute;
        top: 0.1vw;
        left: 3vw;
        font-size: 0.5vw;
        color: var(--f3);
        font-weight: bold;
        display: none;
    }

    .corp_resbus1 {
        width: 80%;
        border-radius: 9vw;
        margin-left: 10%;
        color: var(--b2);
        text-align: center;
        border: solid .2vw var(--b2);
        font-size: 5vw;
        padding: 0.9vw;
    }

    .corp_resbus2 {
        color: white;
        background-color: var(--b4);
        border-radius: 24vw;
        padding: 2.5vw;
        text-align: center;
        margin-bottom: 1vw;
        font-size: 3vw;
        width: 60%;
        margin-left: 20%;
    }

    .corp_resbus3 {
        width: 100%;
        padding-top: 6vw;
        /* background-color: silver; */
        display: inline-block;
        text-align: center;
        color: var(--b2);
    }

    .corp_resbus4 {
        position: relative;
        /* background-color: red; */
        width: 75vw;
        display: inline-block;
        height: 28vw;
        margin-bottom: 5vw;
    }

    .corp_resbus5 {
        float: left;
        position: relative;
        background-color: var(--f4);
        width: 26vw;
        display: inline-block;
        height: 26vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        border-radius: 3.3vw;
        box-shadow: 0vw .3vw 1.3vw rgba(0, 0, 0, .1);
    }

    .corp_resbus6 {
        float: left;
        height: 26vw;
        width: 46vw;
        text-align: left;
        padding-left: 2vw;
    }

    .corp_resbus7 {
        text-transform: uppercase;
        width: 100%;
        font-size: 2vw;
        color: var(--f2);
        font-weight: bold;
    }

    .corp_resbus8 {
        width: 100%;
        font-size: 4vw;
        line-height: 4vw;
        color: var(--b4);
        font-weight: bold;
    }

    .corp_resbus8st {
        width: 100%;
        font-size: 3vw;
        line-height: 4.4vw;
        color: var(--b2);
        font-weight: normal;
    }

    .corp_resbus9 {
        font-size: 3vw;
        color: var(--b2);
        font-weight: bold;
        background-color: var(--b3);
        border-radius: 23vw;
        padding: 1.9vw;
        padding-left: 4.3vw;
        padding-right: 4.3vw;
        margin-top: .33vw;
        display: inline-block;
    }

    .corp_ppdc1 {
        width: 89vw;
        height: 56vw;
        /* float: left; */
        margin-bottom: 6vw;
        /* margin-right: 2vw; */
        border-radius: 4vw;
        box-shadow: 0vw 0vw 1vw #6d6d6d4a;
    }

    .corp_ppdc2 {
        float: left;
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
        width: 89vw;
        margin-bottom: 13vw;
    }

    .corp_ppdc3 {
        color: var(--t4);
        margin-top: 3vw;
        /* background: silver; */
        width: 67%;
        display: inline-block;
        margin-left: 10%;
        height: 15vw;
        line-height: 15vw;
        background-repeat: no-repeat;
        background-size: auto 90%;
        background-position: left center;
        padding-left: 14vw;
        font-weight: bold;
        font-size: var(--tt1);
        line-height: 6vw;
        display: flex;
        align-items: center;
    }

    .corp_ppdc4 {
        /* width: 48%; */
        /* margin-right: 2%; */
        /* float: left; */
    }

    .corp_ppdc5 {
        /* width: 48%; */
        /* margin-left: 2%; */
        /* float: left; */
    }

    .corp_ppdc6 {
        /* background-color: silver; */
        display: inline-block;
        width: 80%;
        margin-left: 10%;
        color: var(--t2);
        font-size: var(--tt2);
        text-align: left;
    }

    .corp_ppdc7 {
        width: 71vw;
        height: 49vw;
        background-color: var(--f4);
        border-radius: 4.5vw;
        box-shadow: 0vw 0vw 2.5vw rgba(0, 0, 0, 0.2);
        /* float: left; */
        position: relative;
        overflow: hidden;
        opacity: .9;
        transition: all 0.3s;
    }

    .corp_ppdc8 {
        text-align: left;
        /* margin-left: 0vw; */
        /* width: 40vw; */
        display: inline-block;
        margin-top: 1vw;
        transition: all 1s;
        color: var(--t2);
        MARGIN-BOTTOM: 12VW;
    }

    .corp_ppdc9 {
        border-radius: 100vw;
        width: 30vw;
        height: 30vw;
        border: solid 9vw var(--f3);
        opacity: .8;
        transition: all 1s;
        position: absolute;
        left: 49vw;
        top: 27vw;
    }

    .corp_ppdc10:hover .corp_ppdc9 {
        border-radius: 100vw;
        width: 92vw;
        height: 92vw;
        border: solid 13vw var(--f3);
        opacity: .8;
        transition: all 1s;
        position: absolute;
        left: -14vw;
        top: -21vw;
    }

    .corp_ppdc10 {
        margin-bottom: 2vw;
    }

    .corp_ppdc10:hover .corp_ppdc8 {
        transition: all .5s;
        color: var(--t4);
    }

    .corp_ppdc10:hover .corp_ppdc7 {
        transition: all .5s;
        opacity: 1;
    }

    .corp_ppdc11 {
        /* background: silver; */
        width: 100%;
        height: 160vw;
        position: relative;
        overflow: hidden;
    }

    .corp_ppdc12 {
        border: solid 147vw var(--b2);
        width: 450vw;
        height: 288vw;
        position: absolute;
        border-radius: 50%;
        left: -322vw;
    }

    .corp_ppdc13 {
        /* background: rgba(33, 233, 133, 0.4); */
        width: 77%;
        /* height: 29vw; */
        overflow: hidden;
        position: absolute;
        margin-left: 10%;
        top: 8vw;
        font-size: var(--tt2);
    }

    .corp_ppdc14 {
        color: white;
        /* margin-top: 3vw; */
        /* background: silver; */
        width: 100%;
        display: inline-block;
        /* margin-left: 10%; */
        height: 15vw;
        line-height: 6vw;
        background-repeat: no-repeat;
        background-size: auto 90%;
        background-position: left center;
        PADDING-LEFT: 14vw;
        font-weight: bold;
        font-size: var(--tt1);
        margin-bottom: 2vw;
    }

    .corp_ppdc15 {
        width: 103%;
        /* float: left; */
        height: 84vw;
        background-color: var(--f2);
        /* margin-right: 2vw; */
        border-radius: 5vw;
        box-shadow: 0vw 0vw 3.5vw rgba(0, 0, 0, 0.2);
    }

    .corp_ppdc16 {
        /* width: 65%; */
        /* float: left; */
    }

    .corp_ppdc17 {
        /* width: 65%; */
        /* float: left; */
    }

    .corp_ppdc18 {
        width: 103%;
        /* float: left; */
        height: 84vw;
        background-color: var(--f2);
        /* margin-left: 2vw; */
        border-radius: 5vw;
        box-shadow: 0vw 0vw 3.5vw rgba(0, 0, 0, 0.2);
        margin-top: 4vw;
        margin-bottom: 10vw;
    }

    .corp_ppdc19 {
        width: 100%;
        /* background: silver; */
        margin-top: 1.6vw;
        transition: all 1s;
        /* margin-left: 10%; */
        display: inline-block;
        position: relative;
        transition: all 1s;
    }

    .corp_ppdc20 {
        width: 19vw;
        padding-left: 3vw;
        padding-right: 3vw;
        background-color: var(--f2);
        border-radius: 2vw;
        text-align: center;
        font-weight: bold;
        font-size: 3vw;
        line-height: 3vw;
        margin-right: 1.5vw;
        transition: all .5s;
    }

    .corp_ppdc20 img {
        width: 70%;
    }

    .corp_ppdc21 {
        background-color: rgb(0 0 0 / 3%);
        /* float: left; */
        padding: 3vw;
        border-radius: 4vw;
        width: 63vw;
        margin-top: .5vw;
        margin-bottom: 2.5vw;
        margin-left: 1vw;
        color: var(--f2);
        font-size: var(--tt2);
        transition: all .5s;
    }

    .corp_ppdc22 {
        float: left;
    }

    .corp_ppdc19:hover .corp_ppdc21 {
        background-color: var(--f3);
        color: var(--t4);
        transition: all .5s;
    }

    .corp_ppdc19:hover .corp_ppdc20 {
        transition: all .5s;
        background-color: var(--f4);
    }

    .corp_ppdc23 {
        width: 79vw;
        height: 33vw;
        display: inline-block;
        margin-left: 10%;
        border-radius: 2vw;
        margin-top: 1vw;
        margin-bottom: 3vw;
        box-shadow: 0vw 1vw 1vw rgba(0, 0, 0, 0.15);
        background-repeat: repeat-x;
        background-size: auto 100%;
        background-position: 0vw;
        animation-name: corp_ppdc23_ani;
        animation-duration: 33s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_ppdc23_ani {
        from {
            background-position: 0vw;
        }

        to {
            background-position: -317.5vw;
        }
    }

    .corp_ppdc24 {
        color: var(--t2);
        font-size: var(--tt2);
        width: 51.7vw;
        /* float: left; */
        margin: 3vw 3vw 5vw 22vw;
    }

    .corp_ppdc25 {
        width: 100%;
        height: 32vw;
        margin-bottom: 1vw;
        background-color: var(--f4);
        border-radius: 4vw;
    }

    .corp_ppdc26 {
        width: 90%;
        margin-left: 5%;
        text-align: center;
        color: var(--t2);
        font-size: var(--tt2);
        margin-top: 3vw;
        margin-bottom: 7vw;
    }

    .corp_ppdc27 {
        width: 82%;
        margin-left: 5%;
        text-align: left;
        color: white;
        font-size: var(--tt2);
        margin-top: 2vw;
        padding: 4vw;
        background-color: var(--f4);
        border-radius: 6vw;
        text-indent: 3vw;
        transition: all .5s;
    }

    .corp_ppdc27:hover {
        background-color: var(--f2);
        transition: all .5s;
        padding: 4vw;
        padding-top: 6vw;
        padding-bottom: 6vw;
    }

    .corp_h2gn_1 {
        background-color: var(--f4);
        width: 100%;
        height: 133vw;
        margin-bottom: 3vw;
        margin-top: 5vw;
        background-image: url(../images/h2gn_lfnd.png);
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: center -133vw;
        animation-name: corp_h2gn_1_ani;
        animation-duration: 20s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        display: flex;
        align-items: center;
        justify-content: center;
        /* filter: brightness(0.56); */
        transition: all 5s;
    }

    /* .corp_h2gn_1:hover{
filter: brightness(1);
transition: all 5s;
} */

    @keyframes corp_h2gn_1_ani {
        from {
            background-position: center 0vw;
        }

        to {
            background-position: center -133vw;
        }
    }

    .corp_h2gn_2 {
        background-image: url(../images/h2gn_logo.png);
        width: 80vw;
        height: 41vw;
        background-size: 90%;

        transition: all .2s;
    }

    .corp_cd1 {
        width: 80%;
        margin-left: 10%;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .corp_cd2 {
        width: 75vw;
        margin-left: 3vw;
        margin-right: 2vw;
        text-align: center;
        display: inline-block;
        color: var(--t2);
        transition: all .3s;
        margin-bottom: 10vw;
    }

    .corp_cd3 {

        text-align: center;
        display: inline-block;
        width: 100%;
        font-size: var(--tt4);
        font-weight: bold;
        line-height: var(--tt4);
    }

    .corp_cd4 {
        background-color: var(--f3);
        width: 100%;
        height: 50.5vw;
        border-radius: 7vw;
        text-align: center;
        display: inline-block;
        margin-top: 1vw;
        margin-bottom: 1vw;
        box-shadow: 0vw 1.2vw 1vw rgba(0, 0, 0, 0.1);
        filter: saturate(55%);
        transition: all .5s;
        background-size: 110%;
    }

    .corp_cd5 {
        width: 84%;

        text-align: left;
        display: inline-block;
        line-height: var(--t2);
        font-size: var(--tt2);
    }

    .corp_cd2:hover .corp_cd4 {
        transition: all .5s;
        filter: saturate(100%);
        background-size: 101%;

    }

    .corp_cd2:hover {
        transition: all .3s;
        color: var(--t4) !important;
    }

    .corp_cd6 {
        height: 133vw;
        background-color: var(--f3);
        width: 100%;
        transition: all .5s;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt2);
        margin-top: 8vw;
        overflow: hidden;
        margin-bottom: 8vw;
        position: relative;
        background-repeat: repeat-x;
        background-position: 0% top;
        background-size: auto 50%;
        animation-name: corp_cd6_ani;
        animation-duration: 40s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes corp_cd6_ani {
        from {
            background-position: 0% top;
        }

        to {
            background-position: 141% top;
        }
    }

    .corp_cd7 {
        position: absolute;
        top: 52vw;
        LEFT: -61vw;
        height: 107vw;
        width: 216vw;
        border-radius: 50%;
        z-index: 1;
        background-color: var(--f2);
        transition: all .3s;

    }

    .corp_cd8 {
        position: absolute;
        top: 44vw;
        LEFT: 47.3vw;
        height: 16vw;
        width: 9vw;
        z-index: 2;


    }

    .corp_cd9 {
        position: absolute;
        top: 67vw;
        LEFT: 9vw;
        height: 31vw;
        width: 83vw;
        color: white;
        z-index: 2;
        font-size: var(--tt4);
        line-height: var(--tt1);
    }

    .corp_cd6:hover .corp_cd7 {
        background-color: var(--f4);
        transition: all .3s;
    }

    .corp_cd10 {
        width: 58%;
        margin-left: 12%;
        display: inline-block;
        background-color: var(--f1);
        transition: all .3s;
        padding: 34vw 9vw 9vw 9vw;
        font-size: var(--tt2);
        line-height: var(--tt1);
        border-radius: 8vw;
        box-shadow: 0vw 1vw 2.5vw rgba(0, 0, 0, 0.15);
        background-position: CENTER 6VW;
        background-size: auto 23vw;
        color: var(--t2);
        background-repeat: no-repeat;
        margin-bottom: 15vw;
    }

    .corp_cd10:hover {
        transition: all .3s;
        background-color: var(--f3);
        color: var(--t4);
    }

    .corp_cd10 a {
        background-color: var(--f2);
        color: var(--t1);
        padding: 3vw 7vw;
        border-radius: 10vw;
        font-size: var(--tt4);
        font-weight: bold;
        transition: all .3s;
        margin-top: 4vw;
        display: inline-block;
    }

    .corp_cd10 a:hover {
        transition: all .3s;
        color: var(--t3);
        background-color: var(--f4);
    }

    .corp_cd11 {
        width: 100%;
        /* height: 175vw; */
        transition: all .3s;
        color: var(--t3);
        /* background-color: skyblue; */
        margin-top: 7vw;
        position: relative;
        display: inline-block;
        text-align: center;
        overflow: hidden;
    }

    .corp_cd12 {
        width: 100%;
        display: inline-block;
        text-align: center;
        transition: all .3s;
        color: var(--t3);
        /* background-color: silver; */
        margin-bottom: 10vw;
        z-index: 1;
        position: relative;
        transition: all .3s;
    }

    .corp_cd13 {
        width: 160vw;
        height: 106vw;
        border-radius: 50%;
        background-color: var(--f2);
        position: absolute;
        left: -30vw;
        top: 137vw;
        opacity: 0;
        transition: all .3s;
    }

    .corp_cd14 {
        width: 100%;
        position: relative;
        z-index: 1;
        display: inline-block;
        transition: all .3s;
    }
    .corp_cd14 .corp_cd19, .corp_cd14 .corp_cd20 {
        color:var(--t2);
    }

    .corp_cd15 {
        display: inline-block;
        text-align: center;
        margin-left: 5vw;
        margin-right: 5vw;
        width: 72vw;
        margin-bottom: 13vw;
        transition: all .3s;
    }

    .corp_cd18 {
        background-color: var(--f1);
        /* border-radius: 4vw; */
        width: 100%;
        margin-left: 0%;
        margin-bottom: 13vw;
        padding: 3vw 0vw 13vw 0vw;
        box-shadow: 0vw 1vw 2vw rgba(0, 0, 0, 0);
        transition: all .3s;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /* transition: all 1.5s; */
    }

    .corp_cd19 {
        text-align: center;
        width: 100%;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt3);
        font-weight: bold;
        transition: all .3s;
    }

    .corp_cd20 {
        text-align: center;
        width: 80%;
        display: inline-block;
        color: var(--t2);
        font-size: var(--tt2);
        line-height: var(--tt4);
        MARGIN-BOTTOM: 2vw;
        transition: all .3s;
    }

    .corp_cd21 {
        background-color: var(--f3);
        display: inline-block;
        width: 96%;
        height: 96vw;
        border-radius: 4vw;
        box-shadow: 0vw 1vw 2.33vw rgba(0, 0, 0, 0.15);
        font-size: var(--tt4);
        line-height: var(--tt4);
        transition: all .3s;

    }

    .corp_cd21:hover {
        transition: all .3s;
        /* MARGIN-BOTTOM:0vw; */

        box-shadow: 0vw 0vw 2vw var(--f3);
    }

    .corp_cd22 {
        cursor: pointer;
        color: var(--t2);
        border: solid .23vw var(--f2);
        padding: 2vw;
        text-align: center;
        float: left;
        border-radius: 30VW;
        width: 40%;
        margin: 0% 1% 3% 1%;
        font-weight: bold;
        font-size: var(--tt2);
        transition: all .3s;
        margin-bottom: 2vw;
    }

    .corp_cd22:hover {
        color: var(--f1);
        background-color: var(--f2);
        transition: all .3s;
    }
    .corp_cd22ok {
        cursor: pointer;
        color: var(--t1);
        border: solid .23vw var(--f4);
        background-color: var(--f4);
        padding: 2vw;
        text-align: center;
        float: left;
        border-radius: 30VW;
        width: 40%;
        margin: 0% 1% 3% 1%;
        font-weight: bold;
        font-size: var(--tt2);
        transition: all .3s;
        margin-bottom: 2vw;
    }


    .corp_cd23 {

        width: 100%;
        border: 0;
        overflow: hidden;
        display: none;
        margin-bottom: 9vw;

    }
	
	
	.corp_videohome{
		
		        width: 100%;
        height: 74vw;
        color: var(--t2);
        font-size: 15vw;
        display: flex;
        justify-content: center;
        align-items: center;
	}
	
	.corp_videohome_play{
	           width: 91%;
        height: 80%;
        border-radius: 5vw;
        overflow: hidden;
		box-shadow: 0vw 0.5vw 1vw 0.0vw rgba(0, 0, 0, 0.35);
	}


}

/* PRINT ----------------------------------------------------- */
@media print {
    .upHeader {
        display: none;
    }

    .dwFooter {
        display: none;
    }

    .ScrollTo {
        display: none;
    }
}

/* GXS START +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
DIV.gx-mask {
    background-color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1 !important;
    z-index: 999999 !important;
}

/* tit img bg fff  */
#TBL_COM_SOL_SUS #TEXTBLOCK1,
#TBL_COM_SOL_SUS #TEXTBLOCK2 {
    color: var(--t2) !important;
    font-size: 8.5vw !important;
    font-weight: bold !important;
    margin-bottom: 7vw !important;
    display: flex !important;
    padding-left: 27vw !important;
    height: 22vw;
    /* border: solid red; */
    line-height: 9vw !important;
    align-items: center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: left center !important;
}

#TBL_COM_SOL_SUS #TEXTBLOCK1 {
    background-image: url(../images/comunidades/ggcc_form2.png) !important;
}

#TBL_COM_SOL_SUS #TEXTBLOCK2 {
    margin-top: 7vw !important;
    background-image: url(../images/comunidades/ggcc_form1.png) !important;
}

/* MC ENVIRA COMPROBANTE */
#TBL_COM_ENV_OK #TB_IM_COM_ENV {
    background-image: url(../images/comprobante_enviado.png);
    width: 70vw !important;
    height: 27vw !important;
    background-position: center center;
    background-repeat: repeat;
    background-size: 100%;
    display: inline-block !important;
}

#TBL_COM_ENV_OK #TB_MAIL_OK {
    color: var(--t2) !important;
    background-color: var(--f3) !important;
    padding: 2vw !important;
    border-radius: 50vw !important;
    text-align: center;
    font-size: 3.5vw !important;
    font-weight: bold !important;
    padding-left: 10vw !important;
    padding-right: 10vw !important;
    margin-top: 0vw !important;
    display: inline-block !important;
}

/*AGREGAR ACTUALIZA TUS DATOS*/
#TBLCALEFACCIONCENTRAL .mcAttrInput,
#TBL_COM_SOL_SUS .mcAttrInput,
#TBLLLAE .mcAttrInput,
#TBLCONTACTO .mcAttrInput,
#TBLCALEFACCIONCENTRAL .mcComboAttrInput,
#TBLCONTACTO .mcComboAttrInput,
#TBLCONTACTO textarea,
#TBLLLAE .mcComboAttrInput,
#TBLQUIEROGASNATURAL .mcComboAttrInput,
#TBLQUIEROGASNATURAL textarea,
#TBLQUIEROGASNATURAL .mcAttrInput,
#TBLPIDECORREOENVIOCBTE .mcAttrInput,
#TBLCAMBIARCONTRASENA .mcAttrInput,
.TableRegSer .mcAttrInput,
#TBLRECUPERARPASS .mcAttrInput,
.TableRegSer .mcComboAttrInput,
#TBLACTUALIZARDATOS .mcAttrInput,
#TBLACTUALIZARDATOS .mcComboAttrInput,
#TBLQUIEROGASNATURAL .BlobInputmcBlobAttrInput,
#TBLLLAE .BlobInputmcBlobAttrInput,
#TBL_COM_SOL_SUS .BlobInputmcBlobAttrInput {
    text-align: left !important;
    padding: 0 !important;
    padding-top: 1vw !important;
    padding-bottom: 1vw !important;
    margin-bottom: 5vw !important;
    text-indent: 3vw !important;
    font-size: 4.5vw !important;
    line-height: 5vw !important;
    height: 8vw !important;
    font-weight: normal !important;
    border-radius: 8vw !important;
    width: 98% !important;
    color: var(--t2) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    border: solid 0.8vw var(--f4) !important;
    display: inline-block !important;
    box-shadow: 0vw 0vw 0vw rgba(0, 0, 0, 0) !important;
    transition: all 0.3s;
}

#TBLQUIEROGASNATURAL .mcAttrInput {
    margin-bottom: 0vw !important;
}

#TBLQUIEROGASNATURAL #TEXTBLOCK3 {
    font-size: 4.5vw !important;
}

#TBLQUIEROGASNATURAL #vMENSAJE {
    margin-bottom: 0vw !important;
}

#TBLLLAE .mcAttrInput:hover,
#TBLLLAE .mcComboAttrInput:hover,
#TBLQUIEROGASNATURAL .mcComboAttrInput:hover,
#TBLQUIEROGASNATURAL textarea:hover,
#TBLQUIEROGASNATURAL .mcAttrInput:hover,
#TBL_COM_SOL_SUS .mcAttrInput:hover,
#TBLPIDECORREOENVIOCBTE .mcAttrInput:hover,
#TBLCAMBIARCONTRASENA .mcAttrInput:hover,
.TableRegSer .mcAttrInput:hover,
#TBLRECUPERARPASS .mcAttrInput:hover,
.TableRegSer .mcComboAttrInput:hover,
#TBLACTUALIZARDATOS .mcAttrInput:hover,
#TBLACTUALIZARDATOS .mcComboAttrInput:hover,
#TBLCALEFACCIONCENTRAL .mcAttrInput:hover,
#TBLCONTACTO .mcAttrInput:hover,
#TBLCALEFACCIONCENTRAL .mcComboAttrInput:hover,
#TBLCONTACTO .mcComboAttrInput:hover,
#TBLCONTACTO textarea:hover {
    text-align: left !important;
    padding: 0 !important;
    padding-top: 1vw !important;
    padding-bottom: 1vw !important;
    margin-bottom: 5vw !important;
    text-indent: 3vw !important;
    font-size: 4.5vw !important;
    line-height: 5vw !important;
    font-weight: normal !important;
    border-radius: 8vw !important;
    height: 8vw !important;
    width: 98% !important;
    color: var(--t4) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    border: solid 0.8vw var(--f3) !important;
    display: inline-block !important;
    box-shadow: 0vw 0vw 0vw rgba(0, 0, 0, 0) !important;
    transition: all 0.3s;
}

#TBLCALEFACCIONCENTRAL .mcAttrInput:focus,
#TBLCONTACTO .mcAttrInput:focus,
#TBLCALEFACCIONCENTRAL .mcComboAttrInput:focus,
#TBLCONTACTO .mcComboAttrInput:focus,
#TBLLLAE .mcAttrInput:focus,
#TBLLLAE .mcComboAttrInput:focus,
#TBLQUIEROGASNATURAL .mcComboAttrInput:focus,
#TBLQUIEROGASNATURAL textarea:focus,
#TBLQUIEROGASNATURAL .mcAttrInput:focus,
#TBL_COM_SOL_SUS .mcAttrInput:focus,
#TBLPIDECORREOENVIOCBTE .mcAttrInput:focus,
#TBLCAMBIARCONTRASENA .mcAttrInput:focus,
.TableRegSer .mcAttrInput:focus,
#TBLRECUPERARPASS .mcAttrInput:focus,
.TableRegSer .mcComboAttrInput:focus,
#TBLACTUALIZARDATOS .mcAttrInput:focus,
#TBLACTUALIZARDATOS .mcComboAttrInput:focus {
    text-align: left !important;
    padding: 0 !important;
    padding-top: 1vw !important;
    padding-bottom: 1vw !important;
    margin-bottom: 5vw !important;
    text-indent: 3vw !important;
    font-size: 4.5vw !important;
    line-height: 5vw !important;
    font-weight: normal !important;
    border-radius: 8vw !important;
    height: 8vw !important;
    width: 98% !important;
    color: var(--t4) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    border: solid 0.8vw var(--f3) !important;
    display: inline-block !important;
    transition: all 0.3s;
    box-shadow: 0vw 3vw 1.5vw -1vw rgba(0, 0, 0, 0.15) !important;
}

#TBLLLAE .mcAttrInputError,
#TBLLLAE .mcComboAttrInputError,
#TBLQUIEROGASNATURAL .mcComboAttrInputError,
#TBLQUIEROGASNATURAL .mcComboAttrInputError:hover,
#TBLQUIEROGASNATURAL .mcAttrInputError,
#TBLQUIEROGASNATURAL .mcAttrInputError:hover,
#TBL_COM_SOL_SUS .mcAttrInputError,
#TBL_COM_SOL_SUS .mcAttrInputError:hover,
#TBLPIDECORREOENVIOCBTE .mcAttrInputError,
#TBLPIDECORREOENVIOCBTE .mcAttrInputError:hover,
#TBLCAMBIARCONTRASENA .mcAttrInputError,
#TBLCAMBIARCONTRASENA .mcAttrInputError:hover,
.TableRegSer .mcAttrInputError,
.TableRegSer .mcAttrInputError:hover,
#TBLRECUPERARPASS .mcAttrInputError,
#TBLRECUPERARPASS .mcAttrInputError:hover,
.TableRegSer .mcComboAttrInputError,
.TableRegSer .mcComboAttrInputError:hover,
#TBLACTUALIZARDATOS .mcAttrInputError,
#TBLACTUALIZARDATOS .mcAttrInputError:hover,
#TBLACTUALIZARDATOS .mcComboAttrInputError,
#TBLACTUALIZARDATOS .mcComboAttrInputError:hover,
#TBLCALEFACCIONCENTRAL .mcAttrInputError,
#TBLCONTACTO .mcAttrInputError,
#TBLCALEFACCIONCENTRAL .mcAttrInputError:hover,
#TBLCONTACTO .mcAttrInputError:hover,
#TBLCALEFACCIONCENTRAL .mcComboAttrInputError,
#TBLCONTACTO .mcComboAttrInputError,
#TBLCALEFACCIONCENTRAL .mcComboAttrInputError:hover,
#TBLCONTACTO .mcComboAttrInputError:hover {
    text-align: left !important;
    padding: 0 !important;
    padding-top: 1vw !important;
    padding-bottom: 1vw !important;
    margin-bottom: 5vw !important;
    text-indent: 3vw !important;
    font-size: 4.5vw !important;
    line-height: 5vw !important;
    font-weight: normal !important;
    border-radius: 8vw !important;
    height: 8vw !important;
    width: 98% !important;
    color: var(--t2) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    border: solid 0.8vw #f44336 !important;
    display: inline-block !important;
    box-shadow: 0vw 0vw 0vw rgba(0, 0, 0, 0) !important;
    transition: all 0.3s;
}

#TBLLLAE .mcAttrInputError:focus,
#TBLPIDECORREOENVIOCBTE .mcAttrInputError:focus,
#TBLCAMBIARCONTRASENA .mcAttrInputError:focus,
.TableRegSer .mcAttrInputError:focus,
#TBLRECUPERARPASS .mcAttrInputError:focus,
.TableRegSer .mcComboAttrInputError:focus,
#TBLACTUALIZARDATOS .mcComboAttrInputError:focus,
#TBLACTUALIZARDATOS .mcAttrInputError:focus,
#TBLCALEFACCIONCENTRAL .mcAttrInputError:focus,
#TBLCONTACTO .mcAttrInputError:focus,
#TBLCALEFACCIONCENTRAL .mcComboAttrInputError:focus,
#TBLCONTACTO .mcComboAttrInputError:focus,
#TBLQUIEROGASNATURAL .mcAttrInputError:focus,
#TBLQUIEROGASNATURAL .mcComboAttrInputError:focus,
#TBL_COM_SOL_SUS .mcAttrInputError:focus,
#TBL_COM_SOL_SUS .mcComboAttrInputError:focus {
    text-align: left !important;
    padding: 0 !important;
    padding-top: 1vw !important;
    padding-bottom: 1vw !important;
    margin-bottom: 5vw !important;
    text-indent: 3vw !important;
    font-size: 4.5vw !important;
    line-height: 5vw !important;
    font-weight: normal !important;
    border-radius: 8vw !important;
    height: 8vw !important;
    width: 98% !important;
    color: var(--t2) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    border: solid 0.8vw #f44336 !important;
    display: inline-block !important;
    box-shadow: 0vw 3vw 1.5vw -1vw rgba(0, 0, 0, 0.25) !important;
    transition: all 0.3s;
}

#TBLLLAE .mcComboAttrInput,
#TBLLLAE .mcComboAttrInput:hover,
#TBLLLAE .mcComboAttrInput:focus,
#TBLQUIEROGASNATURAL .mcComboAttrInput,
#TBLQUIEROGASNATURAL .mcComboAttrInput:hover,
#TBLQUIEROGASNATURAL .mcComboAttrInput:focus,
#TBL_COM_SOL_SUS .mcComboAttrInput,
#TBL_COM_SOL_SUS .mcComboAttrInput:hover,
#TBL_COM_SOL_SUS .mcComboAttrInput:focus,
.TableRegSer .mcComboAttrInput,
.TableRegSer .mcComboAttrInput:hover,
.TableRegSer .mcComboAttrInput:focus,
#TBLACTUALIZARDATOS .mcComboAttrInput,
#TBLACTUALIZARDATOS .mcComboAttrInput:hover,
#TBLACTUALIZARDATOS .mcComboAttrInput:focus,
#TBLCALEFACCIONCENTRAL .mcComboAttrInput,
#TBLCONTACTO .mcComboAttrInput,
#TBLCALEFACCIONCENTRAL .mcComboAttrInput:hover,
#TBLCONTACTO .mcComboAttrInput:hover,
#TBLCALEFACCIONCENTRAL .mcComboAttrInput:focus,
#TBLCONTACTO .mcComboAttrInput:focus {
    height: 12vw !important;
}

#TBLLLAE #vOBRA_FECHAINICIOTRABAJOS,
#TBLCAMBIARCONTRASENA #vUSERPASSWORDNEWCONF,
#TBLCAMBIARCONTRASENA #vUSERPASSWORDNEW,
#TBLCAMBIARCONTRASENA #vUSERPASSWORD,
#TBLACTUALIZARDATOS #vFECHANACIMIENTO,
.TableRegSer #vFECHANACIMIENTO,
#TBLRECUPERARPASS #vUSERPASSWORDNEW,
#TBLRECUPERARPASS #vUSERPASSWORDNEWCONF {
    width: 83% !important;
}

#TBLLLAE #vOBRA_FECHAINICIOTRABAJOS_dp_trigger,
#TBLCAMBIARCONTRASENA .input-group-btn,
#TBLACTUALIZARDATOS #vFECHANACIMIENTO_dp_trigger,
.TableRegSer #vFECHANACIMIENTO_dp_trigger,
#TBLRECUPERARPASS .input-group-btn {
    cursor: pointer;
    width: 10%;
    margin-right: 3%;
    float: right;
}

#TBLCONTACTO label,
#TBLLLAE label,
#TBLQUIEROGASNATURAL label,
#TBL_COM_SOL_SUS label,
#TBLPIDECORREOENVIOCBTE label,
#TBLCAMBIARCONTRASENA label,
.TableRegSer label,
#TBLQUIEROGASNATURAL #TEXTBLOCK2,
#TBLRECUPERARPASS label,
#TBLACTUALIZARDATOS label {
    font-size: 4.5vw !important;
    line-height: 5vw !important;
    color: white !important;
    font-weight: bold !important;
    display: inline-block !important;
}

#TBLCALEFACCIONCENTRAL label,
#TBLQUIEROGASNATURAL label,
#TBL_COM_SOL_SUS label {
    color: var(--t2) !important;
}

#TBLCAMBIARCONTRASENA .input-group button,
#TBLRECUPERARPASS .input-group button {
    background-color: var(--f3) !important;
    border: none !important;
    padding: 2vw !important;
    border-radius: 50% !important;
    color: var(--t4) !important;
    font-size: 4.1vw !important;
    margin-left: 0.5vw !important;
    cursor: pointer !important;
}

.gx-warning-message {
    padding: 3vw !important;
}

#TBLLLAE .BtnEnter,
#TBLQUIEROGASNATURAL .BtnEnter,
#TBL_COM_SOL_SUS .BtnEnter,
#TBLPIDECORREOENVIOCBTE .BtnEnter,
#TBLCONTACTO .BtnEnter,
#TBLCALEFACCIONCENTRAL .BtnEnter {
    position: relative !important;
    z-index: 1 !important;
    background-color: var(--f3) !important;
    font-size: 6.5vw !important;
    font-weight: bold !important;
    color: var(--t2) !important;
    display: inline-block !important;
    padding: 1.7vw !important;
    height: auto !important;
    padding-left: 9.3vw !important;
    padding-right: 9.3vw !important;
    border-radius: 8vw !important;
    box-shadow: 0vw 1.4vw 2.7vw rgb(0 0 0 / 20%) !important;
    letter-spacing: 0vw !important;
    text-transform: none !important;
    transition: all 0.3s !important;
    font-family: "Titillium Web" !important;
    border: none !important;
}

#TBLLLAE .BtnEnter:hover,
#TBLQUIEROGASNATURAL .BtnEnter:hover,
#TBL_COM_SOL_SUS .BtnEnter:hover,
#TBLPIDECORREOENVIOCBTE .BtnEnter:hover,
#TBLCALEFACCIONCENTRAL .BtnEnter:hover,
#TBLCONTACTO .BtnEnter:hover {
    box-shadow: 0vw 1.7vw 2.7vw rgb(0 0 0 / 25%) !important;
    color: var(--t4) !important;
    border: none !important;
    transition: all 0.3s !important;
}

#TBLQUIEROGASNATURAL textarea,
#TBLQUIEROGASNATURAL textarea:hover,
#TBLQUIEROGASNATURAL textarea:focus,
#TBLCONTACTO textarea,
#TBLCONTACTO textarea:hover,
#TBLCONTACTO textarea:focus {
    height: 10vw !important;
    border-radius: 2vw !important;
}

#TBLCALEFACCIONCENTRAL .g-recaptcha-response,
#TBLCONTACTO .g-recaptcha-response,
#TBLQUIEROGASNATURAL .g-recaptcha-response {
    display: none !important;
}

#TBLLLAE #GXT1,
#TBLLLAE #GXT2,
#TBLLLAE #GXT3 {
    font-size: 6vw !important;
    color: #c7fd34 !important;
    font-weight: bold !important;
}

#TBLLLAE .BlobInputmcBlobAttrInput,
#TBLQUIEROGASNATURAL .BlobInputmcBlobAttrInput,
#TBL_COM_SOL_SUS .BlobInputmcBlobAttrInput {
    cursor: pointer !important;
    width: 100% !important;
    font-size: 4.3vw !important;
    border-radius: 20vw !important;
    margin-bottom: 3vw !important;
}

#TBLQUIEROGASNATURAL .BlobInputmcBlobAttrInput,
#TBL_COM_SOL_SUS .BlobInputmcBlobAttrInput {
    border: solid 0.8vw var(--f2) !important;
    background-color: var(--f2) !important;
    color: white !important;
}

#TBLLLAE .BlobInputmcBlobAttrInput {
    border: solid 0.8vw var(--f3) !important;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
}

#TBLLLAE ::-webkit-file-upload-button,
#TBLQUIEROGASNATURAL ::-webkit-file-upload-button,
#TBL_COM_SOL_SUS ::-webkit-file-upload-button {
    cursor: pointer !important;
    margin-left: 3vw !important;
    border-radius: 0vw !important;
    border: 0 solid transparent !important;
    background-color: transparent !important;
    color: transparent !important;
    width: 10vw !important;
    height: 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
}

#TBLQUIEROGASNATURAL ::-webkit-file-upload-button,
#TBL_COM_SOL_SUS ::-webkit-file-upload-button {
    background-image: url(../images/upload1.png) !important;
}

#TBLLLAE ::-webkit-file-upload-button {
    background-image: url(../images/upload3.png) !important;
}

#TBLQUIEROGASNATURAL .mcBlobAttrInputError,
#TBL_COM_SOL_SUS .mcBlobAttrInputError {
    cursor: pointer !important;
    width: 100% !important;
    height: 8vw !important;
    font-size: 4.3vw !important;
    border-radius: 20vw !important;
    margin-bottom: 3vw !important;
}

#TBLQUIEROGASNATURAL .mcBlobAttrInputError,
#TBL_COM_SOL_SUS .mcBlobAttrInputError {
    border: solid 0.8vw #f44336 !important;
    background-color: #f44336 !important;
    color: white !important;
}

#TBLLLAE .mcBlobAttrInputError {
    border: solid 0.8vw #f44336 !important;
    background-color: #f44336 !important;
    color: var(--t4) !important;
}


#TBLLLAE #GXT5,
#TBLQUIEROGASNATURAL #TEXTBLOCK2 {
    font-weight: normal !important;
    color: var(--f2) !important;
    margin-bottom: 2vw !important;
    font-size: 4vw !important;
}

#TBLLLAE #GXT5,
#TBLLLAE #GXT4,
#TBLCONTACTO #TEXTBLOCK3 {
    color: white !important;
    margin-bottom: 7vw !important;
    display: inline-block !important;
}

#TBLCALEFACCIONCENTRAL a,
#TBLQUIEROGASNATURAL a,
#TBL_COM_SOL_SUS a {
    width: 100%;
    display: inline-block;
    color: var(--t2) !important;
}

/* GXS END ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#TABLEMAIN,
#MAIN {
    background-color: var(--t2) !important;
    margin-top: 10vw;
}

#TABLEMAIN #BTN_ENTER {
    font-size: 2vw !important;
    margin: 0 !important;
}

#TABLEMAIN,
#MAIN,
input {
    padding: 1.5vw;
    border: none;
}

DIV.suggestions DIV {
    font-size: 5vw !important;
    color: var(--t2) !important;
    padding: 2vw !important;
}

DIV.suggestions DIV:hover {
    font-size: 5vw !important;
    color: var(--t2) !important;
    background-color: var(--f3) !important;
    padding: 2vw !important;
}

#gxAutosuggestElement {
    border: 0vw var(--f4) solid !important;
    overflow: hidden !important;
    border-radius: 5vw !important;
    box-shadow: 0vw 2vw 2vw rgba(0, 0, 0, 0.1) !important;
}

.ErrorViewer {
    box-shadow: 0vw 0vw 0vw rgb(0 0 0 / 0%) !important;
    margin-top: 2vw !important;
    margin-bottom: 2vw !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: inline-block !important;
    background-color: #f44336 !important;
    padding: 0vw !important;
    border-style: none !important;
    border-width: 0 !important;
    border-radius: 6vw !important;
    font-family: Arial;
    font-size: 5vw !important;
    font-weight: 400;
    color: white !important;
    max-width: 100% !important;
    text-align: left !important;
    z-index: 10;
    overflow: visible !important;
}

#mensaje-alert-ww span {
    color: white !important;
    font-size: 3vw;
    line-height: 5vw;
    width: 80%;
    display: inline-block;
}

#mensaje-alert-ww_bottom span {
    color: #a94442 !important;
    font-size: 3vw;
    line-height: 5vw;
    width: 80%;
    display: inline-block;
}

#pchsdiv {
    width: 1vw;
    height: 1vw;
    position: absolute;
    left: -1vw;
    top: -1vw;
    overflow: hidden;
}

/*  */
.gx-center-target {
    display: grid !important;
}

.FormTransparente {
    background-color: rgba(0, 0, 0, 0) !important;
}

.FormTransparenteAppe {
    background-color: rgba(0, 0, 0, 0) !important;
}

.TableRegSer {
    background-color: rgba(0, 0, 0, 0) !important;
}

.BtnEnter {
    position: relative !important;
    z-index: 1 !important;
    background-color: var(--f3) !important;
    font-size: 4.5vw !important;
    font-weight: bold !important;
    color: var(--t2) !important;
    display: inline-block !important;
    padding: 1.7vw !important;
    padding-left: 9.3vw !important;
    padding-right: 9.3vw !important;
    border-radius: 8vw !important;
    box-shadow: 0vw 1.4vw 2.7vw rgb(0 0 0 / 20%) !important;
    letter-spacing: 0.1vw !important;
    text-transform: none !important;
    transition: all 0.3s !important;
}

.BtnEnter:hover {
    box-shadow: 0vw 1.7vw 2.7vw rgb(0 0 0 / 25%) !important;
    color: var(--t4) !important;
    transition: all 0.3s !important;
}

/* enviar lectura */
#TBLLECTURASENV .ErrorViewer {
    display: none !important;
}

#TBLLECTURASENV .gx-tab-spacing-fix-2 {
    border-collapse: separate;
    border-spacing: 0px;
}

#TBLLECTURASENV tr:first-child {
    background-color: var(--f4);
    font-size: 1.8vw;
    border-radius: 1vw;
}

#TBLLECTURASENV #Grid1ContainerRow_0001 {
    background-color: var(--f2);
}

#TBLLECTURASENV .ReadonlyAttribute {
    font-size: 1.8vw !important;
    color: white !important;
    text-decoration: none !important;
    border: none !important;
}

#TBLLECTURASENV #span_LECTURAFOTO_0001 {
    font-size: 3vw !important;
}

#TBLLECTURASENV .gx-tab-padding-fix-1 {
    padding: 1.2vw;
}

#TBLLECTURASENV #FOTO_0001 {
    border: none !important;
}

#TBLLECTURASENV #Grid1ContainerRow_0001 td:first-child {
    text-align: left;
    border: none;
    width: 10%;
}

#TBLLECTURASENV tfoot {
    display: none !important;
}

/* quiero gas natural */
/* recuperar contraseña */
#TBLRECUPERARPASS label {
    color: white;
    font-size: 5vw;
}

#TBLRECUPERARPASS .Titulo {
    color: var(--t3);
    font-size: 5vw;
}

#TBLRECUPERARPASS .SubTitulo {
    color: white;
    font-size: 4vw;
    width: 94%;
    display: inline-block;
    line-height: 4.5vw;
    font-weight: normal;
}

#TBLRECUPERARPASS .BtnEnter {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t2) !important;
    border: 0 !important;
    width: 35vw !important;
    font-size: 5vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    padding-left: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-right: 3vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 7vw !important;
    text-indent: 3vw !important;
    box-shadow: 0vw 1.1vw 1.1vw rgb(0 0 0 / 30%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLRECUPERARPASS .BtnEnter:hover {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    width: 35vw !important;
    font-size: 5vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    padding-left: 3vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 7vw !important;
    text-indent: 3vw !important;
    box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 33%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLRECUPERARPASS .BtnEnter:focus {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    width: 35vw !important;
    font-size: 5vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    padding-left: 3vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 7vw !important;
    text-indent: 3vw !important;
    box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 33%) !important;
    font-family: 'Titillium Web' !important;
}

/* cambiar congtraseña */
/* agregar servicio */
#TBLAGREGARSERVICIO #mensaje-alert-ww span {
    color: #a94442 !important;
    font-size: 5vw;
    line-height: 5vw;
    width: 80%;
    display: inline-block;
    text-indent: 2vw;
}

#TBLAGREGARSERVICIO #mensaje-alert-ww_bottom span {
    color: #a94442 !important;
    font-size: 5vw;
    line-height: 5vw;
    width: 80%;
    display: inline-block;
    text-indent: 2vw;
}

#TBLAGREGARSERVICIO label {
    color: white;
    font-size: 5.7vw;
}

#TBLAGREGARSERVICIO span {
    color: white !important;
    font-size: 4.7vw;
}

#TBLAGREGARSERVICIO input {
    background-color: white;
    color: var(--t2);
    border: solid 1.3vw var(--f4);
    width: 88%;
    /* float: left; */
    font-size: 5.5vw;
    height: 10vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLAGREGARSERVICIO input:hover {
    background-color: white;
    color: var(--t2);
    border: solid 1.3vw var(--f3);
    width: 88%;
    /* float: left; */
    font-size: 5.5vw;
    height: 10vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLAGREGARSERVICIO input:focus {
    background-color: white;
    color: var(--t2);
    border: solid 1.3vw var(--f3);
    width: 88%;
    /* float: left; */
    font-size: 5.5vw;
    height: 10vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
    box-shadow: 0ve 1vw 1vw silver;
}

#TBLAGREGARSERVICIO .BtnEnter {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t2) !important;
    border: 0 !important;
    width: 62vw !important;
    font-size: 8vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 9vw !important;
    padding-left: 6vw !important;
    padding-right: 6vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 18vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 11vw !important;
    text-indent: 0vw !important;
    box-shadow: 0vw 2.1vw 2.1vw rgb(0 0 0 / 30%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLAGREGARSERVICIO .BtnEnter:hover {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    width: 62vw !important;
    font-size: 8vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 9vw !important;
    padding-left: 6vw !important;
    padding-right: 6vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 18vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 11vw !important;
    text-indent: 0vw !important;
    box-shadow: 0vw 2.7vw 2.7vw rgb(0 0 0 / 30%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLAGREGARSERVICIO .BtnEnter:focus {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    width: 62vw !important;
    font-size: 8vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 9vw !important;
    padding-left: 6vw !important;
    padding-right: 6vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 18vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 11vw !important;
    text-indent: 0vw !important;
    box-shadow: 0vw 2.7vw 2.7vw rgb(0 0 0 / 30%) !important;
    font-family: 'Titillium Web' !important;
}

/* actualiza tus datos */
#TBLACTUALIZARDATOS .BtnEnter {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t2) !important;
    border: 0 !important;
    width: 62vw !important;
    font-size: 8vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 9vw !important;
    padding-left: 6vw !important;
    padding-right: 6vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 18vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 11vw !important;
    text-indent: 0vw !important;
    box-shadow: 0vw 2.1vw 2.1vw rgb(0 0 0 / 30%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLACTUALIZARDATOS .BtnEnter:hover {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    width: 62vw !important;
    font-size: 8vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 9vw !important;
    padding-left: 6vw !important;
    padding-right: 6vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 18vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 11vw !important;
    text-indent: 0vw !important;
    box-shadow: 0vw 2.7vw 2.7vw rgb(0 0 0 / 30%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLACTUALIZARDATOS .BtnEnter:focus {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    width: 62vw !important;
    font-size: 8vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 9vw !important;
    padding-left: 6vw !important;
    padding-right: 6vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 18vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 11vw !important;
    text-indent: 0vw !important;
    box-shadow: 0vw 2.7vw 2.7vw rgb(0 0 0 / 30%) !important;
    font-family: 'Titillium Web' !important;
}

/* buscar por direccion */
#TBLBUSCARXDIR #GX1 {
    color: var(--t3);
    font-size: 3vw;
}

#TBLBUSCARXDIR label {
    color: white;
    font-size: 3.5vw;
}

#TBLBUSCARXDIR input {
    background-color: white;
    color: var(--t2);
    border: solid 0.7vw var(--f4);
    width: 96%;
    /* float: left; */
    font-size: 3.5vw;
    height: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLBUSCARXDIR input:hover {
    background-color: white;
    color: var(--t2);
    border: solid 0.7vw var(--f3);
    width: 96%;
    /* float: left; */
    font-size: 3.5vw;
    height: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLBUSCARXDIR input:focus {
    background-color: white;
    color: var(--t2);
    border: solid 0.7vw var(--f3);
    width: 96%;
    /* float: left; */
    font-size: 3.5vw;
    height: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
    box-shadow: 0ve 1vw 1vw silver;
}

#TBLBUSCARXDIR select {
    background-color: white;
    color: var(--t2);
    border: solid 0.7vw var(--f4);
    width: 88%;
    /* float: left; */
    font-size: 3.5vw;
    height: 12vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLBUSCARXDIR select:hover {
    background-color: white;
    color: var(--t2);
    border: solid 0.7vw var(--f3);
    width: 88%;
    /* float: left; */
    font-size: 3.5vw;
    height: 12vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLBUSCARXDIR select:focus {
    background-color: white;
    color: var(--t2);
    border: solid 0.7vw var(--f3);
    width: 88%;
    /* float: left; */
    font-size: 4.5vw;
    height: 12vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    text-indent: 3vw;
    box-shadow: 0vw 1vw 1vw silver;
}

#TBLBUSCARXDIR .BtnEnter {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t2) !important;
    border: 0 !important;
    width: 35vw !important;
    font-size: 5vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    padding-left: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-right: 3vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 7vw !important;
    text-indent: 3vw !important;
    box-shadow: 0vw 1.1vw 1.1vw rgb(0 0 0 / 30%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLBUSCARXDIR .BtnEnter:hover {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    width: 35vw !important;
    font-size: 5vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    padding-left: 3vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 7vw !important;
    text-indent: 3vw !important;
    box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 33%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLBUSCARXDIR .BtnEnter:focus {
    float: left;
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    width: 35vw !important;
    font-size: 5vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    padding-left: 3vw !important;
    margin-right: 3vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    text-align: center !important;
    border-radius: 7vw !important;
    text-indent: 3vw !important;
    box-shadow: 0vw 1.5vw 1.5vw rgb(0 0 0 / 33%) !important;
    font-family: 'Titillium Web' !important;
}

/* contacto */
/* solicitar producto */
#TBLSOLICITARPRODUCTO input {
    background-color: white;
    color: var(--t2);
    border: solid 1.4vw var(--f4);
    width: 89%;
    font-size: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSOLICITARPRODUCTO input:hover {
    background-color: white;
    color: var(--t2);
    border: solid 1.4vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSOLICITARPRODUCTO input:focus {
    background-color: white;
    color: var(--t2);
    border: solid 1.4vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSOLICITARPRODUCTO label {
    color: white;
    font-size: 7vw;
    line-height: 10vw;
}

#TBLSOLICITARPRODUCTO span {
    color: white;
    font-size: 8vw;
    line-height: 10vw;
    width: 100%;
    display: inline-block;
}

#TBLSOLICITARPRODUCTO a {
    color: white !important;
    font-size: 2.5vw;
    line-height: 2.5vw;
    width: 80%;
    display: inline-block;
}

#TBLSOLICITARPRODUCTO a {
    color: white !important;
    font-size: 2.5vw;
    line-height: 2.5vw;
    width: 80%;
    font-weight: bold;
    display: inline-block;
}

#TBLSOLICITARPRODUCTO .BtnEnter {
    background-color: var(--f3) !important;
    color: var(--t2) !important;
    border: 0 !important;
    font-size: 10vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    height: 26vw !important;
    text-align: center !important;
    border-radius: 29vw !important;
    box-shadow: 0vw 4.1vw 4.1vw rgb(0 0 0 / 10%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLSOLICITARPRODUCTO .BtnEnter:hover {
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    font-size: 10vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    height: 26vw !important;
    text-align: center !important;
    border-radius: 29vw !important;
    box-shadow: 0vw 4.1vw 4.1vw rgb(0 0 0 / 15%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLSOLICITARPRODUCTO .BtnEnter:focus {
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    font-size: 10vw !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    padding: 6vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    height: 26vw !important;
    text-align: center !important;
    border-radius: 29vw !important;
    box-shadow: 0vw 4.1vw 4.1vw rgb(0 0 0 / 15%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLSOLICITARPRODUCTO .gx-form-group {
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#TBLSOLICITARPRODUCTO textarea {
    background-color: white;
    color: var(--t2);
    height: 45vw;
    text-indent: 3vw;
    border: solid 1.4vw var(--f4);
    width: 89%;
    font-size: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSOLICITARPRODUCTO textarea:hover {
    background-color: white;
    color: var(--t2);
    height: 45vw;
    text-indent: 3vw;
    border: solid 1.4vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSOLICITARPRODUCTO textarea:focus {
    background-color: white;
    color: var(--t2);
    height: 45vw;
    text-indent: 3vw;
    border: solid 1.4vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 1vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

/* llae */
/* servicio técnico */
#TBLSERVICIOTECNICO input {
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f4);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSERVICIOTECNICO input:hover {
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSERVICIOTECNICO input:focus {
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSERVICIOTECNICO select {
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f4);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSERVICIOTECNICO select:hover {
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSERVICIOTECNICO select:focus {
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    border-radius: 11vw;
    display: inline-block;
    text-indent: 3vw;
}

#TBLSERVICIOTECNICO label {
    color: white;
    font-size: 6vw;
    line-height: 7vw;
}

#TBLSERVICIOTECNICO span {
    color: white;
    font-size: 6vw;
    line-height: 10vw;
    width: 100%;
    display: inline-block;
}

#TBLSERVICIOTECNICO a {
    color: white !important;
    font-size: 2.5vw;
    line-height: 2.5vw;
    width: 80%;
    display: inline-block;
}

#TBLSERVICIOTECNICO a {
    color: white !important;
    font-size: 2.5vw;
    line-height: 2.5vw;
    width: 80%;
    font-weight: bold;
    display: inline-block;
}

#TBLSERVICIOTECNICO .BtnEnter {
    background-color: var(--f3) !important;
    color: var(--t2) !important;
    border: 0 !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    height: 14vw !important;
    padding: 9vw !important;
    font-size: 7vw !important;
    text-align: center !important;
    border-radius: 29vw !important;
    box-shadow: 0vw 4.1vw 4.1vw rgb(0 0 0 / 10%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLSERVICIOTECNICO .BtnEnter:hover {
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    height: 14vw !important;
    padding: 9vw !important;
    font-size: 7vw !important;
    text-align: center !important;
    border-radius: 29vw !important;
    box-shadow: 0vw 4.1vw 4.1vw rgb(0 0 0 / 10%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLSERVICIOTECNICO .BtnEnter:focus {
    background-color: var(--f3) !important;
    color: var(--t4) !important;
    border: 0 !important;
    line-height: 1vw !important;
    letter-spacing: 0vw !important;
    margin-bottom: 2vw !important;
    margin-left: 0vw !important;
    margin-top: 2vw !important;
    text-indent: 0vw !important;
    height: 14vw !important;
    padding: 9vw !important;
    font-size: 7vw !important;
    text-align: center !important;
    border-radius: 29vw !important;
    box-shadow: 0vw 4.1vw 4.1vw rgb(0 0 0 / 10%) !important;
    font-family: 'Titillium Web' !important;
}

#TBLSERVICIOTECNICO .gx-form-group {
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#TBLSERVICIOTECNICO textarea {
    display: inline-block;
    text-indent: 3vw;
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f4);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    height: 45vw;
    text-indent: 3vw;
}

#TBLSERVICIOTECNICO textarea:hover {
    display: inline-block;
    text-indent: 3vw;
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    border-radius: 7vw;
    display: inline-block;
    height: 45vw;
    height: 45vw;
    text-indent: 3vw;
}

#TBLSERVICIOTECNICO textarea:focus {
    display: inline-block;
    text-indent: 3vw;
    background-color: white;
    color: var(--t2);
    border: solid 1.1vw var(--f3);
    width: 89%;
    font-size: 8vw;
    padding: 3vw;
    margin-bottom: 2vw;
    display: inline-block;
    height: 45vw;
    text-indent: 3vw;
}

/* TableMainMaster */
#TABLEMAINMASTER {
    background-color: #3B9BC4;
    margin: 3vw;
    padding: 3vw;
    border-radius: 2vw;
    margin-top: 10vw;
    font-size: 1.3vw;
    line-height: 1.5vw;
}

#TABLEMAINMASTER input,
#TABLEMAINMASTER textarea,
#TABLEMAINMASTER select {
    border: solid 0.16vw var(--f4);
    font-size: 1.2vw;
    color: var(--t4);
    padding: 0.8vw;
    border-radius: 1vw;
    width: 50%;
}

#TABLEMAINMASTER .input-group-btn {
    cursor: pointer;
    width: 10%;
    margin-right: 3%;
    /*float: right;*/
}

#TABLEMAINMASTER #BASEPROMODESDE_dp_trigger,
#TABLEMAINMASTER #BASEPROMOHASTA_dp_trigger {
    width: 4vw;
}

#TABLEMAINMASTER .BtnEnter,
#TABLEMAINMASTER .BtnCancel {
    margin-top: 2vw !important;
    margin-right: 2vw !important;
    font-size: 1.5vw !important;
    padding: 1vw !important;
    color: white !important;
    background-color: #004660 !important;
    width: auto !important;
    height: auto !important;
    padding: 2vw !important;
    padding-left: 4vw !important;
    padding-right: 4vw !important;
    letter-spacing: normal !important;
    border-radius: 7vw !important;
}

#TABLEMAINMASTER .Title {
    font-size: 2vw !important;
    color: white !important;
}

/* Add */
@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../fonts/glyphicons-halflings-regular.eot");
    src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

.alert-success {
    color: white;
    background-color: #3ac700;
    /* border-color: #d6e9c6; */
    border-radius: 2vw;
    text-indent: 1vw;
    box-shadow: 0vw 1vw 1vw rgb(0 0 0 / 20%);
    margin-bottom: 2vw;
    display: inline-block;
    width: 100%;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-success span {
    color: white !important;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    padding: 2vw;
    border-radius: 2vw;
    font-size: 3.5vw;
    font-weight: bold;
    border-color: #ebccd1;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

#aivochat-launcher {
    border: solid red 1px !important;
}