:root {
  --digitalint-white: #FFFFFF;
  --digitalint-sand-1: #FFFEFF;
  --digitalint-sand-7: #3A3735;
  --digitalint-forest: #00402A;
  --digitalint-green: #00A443;
  --digitalint-green-1: #007F33;
  --digitalint-border: #D8CFC7;
  --digitalint-sky-4: #6BDAFF;
  --digitalint-sky-1: #007ACB;
  --digitalint-sunset-1: #C66D00;
  --digitalint-sunset-4: #FFCD52;
  --digitalint-green-4: #5BD38C;
  --digitalint-forest-4: #2F6852;
  --digitalint-forest-1: #DCEBE1;
}

#digitalint {
  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(--digitalint-border);
  background-color: var(--digitalint-white);
}

#digitalint * {
  font-family: "IberPangeaText" !important;
  font-style: normal;
  font-weight: normal;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#digitalint strong {
  font-family: "IberPangeaText Bold" !important;
  font-weight: normal;
}

#digitalint h2,
#digitalint h3,
#digitalint h4 {
  margin-top: 0 !important;
}

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

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

#digitalint img {
  display: block;
  width: 100%;
}

#digitalint .digitalint_title {
  color: var(--digitalint-green-1) !important;
  font-size: 32px;
  line-height: 1.125;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea" !important;
  text-align: left;
  margin-right: auto;
  margin-bottom: 16px;
}

#digitalint .digitalint_title strong {
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangea Bold" !important;
}

#digitalint .digitalint_description {
  color: var(--digitalint-forest) !important;
  font-size: 18px;
  line-height: 1.33;
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangeaText" !important;
  text-align: left;
  text-wrap: balance;
  margin-bottom: 16px;
}

#digitalint .digitalint_description strong {
  font-style: normal;
  font-weight: normal;
  font-family: "IberPangeaText Bold" !important;
}

#digitalint .digitalint_content {

}

#digitalint .digitalint_accordion {
  
}

#digitalint .digitalint_accordion_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 54px 16px 16px;
  position: relative;
  color: var(--digitalint-forest) !important;
  font-family: "IberPangea" !important;
  font-size: 18px;
  line-height: 1.22;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  cursor: pointer;
}

#digitalint .digitalint_accordion-2 .digitalint_accordion_title,
#digitalint .digitalint_accordion-3 .digitalint_accordion_title,
#digitalint .digitalint_accordion-6 .digitalint_accordion_title,
#digitalint .digitalint_accordion-7 .digitalint_accordion_title {
  color: var(--digitalint-sand-1) !important;
}

#digitalint .digitalint_accordion-1 .digitalint_accordion_title {
  border-radius: 16px 16px 0 0;
  background-color: var(--digitalint-sky-4);
}

#digitalint .digitalint_accordion-2 .digitalint_accordion_title {
  background-color: var(--digitalint-sky-1);
}

#digitalint .digitalint_accordion-3 .digitalint_accordion_title {
  background-color: var(--digitalint-sunset-1);
}

#digitalint .digitalint_accordion-4 .digitalint_accordion_title {
  background-color: var(--digitalint-sunset-4);
}

#digitalint .digitalint_accordion-5 .digitalint_accordion_title {
  background-color: var(--digitalint-green-4);
}

#digitalint .digitalint_accordion-6 .digitalint_accordion_title {
  background-color: var(--digitalint-green-1);
}

#digitalint .digitalint_accordion-7 .digitalint_accordion_title {
  background-color: var(--digitalint-forest-4);
}

#digitalint .digitalint_accordion-8 .digitalint_accordion_title {
  border-radius: 0 0 16px 16px;
  background-color: var(--digitalint-forest-1);
}

#digitalint .digitalint_accordion-8.active .digitalint_accordion_title {
  border-radius: 0;
}

#digitalint .digitalint_accordion_title:before {
  content: '';
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/ico-mas.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

#digitalint .digitalint_accordion.active .digitalint_accordion_title:before {
  background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/ico-cerrar.svg');
}

#digitalint .digitalint_accordion_content {
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  overflow: hidden;
  position: relative;
}

#digitalint .digitalint_accordion.active .digitalint_accordion_content {
  max-height: 1000px;
  transition: max-height 0.5s ease-in-out;
}

#digitalint .digitalint_accordion-8.active .digitalint_accordion_content {
  border-radius: 0 0 16px 16px;
}

#digitalint .digitalint_accordion_content:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.3;
}

#digitalint .digitalint_accordion-1 .digitalint_accordion_content:before {
  background-color: var(--digitalint-sky-4);
}

#digitalint .digitalint_accordion-2 .digitalint_accordion_content:before {
  background-color: var(--digitalint-sky-1);
}

#digitalint .digitalint_accordion-3 .digitalint_accordion_content:before {
  background-color: var(--digitalint-sunset-1);
}

#digitalint .digitalint_accordion-4 .digitalint_accordion_content:before {
  background-color: var(--digitalint-sunset-4);
}

#digitalint .digitalint_accordion-5 .digitalint_accordion_content:before {
  background-color: var(--digitalint-green-4);
}

#digitalint .digitalint_accordion-6 .digitalint_accordion_content:before {
  background-color: var(--digitalint-green-1);
}

#digitalint .digitalint_accordion-7 .digitalint_accordion_content:before {
  background-color: var(--digitalint-forest-4);
}

#digitalint .digitalint_accordion-8 .digitalint_accordion_content:before {
  background-color: var(--digitalint-forest-1);
}

#digitalint .digitalint_accordion_list {
  padding: 16px 8px;
  position: relative;
  z-index: 1;
}

#digitalint .digitalint_accordion_list_item {
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: center;
  border-bottom: 1px dashed var(--digitalint-white);
  color: var(--digitalint-forest) !important;
  font-family: "IberPangeaText" !important;
  font-size: 14px;
  line-height: 1.48;
  font-style: normal;
  font-weight: normal;
}

#digitalint .digitalint_accordion_list_item:first-child {
  padding-top: 0;
}

#digitalint .digitalint_accordion_list_item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

#digitalint .digitalint_source {
  color: var(--digitalint-sand-7) !important;
  font-family: "IberPangeaText" !important;
  font-size: 14px;
  line-height: 1.28;
  font-style: italic;
  font-weight: normal;
  text-align: left;
  margin-top: 16px;
}

#digitalint .digitalint_nav {
  display: none;
}

#digitalint .digitalint_label {
  display: none;
}

@media (min-width: 700px) {

  #digitalint {
    padding: 34px 32px;
  }

  #digitalint .digitalint_content {
    position: relative;
    height: 418px;
    border-radius: 16px;
    overflow: hidden;
  }

  #digitalint .digitalint_inner {
    width: 731px;
    height: 731px;
    border-radius: 100%;
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/circle.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0deg);
    transition: transform 1s;
    position: absolute;
    top: 52px;
    right: 0;
  }

  #digitalint .digitalint_accordion_title {
    background-color: transparent !important;
    font-size: 24px;
    line-height: 1.16;
    width: 365px;
    padding-left: 65px;
    text-align: left;
    text-wrap: balance;
    position: absolute;
    transform-origin: center bottom;
    cursor: default;
  }

  #digitalint .digitalint_accordion-1 .digitalint_accordion_title {
    transform: rotate(-22deg);
    top: 257px;
    left: 378px;
  }

  #digitalint .digitalint_accordion-2 .digitalint_accordion_title {
    transform: rotate(23deg);
    top: 406px;
    left: 354px;
  }

  #digitalint .digitalint_accordion-3 .digitalint_accordion_title {
    transform: rotate(68deg);
    top: 498px;
    left: 231px;
  }

  #digitalint .digitalint_accordion-4 .digitalint_accordion_title {
    transform: rotate(112deg);
    top: 449px;
    left: 65px;
  }

  #digitalint .digitalint_accordion-5 .digitalint_accordion_title {
    transform: rotate(158deg);
    top: 350px;
    left: -12px;
  }

  #digitalint .digitalint_accordion-6 .digitalint_accordion_title {
    transform: rotate(-156deg);
    top: 199px;
    left: 12px;
  }

  #digitalint .digitalint_accordion-7 .digitalint_accordion_title {
    transform: rotate(-108deg);
    top: 108px;
    left: 142px;
  }

  #digitalint .digitalint_accordion-8 .digitalint_accordion_title {
    transform: rotate(-65deg);
    top: 135px;
    left: 286px;
  }

  #digitalint .digitalint_accordion_title:before {
    display: none;
    content: none;
  }
  
  #digitalint[data-current="1"] .digitalint_accordion-1 .digitalint_accordion_title,
  #digitalint[data-current="2"] .digitalint_accordion-2 .digitalint_accordion_title,
  #digitalint[data-current="3"] .digitalint_accordion-3 .digitalint_accordion_title,
  #digitalint[data-current="4"] .digitalint_accordion-4 .digitalint_accordion_title,
  #digitalint[data-current="5"] .digitalint_accordion-5 .digitalint_accordion_title,
  #digitalint[data-current="6"] .digitalint_accordion-6 .digitalint_accordion_title,
  #digitalint[data-current="7"] .digitalint_accordion-7 .digitalint_accordion_title,
  #digitalint[data-current="8"] .digitalint_accordion-8 .digitalint_accordion_title {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }


  #digitalint .digitalint_label {
    display: flex;
    color: var(--digitalint-forest) !important;
    font-size: 18px;
    line-height: 1.22;
    font-family: "IberPangea Medium" !important;
    font-weight: normal;
    font-style: normal;
    width: auto;
    text-wrap: balance;
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 16px;
    border-radius: 50px;
    opacity: 0;
    transition: opacity 0.5s;
  }

  #digitalint[data-current="1"] .digitalint_label-1,
  #digitalint[data-current="2"] .digitalint_label-2,
  #digitalint[data-current="3"] .digitalint_label-3,
  #digitalint[data-current="4"] .digitalint_label-4,
  #digitalint[data-current="5"] .digitalint_label-5,
  #digitalint[data-current="6"] .digitalint_label-6,
  #digitalint[data-current="7"] .digitalint_label-7,
  #digitalint[data-current="8"] .digitalint_label-8 {
    opacity: 1;
  }


  #digitalint .digitalint_label-1 {
    background-color: var(--digitalint-sky-4);
  }
  
  #digitalint .digitalint_label-2 {
    color: var(--digitalint-sand-1) !important;
    background-color: var(--digitalint-sky-1);
  }
  
  #digitalint .digitalint_label-3 {
    color: var(--digitalint-sand-1) !important;
    background-color: var(--digitalint-sunset-1);
  }
  
  #digitalint .digitalint_label-4 {
    background-color: var(--digitalint-sunset-4);
  }
  
  #digitalint .digitalint_label-5 {
    background-color: var(--digitalint-green-4);
  }
  
  #digitalint .digitalint_label-6 {
    color: var(--digitalint-sand-1) !important;
    background-color: var(--digitalint-green-1);
  }
  
  #digitalint .digitalint_label-7 {
    color: var(--digitalint-sand-1) !important;
    background-color: var(--digitalint-forest-4);
  }
  
  #digitalint .digitalint_label-8 {
    background-color: var(--digitalint-forest-1);
  }

  #digitalint .digitalint_accordion_content {
    position: absolute;
    width: 367px;
    height: 259px;
    right: 0;
    top: 106px;
    opacity: 0;
    transition: opacity 0s;
    max-height: 1000px !important;
  }

  #digitalint .digitalint_accordion_list {
    width: 367px;
    height: 259px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
  }

  #digitalint .digitalint_accordion_content:before {
    content: none;
    display: none;
  }

  #digitalint .digitalint_accordion_list {
    padding: 0;
  }

  #digitalint .digitalint_accordion_list_item {
    text-align: right;
    position: absolute;
    border-bottom: none;
    width: 240px;
  }

  #digitalint .digitalint_accordion_list_item:nth-of-type(1) {
    transform: rotate(-38deg);
    top: 136px;
    left: 26px;
  }

  #digitalint .digitalint_accordion_list_item:nth-of-type(2) {
    transform: rotate(-23deg);
    top: 169px;
    left: 48px;
  }

  #digitalint .digitalint_accordion_list_item:nth-of-type(3) {
    transform: rotate(-6deg);
    top: 216px;
    left: 60px;
  }

  #digitalint .digitalint_accordion-1 .digitalint_accordion_list {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/bg-1.svg');
  }

  #digitalint .digitalint_accordion-2 .digitalint_accordion_list {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/bg-2.svg');
  }

  #digitalint .digitalint_accordion-3 .digitalint_accordion_list {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/bg-3.svg');
  }

  #digitalint .digitalint_accordion-4 .digitalint_accordion_list {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/bg-4.svg');
  }

  #digitalint .digitalint_accordion-5 .digitalint_accordion_list {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/bg-5.svg');
  }

  #digitalint .digitalint_accordion-6 .digitalint_accordion_list {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/bg-6.svg');
  }

  #digitalint .digitalint_accordion-7 .digitalint_accordion_list {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/bg-7.svg');
  }

  #digitalint .digitalint_accordion-8 .digitalint_accordion_list {
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/bg-8.svg');
  }

  #digitalint .digitalint_source {
    margin-top: 24px;
  }

  #digitalint .digitalint_nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 25px;
  }

  #digitalint .digitalint_nav_total {
    border-radius: 24px;
    border: 1px solid var(--digitalint-forest);
    padding: 5px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--digitalint-forest) !important;
    font-family: "IberPangeaText" !important;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.28;
    gap: 4px;
    margin-right: auto;
  }

  #digitalint .digitalint_nav_current {
    color: var(--digitalint-green-1) !important;
  }

  #digitalint .digitalint_nav_prev {
    display: block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/ico-prev.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
  }

  #digitalint[data-current="1"] .digitalint_nav_prev {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
  }

  #digitalint .digitalint_nav_next {
    display: block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/perfiles-digitales/images/ico-next.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 16px;
    cursor: pointer;
  }

  #digitalint[data-current="8"] .digitalint_nav_next {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
  }
 
  #digitalint[data-current="1"] .digitalint_accordion-1 .digitalint_accordion_content,
  #digitalint[data-current="2"] .digitalint_accordion-2 .digitalint_accordion_content,
  #digitalint[data-current="3"] .digitalint_accordion-3 .digitalint_accordion_content,
  #digitalint[data-current="4"] .digitalint_accordion-4 .digitalint_accordion_content,
  #digitalint[data-current="5"] .digitalint_accordion-5 .digitalint_accordion_content,
  #digitalint[data-current="6"] .digitalint_accordion-6 .digitalint_accordion_content,
  #digitalint[data-current="7"] .digitalint_accordion-7 .digitalint_accordion_content,
  #digitalint[data-current="8"] .digitalint_accordion-8 .digitalint_accordion_content {
    opacity: 1;
  }

  #digitalint[data-current="2"] .digitalint_accordion-2 .digitalint_accordion_content {
    transform: rotate(45deg);
    transform-origin: left bottom;
  }

  #digitalint[data-current="3"] .digitalint_accordion-3 .digitalint_accordion_content {
    transform: rotate(90deg);
    transform-origin: left bottom;
  }

  #digitalint[data-current="4"] .digitalint_accordion-4 .digitalint_accordion_content {
    transform: rotate(135deg);
    transform-origin: left bottom;
  }

  #digitalint[data-current="5"] .digitalint_accordion-5 .digitalint_accordion_content {
    transform: rotate(180deg);
    transform-origin: left bottom;
  }

  #digitalint[data-current="6"] .digitalint_accordion-6 .digitalint_accordion_content {
    transform: rotate(225deg);
    transform-origin: left bottom;
  }

  #digitalint[data-current="7"] .digitalint_accordion-7 .digitalint_accordion_content {
    transform: rotate(270deg);
    transform-origin: left bottom;
  }

  #digitalint[data-current="8"] .digitalint_accordion-8 .digitalint_accordion_content {
    transform: rotate(315deg);
    transform-origin: left bottom;
  }

  #digitalint[data-current="8"] .digitalint_inner {
    transform: rotate(-315deg);
  }

  #digitalint[data-current="7"] .digitalint_inner {
    transform: rotate(-270deg);
  }

  #digitalint[data-current="6"] .digitalint_inner {
    transform: rotate(-225deg);
  }

  #digitalint[data-current="5"] .digitalint_inner {
    transform: rotate(-180deg);
  }

  #digitalint[data-current="4"] .digitalint_inner {
    transform: rotate(-135deg);
  }

  #digitalint[data-current="3"] .digitalint_inner {
    transform: rotate(-90deg);
  }

  #digitalint[data-current="2"] .digitalint_inner {
    transform: rotate(-45deg);
  }

  #digitalint[data-current="1"] .digitalint_inner {
    transform: rotate(0deg);    
  }

}

@media (min-width: 840px) {

  #digitalint .digitalint_inner {
    left: 50%;
    margin-left: -365px;
    right: auto;
  }

  #column-2 #digitalint .digitalint_inner {
    left: auto;
    margin-left: 0;
    right: 0;
  }

}