.imgBanner {
    width: 100%;
    height: 324px;
    object-fit: cover;
    margin: 42px 0px;
}

.backgroundImage .c-h1 {
	color: #FFFFFF;
}
.backgroundImage p {
	color: #FFFFFF;
}
.backgroundImage .row {
	min-height: 375px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.backgroundImage .row .separacion-titular {
	padding-top: 0;
}

.cardsGrid {
	margin-top: 25px;
	margin-bottom: 25px;
}
.enlaceCodigoEtico {
    color: #0070B7;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0.01rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.card-container {
    display: flex;
    padding-top: 32px;
    align-items: flex-start;
    flex-wrap: wrap;
    color: #000;
    justify-content: space-between;
}

.btn-sostenibilidad {
    width: 50%;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(151, 151, 151, 0.00);
    background: #D7192D;
    color: #FFF;
    font-family: Verdana;
    font-size: 14px;
    font-weight: 700;
}

.volamosContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 32px;
}

.card {
    width: 293px;
    border-radius: 4px;
    border: 8px solid #EAEAEA;
    background: #FFF;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    perspective: 1000px;
    
    transition: transform 1s;
    transform-style: preserve-3d;
}
.card.flipCard {
	cursor: pointer;
	min-height: 400px;
}

.card.flipped {
    transform: rotateY(180deg);
}

.card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.card-content img {
    width: 60px;
}

.card-content img:first-child {
    margin-bottom: 8px;
}

.card-content .card-title {
    color: #0090D0;
    text-align: center;
    font-family: "iberia_headline";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.022rem;
}

.card-content .card-subtitle {
    font-family: Verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.cardTransparencia-container {
    display: flex;
    padding: 16px;
    flex-direction: row;
    justify-content: center;
    gap: 48px;
    margin-top: 40px;
}

.cardTransparencia-container .card-transparencia {
    display: flex;
    flex-direction: column;
    width: 293px;
    align-items: center;
    gap: 16px;
}

.card-alianza-container .card img.iconTransparencia {
    width: 62px;
}

.card-nobtn {
    display: flex;
    width: 293px;
    min-height: 400px;
    padding: 16px;
    flex-direction: column;
    align-items: left;
    gap: 8px;
    border-radius: 4px;
}

.card-nobtn img {
    width: 100%;
    height: 204px;
    object-fit: cover;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.card-title {
    color: #0090D0;
    font-family: "iberia_headline";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.022rem;
}

.card-subtitle {
    color: #000;
    font-family: Verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.imgBannerPlaneta {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 150%;
    height: 375px;
    width: 100%;
    object-fit: cover;
    filter: brightness(50%);
}

.bannerText {
    min-height: 190px;
}

.bannerText .c-h1,
.bannerText p {
    color: #FFF;
    text-align: center;
}

.sectionRiesgos {
    padding-bottom: 36px;
}

.divDescarbonizacion {
    margin-top: 20px;
}

.card-grid {
    display: flex;
}

.card-grid .blq-img {
    height: 400px;
}

.card-grid .blq-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.card-grid .blq-dos {
    display: flex;
    flex-direction: column;
    height: 400px;
    right: 300px;
    position: absolute;
    width: 300px;
}

.sectionEficiencia {
    margin: 40px 0;
}

.card-grid-eficiencia {
    display: flex;
    flex-direction: row;
}

.card-grid-eficiencia .grey {
    background-color: #F7F6F4;
}

.card-grid-eficiencia .card-eficiencia {
    width: 50%;
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.card-grid-eficiencia .card-eficiencia .card-title-container {
    margin-bottom: 24px;
}

.card-grid-eficiencia .card-eficiencia .card-title-container .card-title {
    color: #D7192D;
    font-family: "iberia_headline";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}

.card-grid-eficiencia .card-eficiencia .card-title-container .card-subtitle {
    color: #333;
    font-family: "iberia_headline";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}

.card-grid-eficiencia .mt {
    margin-top: 40px;
}

.card-grid-eficiencia .mb {
    margin-bottom: 40px;
}

.card-grid-eficiencia .card-eficiencia-img {
    width: 50%;
}

.card-grid-eficiencia .card-eficiencia-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-alianza-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.card-alianza-container .card {
    border: none;
    width: 40%;
}

.card-alianza-container .card img {
	width: 100%;
}

.card-front,
.card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 25px;
    backface-visibility: hidden;
}

.card-front .icon-flip-container,
.card-back .icon-flip-container {
    display: flex;
    justify-content: end;
    width: 100%;
}

.card-front .icon-flip-container .icon-flip,
.card-back .icon-flip-container .icon-flip {
    width: 34px;
    margin: 0px;
}

.card-front {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-front img {
    width: 79px;
    margin-bottom: 16px;
}

.card-back {
    transform: rotateY(180deg);
    background-color: #0090D0;
    text-align: right;
}

.card-back p {
    color: white;
}

.blq-1 {
    height: 200px;
    width: 300px;
    position: absolute;
    overflow: hidden;
    transition: 0.5s ease;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    background-color: #005D86;
}

.blq-1 p {
    color: #FFF;
}

.blq-1:hover {
    cursor: pointer;
}

.blq-1.blq-1--expanded {
    height: 400px;
    z-index: 10;
}

.blq-1__info {
    position: absolute;
    top: 20px;
}

.blq-1__info-display {
    display: block;
    width: 100%;
    font-weight: 700;
}

.blq-1__data {
    opacity: 0;
}

.blq-1--unexpanded > .blq-1__data,
.blq-1--expanded > .blq-1__data {
    top: 213px;
    position: absolute;
    color: #FFF;
}

.blq-1--unexpanded > .blq-1__data {
    opacity: 0;
}

.blq-1--expanded > .blq-1__data {
    opacity: 1;
}

.blq-1__data > * > * {
    display: block;
}

/* BLQ 2 */

.blq-2 {
    z-index: 5;
    position: relative;
    top: 200px;
    height: 200px;
    display: flex;
    padding: 20px 16px;
    background-color: #FFF;
    opacity: 1;
    visibility: visible;
    right: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    overflow: hidden;
    transition: 0.5s ease;
}

.blq-2:hover {
    cursor: pointer;
}

.blq-2.blq-2--expanded {
    height: 400px;
    top: 0;
    z-index: 10;
}

.blq-2__info {
    position: absolute;
    top: 20px;
}

.blq-2__info-display {
    display: block;
    width: 100%;
    font-weight: 700;
}

.blq-2__data {
    opacity: 0;
}

.blq-2--unexpanded > .blq-2__data,
.blq-2--expanded > .blq-2__data {
    top: 165px;
    position: absolute;
    color: #FFF;
}

.blq-2--unexpanded > .blq-2__data {
    opacity: 0;
}

.blq-2--expanded > .blq-2__data {
    opacity: 1;
}

.blq-2__data > * > * {
    display: block;
}

/* BLQ 3 */

.blq-3 {
    right: 0;
    display: flex;
    padding: 20px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    background-color: #D7192D;
    width: 300px;
    height: 400px;
    position: absolute;
    overflow: hidden;
    transition: 0.5s ease;
    display: inline-block;
    vertical-align: top;
}

.blq-3 p {
    color: #FFF;
}

.blq-3:hover {
    cursor: pointer;
}

.blq-3.blq-3--expanded {
    width: 600px;
    z-index: 10;
}

.blq-3__info {
    position: absolute;
    top: 20px;
}

.blq-3__info-display {
    display: block;
    width: 100%;
    font-weight: 700;
}

.blq-3__data {
    opacity: 0;
}

.blq-3--unexpanded > .blq-3__data,
.blq-3--expanded > .blq-3__data {
    top: 185px;
    position: absolute;
    color: #FFF;
}

.blq-3--unexpanded > .blq-3__data {
    opacity: 0;
}

.blq-3--expanded > .blq-3__data {
    opacity: 1;
}

.blq-3__data > * > * {
    display: block;
}