/* #region VARIABLES */

:root {
  /*COLORES*/
  --Primary-Brand-Colour-700: #688539;
  --Primary-Brand-Colour-500: #1e305f;
  --Primary-Brand-Colour-300: #a6ce39;
  --Grey-Scale-900: #212121;
  --Grey-Scale-700: #616161;
  --Grey-Scale-600: #747474;
  --Grey-Scale-500: #9e9e9e;
  --Grey-Scale-400: #bdbdbd;
  --Grey-Scale-300: #e0e0e0;
  --Grey-Scale-100: #f5f5f5;
  --Grey-Scale-50: #fafafa;
  --Grey-Scale-0: #ffffff;
  --Borders-Dividers-Lines-100: #e1e5ec;
  --Borders-Dividers-Lines-White: #ffffff;
  --Borders-Dividers-Lines-Brand: #0451dd;
  --System-Notification-Information: #00407b;
  --System-Notification-Success: #28872c;
  --System-Notification-Warning: #ce4c00;
  --System-Notification-Error: #cd2221;
  --System-Notification-Alert: #f2d316;
  --Gradient-Dark: linear-gradient(0deg,
      rgba(30, 30, 30, 1) 0%,
      rgba(30, 30, 30, 0.25) 100%);
  --Gradient-Light: linear-gradient(0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%);
  --Overlays-Black-80: #1e1e1ecc;
  --Overlays-Black-60: #1e1e1e99;
  --Overlays-Black-40: #1e1e1e66;
  --Overlays-Black-20: #21212133;
  --Overlays-White-80: #ffffffcc;
  --Overlays-White-60: #ffffff99;
  --Overlays-White-40: #ffffff66;
  --Overlays-White-20: #ffffff33;

  /*FUENTES*/
  --font-din-light: prometo-light, Arial, Helvetica, sans-serif;
  --font-din-regular: prometo-regular, Arial, Helvetica, sans-serif;
  --font-din-medium: prometo-medium, Arial, Helvetica, sans-serif;
  --font-din-bold: prometo-bold, Arial, Helvetica, sans-serif;
  --font-din-bolder: prometo-extra-bold, Arial, Helvetica, sans-serif;
  /*TEXTOS*/
  --title-h1: 88px/88px var(--font-din-medium);
  --title-h2: 50px/50px var(--font-din-medium);
  --title-h3: 40px/44px var(--font-din-medium);
  --title-h4: 32px/34px var(--font-din-medium);
  --title-h5: 24px/28px var(--font-din-medium);
  --title-h6: 20px/24px var(--font-din-medium);
  --subtitle: 18px/22px var(--font-din-regular);
  --subtitle-bold: 18px/22px var(--font-din-bold);
  --text-body-1: 16px/20px var(--font-din-regular);
  --text-body-1-bold: 16px/20px var(--font-din-medium);
  --text-body-2: 14px/18px var(--font-din-regular);
  --text-body-2-bold: 14px/18px var(--font-din-medium);
  --text-body-3: 12px/18px var(--font-din-regular);
  --text-body-3-bold: 12px/18px var(--font-din-medium);
  --text-overline: 12px/20px var(--font-din-bold);
  --text-link-1: 16px/24px var(--font-din-medium);
  --text-link-2: 14px/20px var(--font-din-medium);
  --text-article-body: 18px/32px var(--font-source-regular);
  --text-article-body-bold: 18px/32px var(--font-source-bold);
  --quote-article: 64px/64px var(--font-din-bold);
}

@media (max-width: 1200px) {
  :root {
    /*ENCABEZADOS*/
    --title-h1: 44px/44px var(--font-din-medium);
    --title-h2: 40px/42px var(--font-din-medium);
    --title-h3: 32px/32px var(--font-din-medium);
    --title-h4: 28px/32px var(--font-din-medium);
    --title-h5: 24px/28px var(--font-din-medium);
    --title-h6: 20px/24px var(--font-din-medium);
  }
}

/* #endregion VARIABLES */

/* #region FIXES */

/* BANNER */

@media (max-width: 1200px) {

  .carousel-banners.ypfcom__panel-hero-primary .banner__bg-image,
  .carousel-banners.ypfcom__panel-hero-primary .generic-image__image,
  .banner.ypfcom__panel-hero-primary .banner__bg-image,
  .banner.ypfcom__panel-hero-primary .generic-image__image {
    height: 210px;
  }
}

/* TEXTOS */

.info-block.ypfcom__modules-text-block .info-block__title,
.ypfcom__panel-hero-primary .banner__title,
.banner.ypfcom__panels-banner-50image .banner__title,
.banner.ypfcom__panel-hero-secondary .banner__title,
.banner.ypfcom__panels-banner-text .banner__title,
.banner.ypfcom__panels-banner-image-with-background .banner__title,
.generic-card.ypfcom__modules-text-block .generic-card__title,
.ypfcom__panel-guia--result h3 {
  letter-spacing: unset !important;
}

.generic-card.ypfcom__modules-cards-number .generic-card__content p:nth-child(1),
.card-list.ypfcom__panels-cards-number .generic-card .generic-card__content p:nth-child(1) {
  letter-spacing: unset !important;
}

.carousel-banners.ypfcom__panel-hero-primary .banner__title,
.banner.ypfcom__panel-hero-primary .banner__title {
  letter-spacing: unset !important;
}

/* ICONS */

.generic-card.ypfcom__modules-cards-text-1 .generic-card__body::before,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__body::before {
  content: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_circle-check--white.svg);
}

.generic-card.ypfcom__modules-cards-information-lite::before,
.card-list.ypfcom__panels-cards-information-lite .generic-card::before {
  background-image: url(../images/icons/icon_world--brand.svg);
}

.generic-card.ypfcom__modules-cards-information-lite:has(a[href^="tel:"])::before,
.card-list.ypfcom__panels-cards-information-lite .generic-card:has(a[href^="tel:"])::before {
  background-image: url(../images/icons/icon_phone--brand.svg);
}

.generic-card.ypfcom__modules-cards-information-lite:has(a[href^="mailto:"])::before,
.card-list.ypfcom__panels-cards-information-lite .generic-card:has(a[href^="mailto:"])::before {
  background-image: url(../images/icons/icon_arroba-email--brand.svg);
}

.document-card.ypfcom__modules-cards-download .document-card__sharing-container a::after,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a::after,
.card-list.ypfcom__panels-cards-download .generic-card .generic-card__links a::after {
  content: url(../images/icons/icon_download--brand.svg);
}

.ypfcom__video-modal .ypfcom__video-modal--close-btn,
.video-frame-modal__video-case .video-frame-modal__close-video,
.ypfcom__panels-banner-video .video-player .ui-modal .ui-modal__overlay .ui-modal__close {
  background-image: url(../images/icons/icon_close--brand.svg);
}

.document-card.ypfcom__modules-cards-download .document-card__preview::before,
.document-card-list.ypfcom__panels-cards-download .document-card__preview::before {
  display: none;
}

.video-player .image-container .image-container_icon .enlargable-icon {
  fill: var(--Primary-Brand-Colour-300)
}

.menu-header .menu-header__logo {
  width: 150px;
}

.main-footer .main-footer__logo {
  display: flex;
  justify-content: flex-end;
}

.main-footer .main-footer__legales--link img,
.main-footer a.main-footer__link img {
  width: 200px;
  height: auto;
}

.menu-header .menu-header__openmenu {
  display: none;
}

/* COLORS */

.generic-card.ypfcom__modules-cards-text-1,
.card-list.ypfcom__panels-cards-text-1 .generic-card {
  background-color: var(--Primary-Brand-Colour-500);
}

.generic-card.ypfcom__modules-cards-text-1 .generic-card__body > *,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__body > *,
.generic-card.ypfcom__modules-cards-text-1 .generic-card__body > * > p,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__body > * > p {
  color: var(--Grey-Scale-0);
}

.main-footer:not(.site-map) {
    border-top: solid 8px var(--Primary-Brand-Colour-300);
}

/* #endregion FIXES */