/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/components/scss/reportage-editorial.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --gr-font-display: "SoleRepsolDisplay", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-text: "SoleRepsolText", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-icons: "Guia Icons";
  --gr-background-default: #FFFFFF;
  --gr-color-white: #FFFFFF;
  --gr-color-black: #000000;
  --gr-burgundy-guia: #B52958;
  --gr-grey-guia: #F8F8F8;
  /* Yellow */
  --gr-color-yellow-0: #FFF9EB;
  --gr-color-yellow-05: #FFF0CC;
  --gr-color-yellow-10: #FFE9B2;
  --gr-color-yellow-20: #FFDA80;
  --gr-color-yellow-30: #FFCA47;
  --gr-color-yellow-40: #FBC300;
  --gr-color-yellow-50: #E9A600;
  --gr-color-yellow-60: #D19500;
  --gr-color-yellow-70: #B17D00;
  --gr-color-yellow-80: #77590D;
  --gr-color-yellow-90: #443104;
  /* Accent */
  --gr-color-accent-10: #FFED92;
  --gr-color-accent-50: #FFEA29;
  --gr-color-accent-90: #443904;
  /* Creative */
  --gr-color-creative-01: #ff5a00;
  --gr-color-creative-02: #d60000;
  --gr-color-creative-03: #00c4d9;
  --gr-color-creative-04: #001e78;
  --gr-color-creative-05: #ff6f61;
  --gr-color-creative-06: #cfc6c4;
  --gr-color-creative-07: #003cff;
  /* Orange */
  --gr-color-orange-10: #FFF0D0;
  --gr-color-orange-50: #FF590A;
  --gr-color-orange-90: #7A2E09;
  /* Coral */
  --gr-color-coral-10: #FFE1D8;
  --gr-color-coral-50: #FF7559;
  --gr-color-coral-90: #BB1A03;
  /* Red */
  --gr-color-red-10: #FFECEB;
  --gr-color-red-50: #DD0E00;
  --gr-color-red-90: #B41600;
  /* Grey */
  --gr-color-grey-10: #F4ECE9;
  --gr-color-grey-50: #D2CAC7;
  --gr-color-grey-90: #574E4B;
  /* Turquoise */
  --gr-color-turquoise-10: #DAF9FD;
  --gr-color-turquoise-50: #00BED4;
  --gr-color-turquoise-90: #005B65;
  /* Neon Blue */
  --gr-color-neon-blue-10: #DCE3FF;
  --gr-color-neon-blue-50: #002B66;
  --gr-color-neon-blue-90: #00146D;
  /* Deep Blue */
  --gr-color-deep-blue-10: #DCE3FF;
  --gr-color-deep-blue-50: #0046FF;
  --gr-color-deep-blue-90: #002278;
  --gr-blue-guia: #0B1741;
  /* Surface */
  --gr-color-surface-yellow: #FCB300;
  --gr-color-surface-grey: #F7F7F9;
  --gr-color-highlighted-surface-yellow: radial-gradient(circle at center, #fcb300 0%, #fcb70d 20%, transparent 85%);
  --gr-color-accent: #FFE249;
  --gr-color-surface--hover: #F4F8FA;
  --gr-color-content--hover: #43637D;
  --gr-color-content--active: #001E37;
  --gr-color-content--disabled: #001E374D;
  --gr-color-border: #95B0C6;
  --gr-color-border--low: #DBE6F0;
  --gr-color-border--light: #DBE6F0;
  --gr-color-border--focus: #009BBE;
  --gr-color-surface-highlighted-ivory--gradient: linear-gradient(135deg, #fff8f2 0%, #fcefe9 50%, #f8f3ef 100%);
  --gr-color-surface-highlighted-orange--gradient: linear-gradient(135deg, #ff6a00 0%, #ff3c3c 50%, #ff0057 100%);
  --gr-color-surface-highlighted-blue--gradient: linear-gradient(135deg, #001f3f 0%, #003f5c 50%, #006f8e 100%);
  --gr-color-surface--hover--inverse: #99A5AF;
  --gr-color-surface--active--inverse: #CCD2D7;
  --gr-color-secondary-surface--hover--inverse: rgba(255, 255, 255, 0.2);
  --gr-color-secondary-surface--active--inverse: rgba(255, 255, 255, 0.1);
  --gr-color-content-medium--inverse: rgba(255, 255, 255, 0.8);
  /* Fonts */
  --gr-font-display: "SoleRepsolDisplay", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-text: "SoleRepsolText", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-icon: "icomoon";
  --gr-icomoon-font-family: "icomoon";
  --gr-font-guia-icons: "Guia Icons";
  /* Font Sizes */
  --gr-size-12: 0.75rem;
  --gr-size-14: 0.875rem;
  --gr-size-16: 1rem;
  --gr-size-18: 1.125rem;
  --gr-size-20: 1.25rem;
  --gr-size-22: 1.375rem;
  --gr-size-24: 1.5rem;
  --gr-size-26: 1.625rem;
  --gr-size-28: 1.75rem;
  --gr-size-30: 1.875rem;
  --gr-size-32: 2rem;
  --gr-size-34: 2.125rem;
  --gr-size-36: 2.25rem;
  --gr-size-40: 2.5rem;
  --gr-size-46: 2.875rem;
  --gr-size-48: 3rem;
  --gr-size-56: 3.5rem;
  --gr-size-60: 3.75rem;
  --gr-size-64: 4rem;
  /* Global Spacing Scale */
  --gr-spacing-4: 0.25rem;
  --gr-spacing-6: 0.375rem;
  --gr-spacing-8: 0.5rem;
  --gr-spacing-12: 0.75rem;
  --gr-spacing-16: 1rem;
  --gr-spacing-24: 1.5rem;
  --gr-spacing-32: 2rem;
  --gr-spacing-40: 2.5rem;
  --gr-spacing-48: 3rem;
  --gr-spacing-56: 3.5rem;
  --gr-spacing-64: 4rem;
  --gr-spacing-72: 4.5rem;
  --gr-spacing-80: 5rem;
  --gr-spacing-88: 5.5rem;
  --gr-spacing-96: 6rem;
  --gr-spacing-112: 7rem;
  --gr-spacing-120: 7.5rem;
  --gr-spacing-128: 8rem;
  /* Layout Spacing */
  --gr-spacing-layout-xs: 0.5rem;
  --gr-spacing-layout-2xs: 0.75rem;
  --gr-spacing-layout-s: 1rem;
  --gr-spacing-layout-m: 1.5rem;
  --gr-spacing-layout-l: 2rem;
  --gr-spacing-layout-2l: 2.5rem;
  --gr-spacing-layout-xl: 3rem;
  --gr-spacing-layout-2xl: 4rem;
  --gr-spacing-layout-3xl: 4.5rem;
  --gr-spacing-layout-4xl: 5rem;
  --gr-spacing-layout-5xl: 6rem;
  --gr-spacing-layout-6xl: 7rem;
  --gr-spacing-layout-7xl: 7.5rem;
  /* Border Radius */
  --gr-radius-s: 0.5rem;
  --gr-radius-m: 1rem;
  --gr-radius-l: 1.5rem;
  --gr-radius-round: 62.4375rem;
}

/****************/
/**** FONTS ****/
/**************/
/*****************/
/**** COLORS ****/
/****************/
/**********************/
/**** BREAKPOINTS ****/
/********************/
/*******************/
/**** G R I D *****/
/*****************/
body .hero-article:has(> .hero-reportage) {
  -webkit-transform: none;
          transform: none;
}

.hero-reportage {
  display: flow-root;
  --reportage-reading-width: 38rem;
  width: 100%;
  padding: 40px 16px 0;
  color: #464646;
  background: #ffffff;
}
.hero-reportage__heading {
  max-width: 52rem;
  margin: 0 auto 40px;
  text-align: center;
}
.hero-reportage__pretitle {
  margin: 0 0 16px;
  color: #757575;
}
.hero-reportage__breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  color: #016A7F;
}
.hero-reportage__breadcrumbs a {
  color: inherit;
}
.hero-reportage__title {
  margin: 0;
  font-family: "Roboto-Bold";
  font-size: 40px;
  line-height: 1.2;
  color: var(--gr-blue-guia);
}
.hero-reportage__actions.hero-article-interaction {
  position: static;
  inset: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  width: auto;
  margin: 24px 0 0;
  padding: 0;
}
.hero-reportage__actions.hero-article-interaction .rp-btn-guia {
  min-width: 44px;
  min-height: 44px;
  padding: 8px;
  border: 0;
  background: transparent;
  color: #016A7F;
}
.hero-reportage__actions.hero-article-interaction .text {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.hero-reportage__actions.hero-article-interaction .rp-btn-guia--feedback {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.hero-reportage__media {
  max-width: 64.5rem;
  margin: 0 auto;
}
.hero-reportage__media picture {
  display: block;
}
.hero-reportage__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.hero-reportage__intro {
  max-width: var(--reportage-reading-width);
  margin: 56px auto 0;
}
.hero-reportage__credit {
  margin-top: 12px;
  text-align: center;
  color: #757575;
  font-size: 12px;
}
.hero-reportage__metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #F2F2F2;
  color: #757575;
}
.hero-reportage__metadata p {
  margin: 0;
}
.hero-reportage__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.hero-reportage__author p {
  margin: 0;
}
.hero-reportage__author a {
  color: #016A7F;
}
.hero-reportage__description {
  margin: 40px 0 32px;
  font-family: "Roboto-Medium";
  font-size: 20px;
  line-height: 1.6;
}
.hero-reportage__description p {
  margin: 0;
}
.hero-reportage__description::after {
  content: "";
  display: block;
  width: 160px;
  margin-top: 40px;
  border-bottom: 3px solid #FFC800;
}
.hero-reportage__author-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
}
.hero-reportage__author-link img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 45rem) {
  .hero-reportage {
    padding-top: 24px;
  }
  .hero-reportage__heading {
    margin-bottom: 24px;
  }
  .hero-reportage__title {
    font-size: 28px;
  }
  .hero-reportage__pretitle {
    margin-bottom: 12px;
  }
  .hero-reportage__media {
    margin-inline: -16px;
  }
  .hero-reportage__media img {
    border-radius: 0;
  }
  .hero-reportage__intro {
    margin-top: 24px;
  }
  .hero-reportage__description {
    margin-top: 24px;
    font-size: 18px;
  }
}

body[class*=page-report-article] .rp-template-reportage--editorial > .container-n {
  width: 100%;
  max-width: 100%;
  padding: 0 16px;
  margin-inline: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial > .container-n > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .template__main {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 51.5rem;
  margin-inline: auto;
  padding: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left {
  display: flow-root;
  padding: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left > .section {
  width: 100%;
  max-width: 38rem;
  margin: 0 auto 40px;
  padding: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left > .image,
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left > .image-multi,
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left > .image-gallery {
  max-width: 100%;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component > .row {
  margin: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component .block-info {
  width: 100%;
  padding: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component .rp-description {
  margin: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component .rp-description p {
  font-size: 18px;
  line-height: 1.8;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .image-article-component {
  margin: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .image-article-component .imgCounter {
  position: relative;
  left: auto;
  width: 100%;
  padding: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .image-article-component .imgCounter picture,
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .image-article-component .imgCounter img {
  min-height: 0;
  height: auto;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .image-article-component img {
  border-radius: 8px;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .image-article-component .rp-caption {
  margin: 12px 0 0;
  font-size: 12px;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .gallery-modal.section {
  margin-top: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .template__aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 75rem;
  padding: 32px 0;
  margin: 32px auto 0 !important;
}
body[class*=page-report-article] .rp-template-reportage--editorial:not(.isAuthorMode) .template__aside > div:has(> .index) {
  display: none;
}
body[class*=page-report-article] .rp-template-reportage--editorial:not(.isAuthorMode) .template__aside:not(:has(.content-col-right [class*=-component])) {
  display: none;
}
@media (max-width: 45rem) {
  body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left > .section {
    margin-bottom: 24px;
  }
  body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left > .image,
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left > .image-multi {
    width: calc(100% + 32px);
    max-width: none;
    margin-inline: -16px;
  }
  body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .image-article-component img {
    border-radius: 0;
  }
  body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .image-article-component .rp-caption {
    padding-inline: 16px;
  }
}

body[class*=page-report-article] .rp-template-reportage--editorial {
  padding-bottom: 40px;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left > .paragraph:has(.two-columns) {
  max-width: 51.5rem;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component.two-columns .block-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 32px;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component.two-columns .block-info > .content-component {
  width: auto;
  float: none;
  padding: 0;
  margin: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component.two-columns .block-info > div {
  min-width: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .two-columns .related-articles-component {
  width: 100%;
  margin: 0;
  padding: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .two-columns .related-articles-component > .row {
  margin: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .quote-component {
  width: 100%;
  margin-inline: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .quote-component:has(.rp-description:not(:empty)) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .quote__container {
  width: 100%;
  padding: 0;
}
body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .gallery-modal.section {
  margin-bottom: 48px;
}
@media (max-width: 45rem) {
  body[class*=page-report-article] .rp-template-reportage--editorial .content-col-left .paragraph-component.two-columns .block-info {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}

.reportage-related {
  width: 100%;
}
.reportage-related__title {
  margin: 0 0 16px;
  font-size: 18px;
  color: #464646;
}
.reportage-related__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reportage-related__item {
  padding-left: 12px;
  border-left: 3px solid #FFC800;
  margin-bottom: 16px;
}
.reportage-related__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  color: #464646;
}
.reportage-related__text {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reportage-related__heading {
  display: block;
  font-family: "Roboto-Bold";
  font-size: 14px;
  line-height: 1.4;
}
.reportage-related__caption {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
}
.reportage-related__image {
  width: 80px;
  height: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

body:has(.hero-reportage) .campaings.section:not(:has(.campaing-grid, .sticky-campaing-component)) {
  display: none;
}

body:has(.hero-reportage) .container-simple .newsletter-banner,
body:has(.hero-reportage) .container-simple .newsletter-subscription-banner {
  max-width: 40rem;
  margin-inline: auto;
  padding-inline: 16px;
}

body:has(.hero-reportage) .campaing-grid {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto 48px;
  padding: 0 16px;
}
body:has(.hero-reportage) .campaing-grid .newsletter-subscription-component {
  padding: 32px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
body:has(.hero-reportage) .campaing-grid .newsletter-subscription__title {
  font-size: 24px;
  line-height: 1.3;
}
body:has(.hero-reportage) .campaing-grid .newsletter-subscription__description {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 45rem) {
  body:has(.hero-reportage) .campaing-grid {
    margin-bottom: 32px;
  }
  body:has(.hero-reportage) .campaing-grid .newsletter-subscription-component {
    padding: 24px;
  }
}

body:has(.hero-reportage) .campaings > .container {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/components/scss/narrative-editorial.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --gr-font-display: "SoleRepsolDisplay", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-text: "SoleRepsolText", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-icons: "Guia Icons";
  --gr-background-default: #FFFFFF;
  --gr-color-white: #FFFFFF;
  --gr-color-black: #000000;
  --gr-burgundy-guia: #B52958;
  --gr-grey-guia: #F8F8F8;
  /* Yellow */
  --gr-color-yellow-0: #FFF9EB;
  --gr-color-yellow-05: #FFF0CC;
  --gr-color-yellow-10: #FFE9B2;
  --gr-color-yellow-20: #FFDA80;
  --gr-color-yellow-30: #FFCA47;
  --gr-color-yellow-40: #FBC300;
  --gr-color-yellow-50: #E9A600;
  --gr-color-yellow-60: #D19500;
  --gr-color-yellow-70: #B17D00;
  --gr-color-yellow-80: #77590D;
  --gr-color-yellow-90: #443104;
  /* Accent */
  --gr-color-accent-10: #FFED92;
  --gr-color-accent-50: #FFEA29;
  --gr-color-accent-90: #443904;
  /* Creative */
  --gr-color-creative-01: #ff5a00;
  --gr-color-creative-02: #d60000;
  --gr-color-creative-03: #00c4d9;
  --gr-color-creative-04: #001e78;
  --gr-color-creative-05: #ff6f61;
  --gr-color-creative-06: #cfc6c4;
  --gr-color-creative-07: #003cff;
  /* Orange */
  --gr-color-orange-10: #FFF0D0;
  --gr-color-orange-50: #FF590A;
  --gr-color-orange-90: #7A2E09;
  /* Coral */
  --gr-color-coral-10: #FFE1D8;
  --gr-color-coral-50: #FF7559;
  --gr-color-coral-90: #BB1A03;
  /* Red */
  --gr-color-red-10: #FFECEB;
  --gr-color-red-50: #DD0E00;
  --gr-color-red-90: #B41600;
  /* Grey */
  --gr-color-grey-10: #F4ECE9;
  --gr-color-grey-50: #D2CAC7;
  --gr-color-grey-90: #574E4B;
  /* Turquoise */
  --gr-color-turquoise-10: #DAF9FD;
  --gr-color-turquoise-50: #00BED4;
  --gr-color-turquoise-90: #005B65;
  /* Neon Blue */
  --gr-color-neon-blue-10: #DCE3FF;
  --gr-color-neon-blue-50: #002B66;
  --gr-color-neon-blue-90: #00146D;
  /* Deep Blue */
  --gr-color-deep-blue-10: #DCE3FF;
  --gr-color-deep-blue-50: #0046FF;
  --gr-color-deep-blue-90: #002278;
  --gr-blue-guia: #0B1741;
  /* Surface */
  --gr-color-surface-yellow: #FCB300;
  --gr-color-surface-grey: #F7F7F9;
  --gr-color-highlighted-surface-yellow: radial-gradient(circle at center, #fcb300 0%, #fcb70d 20%, transparent 85%);
  --gr-color-accent: #FFE249;
  --gr-color-surface--hover: #F4F8FA;
  --gr-color-content--hover: #43637D;
  --gr-color-content--active: #001E37;
  --gr-color-content--disabled: #001E374D;
  --gr-color-border: #95B0C6;
  --gr-color-border--low: #DBE6F0;
  --gr-color-border--light: #DBE6F0;
  --gr-color-border--focus: #009BBE;
  --gr-color-surface-highlighted-ivory--gradient: linear-gradient(135deg, #fff8f2 0%, #fcefe9 50%, #f8f3ef 100%);
  --gr-color-surface-highlighted-orange--gradient: linear-gradient(135deg, #ff6a00 0%, #ff3c3c 50%, #ff0057 100%);
  --gr-color-surface-highlighted-blue--gradient: linear-gradient(135deg, #001f3f 0%, #003f5c 50%, #006f8e 100%);
  --gr-color-surface--hover--inverse: #99A5AF;
  --gr-color-surface--active--inverse: #CCD2D7;
  --gr-color-secondary-surface--hover--inverse: rgba(255, 255, 255, 0.2);
  --gr-color-secondary-surface--active--inverse: rgba(255, 255, 255, 0.1);
  --gr-color-content-medium--inverse: rgba(255, 255, 255, 0.8);
  /* Fonts */
  --gr-font-display: "SoleRepsolDisplay", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-text: "SoleRepsolText", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-icon: "icomoon";
  --gr-icomoon-font-family: "icomoon";
  --gr-font-guia-icons: "Guia Icons";
  /* Font Sizes */
  --gr-size-12: 0.75rem;
  --gr-size-14: 0.875rem;
  --gr-size-16: 1rem;
  --gr-size-18: 1.125rem;
  --gr-size-20: 1.25rem;
  --gr-size-22: 1.375rem;
  --gr-size-24: 1.5rem;
  --gr-size-26: 1.625rem;
  --gr-size-28: 1.75rem;
  --gr-size-30: 1.875rem;
  --gr-size-32: 2rem;
  --gr-size-34: 2.125rem;
  --gr-size-36: 2.25rem;
  --gr-size-40: 2.5rem;
  --gr-size-46: 2.875rem;
  --gr-size-48: 3rem;
  --gr-size-56: 3.5rem;
  --gr-size-60: 3.75rem;
  --gr-size-64: 4rem;
  /* Global Spacing Scale */
  --gr-spacing-4: 0.25rem;
  --gr-spacing-6: 0.375rem;
  --gr-spacing-8: 0.5rem;
  --gr-spacing-12: 0.75rem;
  --gr-spacing-16: 1rem;
  --gr-spacing-24: 1.5rem;
  --gr-spacing-32: 2rem;
  --gr-spacing-40: 2.5rem;
  --gr-spacing-48: 3rem;
  --gr-spacing-56: 3.5rem;
  --gr-spacing-64: 4rem;
  --gr-spacing-72: 4.5rem;
  --gr-spacing-80: 5rem;
  --gr-spacing-88: 5.5rem;
  --gr-spacing-96: 6rem;
  --gr-spacing-112: 7rem;
  --gr-spacing-120: 7.5rem;
  --gr-spacing-128: 8rem;
  /* Layout Spacing */
  --gr-spacing-layout-xs: 0.5rem;
  --gr-spacing-layout-2xs: 0.75rem;
  --gr-spacing-layout-s: 1rem;
  --gr-spacing-layout-m: 1.5rem;
  --gr-spacing-layout-l: 2rem;
  --gr-spacing-layout-2l: 2.5rem;
  --gr-spacing-layout-xl: 3rem;
  --gr-spacing-layout-2xl: 4rem;
  --gr-spacing-layout-3xl: 4.5rem;
  --gr-spacing-layout-4xl: 5rem;
  --gr-spacing-layout-5xl: 6rem;
  --gr-spacing-layout-6xl: 7rem;
  --gr-spacing-layout-7xl: 7.5rem;
  /* Border Radius */
  --gr-radius-s: 0.5rem;
  --gr-radius-m: 1rem;
  --gr-radius-l: 1.5rem;
  --gr-radius-round: 62.4375rem;
}

/****************/
/**** FONTS ****/
/**************/
/*****************/
/**** COLORS ****/
/****************/
/**********************/
/**** BREAKPOINTS ****/
/********************/
/*******************/
/**** G R I D *****/
/*****************/
body.page-report-narrative .hero-article:has(> .hero-reportage) {
  -webkit-transform: none;
          transform: none;
}

body.page-report-narrative .hero-reportage {
  display: flow-root;
  --reportage-reading-width: 38rem;
  width: 100%;
  padding: 40px 16px 0;
  color: #464646;
  background: #ffffff;
}
body.page-report-narrative .hero-reportage__heading {
  max-width: 51.5rem;
  margin: 0 auto 40px;
  text-align: center;
}
body.page-report-narrative .hero-reportage__pretitle {
  margin: 0 0 16px;
  color: #757575;
  font-size: 16px;
  line-height: 24px;
}
body.page-report-narrative .hero-reportage__breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  color: #016A7F;
}
body.page-report-narrative .hero-reportage__breadcrumbs a {
  color: inherit;
}
body.page-report-narrative .hero-reportage__title {
  margin: 0;
  font-family: "Roboto-Bold";
  font-size: 40px;
  line-height: 1.2;
  color: var(--gr-blue-guia);
}
body.page-report-narrative .hero-reportage__actions.hero-article-interaction {
  position: static;
  inset: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  width: auto;
  margin: 32px 0 0;
  padding: 0;
}
body.page-report-narrative .hero-reportage__actions.hero-article-interaction .rp-btn-guia {
  width: 24px;
  min-width: 24px;
  min-height: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #016A7F;
}
body.page-report-narrative .hero-reportage__actions.hero-article-interaction .rp-btn-guia .icon-rp {
  font-size: 24px;
}
body.page-report-narrative .hero-reportage__actions.hero-article-interaction .text {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
body.page-report-narrative .hero-reportage__actions.hero-article-interaction .rp-btn-guia--feedback {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
body.page-report-narrative .hero-reportage__media {
  max-width: 64.5rem;
  margin: 0 auto;
}
body.page-report-narrative .hero-reportage__media picture {
  display: block;
}
body.page-report-narrative .hero-reportage__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
body.page-report-narrative .hero-reportage__intro {
  max-width: var(--reportage-reading-width);
  margin: 56px auto 0;
}
body.page-report-narrative .hero-reportage__credit {
  margin-top: 12px;
  text-align: center;
  color: #757575;
  font-size: 12px;
}
body.page-report-narrative .hero-reportage__metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #F2F2F2;
  color: #757575;
}
body.page-report-narrative .hero-reportage__metadata p {
  margin: 0;
}
body.page-report-narrative .hero-reportage__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
body.page-report-narrative .hero-reportage__author p {
  margin: 0;
}
body.page-report-narrative .hero-reportage__author a {
  color: #016A7F;
}
body.page-report-narrative .hero-reportage__description {
  margin: 56px 0;
  font-family: "Roboto-Medium";
  font-size: 20px;
  line-height: 1.6;
}
body.page-report-narrative .hero-reportage__description p {
  margin: 0;
  font: inherit;
  color: inherit;
}
body.page-report-narrative .hero-reportage__description p + p {
  margin-top: 16px;
}
body.page-report-narrative .hero-reportage__description::after {
  content: "";
  display: block;
  width: 160px;
  height: 8px;
  margin-top: 40px;
  background: url("../../../etc.clientlibs/repsol-guiav2/clientlibs/clientlib-narrative/resources/images/reportage-description-stroke.svg") no-repeat left center;
}
body.page-report-narrative .hero-reportage__author-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
}
body.page-report-narrative .hero-reportage__author-link img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 45rem) {
  body.page-report-narrative .hero-reportage {
    padding-top: 24px;
  }
  body.page-report-narrative .hero-reportage__heading {
    margin-bottom: 32px;
    text-align: left;
  }
  body.page-report-narrative .hero-reportage__breadcrumbs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 12px;
  }
  body.page-report-narrative .hero-reportage__title {
    font-size: 28px;
    line-height: 32px;
  }
  body.page-report-narrative .hero-reportage__actions.hero-article-interaction {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 24px;
  }
  body.page-report-narrative .hero-reportage__pretitle {
    margin-bottom: 12px;
  }
  body.page-report-narrative .hero-reportage__media {
    margin-inline: -16px;
  }
  body.page-report-narrative .hero-reportage__media img {
    border-radius: 0;
  }
  body.page-report-narrative .hero-reportage__credit {
    padding-inline: 16px;
    text-align: left;
  }
  body.page-report-narrative .hero-reportage__intro {
    margin-top: 32px;
  }
  body.page-report-narrative .hero-reportage__description {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 18px;
  }
}

body.page-report-narrative .rp-template-reportage--editorial > .container-n {
  width: 100%;
  max-width: 100%;
  padding: 0 16px;
  margin-inline: 0;
}
body.page-report-narrative .rp-template-reportage--editorial > .container-n > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .template__main {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 51.5rem;
  margin-inline: auto;
  padding: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left {
  display: flow-root;
  padding: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left > .section {
  width: 100%;
  max-width: 38rem;
  margin: 0 auto 40px;
  padding: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left > .image,
body.page-report-narrative .rp-template-reportage--editorial .content-col-left > .image-multi,
body.page-report-narrative .rp-template-reportage--editorial .content-col-left > .image-gallery {
  max-width: 100%;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component > .row {
  margin: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component .block-info {
  width: 100%;
  padding: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component .rp-description {
  margin: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component .rp-description p {
  font-size: 18px;
  line-height: 1.8;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .image-article-component {
  margin: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .image-article-component .imgCounter {
  position: relative;
  left: auto;
  width: 100%;
  padding: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .image-article-component .imgCounter picture,
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .image-article-component .imgCounter img {
  min-height: 0;
  height: auto;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .image-article-component img {
  border-radius: 8px;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .image-article-component .rp-caption {
  margin: 12px 0 0;
  font-size: 12px;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .gallery-modal.section {
  margin-top: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .template__aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 75rem;
  padding: 32px 0;
  margin: 32px auto 0 !important;
}
body.page-report-narrative .rp-template-reportage--editorial:not(.isAuthorMode) .template__aside > div:has(> .index) {
  display: none;
}
body.page-report-narrative .rp-template-reportage--editorial:not(.isAuthorMode) .template__aside:not(:has(.content-col-right [class*=-component])) {
  display: none;
}
@media (max-width: 45rem) {
  body.page-report-narrative .rp-template-reportage--editorial .content-col-left > .section {
    margin-bottom: 24px;
  }
  body.page-report-narrative .rp-template-reportage--editorial .content-col-left > .image,
body.page-report-narrative .rp-template-reportage--editorial .content-col-left > .image-multi {
    width: calc(100% + 32px);
    max-width: none;
    margin-inline: -16px;
  }
  body.page-report-narrative .rp-template-reportage--editorial .content-col-left .image-article-component img {
    border-radius: 0;
  }
  body.page-report-narrative .rp-template-reportage--editorial .content-col-left .image-article-component .rp-caption {
    padding-inline: 16px;
  }
}

body.page-report-narrative .rp-template-reportage--editorial {
  padding-bottom: 40px;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left > .paragraph:has(.two-columns) {
  max-width: 51.5rem;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component.two-columns .block-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 32px;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component.two-columns .block-info > .content-component {
  width: auto;
  float: none;
  padding: 0;
  margin: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component.two-columns .block-info > div {
  min-width: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .two-columns .related-articles-component {
  width: 100%;
  margin: 0;
  padding: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .two-columns .related-articles-component > .row {
  margin: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .quote-component {
  width: 100%;
  margin-inline: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .quote-component:has(.rp-description:not(:empty)) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .quote__container {
  width: 100%;
  padding: 0;
}
body.page-report-narrative .rp-template-reportage--editorial .content-col-left .gallery-modal.section {
  margin-bottom: 48px;
}
@media (max-width: 45rem) {
  body.page-report-narrative .rp-template-reportage--editorial .content-col-left .paragraph-component.two-columns .block-info {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}

body.page-report-narrative .reportage-related {
  width: 100%;
}
body.page-report-narrative .reportage-related__title {
  margin: 0 0 16px;
  font-size: 18px;
  color: #464646;
}
body.page-report-narrative .reportage-related__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.page-report-narrative .reportage-related__item {
  padding-left: 12px;
  border-left: 3px solid #FFC800;
  margin-bottom: 16px;
}
body.page-report-narrative .reportage-related__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  color: #464646;
}
body.page-report-narrative .reportage-related__text {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
body.page-report-narrative .reportage-related__heading {
  display: block;
  font-family: "Roboto-Bold";
  font-size: 14px;
  line-height: 1.4;
}
body.page-report-narrative .reportage-related__caption {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
}
body.page-report-narrative .reportage-related__image {
  width: 80px;
  height: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

body.page-report-narrative:has(.hero-reportage) .campaings.section:not(:has(.campaing-grid, .sticky-campaing-component)) {
  display: none;
}

body.page-report-narrative:has(.hero-reportage) .container-simple .newsletter-banner,
body.page-report-narrative:has(.hero-reportage) .container-simple .newsletter-subscription-banner {
  max-width: 40rem;
  margin-inline: auto;
  padding-inline: 16px;
}

body.page-report-narrative:has(.hero-reportage) .campaing-grid {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto 48px;
  padding: 0 16px;
}
body.page-report-narrative:has(.hero-reportage) .campaing-grid .newsletter-subscription-component {
  padding: 32px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
body.page-report-narrative:has(.hero-reportage) .campaing-grid .newsletter-subscription__title {
  font-size: 24px;
  line-height: 1.3;
}
body.page-report-narrative:has(.hero-reportage) .campaing-grid .newsletter-subscription__description {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 45rem) {
  body.page-report-narrative:has(.hero-reportage) .campaing-grid {
    margin-bottom: 32px;
  }
  body.page-report-narrative:has(.hero-reportage) .campaing-grid .newsletter-subscription-component {
    padding: 24px;
  }
}

body.page-report-narrative:has(.hero-reportage) .campaings > .container {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}

/*# sourceMappingURL=narrative.css.map*/