@font-face {
  font-family: 'IberPangea';
  src: url('/o/iberdrola-corporativo-theme/fonts/iberpangea/IberPangea-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'IberPangea';
  src: url('/o/iberdrola-corporativo-theme/fonts/iberpangea/IberPangea-BoldItalic.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'IberPangea';
  src: url('/o/iberdrola-corporativo-theme/fonts/iberpangea/IberPangea-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'IberPangea';
  src: url('/o/iberdrola-corporativo-theme/fonts/iberpangea/IberPangea-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IberPangea';
  src: url('/o/iberdrola-corporativo-theme/fonts/iberpangea/IberPangea-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'IberPangea';
  src: url('/o/iberdrola-corporativo-theme/fonts/iberpangea/IberPangea-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'IberPangea';
  src: url('/o/iberdrola-corporativo-theme/fonts/iberpangea/IberPangea-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

:root {
  --purpose-forest: #00402A;
}

#purpose {
  width: 100%;
  max-width: 375px;
  margin: 20px auto;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  padding: 43px 55px 142px 43px;
  font-family: 'IberPangea';
  background-image: url('/wcorp/gc/prod/es_ES/estaticos/careers_proposito/images/bg-purpose-m.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
}

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

#purpose .purpose_text {
  color: var(--purpose-forest) !important;
  font-size: 36px;
  line-height: 1.27;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.692px;
  background-image: url('/wcorp/gc/prod/es_ES/estaticos/careers_proposito/images/ico-quote.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 39px auto;
  padding-top: 15px;
  margin: 0 auto;
}

#purpose .purpose_text strong {
  font-weight: 500;
}

@media (min-width: 768px) {

  #purpose {
    max-width: 970px;
    padding: 42px 284px 231px 87px;
    background-image: url('/wcorp/gc/prod/es_ES/estaticos/careers_proposito/images/bg-purpose.png');
  }

  #purpose .purpose_text {
    padding-top: 10px;
  }
  
}

@media (min-width: 1024px) {

  #purpose {
    padding: 42px 384px 231px 87px;
  }

}