/*
    - Name: "node-consumption-alerts.scss"
    - Description: "Add custom styles to node consumption alerts"
*/
.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content {
  display: flex;
  flex-direction: column;
  padding-bottom: var(--spacing5xl);
}

@media all and (min-width: 50.0625rem) {
  .node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-column-gap: var(--spacingXl);
    grid-row-gap: 0;
  }
}
.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar {
  order: 2;
}

@media all and (min-width: 50.0625rem) {
  .node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar {
    grid-area: 1/1/2/2;
    width: 300px;
    position: relative;
  }
}
@media all and (min-width: 50.0625rem) {
  .node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images {
    position: absolute;
  }
}
.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images .lightbox-images {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: var(--spacingXs);
       column-gap: var(--spacingXs);
  row-gap: var(--spacingSm);
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images .lightbox-images a {
  width: 100%;
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images .lightbox-images a:not(.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images .lightbox-images a:first-child) {
  width: calc(33% - 7px);
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images .lightbox-images a .field--name-field-media-image {
  filter: brightness(0.97);
  aspect-ratio: 1/1;
  background-color: var(--colorGreys100);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images .lightbox-images a .field--name-field-media-image picture {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images .lightbox-images a .field--name-field-media-image source,
.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__sidebar_images .lightbox-images a .field--name-field-media-image img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__info {
  order: 1;
}

@media all and (min-width: 50.0625rem) {
  .node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__info {
    grid-area: 1/2/2/3;
  }
}
.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__info .content-banner .layout__region {
  align-items: baseline;
}

@media all and (max-width: 36rem) {
  .node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__info .content-banner .layout__region {
    flex: 100%;
  }
}
.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__info .content-banner .layout__region .block .field--name-term-warning-category:first-letter {
  text-transform: uppercase;
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__info .content-banner .layout__region .block .field--name-term-warning-category a {
  text-transform: lowercase;
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__main {
  order: 3;
  padding-top: var(--spacingMd);
}

@media all and (min-width: 50.0625rem) {
  .node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__main {
    grid-area: 1/2/2/3;
    grid-row: auto;
    padding-top: 0;
  }
}
.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__main .content-body .field--label {
  font-weight: var(--fontWeightSemibold);
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__main .content-body > .field {
  margin-bottom: var(--spacingXs);
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__main .content-body > .field a {
  text-decoration: none;
  color: var(--colorLinkDefault);
  font-weight: var(--fontWeightSemibold);
  font-size: var(--fontSizeBody);
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__main .content-body > .field a:hover {
  text-decoration: underline;
}

.node--type-consumption-alerts.node--view-mode-full .consumption-alerts_content__main .content-body > .field--name-more-information {
  margin: var(--spacing2xl) 0 0 0;
}

.node--type-consumption-alerts.node--view-mode-full::after {
  content: none;
}

.node--type-consumption-alerts.node--view-mode-cards {
  border-bottom: 2px solid transparent;
}

.node--type-consumption-alerts.node--view-mode-cards .field--name-media-image {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  filter: brightness(0.97);
  aspect-ratio: 1/1;
  background-color: var(--colorGreys100);
}

.node--type-consumption-alerts.node--view-mode-cards .field--name-media-image img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.node--type-consumption-alerts.node--view-mode-cards .field--name-brand {
  margin-bottom: var(--spacing2xs);
}

.node--type-consumption-alerts.node--view-mode-cards .block {
  padding: var(--spacing4xs) 0;
}

.node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertstitle a {
  text-decoration: none;
  color: var(--textInputColorLabel);
  font-size: var(--largeBoldFontSize);
}

.node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertstitle a:hover {
  text-decoration: underline;
}

.node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertstitle a::after {
  content: "";
  position: absolute;
  inset: 0;
}

.node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertsbrand {
  margin: var(--spacing2xs) 0;
}

.node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertsbrand, .node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertsrisk {
  line-height: 1.375rem;
}

.node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertsbrand .field--label-above, .node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertsrisk .field--label-above {
  font-size: var(--fontSizeSmall);
}

.node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertsbrand .field--label-above .field--label:after, .node--type-consumption-alerts.node--view-mode-cards .block-field-blocknodeconsumption-alertsrisk .field--label-above .field--label:after {
  content: ":";
}

.pswp-gallery .pswp__dynamic-caption--below {
  max-width: none;
  padding: var(--spacingXs) var(--spacingMd);
  background-color: var(--colorBackgroundWhite);
  color: var(--colorTextBody);
}

.pswp-gallery .pswp__img {
  background: var(--colorBackgroundWhite);
  filter: brightness(0.97);
}

.pswp-gallery .pswp__preloader {
  margin-right: 0;
  order: -1;
}

.pswp-gallery .pswp__counter {
  margin-right: 1.25rem;
}

.pswp-gallery .pswp__icn {
  width: 32px;
  height: 32px;
  fill: var(--colorWhite);
}

.pswp-gallery .pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -1.875rem;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

@media all and (max-width: 36rem) {
  .view.view-display-id-page_alerta_consumo .views-row {
    max-width: calc(50% - 12px);
  }
}