:root {
  --dsolutions-green: #00A443;
  --dsolutions-green-1: #007F33;
  --dsolutions-white: #FFFFFF;
  --dsolutions-forest: #00402A;
  --dsolutions-sand: #FFF5EC;
  --dsolutions-sand-1: #FFFEFF;
  --dsolutions-sand-3: #D8CFC7;
  --dsolutions-sand-7: #3A3735;
  
}

#dsolutions {
  width: 100%;
  max-width: 980px;
  padding: 24px 16px;
  margin: 20px auto;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  border: 1px solid var(--dsolutions-sand-3);
  background: var(--dsolutions-white);
}

#dsolutions * {
  font-family: 'IberPangea' !important;
  font-style: normal;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#dsolutions h2 {
  margin-top: 0 !important;
}

#dsolutions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#dsolutions ul li:before {
  content: none !important;
  display: none !important;
}

#dsolutions img,
#dsolutions svg {
  display: block;
  width: 100%;
}

#dsolutions .dsolutions_title {
  color: var(--dsolutions-green-1) !important;
  font-size: 32px;
  line-height: 1.125;
  font-family: 'IberPangea' !important;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  text-wrap: balance;
  width: 100%;
  margin-bottom: 36px;
}

#dsolutions .dsolutions_title strong {
  font-family: 'IberPangea Bold' !important;
  font-style: normal;
  font-weight: normal;
}

#dsolutions .dsolutions_media {
  width: 100%;
  max-width: 258px;
  margin: 0 auto;
  position: relative;
}

#dsolutions .dsolutions_media:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('/wcorp/gc/prod/es_ES/estaticos/soluciones-descarbonizacion/images/bg-lines-m.svg');
  background-position: center 55px;
  background-repeat: no-repeat;
  background-size: 257px auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#dsolutions .dsolutions_item {
  border-radius: 15px;
  border: 1px solid var(--dsolutions-sand-3);
  background: var(--dsolutions-white);
  padding: 16px 16px 8px;
  width: 100%;
  max-width: 225px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  position: relative;
  z-index: 2;
}

#dsolutions .dsolutions_item-3 {
  margin-bottom: -20px;
}

#dsolutions .dsolutions_item_title {
  color: var(--dsolutions-sand-7);
  font-family: "IberPangeaText" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  text-wrap: balance;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--dsolutions-sand-3);
  margin-bottom: 8px;
}

#dsolutions .dsolutions_link {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border-radius: 8px;
}

#dsolutions .dsolutions_link:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('/wcorp/gc/prod/es_ES/estaticos/soluciones-descarbonizacion/images/ico-flecha.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

#dsolutions .dsolutions_link:hover,
#dsolutions .dsolutions_link:focus-visible {
  background-color: var(--dsolutions-green-1);
}

#dsolutions .dsolutions_link_logo {
  width: auto;
  height: 50px;
}

#dsolutions .dsolutions_link:hover .dsolutions_link_logo,
#dsolutions .dsolutions_link:focus-visible .dsolutions_link_logo,
#dsolutions .dsolutions_link:hover:before,
#dsolutions .dsolutions_link:focus-visible:before {
  filter: brightness(0) invert(1);
}


@media (min-width: 700px) {

  #dsolutions {
    padding: 24px;
  }

  #dsolutions .dsolutions_media {
    max-width: 517px;
    padding-top: 122px;
    padding-bottom: 121px;
  }

  #dsolutions .dsolutions_media:before {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/soluciones-descarbonizacion/images/bg-lines-t.svg');
    background-position: 89px 66px;
    background-size: 322px auto;
  }

  #dsolutions .dsolutions_map {
    max-width: 493px;
    margin-right: auto;
  }

  #dsolutions .dsolutions_item {
    position: absolute;
    max-width: 250px;
    margin-bottom: 0;
  }

  #dsolutions .dsolutions_item-1 {
    left: 0;
    bottom: 0;
  }

  #dsolutions .dsolutions_item-2 {
    right: 0;
    top: 0;
  }

  #dsolutions .dsolutions_item-3 {
    left: 0;
    top: 0;
  }

  #dsolutions .dsolutions_item-4 {
    right: 0;
    top: 136px;
  }

  #dsolutions .dsolutions_item-5 {
    right: 0;
    bottom: 0;
  }

}

@media (min-width: 1080px) {

  #dsolutions {
    padding: 36px;
  }

  #dsolutions .dsolutions_media {
    max-width: 908px;
    padding-top: 87px;
    padding-bottom: 0px;
  }

  #dsolutions .dsolutions_media:before {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/soluciones-descarbonizacion/images/bg-lines-d.svg');
    background-position: 82px 154px;
    background-size: 718px auto;
  }

  #dsolutions .dsolutions_map {
    max-width: 100%;
  }

  #dsolutions .dsolutions_item {
    max-width: 220px;
    padding-bottom: 16px;
  }

  #dsolutions .dsolutions_item_title {
    padding-right: 35%;
    margin-bottom: 16px;
  }

  #dsolutions .dsolutions_item-1 .dsolutions_item_title {
    padding-right: 45%;
  }

  #dsolutions .dsolutions_item-5 .dsolutions_item_title {
    padding-right: 25%;
  }

  #dsolutions .dsolutions_item-4 .dsolutions_item_title {
    padding-right: 0%;
  }

  #dsolutions .dsolutions_item-1 {
    left: 0;
    bottom: 0;
  }

  #dsolutions .dsolutions_item-2 {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }

  #dsolutions .dsolutions_item-3 {
    left: 0;
    top: 0;
  }

  #dsolutions .dsolutions_item-4 {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
  }

  #dsolutions .dsolutions_item-5 {
    right: 0;
    bottom: auto;
    top: 0;
  }

  #column-2 #dsolutions {
    padding: 24px;
  }

  #column-2 #dsolutions .dsolutions_media {
    max-width: 517px;
    padding-top: 122px;
    padding-bottom: 121px;
  }

  #column-2 #dsolutions .dsolutions_media:before {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/soluciones-descarbonizacion/images/bg-lines-t.svg');
    background-position: 89px 66px;
    background-size: 322px auto;
  }

  #column-2 #dsolutions .dsolutions_map {
    max-width: 493px;
    margin-right: auto;
  }

  #column-2 #dsolutions .dsolutions_item {
    max-width: 250px;
    padding-bottom: 8px;
  }

  #column-2 #dsolutions .dsolutions_item_title {
    padding-right: 0;
    margin-bottom: 8px;
  }

  #column-2 #dsolutions .dsolutions_item-1 .dsolutions_item_title,
  #column-2 #dsolutions .dsolutions_item-4 .dsolutions_item_title,
  #column-2 #dsolutions .dsolutions_item-5 .dsolutions_item_title {
    padding-right: 0;
  }

  #column-2 #dsolutions .dsolutions_item-1 {
    left: 0;
    bottom: 0;
  }

  #column-2 #dsolutions .dsolutions_item-2 {
    right: 0;
    left: auto;
    transform: none;
    top: 0;
  }

  #column-2 #dsolutions .dsolutions_item-3 {
    left: 0;
    top: 0;
  }

  #column-2 #dsolutions .dsolutions_item-4 {
    right: 0;
    left: auto;
    transform: none;
    top: 136px;
    bottom: auto;
  }

  #column-2 #dsolutions .dsolutions_item-5 {
    right: 0;
    bottom: 0;
    top: auto;
  }
 
}