/* #region VARIABLES */

:root {
  /*COLORES*/
  --Primary-Brand-Colour-700: #0451dd;
  --Primary-Brand-Colour-500: #00407b;
  --Primary-Brand-Colour-300: #647186;
  --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: din-pro-light, Arial, Helvetica, sans-serif;
  --font-din-regular: din-pro-regular, Arial, Helvetica, sans-serif;
  --font-din-medium: din-pro-medium, Arial, Helvetica, sans-serif;
  --font-din-bold: din-pro-bold, Arial, Helvetica, sans-serif;
  --font-din-bolder: din-pro-extra-bold, Arial, Helvetica, sans-serif;
  --font-source-regular: source-serif-pro-regular, "Times New Roman", Times,
    serif;
  --font-source-bold: source-serif-pro-bold, "Times New Roman", Times, 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);
  /*BORDER RADIUS*/
  --border-radius-small: 2px;
  --border-radius-medium: 4px;
  --border-radius-large: 8px;
  --border-radius-extra-large: 12px;
  --border-radius-extra-large-2: 20px;
  /*TRASITIONS*/
  --buttons-transition: all 0.3s ease;
  /*YL-CONTAINER*/
  --view-width: 100vw;
  --yl-container-width: 1320px;
  --border-view-distance: calc(calc(var(--view-width) - var(--yl-container-width)) / 2);
  --border-view-distance-mobile: 24px;
  --border-content-distance: calc(calc(100% - var(--yl-container-width)) / 2);
  /*COLUMNS*/
  --columns-count: 12;
  --columns-gap: 24px;
  --columns-width: calc(calc(var(--yl-container-width) - calc(calc(var(--columns-count) - 1) * var(--columns-gap))) / var(--columns-count));
  --columns-width-2: calc(calc(var(--columns-width) * 2) + var(--columns-gap));
  --columns-width-3: calc(calc(var(--columns-width) * 3) + calc(var(--columns-gap) * 2));
  --columns-width-4: calc(calc(var(--columns-width) * 4) + calc(var(--columns-gap) * 3));
  --columns-width-5: calc(calc(var(--columns-width) * 5) + calc(var(--columns-gap) * 4));
  --columns-width-6: calc(calc(var(--columns-width) * 6) + calc(var(--columns-gap) * 5));
  --columns-width-7: calc(calc(var(--columns-width) * 7) + calc(var(--columns-gap) * 6));
  --columns-width-8: calc(calc(var(--columns-width) * 8) + calc(var(--columns-gap) * 7));
  --columns-width-9: calc(calc(var(--columns-width) * 9) + calc(var(--columns-gap) * 8));
  --columns-width-10: calc(calc(var(--columns-width) * 10) + calc(var(--columns-gap) * 9));
  --columns-width-11: calc(calc(var(--columns-width) * 11) + calc(var(--columns-gap) * 10));
  --columns-width-12: calc(calc(var(--columns-width) * 12) + calc(var(--columns-gap) * 11));
}

@media (max-width: 1400px) {
  :root {
    --yl-container-width: 1140px;
  }
}

@media (max-width: 1200px) {
  :root {
    --yl-container-width: 960px;
    --columns-count: 6;
    /*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);
  }
}

@media (max-width: 991px) {
  :root {
    --yl-container-width: 720px;
  }
}

@media (max-width: 767px) {
  :root {
    --yl-container-width: 540px;
  }
}

@media (max-width: 575px) {
  :root {
    --yl-container-width: calc(100% - calc(var(--border-view-distance-mobile) * 2));
    --columns-count: 4;
  }
}

/* #endregion VARIABLES */

/* #region GLOBAL ////////////////////////////////////////////////////////// */

/* #region UX */

*:focus {
  outline: none;
}

*:focus-visible {
  outline: 2px solid var(--Primary-Brand-Colour-700);
  outline-offset: 4px;
  border-radius: var(--border-radius-extra-large);
}

/* #endregion UX */

/* #region SECCIONES */

html {
  font-size: 24px;
}

main {
  margin-block-start: 55px;
}

body[data-ylite="true"] main {
  margin-block-start: 5px;
}

.yl-container {
  width: var(--yl-container-width) !important;
}

/* #endregion SECCIONES */

/* #region TEXTOS */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--Primary-Brand-Colour-700);
}

h1 {
  font: var(--title-h1);
}

h2 {
  font: var(--title-h2);
}

h3 {
  font: var(--title-h3);
}

h4 {
  font: var(--title-h4);
}

h5 {
  font: var(--title-h5);
}

h6 {
  font: var(--title-h6);
}

p,
div,
li {
  font: var(--text-body-2);
  color: var(--Grey-Scale-900);
}

b,
strong {
  font-family: var(--font-din-medium);
  font-weight: unset;
}

/* #endregion TEXTOS */

/* #region GLIDER */

.glider {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: unset !important;
}

.glider::-webkit-scrollbar {
  height: 0;
  display: none;
}

/* #endregion GLIDER */

/* #endregion GLOBAL ////////////////////////////////////////////////////////// */




/* #region MODULOS ////////////////////////////////////////////////////////// */

/* #region Components / Actions / Buttons / Default */

/* #region Global */

.info-block.ypfcom__modules-text-block .info-block__link,
.carousel-banners.ypfcom__panel-hero-primary .advanced-link__link,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link__link,
.banner.ypfcom__panel-hero-secondary .advanced-link__link,
.banner.ypfcom__panels-banner-text .advanced-link__link,
.banner.ypfcom__panels-banner-image-with-background .advanced-link__link,
.card-list.ypfcom__panels-cards-info .generic-card__links a,
.card-list.ypfcom__panels-cards-buckets .generic-card__links a,
.generic-card.ypfcom__modules-cards-text-3 .generic-card__links a,
.generic-card.ypfcom__modules-cards-image .generic-card__links a,
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a,
.generic-card.ypfcom__modules-cards-information-lite .generic-card__links a,
.card-list.ypfcom__panels-cards-information-lite .generic-card__links a,
.sharepoint-list.ypfcom__panels-cards-download .list a,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content a,
.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn,
.ypfcom__panels-form .primary-btn,
.ypfcom__panels-form .secondary-btn,
.ypfcom__panels-form .tertiary-btn,
.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .input-group label,
.ypfcom__components-actions-buttons--back-top .ypfcom__components-actions-buttons--back-top__btn,
.ypfcom__panels-form .dynamic-table__btn button,
.ypfcom__panels-form .dynamic-table .modal-footer button,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-label,
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > button,
.ypfcom__panels-cards-article .card-metadata__container .btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 22px;
  font: var(--text-body-2-bold);
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: var(--border-radius-large);
  text-decoration: none;
  transition: var(--buttons-transition);
}

/* Agregar selector si es Small */
.card-list.ypfcom__panels-cards-info .generic-card__links a,
.card-list.ypfcom__panels-cards-buckets .generic-card__links a,
.generic-card.ypfcom__modules-cards-text-3 .generic-card__links a,
.generic-card.ypfcom__modules-cards-image .generic-card__links a,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content a,
.generic-card.ypfcom__modules-cards-information-lite .generic-card__links a,
.card-list.ypfcom__panels-cards-information-lite .generic-card__links a,
.sharepoint-list.ypfcom__panels-cards-download .list a,
.ypfcom__panels-cards-article .card-metadata__container .btn-link {
  height: 36px;
  padding: 0 14px;
}

.info-block.ypfcom__modules-text-block .info-block__link:hover,
.carousel-banners.ypfcom__panel-hero-primary .advanced-link__link:hover,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link__link:hover,
.banner.ypfcom__panel-hero-secondary .advanced-link__link:hover,
.banner.ypfcom__panels-banner-text .advanced-link__link:hover,
.banner.ypfcom__panels-banner-image-with-background .advanced-link__link:hover,
.card-list.ypfcom__panels-cards-info .generic-card__links a:hover,
.card-list.ypfcom__panels-cards-buckets .generic-card__links a:hover,
.generic-card.ypfcom__modules-text-block .generic-card__links a:hover,
.generic-card.ypfcom__modules-cards-image .generic-card__links a:hover,
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a:hover,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a:hover,
.generic-card.ypfcom__modules-cards-information-lite .generic-card__links a:hover,
.card-list.ypfcom__panels-cards-information-lite .generic-card__links a:hover,
.sharepoint-list.ypfcom__panels-cards-download .list a:hover,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content a:hover,
.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn:hover,
.ypfcom__panels-form .primary-btn:hover,
.ypfcom__panels-form .secondary-btn:hover,
.ypfcom__panels-form .tertiary-btn:hover,
.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .input-group label:hover,
.ypfcom__components-actions-buttons--back-top .ypfcom__components-actions-buttons--back-top__btn:hover,
.ypfcom__panels-form .dynamic-table__btn button:hover,
.ypfcom__panels-form .dynamic-table .modal-footer button:hover,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-label:hover,
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > button:hover,
.ypfcom__panels-cards-article .card-metadata__container .btn-link:hover {
  border-radius: var(--border-radius-extra-large-2);
}

.info-block.ypfcom__modules-text-block .info-block__link[disabled],
.carousel-banners.ypfcom__panel-hero-primary .advanced-link .advanced-link__link[disabled],
.carousel-banners.ypfcom__panels-banner-50image .advanced-link__link[disabled],
.banner.ypfcom__panel-hero-secondary .advanced-link .advanced-link__link[disabled],
.banner.ypfcom__panels-banner-text .advanced-link__link[disabled],
.banner.ypfcom__panels-banner-image-with-background .advanced-link__link[disabled],
.card-list.ypfcom__panels-cards-info .generic-card__links a[disabled],
.card-list.ypfcom__panels-cards-buckets .generic-card__links a[disabled],
.generic-card.ypfcom__modules-cards-text-3 .generic-card__links a[disabled],
.generic-card.ypfcom__modules-cards-image .generic-card__links a[disabled],
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a[disabled],
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a[disabled],
.generic-card.ypfcom__modules-cards-information-lite .generic-card__links a[disabled],
.card-list.ypfcom__panels-cards-information-lite .generic-card__links a[disabled],
.sharepoint-list.ypfcom__panels-cards-download .list a[disabled],
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content a[disabled],
.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn[disabled],
.ypfcom__panels-form .primary-btn[disabled],
.ypfcom__panels-form .secondary-btn[disabled],
.ypfcom__panels-form .tertiary-btn[disabled],
.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .input-group label[disabled],
.ypfcom__components-actions-buttons--back-top .ypfcom__components-actions-buttons--back-top__btn[disabled],
.ypfcom__panels-form .dynamic-table__btn button[disabled],
.ypfcom__panels-form .dynamic-table .modal-footer button[disabled],
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-label[disabled],
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > button[disabled],
.ypfcom__panels-cards-article .card-metadata__container .btn-link[disabled] {
  background-color: var(--Grey-Scale-100);
  color: var(--Grey-Scale-400);
}

.info-block.ypfcom__modules-text-block .info-block__link.info-block__link--video svg,
.carousel-banners.ypfcom__panel-hero-primary .advanced-link__video,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link__video,
.banner.ypfcom__panel-hero-secondary .advanced-link__video,
.banner.ypfcom__panels-banner-image-with-background .advanced-link__video,
.banner.ypfcom__panels-banner-text .advanced-link__video {
  display: none;
}

/* #endregion Global */

/* #region Primary */

/* #region Brand */

.info-block.ypfcom__modules-text-block .info-block__link:nth-child(1),
.carousel-banners.ypfcom__panel-hero-primary .advanced-link:nth-child(1) .advanced-link__link,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link:nth-child(1) .advanced-link__link,
.banner.ypfcom__panel-hero-secondary .advanced-link:nth-child(1) .advanced-link__link,
.banner.ypfcom__panels-banner-text .advanced-link:nth-child(1) .advanced-link__link,
.banner.ypfcom__panels-banner-image-with-background .advanced-link:nth-child(1) .advanced-link__link,
.ypfcom__panels-form .primary-btn,
.ypfcom__panels-form .dynamic-table .modal-footer button:nth-child(2),
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(4),
.sharepoint-list.ypfcom__panels-cards-download .list a {
  background-color: var(--Primary-Brand-Colour-700);
  color: var(--Grey-Scale-0);
}

.info-block.ypfcom__modules-text-block .info-block__link:nth-child(1):hover,
.info-block.ypfcom__modules-text-block .info-block__link:nth-child(1):focus-visible,
.carousel-banners.ypfcom__panel-hero-primary .advanced-link:nth-child(1) .advanced-link__link:hover,
.carousel-banners.ypfcom__panel-hero-primary .advanced-link:nth-child(1) .advanced-link__link:focus-visible,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link:nth-child(1) .advanced-link__link:hover,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link:nth-child(1) .advanced-link__link:focus-visible,
.banner.ypfcom__panel-hero-secondary .advanced-link:nth-child(1) .advanced-link__link:hover,
.banner.ypfcom__panel-hero-secondary .advanced-link:nth-child(1) .advanced-link__link:focus-visible,
.banner.ypfcom__panels-banner-text .advanced-link:nth-child(1) .advanced-link__link:hover,
.banner.ypfcom__panels-banner-text .advanced-link:nth-child(1) .advanced-link__link:focus-visible,
.banner.ypfcom__panels-banner-image-with-background .advanced-link:nth-child(1) .advanced-link__link:hover,
.banner.ypfcom__panels-banner-image-with-background .advanced-link:nth-child(1) .advanced-link__link:focus-visible,
.ypfcom__panels-form .primary-btn:hover,
.ypfcom__panels-form .primary-btn:focus-visible,
.ypfcom__panels-form .dynamic-table .modal-footer button:nth-child(2):hover,
.ypfcom__panels-form .dynamic-table .modal-footer button:nth-child(2):focus-visible,
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(4):hover,
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(4):focus-visible,
.sharepoint-list.ypfcom__panels-cards-download .list a:hover,
.sharepoint-list.ypfcom__panels-cards-download .list a:focus-visible {
  background-color: var(--Primary-Brand-Colour-500);
}

/* #endregion Brand */

/* #region White */

.banner.ypfcom__panels-banner-text.dark .advanced-link:nth-child(1) .advanced-link__link {
  background-color: var(--Grey-Scale-0);
  color: var(--Primary-Brand-Colour-700);
}

.banner.ypfcom__panels-banner-text.dark .advanced-link:nth-child(1) .advanced-link__link:hover {
  background-color: var(--Grey-Scale-100);
  color: var(--Primary-Brand-Colour-500);
}

.banner.ypfcom__panels-banner-text.dark .advanced-link:nth-child(1) .advanced-link__link:focus-visible {
  background-color: var(--Grey-Scale-100);
  color: var(--Primary-Brand-Colour-500);
  outline-color: var(--Borders-Dividers-Lines-100);
}

/* #endregion White */

/* #endregion Primary */

/* #region Secondary */

/* #region Brand */

.info-block.ypfcom__modules-text-block .info-block__link,
.carousel-banners.ypfcom__panel-hero-primary .advanced-link__link,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link__link,
.banner.ypfcom__panel-hero-secondary .advanced-link__link,
.banner.ypfcom__panels-banner-text .advanced-link__link,
.banner.ypfcom__panels-banner-image-with-background .advanced-link__link,
.generic-card.ypfcom__modules-cards-information-lite .generic-card__links a,
.card-list.ypfcom__panels-cards-information-lite .generic-card__links a,
.ypfcom__panels-form .secondary-btn,
.ypfcom__panels-form .dynamic-table .modal-footer button,
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(3),
.sharepoint-list.ypfcom__panels-cards-download .list a:not(.btn-pdf) {
  background-color: transparent;
  color: var(--Primary-Brand-Colour-700);
  border: 1px solid var(--Primary-Brand-Colour-700);
}

.info-block.ypfcom__modules-text-block .info-block__link:hover,
.info-block.ypfcom__modules-text-block .info-block__link:focus-visible,
.carousel-banners.ypfcom__panel-hero-primary .advanced-link__link:hover,
.carousel-banners.ypfcom__panel-hero-primary .advanced-link__link:focus-visible,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link__link:hover,
.carousel-banners.ypfcom__panels-banner-50image .advanced-link__link:focus-visible,
.banner.ypfcom__panel-hero-secondary .advanced-link__link:hover,
.banner.ypfcom__panel-hero-secondary .advanced-link__link:focus-visible,
.banner.ypfcom__panels-banner-text .advanced-link__link:hover,
.banner.ypfcom__panels-banner-text .advanced-link__link:focus-visible,
.banner.ypfcom__panels-banner-image-with-background .advanced-link__link:hover,
.banner.ypfcom__panels-banner-image-with-background .advanced-link__link:focus-visible,
.generic-card.ypfcom__modules-cards-information-lite .generic-card__links a:hover,
.generic-card.ypfcom__modules-cards-information-lite .generic-card__links a:focus-visible,
.card-list.ypfcom__panels-cards-information-lite .generic-card__links a:hover,
.card-list.ypfcom__panels-cards-information-lite .generic-card__links a:focus-visible,
.ypfcom__panels-form .secondary-btn:hover,
.ypfcom__panels-form .secondary-btn:focus-visible,
.ypfcom__panels-form .dynamic-table .modal-footer button:hover,
.ypfcom__panels-form .dynamic-table .modal-footer button:focus-visible,
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(3):hover,
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(3):focus-visible,
.sharepoint-list.ypfcom__panels-cards-download .list a:not(.btn-pdf):hover,
.sharepoint-list.ypfcom__panels-cards-download .list a:not(.btn-pdf):focus-visible {
  background-color: var(--Primary-Brand-Colour-500);
  color: var(--Grey-Scale-0);
  border: 1px solid transparent;
}

/* #endregion Brand */

/* #region White */

.carousel-banners.ypfcom__panel-hero-secondary.dark .advanced-link__link,
.banner.ypfcom__panels-banner-text.dark .advanced-link__link {
  color: var(--Grey-Scale-0);
  border: 1px solid var(--Grey-Scale-0);
}

.carousel-banners.ypfcom__panel-hero-secondary.dark .advanced-link__link:hover,
.banner.ypfcom__panels-banner-text.dark .advanced-link__link:hover {
  background-color: var(--Grey-Scale-0);
  color: var(--Primary-Brand-Colour-500);
  border: 1px solid transparent;
}

.carousel-banners.ypfcom__panel-hero-secondary.dark .advanced-link__link:focus-visible,
.banner.ypfcom__panels-banner-text.dark .advanced-link__link:focus-visible {
  background-color: var(--Grey-Scale-0);
  color: var(--Primary-Brand-Colour-500);
  border: 1px solid transparent;
  outline-color: var(--Borders-Dividers-Lines-100);
}

/* #endregion White */

/* #endregion Secondary */

/* #region Tertiary */

/* #region Brand */

.card-list.ypfcom__panels-cards-info .generic-card__links a,
.card-list.ypfcom__panels-cards-buckets .generic-card__links a,
.generic-card.ypfcom__modules-cards-text-3 .generic-card__links a,
.generic-card.ypfcom__modules-cards-image .generic-card__links a,
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content a,
.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn,
.ypfcom__panels-form .tertiary-btn,
.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .input-group label,
.ypfcom__panels-form .dynamic-table__btn button,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-label,
.ypfcom__panels-cards-article .card-metadata__container .btn-link {
  background-color: transparent;
  color: var(--Primary-Brand-Colour-700);
  border: none;
  text-decoration: underline;
  text-underline-offset: 4px;
  padding-inline: 0;
}

.card-list.ypfcom__panels-cards-info .generic-card__links a:not([disabled]):hover,
.card-list.ypfcom__panels-cards-info .generic-card__links a:not([disabled]):focus-visible,
.card-list.ypfcom__panels-cards-buckets .generic-card__links a:not([disabled]):hover,
.card-list.ypfcom__panels-cards-buckets .generic-card__links a:not([disabled]):focus-visible,
.generic-card.ypfcom__modules-cards-text-3 .generic-card__links a:not([disabled]):hover,
.generic-card.ypfcom__modules-cards-text-3 .generic-card__links a:not([disabled]):focus-visible,
.generic-card.ypfcom__modules-cards-image .generic-card__links a:not([disabled]):hover,
.generic-card.ypfcom__modules-cards-image .generic-card__links a:not([disabled]):focus-visible,
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a:not([disabled]):hover,
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a:not([disabled]):focus-visible,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a:not([disabled]):hover,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a:not([disabled]):focus-visible,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content a:not([disabled]):hover,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content a:not([disabled]):focus-visible,
.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn:not([disabled]):hover,
.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn:not([disabled]):focus-visible,
.ypfcom__panels-form .tertiary-btn:not([disabled]):hover,
.ypfcom__panels-form .tertiary-btn:not([disabled]):focus-visible,
.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .input-group:not([disabled]):hover label,
.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .input-group:not([disabled]):focus-visible label,
.ypfcom__panels-form .dynamic-table__btn button:not([disabled]):hover,
.ypfcom__panels-form .dynamic-table__btn button:not([disabled]):focus-visible,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-label:hover,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-label:focus-visible,
.ypfcom__panels-cards-article .card-metadata__container .btn-link:hover,
.ypfcom__panels-cards-article .card-metadata__container .btn-link:focus-visible {
  color: var(--Primary-Brand-Colour-500);
}

.card-list.ypfcom__panels-cards-info .generic-card__links a[disabled],
.card-list.ypfcom__panels-cards-buckets .generic-card__links a[disabled],
.generic-card.ypfcom__modules-cards-text-3 .generic-card__links a[disabled],
.generic-card.ypfcom__modules-cards-image .generic-card__links a[disabled],
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a[disabled],
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a[disabled],
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content a[disabled],
.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn[disabled],
.ypfcom__panels-form .tertiary-btn[disabled],
.ypfcom__panels-form .dynamic-table__btn button[disabled],
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"][disabled]) .form-label,
.ypfcom__panels-cards-article .card-metadata__container .btn-link[disabled] {
  background-color: transparent;
  cursor: default;
}

/* #endregion Brand */

/* #region White */

.tertiary {
  color: var(--Grey-Scale-0);
}

.tertiary:hover {
  color: var(--Grey-Scale-500);
}

.tertiary:focus-visible {
  color: var(--Grey-Scale-500);
  outline-color: var(--Borders-Dividers-Lines-100);
}

/* #endregion White */

/* #endregion Tertiary */

/* #region BackToTop */

.ypfcom__components-actions-buttons--back-top {
  display: flex;
  justify-content: center;
}

.ypfcom__components-actions-buttons--back-top .ypfcom__components-actions-buttons--back-top__btn {
  background-color: var(--Grey-Scale-900);
  color: var(--Grey-Scale-0);
  gap: 8px;
}

.ypfcom__components-actions-buttons--back-top .ypfcom__components-actions-buttons--back-top__btn::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_arrow-top--white.svg);
}

@media (min-width: 768px) {
  .ypfcom__components-actions-buttons--back-top {
    display: none;
  }
}

/* #endregion BackToTop */

/* #endregion Components / Actions / Buttons / Default */

/* #region Modules / Text / Block */

/* #region Default */

.info-block.ypfcom__modules-text-block .info-block__tag,
.ypfcom__panel-hero-primary .banner__tag-text,
.carousel-banners.ypfcom__panels-banner-50image .banner__tag-text,
.banner.ypfcom__panel-hero-secondary .banner__tag-text,
.banner.ypfcom__panels-banner-text .banner__tag-text,
.banner.ypfcom__panels-banner-image-with-background .banner__tag-text {
  display: inline-block;
  font: var(--text-overline);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: transparent !important;
  color: var(--Grey-Scale-700) !important;
  margin-block-end: 60px;
  padding: 0;
}

.info-block.ypfcom__modules-text-block .info-block__title,
.ypfcom__panel-hero-primary .banner__title,
.carousel-banners.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 {
  font: var(--title-h2);
  color: var(--Primary-Brand-Colour-700);
  letter-spacing: -2px;
}

.info-block.ypfcom__modules-text-block .info-block__content,
.ypfcom__panel-hero-primary .banner__content,
.carousel-banners.ypfcom__panels-banner-50image .banner__content,
.banner.ypfcom__panel-hero-secondary .banner__content,
.banner.ypfcom__panels-banner-text .banner__content,
.banner.ypfcom__panels-banner-image-with-background .banner__content,
.generic-card.ypfcom__modules-text-block .generic-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block-start: 32px;
}

.info-block.ypfcom__modules-text-block .info-block__content h1,
.info-block.ypfcom__modules-text-block .info-block__content h2,
.info-block.ypfcom__modules-text-block .info-block__content h3,
.info-block.ypfcom__modules-text-block .info-block__content h4,
.info-block.ypfcom__modules-text-block .info-block__content h5,
.info-block.ypfcom__modules-text-block .info-block__content h6,
.ypfcom__panel-hero-primary .banner__content h1,
.ypfcom__panel-hero-primary .banner__content h2,
.ypfcom__panel-hero-primary .banner__content h3,
.ypfcom__panel-hero-primary .banner__content h4,
.ypfcom__panel-hero-primary .banner__content h5,
.ypfcom__panel-hero-primary .banner__content h6,
.carousel-banners.ypfcom__panels-banner-50image .banner__content h1,
.carousel-banners.ypfcom__panels-banner-50image .banner__content h2,
.carousel-banners.ypfcom__panels-banner-50image .banner__content h3,
.carousel-banners.ypfcom__panels-banner-50image .banner__content h4,
.carousel-banners.ypfcom__panels-banner-50image .banner__content h5,
.carousel-banners.ypfcom__panels-banner-50image .banner__content h6,
.banner.ypfcom__panel-hero-secondary .banner__content h1,
.banner.ypfcom__panel-hero-secondary .banner__content h2,
.banner.ypfcom__panel-hero-secondary .banner__content h3,
.banner.ypfcom__panel-hero-secondary .banner__content h4,
.banner.ypfcom__panel-hero-secondary .banner__content h5,
.banner.ypfcom__panel-hero-secondary .banner__content h6,
.banner.ypfcom__panels-banner-text .banner__content h1,
.banner.ypfcom__panels-banner-text .banner__content h2,
.banner.ypfcom__panels-banner-text .banner__content h3,
.banner.ypfcom__panels-banner-text .banner__content h4,
.banner.ypfcom__panels-banner-text .banner__content h5,
.banner.ypfcom__panels-banner-text .banner__content h6,
.banner.ypfcom__panels-banner-image-with-background .banner__content h1,
.banner.ypfcom__panels-banner-image-with-background .banner__content h2,
.banner.ypfcom__panels-banner-image-with-background .banner__content h3,
.banner.ypfcom__panels-banner-image-with-background .banner__content h4,
.banner.ypfcom__panels-banner-image-with-background .banner__content h5,
.banner.ypfcom__panels-banner-image-with-background .banner__content h6,
.generic-card.ypfcom__modules-text-block .generic-card__content h1,
.generic-card.ypfcom__modules-text-block .generic-card__content h2,
.generic-card.ypfcom__modules-text-block .generic-card__content h3,
.generic-card.ypfcom__modules-text-block .generic-card__content h4,
.generic-card.ypfcom__modules-text-block .generic-card__content h5,
.generic-card.ypfcom__modules-text-block .generic-card__content h6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block-start: 32px;
}

.info-block.ypfcom__modules-text-block .info-block__links,
.ypfcom__panel-hero-primary .banner__links,
.carousel-banners.ypfcom__panels-banner-50image .banner__links,
.banner.ypfcom__panel-hero-secondary .banner__links,
.banner.ypfcom__panels-banner-text .banner__links,
.banner.ypfcom__panels-banner-image-with-background .banner__links,
.generic-card.ypfcom__modules-text-block .generic-card__links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
  margin-block-start: 60px;
}

/* #endregion Default */

/* #region Centered */

.info-block.ypfcom__modules-text-block.center {
  text-align: center;
}

.info-block.ypfcom__modules-text-block.center .info-block__links-addon,
.banner.ypfcom__panels-banner-text[data-ylp-format="center"] .banner__links {
  justify-content: center;
}

/* #endregion Centered */

/* #region White */

.ypfcom__panels-banner-text.dark .banner__tag-text,
.ypfcom__panels-banner-text.dark .banner__title,
.ypfcom__panels-banner-text.dark .banner__content p,
.ypfcom__panels-banner-text.darkest .banner__tag-text,
.ypfcom__panels-banner-text.darkest .banner__title,
.ypfcom__panels-banner-text.darkest .banner__content p,
.carousel-banners.ypfcom__panel-hero-secondary.dark .banner__tag-text,
.carousel-banners.ypfcom__panel-hero-secondary.dark .banner__title,
.carousel-banners.ypfcom__panel-hero-secondary.dark .banner__content p,
.info-block.ypfcom__modules-text-block.white .info-block__tag,
.info-block.ypfcom__modules-text-block.white .info-block__title,
.info-block.ypfcom__modules-text-block.white .info-block__content {
  color: var(--Grey-Scale-0) !important;
}

/* #endregion White */

/* #region Black */

.info-block.ypfcom__modules-text-block.black .info-block__title,
.info-block.ypfcom__modules-text-block.black .info-block__content {
  color: var(--Grey-Scale-900);
}

/* #endregion Black */

/* #endregion Modules / Text / Block */

/* #region Modules / Cards */

/* #region Image */

.generic-card.ypfcom__modules-cards-image,
.card-list.ypfcom__panels-cards-buckets .generic-card,
.ypfcom__panels-cards-article .card-metadata__container .glider-page .generic-card,
.ypfcom__panel-cards-carousel-buckets-video .generic-card {
  border: none;
  justify-content: flex-start;
  border-radius: 0;
}

.generic-card.ypfcom__modules-cards-image .generic-card__img-container,
.card-list.ypfcom__panels-cards-buckets .generic-card__img-container,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__img-container,
.ypfcom__panels-cards-article .card-metadata__container .glider-page .generic-card img {
  margin-block-end: 16px;
}

.generic-card.ypfcom__modules-cards-image .generic-image,
.card-list.ypfcom__panels-cards-buckets .generic-image,
.ypfcom__panel-cards-carousel-buckets-video .generic-image,
.ypfcom__panels-cards-article .card-metadata__container .glider-page .generic-card img {
  border-radius: var(--border-radius-large);
  overflow: hidden;
  height: 220px;
}

.generic-card.ypfcom__modules-cards-image .generic-image__image,
.card-list.ypfcom__panels-cards-buckets .generic-image__image,
.ypfcom__panel-cards-carousel-buckets-video .generic-card .generic-image__image {
  object-fit: cover;
  height: 100%;
}

.generic-card.ypfcom__modules-cards-image .generic-card__body,
.card-list.ypfcom__panels-cards-buckets .generic-card__body,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__body,
.ypfcom__panels-cards-article .card-metadata__container .glider-page .generic-card .generic-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
}

.ypfcom__panels-cards-article .card-metadata__container .field__props-subtitulo,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__title {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 7px 16px;
  font: var(--text-body-2);
  color: var(--Primary-Brand-Colour-700);
  background-color: var(--Grey-Scale-0);
  border-radius: var(--border-radius-large);
  max-width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ypfcom__panels-cards-article .card-metadata__container .field__props-fecha {
  font: var(--text-body-2);
  color: var(--Grey-Scale-700);
  margin-block-end: 28px;
}

.generic-card.ypfcom__modules-cards-image .generic-card__title,
.card-list.ypfcom__panels-cards-buckets .generic-card__title,
.ypfcom__panels-cards-article .card-metadata__container .field__props-titulo,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content h1,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content h2,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content h3,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content h4,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content h5,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content h6 {
  font: var(--title-h6);
  color: var(--Grey-Scale-900);
}

.generic-card.ypfcom__modules-cards-image .generic-card__content,
.card-list.ypfcom__panels-cards-buckets .generic-card__content,
.ypfcom__panel-cards-carousel-buckets-video .generic-card__content,
.ypfcom__panels-cards-article .card-metadata__container .field__props-body {
  font: var(--text-body-2);
  color: var(--Grey-Scale-900);
}

.generic-card.ypfcom__modules-cards-image .generic-card__links,
.card-list.ypfcom__panels-cards-buckets .generic-card__links {
  flex-wrap: wrap;
}

/* #endregion Image */

/* #region Text-1 */

.generic-card.ypfcom__modules-cards-text-1,
.card-list.ypfcom__panels-cards-text-1 .generic-card,
.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .generic-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
  padding: 44px;
  border-radius: var(--border-radius-large);
  border: none;
  background-color: var(--Grey-Scale-100);
}

.generic-card.ypfcom__modules-cards-text-1 .generic-card__img-container,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__img-container,
.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
}

.generic-card.ypfcom__modules-cards-text-1 .generic-card__body,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__body,
.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0px;
}

.generic-card.ypfcom__modules-cards-text-1 .generic-card__body::before,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__body::before,
.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__body::before {
  content: url(https://ypf.com/yl-cdn/images/check-icon.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.generic-card.ypfcom__modules-cards-text-1 .generic-card__title,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__title,
.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__title {
  font: 18px var(--font-din-bold);
  color: var(--Grey-Scale-900);
  line-height: 24px;
}

.generic-card.ypfcom__modules-cards-text-1 .generic-card__content,
.generic-card.ypfcom__modules-cards-text-1 .generic-card__content p,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__content,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__content p,
.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__content,
.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__content p {
  font: 16px/22px var(--font-din-regular);
  color: var(--Grey-Scale-700);
}

.generic-card.ypfcom__modules-cards-text-1 .generic-card__links,
.card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__links,
.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .generic-card .generic-card__links {
  flex-direction: column;
  margin-top: 12px;
  font-family: var(--font-din-medium);
}

/* #endregion Text-1 */

/* #region Text-2 */

.generic-card.ypfcom__modules-cards-text-2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 44px;
  border: none;
  background-color: var(--Primary-Brand-Colour-700);
  border-radius: var(--border-radius-large);
  min-height: 248px;
}

.generic-card.ypfcom__modules-cards-text-2 .generic-card__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0px;
}

.generic-card.ypfcom__modules-cards-text-2 .generic-card__title::before {
  content: url(https://ypf.com/yl-cdn/images/check-icon.svg);
  display: block;
  margin-bottom: 12px;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  filter: brightness(100);
}

.generic-card.ypfcom__modules-cards-text-2 .generic-card__title {
  font: 24px/28px var(--font-din-bold);
  color: var(--Grey-Scale-0);
}

.generic-card.ypfcom__modules-cards-text-2 .generic-card__title::after {
  content: "";
  border-bottom: 1px solid var(--Grey-Scale-0);
  width: 120px;
  margin-block-start: 20px;
  display: block;
}

.generic-card.ypfcom__modules-cards-text-2 .generic-card__content,
.generic-card.ypfcom__modules-cards-text-2 .generic-card__content p {
  font: 16px/22px var(--font-din-regular);
  color: var(--Grey-Scale-0);
  line-height: 22px;
}

/* #endregion Text-2 */

/* #region Text-3 */

.generic-card.ypfcom__modules-cards-text-3,
.card-list.ypfcom__panels-cards-info .generic-card {
  display: flex;
  flex-direction: column;
  gap: 44px;
  justify-content: flex-start;
  background-color: var(--Grey-Scale-100);
  border: none;
  border-radius: var(--border-radius-large);
  padding: 32px;
}

.generic-card.ypfcom__modules-cards-text-3 .generic-card__img-container,
.card-list.ypfcom__panels-cards-info .generic-card .generic-card__img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  background-color: var(--Grey-Scale-0);
  border-radius: 50%;
}

.generic-card.ypfcom__modules-cards-text-3 .generic-card__body,
.card-list.ypfcom__panels-cards-info .generic-card .generic-card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
}

.generic-card.ypfcom__modules-cards-text-3 .generic-card__title,
.card-list.ypfcom__panels-cards-info .generic-card .generic-card__title {
  font: var(--title-h6);
  color: var(--Primary-Brand-Colour-700);
}

.generic-card.ypfcom__modules-cards-text-3 .generic-card__content,
.generic-card.ypfcom__modules-cards-text-3 .generic-card__content p,
.card-list.ypfcom__panels-cards-info .generic-card .generic-card__content,
.card-list.ypfcom__panels-cards-info .generic-card .generic-card__content p {
  font: var(--text-body-2);
  color: var(--Grey-Scale-900);
}

.generic-card.ypfcom__modules-cards-text-3 .generic-card__links,
.card-list.ypfcom__panels-cards-info .generic-card__links {
  flex-direction: column;
}

/* #endregion Text-3 */

/* #region Information */

.generic-card.ypfcom__modules-cards-information,
.card-list.ypfcom__panels-cards-information .generic-card {
  display: block;
  padding: 32px;
  background-color: var(--Grey-Scale-0);
  border: 1px solid var(--Borders-Dividers-Lines-100);
  border-radius: var(--border-radius-large);
}

.generic-card.ypfcom__modules-cards-information::before,
.card-list.ypfcom__panels-cards-information .generic-card::before {
  content: "";
  display: block;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_people-identity--brand.svg);
  width: 24px;
  height: 24px;
  margin-block-end: 40px;
}

.generic-card.ypfcom__modules-cards-information .generic-card__body,
.card-list.ypfcom__panels-cards-information .generic-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  height: calc(100% - 64px);
}

.generic-card.ypfcom__modules-cards-information .generic-card__title,
.card-list.ypfcom__panels-cards-information .generic-card .generic-card__title {
  font: var(--subtitle-bold);
  color: var(--Primary-Brand-Colour-700);
}

.generic-card.ypfcom__modules-cards-information .generic-card__content,
.generic-card.ypfcom__modules-cards-information .generic-card__content p,
.card-list.ypfcom__panels-cards-information .generic-card .generic-card__content,
.card-list.ypfcom__panels-cards-information .generic-card .generic-card__content p {
  font: var(--text-body-2-bold);
  color: var(--Grey-Scale-700);
}

.generic-card.ypfcom__modules-cards-information .generic-card__links,
.card-list.ypfcom__panels-cards-information .generic-card__links {
  flex-direction: column;
  align-items: flex-start;
  margin-block-start: auto;
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a,
.card-list.ypfcom__panels-cards-information .generic-card__links a {
  display: inline-flex;
  flex-direction: column-reverse;
  font: var(--text-body-2-bold);
  color: var(--Primary-Brand-Colour-700);
  text-decoration: none;
  position: relative;
  padding-inline-start: 36px;
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a:first-child,
.card-list.ypfcom__panels-cards-information .generic-card__links a:first-child {
  margin-block-start: 32px;
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a:hover,
.card-list.ypfcom__panels-cards-information .generic-card__links a:hover {
  color: var(--Primary-Brand-Colour-500);
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a::before,
.card-list.ypfcom__panels-cards-information .generic-card__links a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_world--grey.svg);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a::after,
.card-list.ypfcom__panels-cards-information .generic-card__links a::after {
  content: "Sitio web";
  font: var(--text-body-2);
  color: var(--Grey-Scale-900);
}

html[lang="en"] .generic-card.ypfcom__modules-cards-information .generic-card__links a::after,
html[lang="en"] .card-list.ypfcom__panels-cards-information .generic-card__links a::after {
  content: "Web Site";
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a[href^="mailto:"]::before,
.card-list.ypfcom__panels-cards-information .generic-card__links a[href^="mailto:"]::before {
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_arroba-email--grey.svg);
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a[href^="mailto:"]::after,
.card-list.ypfcom__panels-cards-information .generic-card__links a[href^="mailto:"]::after {
  content: "Email";
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a[href^="tel:"]::before,
.card-list.ypfcom__panels-cards-information .generic-card__links a[href^="tel:"]::before {
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_phone--grey.svg);
}

.generic-card.ypfcom__modules-cards-information .generic-card__links a[href^="tel:"]::after,
.card-list.ypfcom__panels-cards-information .generic-card__links a[href^="tel:"]::after {
  content: "Teléfono";
}

html[lang="en"] .generic-card.ypfcom__modules-cards-information .generic-card__links a[href^="tel:"]::after,
html[lang="en"] .card-list.ypfcom__panels-cards-information .generic-card__links a[href^="tel:"]::after {
  content: "Telephone Number";
}

/* #endregion Information */

/* #region Information Lite */

.generic-card.ypfcom__modules-cards-information-lite,
.card-list.ypfcom__panels-cards-information-lite .generic-card {
  display: block;
  padding: 32px;
  background-color: var(--Grey-Scale-0);
  border: 1px solid var(--Borders-Dividers-Lines-100);
  border-radius: var(--border-radius-large);
}

.generic-card.ypfcom__modules-cards-information-lite::before,
.card-list.ypfcom__panels-cards-information-lite .generic-card::before {
  content: "";
  display: block;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_world--brand.svg);
  width: 24px;
  height: 24px;
  margin-block-end: 40px;
}

.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(https://ypf.com/yl-cdn/images/ds2/icons/icon_arroba-email--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(https://ypf.com/yl-cdn/images/ds2/icons/icon_phone--brand.svg);
}

.generic-card.ypfcom__modules-cards-information-lite .generic-card__body,
.card-list.ypfcom__panels-cards-information-lite .generic-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  height: calc(100% - 64px);
}

.generic-card.ypfcom__modules-cards-information-lite .generic-card__title,
.card-list.ypfcom__panels-cards-information-lite .generic-card .generic-card__title {
  font: var(--subtitle-bold);
  color: var(--Primary-Brand-Colour-700);
}

.generic-card.ypfcom__modules-cards-information-lite .generic-card__content,
.generic-card.ypfcom__modules-cards-information-lite .generic-card__content p,
.card-list.ypfcom__panels-cards-information-lite .generic-card .generic-card__content,
.card-list.ypfcom__panels-cards-information-lite .generic-card .generic-card__content p {
  font: var(--text-body-2-bold);
  color: var(--Grey-Scale-700);
}

.generic-card.ypfcom__modules-cards-information-lite .generic-card__links,
.card-list.ypfcom__panels-cards-information-lite .generic-card__links {
  margin-block-start: auto;
}

.generic-card.ypfcom__modules-cards-information-lite .generic-card__links a:first-child,
.card-list.ypfcom__panels-cards-information-lite .generic-card__links a:first-child {
  margin-block-start: 32px;
}

/* #endregion Information Lite */

/* #region Download */

.document-card.ypfcom__modules-cards-download,
.document-card-list.ypfcom__panels-cards-download .document-card,
.sharepoint-list.ypfcom__panels-cards-download .list {
  display: flex;
  gap: 16px;
  padding: 24px;
  background-color: var(--Grey-Scale-100);
  border-radius: var(--border-radius-large);
}

.document-card-list.ypfcom__panels-cards-download .document-card,
.sharepoint-list.ypfcom__panels-cards-download .list {
  flex-direction: column;
}

.document-card.ypfcom__modules-cards-download .document-card__preview,
.document-card-list.ypfcom__panels-cards-download .document-card__preview {
  flex-basis: calc(50% - calc(var(--columns-gap) / 2));
  padding: 32px;
  min-height: 300px;
}

.document-card.ypfcom__modules-cards-download .document-card__preview::before,
.document-card-list.ypfcom__panels-cards-download .document-card__preview::before {
  content: "";
  display: block;
  width: 100%;
  height: 16px;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/logos/logo--brand.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

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

.document-card.ypfcom__modules-cards-download .document-card__preview-title,
.document-card-list.ypfcom__panels-cards-download .document-card__preview-title {
  font: var(--text-body-1-bold);
}

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

.document-card.ypfcom__modules-cards-download .document-card__info-wrapper,
.document-card-list.ypfcom__panels-cards-download .document-card__info-wrapper {
  flex-basis: calc(50% - calc(var(--columns-gap) / 2));
}

.document-card.ypfcom__modules-cards-download .document-card__info-content>*:first-child,
.document-card-list.ypfcom__panels-cards-download .document-card__info-content>*:first-child,
.sharepoint-list.ypfcom__panels-cards-download .field__titulo > * {
  font: var(--title-h6);
  color: var(--Primary-Brand-Colour-700);
  margin-block-end: 16px;
}

.document-card.ypfcom__modules-cards-download .document-card__content p,
.document-card-list.ypfcom__panels-cards-download .document-card__content p,
.sharepoint-list.ypfcom__panels-cards-download .field__subtitulo span {
  font: var(--text-body-2);
  margin-block-end: 16px;
}

.document-card.ypfcom__modules-cards-download .document-card__sharing-container,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container,
.sharepoint-list.ypfcom__panels-cards-download .list a {
  display: inline-flex;
}

.document-card.ypfcom__modules-cards-download .document-card__sharing-container a,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a {
  color: var(--Primary-Brand-Colour-700);
  border: none;
  display: flex;
  gap: 7px;
  width: auto;
}

.document-card.ypfcom__modules-cards-download .document-card__sharing-container a::before,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a::before {
  content: "Descargar";
}

html[lang="en"] .document-card.ypfcom__modules-cards-download .document-card__sharing-container a::before,
html[lang="en"] .document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a::before {
  content: "Download";
}

.document-card.ypfcom__modules-cards-download .document-card__sharing-container a svg,
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a svg g path,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a svg,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a svg g path {
  fill: var(--Primary-Brand-Colour-700);
}

.document-card.ypfcom__modules-cards-download .document-card__sharing-container a:hover svg,
.document-card.ypfcom__modules-cards-download .document-card__sharing-container a:hover svg g path,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a:hover svg,
.document-card-list.ypfcom__panels-cards-download .document-card__sharing-container a:hover svg g path {
  fill: var(--Primary-Brand-Colour-500);
}

/* #endregion Download */

/* #endregion Modules / Cards */

/* #region Components / Selector / Slider */

/* #region Buttons */

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination>button,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination>button,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination>button,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__pagination>button,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__pagination>button,
.ypfcom__panels-cards-buckets .card-list__pagination>button,
.ypfcom__panel-cards-carousel-buckets-video .card-list__pagination>button,
.card-list.ypfcom__panels-cards-info .card-list__pagination>button,
.ypfcom__panels-cards-download .document-card-list__pagination>button,
.ypfcom__panel-text-slider .controls-container button.btn-next,
.ypfcom__panel-text-slider .controls-container button.btn-prev,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-next,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-prev,
.ypfcom__panels-cards-interactive .card-list__pagination>button,
.card-list.ypfcom__panels-cards-text-1 .card-list__pagination>button,
.ypfcom__panels-cards-text-image-slider .glider-controls>button,
.ypfcom__panels-cards-article .glider-arrows button,
.sharepoint-list.ypfcom__panels-cards-download .glider-arrows button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  background-color: transparent;
  cursor: pointer;
  transition: var(--buttons-transition);
  position: unset;
  border: 1px solid var(--Primary-Brand-Colour-700);
  border-radius: var(--border-radius-large);
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_chevron-right--brand.svg);
  background-repeat: no-repeat;
  background-size: 26px 18px;
  background-position: center center;
  opacity: 1;
  padding: 0;
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination>button:hover,
.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination>button:focus-visible,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination>button:hover,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination>button:focus-visible,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination>button:hover,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination>button:focus-visible,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__pagination>button:hover,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__pagination>button:focus-visible,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__pagination>button:hover,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__pagination>button:focus-visible,
.ypfcom__panels-cards-buckets .card-list__pagination>button:hover,
.ypfcom__panels-cards-buckets .card-list__pagination>button:focus-visible,
.ypfcom__panel-cards-carousel-buckets-video .card-list__pagination>button:hover,
.ypfcom__panel-cards-carousel-buckets-video .card-list__pagination>button:focus-visible,
.card-list.ypfcom__panels-cards-info .card-list__pagination>button:hover,
.card-list.ypfcom__panels-cards-info .card-list__pagination>button:focus-visible,
.ypfcom__panels-cards-download .document-card-list__pagination>button:hover,
.ypfcom__panels-cards-download .document-card-list__pagination>button:focus-visible,
.ypfcom__panel-text-slider .controls-container button.btn-next:hover,
.ypfcom__panel-text-slider .controls-container button.btn-next:focus-visible,
.ypfcom__panel-text-slider .controls-container button.btn-prev:hover,
.ypfcom__panel-text-slider .controls-container button.btn-prev:focus-visible,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-next:hover,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-next:focus-visible,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-prev:hover,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-prev:focus-visible,
.ypfcom__panels-cards-interactive .card-list__pagination>button:hover,
.ypfcom__panels-cards-interactive .card-list__pagination>button:focus-visible,
.card-list.ypfcom__panels-cards-text-1 .card-list__pagination>button:hover,
.card-list.ypfcom__panels-cards-text-1 .card-list__pagination>button:focus-visible,
.ypfcom__panels-cards-text-image-slider .glider-controls>button:hover,
.ypfcom__panels-cards-text-image-slider .glider-controls>button:focus-visible,
.ypfcom__panels-cards-article .glider-arrows>button:hover,
.ypfcom__panels-cards-article .glider-arrows>button:focus-visible,
.sharepoint-list.ypfcom__panels-cards-download .glider-arrows>button:hover,
.sharepoint-list.ypfcom__panels-cards-download .glider-arrows>button:focus-visible {
  border: 1px solid var(--Primary-Brand-Colour-500);
  border-radius: var(--border-radius-extra-large-2);
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_chevron-right--white.svg);
  background-color: var(--Primary-Brand-Colour-500);
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination>button.disabled,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination>button.disabled,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination>button.disabled,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__pagination>button.disabled,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__pagination>button.disabled,
.ypfcom__panels-cards-buckets .card-list__pagination>button.disabled,
.ypfcom__panel-cards-carousel-buckets-video .card-list__pagination>button.disabled,
.ypfcom__panels-cards-download .download-card-list__pagination>button.disabled,
.card-list.ypfcom__panels-cards-info .card-list__pagination>button.disabled,
.ypfcom__panel-text-slider .controls-container button.btn-prev.disabled,
.ypfcom__panel-text-slider .controls-container button.btn-next.disabled,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-prev.disabled,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-next.disabled,
.ypfcom__panels-cards-interactive .card-list__pagination>button.disabled,
.card-list.ypfcom__panels-cards-text-1 .card-list__pagination>button.disabled,
.ypfcom__panels-cards-text-image-slider .glider-controls>button.disabled,
.ypfcom__panels-cards-article .glider-arrows>button[disabled],
.sharepoint-list.ypfcom__panels-cards-download .glider-arrows>button[disabled] {
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_chevron-right--grey.svg);
  border: 1px solid var(--Grey-Scale-300);
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination button svg,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination button svg,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination button svg,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__pagination button svg,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__pagination button svg,
.ypfcom__panels-cards-buckets .card-list__pagination button svg,
.ypfcom__panel-cards-carousel-buckets-video .card-list__pagination button svg,
.ypfcom__panels-cards-interactive .card-list__pagination button svg,
.ypfcom__panels-cards-download .download-card-list__pagination button svg,
.card-list.ypfcom__panels-cards-info .card-list__pagination button svg,
.card-list.ypfcom__panels-cards-text-1 .card-list__pagination button svg,
.ypfcom__panels-cards-article .glider-arrows>button img,
.sharepoint-list.ypfcom__panels-cards-download .glider-arrows>button img {
  display: none;
}

.carousel-banners.ypfcom__panel-hero-primary .glider-prev,
.carousel-banners.ypfcom__panels-banner-50image-l .glider-prev,
.carousel-banners.ypfcom__panels-banner-50image-r .glider-prev,
.carousel-banners.ypfcom__panel-hero-secondary .glider-prev,
.carousel-banners.ypfcom__panel-hero-secondary--dark .glider-prev,
.ypfcom__panels-cards-buckets .glider-prev,
.ypfcom__panel-cards-carousel-buckets-video .glider-prev,
.card-list.ypfcom__panels-cards-info .glider-prev,
.ypfcom__panel-text-slider .controls-container-horizontal .btn-prev,
.ypfcom__panels-cards-download .glider-prev,
.ypfcom__panels-cards-interactive .glider-prev,
.card-list.ypfcom__panels-cards-text-1 .glider-prev,
.ypfcom__panels-cards-text-image-slider .news-prev,
.ypfcom__panels-cards-article .glider-prev,
.sharepoint-list.ypfcom__panels-cards-download .glider-prev {
  transform: scaleX(-1);
}

/* #endregion Buttons */

/* #region Stepper */

.ypfcom__panels-cards-article .glider-controls .glider-arrows,
.sharepoint-list.ypfcom__panels-cards-download .glider-controls .glider-arrows {
  display: flex;
  gap: 20px;
}

.ypfcom__panels-cards-article .glider-controls .page-selector,
.sharepoint-list.ypfcom__panels-cards-download .glider-controls .page-selector {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.ypfcom__panels-cards-article .glider-controls .page-btn,
.sharepoint-list.ypfcom__panels-cards-download .glider-controls .page-btn {
  border: 1px solid var(--Borders-Dividers-Lines-100);
  border-radius: 50%;
  background: none;
  color: var(--Primary-Brand-Colour-700);
  font: var(--text-body-2-bold);
}

.ypfcom__panels-cards-article .glider-controls .page-btn.active,
.sharepoint-list.ypfcom__panels-cards-download .glider-controls .page-btn.active {
  border-color: var(--Primary-Brand-Colour-700);
  background-color: var(--Primary-Brand-Colour-700);
  color: var(--Grey-Scale-0);
}

.ypfcom__panels-cards-article .glider-controls .page-btn:hover,
.ypfcom__panels-cards-article .glider-controls .page-btn:focus-visible,
.sharepoint-list.ypfcom__panels-cards-download .glider-controls .page-btn:hover,
.sharepoint-list.ypfcom__panels-cards-download .glider-controls .page-btn:focus-visible {
  border-color: var(--Primary-Brand-Colour-500);
  background-color: var(--Primary-Brand-Colour-500);
  color: var(--Grey-Scale-0);
}

.ypfcom__panels-cards-article .glider-controls .page-ellipsis,
.sharepoint-list.ypfcom__panels-cards-download .glider-controls .page-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--Grey-Scale-100);
  border-radius: 50%;
  background-color: var(--Grey-Scale-100);
  color: var(--Primary-Brand-Colour-700);
  font: var(--text-body-2-bold);
}

/* #endregion Stepper */

/* #region Handles */

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__pagination,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__pagination,
.ypfcom__panels-cards-interactive .card-list__pagination,
.ypfcom__panels-cards-buckets .card-list__pagination,
.ypfcom__panel-cards-carousel-buckets-video .card-list__pagination,
.ypfcom__panels-cards-download .document-card-list__pagination,
.card-list.ypfcom__panels-cards-info .card-list__pagination,
.ypfcom__panel-text-slider .controls-container-horizontal,
.card-list.ypfcom__panels-cards-text-1 .card-list__pagination,
.ypfcom__panels-cards-text-image-slider .glider-controls {
  display: flex;
  gap: 12px;
  align-items: center;
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__counter,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__counter,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__counter,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__counter,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__counter,
.ypfcom__panels-cards-buckets .card-list__counter,
.ypfcom__panel-cards-carousel-buckets-video .card-list__counter,
.ypfcom__panel-text-slider .controls-container-horizontal .counter,
.ypfcom__panels-cards-download .document-card-list__counter,
.ypfcom__panels-cards-interactive .card-list__counter,
.card-list.ypfcom__panels-cards-info .card-list__counter,
.card-list.ypfcom__panels-cards-text-1 .card-list__counter,
.ypfcom__panels-cards-text-image-slider .glider-counter {
  display: flex;
  gap: 9px;
  padding-inline-end: 32px;
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__counter span,
.carousel-banners.ypfcom__panels-banner-50image .carousel-banners__counter span,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__counter span,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__counter span,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__counter span,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__counter span,
.ypfcom__panels-cards-interactive .card-list__counter span,
.ypfcom__panels-cards-buckets .card-list__counter span,
.ypfcom__panel-cards-carousel-buckets-video .card-list__counter span,
.card-list.ypfcom__panels-cards-info .card-list__counter span,
.ypfcom__panel-text-slider .controls-container-horizontal span,
.ypfcom__panel-text-slider .controls-container span,
.ypfcom__panels-cards-download .document-card-list__counter span,
.card-list.ypfcom__panels-cards-text-1 .card-list__counter span,
.ypfcom__panels-cards-text-image-slider .glider-counter span {
  font: var(--text-body-2);
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__separator,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__separator,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__separator,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__separator,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__separator,
.ypfcom__panels-cards-interactive .card-list__separator,
.ypfcom__panels-cards-buckets .card-list__separator,
.ypfcom__panel-cards-carousel-buckets-video .card-list__separator,
.card-list.ypfcom__panels-cards-info .card-list__separator,
.ypfcom__panel-text-slider .controls-container-horizontal .separator,
.ypfcom__panels-cards-download .document-card-list__separator,
.card-list.ypfcom__panels-cards-text-1 .card-list__separator,
.ypfcom__panels-cards-download .document-card-list__separator,
.ypfcom__panels-cards-text-image-slider .slide-separator {
  font: var(--text-body-2-bold);
  color: var(--Primary-Brand-Colour-700);
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__current,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__current,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__current,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__current,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__current,
.ypfcom__panels-cards-interactive .card-list__current,
.ypfcom__panels-cards-buckets .card-list__current,
.ypfcom__panel-cards-carousel-buckets-video .card-list__current,
.card-list.ypfcom__panels-cards-info .card-list__current,
.ypfcom__panel-text-slider .controls-container-horizontal .current,
.card-list.ypfcom__panels-cards-text-1 .card-list__current,
.ypfcom__panels-cards-text-image-slider .current-slide {
  color: var(--Grey-Scale-900);
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__total,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__total,
.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__total,
.carousel-banners.ypfcom__panel-hero-secondary .carousel-banners__total,
.carousel-banners.ypfcom__panel-hero-secondary--dark .carousel-banners__total,
.ypfcom__panels-cards-interactive .card-list__total,
.ypfcom__panels-cards-buckets .card-list__total,
.ypfcom__panel-cards-carousel-buckets-video .card-list__total,
.document-card-list .ypfcom__panels-cards-download,
.card-list.ypfcom__panels-cards-info .card-list__total,
.ypfcom__panel-text-slider .controls-container-horizontal .total,
.ypfcom__panels-cards-download .document-card-list__total,
.card-list.ypfcom__panels-cards-text-1 .card-list__total,
.ypfcom__panels-cards-text-image-slider .total-slides {
  color: var(--Grey-Scale-600);
}

/* #endregion Handles */

/* #region Handles Lite */

.carousel-banners.ypfcom__panel-hero-primary .glider-dots,
.card-list.ypfcom__panels-cards-buckets .glider-dots,
.card-list.ypfcom__panels-cards-information .glider-dots,
.card-list.ypfcom__panels-cards-information-lite .glider-dots,
.card-list.ypfcom__panels-cards-info .glider-dots,
.ypfcom__panels-cards-text-image-slider .glider-dots,
.ypfcom__panel-cards-carousel-buckets-video .glider-dots {
  margin: unset;
  width: 100%;
  gap: 2px;
  justify-content: flex-start;
}

.carousel-banners.ypfcom__panel-hero-primary .glider-dot,
.card-list.ypfcom__panels-cards-buckets .glider-dot,
.card-list.ypfcom__panels-cards-information .glider-dot,
.card-list.ypfcom__panels-cards-information-lite .glider-dot,
.card-list.ypfcom__panels-cards-info .glider-dot,
.ypfcom__panels-cards-text-image-slider .glider-dot,
.ypfcom__panel-cards-carousel-buckets-video .glider-dot {
  display: flex;
  align-items: center;
  height: 24px;
  width: auto;
  margin: unset;
  background-color: transparent;
}

.carousel-banners.ypfcom__panel-hero-primary .glider-dot::after,
.card-list.ypfcom__panels-cards-buckets .glider-dot::after,
.card-list.ypfcom__panels-cards-information .glider-dot::after,
.card-list.ypfcom__panels-cards-information-lite .glider-dot::after,
.card-list.ypfcom__panels-cards-info .glider-dot::after,
.ypfcom__panels-cards-text-image-slider .glider-dot::after,
.ypfcom__panel-cards-carousel-buckets-video .glider-dot::after {
  content: "";
  width: 24px;
  height: 5px;
  background: var(--Grey-Scale-400);
  border-radius: 20px;
  transition: width 0.3s ease, background 0.3s ease;
}

.carousel-banners.ypfcom__panel-hero-primary .glider-dot.active::after,
.card-list.ypfcom__panels-cards-buckets .glider-dot.active::after,
.card-list.ypfcom__panels-cards-information .glider-dot.active::after,
.card-list.ypfcom__panels-cards-information-lite .glider-dot.active::after,
.card-list.ypfcom__panels-cards-info .glider-dot.active::after,
.ypfcom__panels-cards-text-image-slider .glider-dot.active::after,
.ypfcom__panel-cards-carousel-buckets-video .glider-dot.active::after {
  content: "";
  background: var(--Primary-Brand-Colour-700);
  width: 54px;
  height: 5px;
  border-radius: 20px;
}


@media (max-width: 1200px) {

  .carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination,
  .card-list.ypfcom__panels-cards-buckets .card-list__pagination,
  .card-list.ypfcom__panels-cards-information .card-list__pagination,
  .card-list.ypfcom__panels-cards-information-lite .card-list__pagination,
  .card-list.ypfcom__panels-cards-info .card-list__pagination,
  .ypfcom__panels-cards-text-image-slider .glider-controls,
  .ypfcom__panel-cards-carousel-buckets-video .card-list__pagination {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: start;
  }

  .carousel-banners.ypfcom__panel-hero-primary .carousel-banners__current,
  .card-list.ypfcom__panels-cards-buckets .card-list__current,
  .card-list.ypfcom__panels-cards-information .card-list__current,
  .card-list.ypfcom__panels-cards-information-lite .card-list__current,
  .card-list.ypfcom__panels-cards-info .card-list__current,
  .ypfcom__panels-cards-text-image-slider .current-slide,
  .ypfcom__panel-cards-carousel-buckets-video .card-list__current {
    color: var(--Primary-Brand-Colour-700);
  }

  .carousel-banners.ypfcom__panel-hero-primary .carousel-banners__separator,
  .card-list.ypfcom__panels-cards-buckets .card-list__separator,
  .card-list.ypfcom__panels-cards-information .card-list__separator,
  .card-list.ypfcom__panels-cards-information-lite .card-list__separator,
  .card-list.ypfcom__panels-cards-info .card-list__separator,
  .ypfcom__panels-cards-text-image-slider .slide-separator,
  .ypfcom__panel-cards-carousel-buckets-video .card-list__separator {
    font: var(--text-body-2);
    color: var(--Grey-Scale-400);
  }
}

/* #endregion Handles Lite*/

/* #endregion Components / Selector / Slider */

/* #region Video / Modal */

.ypfcom__video-modal,
.video-frame-modal__video-case,
.ypfcom__panels-banner-video--right .video-player .ui-modal,
.ypfcom__panels-banner-video--left .video-player .ui-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 20px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 9999;
}

.ypfcom__video-modal .ypfcom__video-modal--close-btn,
.video-frame-modal__video-case .video-frame-modal__close-video,
.ypfcom__panels-banner-video--right .video-player .ui-modal .ui-modal__overlay .ui-modal__close,
.ypfcom__panels-banner-video--left .video-player .ui-modal .ui-modal__overlay .ui-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999;
  width: 64px;
  height: 64px;
  background-image: url(https://ypf.com/yl-cdn/images/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--Grey-Scale-0);
  border-radius: 0 0 0 var(--border-radius-large);
  cursor: pointer;
}

.video-frame-modal__video-case .video-frame-modal__close-video svg,
.ypfcom__panels-banner-video--right .video-player .ui-modal .ui-modal__overlay .ui-modal__close svg,
.ypfcom__panels-banner-video--left .video-player .ui-modal .ui-modal__overlay .ui-modal__close svg {
  display: none;
}

.ypfcom__video-modal .ypfcom__video-modal--iframe,
.video-frame-modal__video-case .video-frame-modal__video-player,
.ypfcom__video-modal .ypfcom__video-modal--footer,
.ypfcom__panels-banner-video--right .video-player .ui-modal__content .ui-modal__body iframe,
.ypfcom__panels-banner-video--left .video-player .ui-modal__content .ui-modal__body iframe {
  width: 90%;
  max-width: 812px;
}

.ypfcom__video-modal .ypfcom__video-modal--iframe,
.video-frame-modal__video-case .video-frame-modal__video-player {
  height: auto;
  max-height: 100%;
  aspect-ratio: 16 / 9;
}

.ypfcom__video-modal .ypfcom__video-modal--footer {
  position: relative;
  padding-inline-start: 84px;
}

.ypfcom__video-modal .ypfcom__video-modal--footer::before {
  content: "";
  width: 60px;
  height: 60px;
  background-image: url(https://ypf.com/yl-cdn/images/brand-ypf.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  border-radius: var(--border-radius-large);
}

.ypfcom__video-modal .ypfcom__video-modal--title {
  font: 18px/24px var(--font-din-bold);
  color: var(--Grey-Scale-0);
  margin-block: 5px 4px;
}

.ypfcom__video-modal .ypfcom__video-modal--description {
  font: 16px/22px var(--font-din-regular);
  color: var(--Grey-Scale-0);
}

/* #endregion Video / Modal */

/* #region PAGINA DE ERROR*/
body.ypf__error-page-body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  align-items: stretch;
  font-family: var(--font-din-medium);
  overflow-x: hidden;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--Grey-Scale-900);
}

.ypf__error-page-landing {
  position: relative;
  height: 90vh;
  overflow: hidden;
}

.ypf__error-page-landing .landing__overlay {
  position: relative;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: -50px;
}

.ypf__error-page-landing .landing__overlay h2 {
  margin: 0 0 40px;
  font-size: 30px;
}

.ypf__error-page-landing .landing__actions {
  font-size: 0;
  text-align: center;
  margin: 10px auto 0;
}

.ypf__error-page-landing .button-error {
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: var(--Primary-Brand-Colour-700);
  border: 1px solid var(--Primary-Brand-Colour-700);
  color: var(--Grey-Scale-0);
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
  padding: 8px 10px 6px;
  transition: all 0.25s ease-in-out;
  width: 250px;
  margin: 0 30px;
  text-decoration: none;
}

.ypf__error-page-landing .button-error:hover,
.ypf__error-page-landing .button-error:focus {
  background-color: var(--Grey-Scale-0);
  border: 1px solid var(--Primary-Brand-Colour-700);
  color: var(--Primary-Brand-Colour-700);
}

#ypf__error-page-bg-inf {
  position: absolute;
  right: 5%;
  bottom: 20px;
  height: 20rem;
  width: 20rem;
  color: var(--Grey-Scale-300);
  z-index: -1;
}

#ypf__error-page-bg-sup {
  position: absolute;
  left: 10%;
  top: 100px;
  height: 10rem;
  width: 10rem;
  color: var(--Grey-Scale-300);
  transform: scaleX(-1);
  z-index: -1;
}

/* #endregion PAGINA DE ERROR */

/* #region Modules / Notification / Toast */

.ypfcom__panels-form .step__body .alert {
  position: fixed;
  bottom: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 24px;
  background-color: var(--Grey-Scale-0);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
  border-left: 2px solid var(--System-Notification-Error);
  padding: 24px 20px 24px 90px;
  z-index: 99;
  max-width: calc(100vw - 32px);
  background-image: url(https://ypf.com/yl-cdn/images/error-message-icon.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 20px;
  background-size: 44px;
}

.ypfcom__panels-form .step__body .alert.alert-success {
  border-left: 2px solid var(--System-Notification-Success);
  background-image: url(https://ypf.com/yl-cdn/images/success-message-icon.svg);
}

.ypfcom__panels-form .step__body .alert h3 {
  font: 16px/22px var(--font-din-regular);
  color: var(--Grey-Scale-900);
  margin-block-end: 4px;
}

.ypfcom__panels-form .step__body .alert p {
  font: 14px/18px var(--font-din-regular);
  color: var(--Grey-Scale-700);
}

.ypfcom__panels-form .step__body .alert button {
  border: none;
  background-color: var(--Grey-Scale-0);
  width: 24px;
  height: 24px;
  background-image: url(https://ypf.com/yl-cdn/images/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  cursor: pointer;
}

/* #endregion Modules / Notification / Toast */

/* #region Components / Spinner/ Loading */

.ypfcom__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-block: 60px;
}

.ypfcom__spinner .spinner,
.ypfcom__panels-form .loader-container .spinner-border {
  width: 100px;
  height: 100px;
  border: 5px solid var(--Borders-Dividers-Lines-100);
  border-bottom-color: var(--Primary-Brand-Colour-500);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin: 0 auto;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* #endregion Components / Spinner/ Loading */

/* #region Formularios */

/* #region Global */

/* Label */
.ypfcom__panels-form .form-label,
.ypfcom__panel-guia .select-container label,
.ypfcom__panels-form .dynamic-table .modal-body > form > div > label,
.sharepoint-list.ypfcom__panels-cards-download .filters-container label,
.ypfcom__panels-cards-article .filters-container label {
  display: inline-flex;
  font: var(--text-body-2);
  color: var(--Grey-Scale-900);
  margin-block-end: 2px;
}

.ypfcom__panels-form .form-label:has(.text-danger)::after,
.ypfcom__panels-form .dynamic-table .modal-body > form > div:has(.form-label .text-danger) > label::after {
  content: "*";
  padding-inline-start: 2px;
}

.ypfcom__panels-form .dynamic-table .modal-body .form-label,
.ypfcom__panels-form .form-label .text-danger {
  display: none
}

.ypfcom__panels-form .inputs-container > *:has(:not(.is-valid,.is-invalid)) > .form-label,
.ypfcom__panels-form  .dynamic-table .modal-body > form > *:has(:not(.is-valid,.is-invalid)) > label {
  color: var(--Grey-Scale-900);
}

.ypfcom__panels-form .field-text:has(.form-control.is-valid, .form-control.is-invalid) .form-label,
.ypfcom__panels-form .inputs-container > *:has(.form-select.is-valid, .form-select.is-invalid) > .form-label,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(.form-select.is-valid, .form-select.is-invalid, .form-control.is-valid, .form-control.is-invalid) > label {
  color: var(--Grey-Scale-500);
}

.ypfcom__panels-form .field-text:has(.form-control:focus) .form-label,
.ypfcom__panels-form .inputs-container > *:has(.form-select:focus) > .form-label,
.ypfcom__panels-form  .dynamic-table .modal-body > form > *:has(.form-control:focus, .form-select:focus) > label,
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container:has(.select-level:focus) label,
.sharepoint-list.ypfcom__panels-cards-download .filters-container:has(select:focus) label,
.ypfcom__panels-cards-article .filters-container:has(select:focus) label {
  color: var(--Primary-Brand-Colour-700);
}

.ypfcom__panels-form .field-text:has(.form-control[disabled]) .form-label,
.ypfcom__panels-form fieldset > *:has(.form-select[disabled]) > .form-label,
.ypfcom__panels-form  .dynamic-table .modal-body > form > *:has(.form-control[disabled], .form-select[disabled]) > label,
.ypfcom__panel-guia .select-container:has(.select-level[disabled]) label,
.sharepoint-list.ypfcom__panels-cards-download .filters-container:has(select[disabled]) label,
.ypfcom__panels-cards-article .filters-container:has(select[disabled]) label {
  color: var(--Grey-Scale-300);
}

/* Inputs */
.ypfcom__panels-form .field-text .form-control:not(textarea),
.ypfcom__panels-form .form-select,
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container .select-level,
.sharepoint-list.ypfcom__panels-cards-download select,
.ypfcom__panels-cards-article select,
.search-container .search-input {
  font: var(--text-body-1);
  color: var(--Grey-Scale-900);
  width: 100%;
  padding-block: 12px;
  border: none;
  border-radius: 2px;
  border-bottom: 1px solid var(--Grey-Scale-400);
  background-color: transparent;
  appearance: none;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}

.ypfcom__panels-form .field-text .form-control::placeholder,
.search-container .search-input::placeholder {
  color: var(--Grey-Scale-500);
}

.ypfcom__panels-form .field-text .form-control:focus,
.ypfcom__panels-form .form-select:focus,
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container .select-level:focus,
.sharepoint-list.ypfcom__panels-cards-download select:focus,
.ypfcom__panels-cards-article select:focus {
  border-color: var(--Primary-Brand-Colour-700);
  outline: none;
}

.ypfcom__panels-form fieldset .inputs-container .is-invalid {
  border-color: var(--System-Notification-Error);
}

.ypfcom__panels-form .text-danger p {
  font: var(--text-body-3);
  color: var(--System-Notification-Error);
  margin-block-start: 2px;
}

.ypfcom__panels-form .field-text:has(.form-control:disabled) .form-control {
  border-color: var(--Grey-Scale-300);
}

.ypfcom__panels-form .field-text:has(.form-control:disabled) .form-control,
.ypfcom__panels-form .field-text:has(.form-control:disabled) .form-control::placeholder,
.ypfcom__panels-form .field-text:has(.form-control:disabled) .text-danger p {
  color: var(--Grey-Scale-300);
}

/* #endregion Global */

/* #region Components / Dropdown / Text */

.ypfcom__panels-form .inputs-container>*:has(.form-select),
.ypfcom__panels-form  .dynamic-table .modal-body > form > *:has(.form-select),
.ypfcom__panel-guia .select-container,
.sharepoint-list.ypfcom__panels-cards-download .filter-group:has(select),
.ypfcom__panels-cards-article .filter-group:has(select) {
  position: relative;
}

.ypfcom__panels-form .inputs-container>*:has(.form-select)::after,
.ypfcom__panels-form  .dynamic-table .modal-body > form > *:has(.form-select)::after,
.ypfcom__panel-guia .select-container::after,
.sharepoint-list.ypfcom__panels-cards-download .filter-group:has(select)::after,
.ypfcom__panels-cards-article .filter-group:has(select)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 32px;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_chevron-down--brand.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  box-shadow: 0px 12px 10px var(--Grey-Scale-0);
}

.ypfcom__panels-form .inputs-container>*:has(.form-select)::after {
  box-shadow: 0px 12px 10px var(--Grey-Scale-0);
  z-index: 0;
}

.ypfcom__panels-form .inputs-container>*:has(.form-select:focus)::after,
.ypfcom__panels-form  .dynamic-table .modal-body > form > *:has(.form-select:focus)::after,
.ypfcom__panel-guia .select-container:has(.select-level:focus)::after,
.sharepoint-list.ypfcom__panels-cards-download .filter-group:has(select:focus)::after,
.ypfcom__panels-cards-article .filter-group:has(select:focus)::after {
  transform: rotate(180deg);
}

.ypfcom__panels-form .inputs-container>*:has(.form-select[disabled])::after,
.ypfcom__panels-form  .dynamic-table .modal-body > form > *:has(.form-select[disabled])::after,
.ypfcom__panel-guia .select-container:has(.select-level[disabled])::after,
.sharepoint-list.ypfcom__panels-cards-download .filter-group:has(select[disabled])::after,
.ypfcom__panels-cards-article .filter-group:has(select[disabled])::after {
  filter: grayscale(100%) brightness(300%);
}

.ypfcom__panels-form .inputs-container>*:has(.form-select.is-valid, .form-select.is-invalid) label,
.ypfcom__panel-guia .select-container:has(.select-level:valid:not([disabled])) label,
.sharepoint-list.ypfcom__panels-cards-download .filter-group:has(select:valid:not([disabled])) label,
.ypfcom__panels-cards-article .filter-group:has(select:valid:not([disabled])) label {
  color: var(--Grey-Scale-500);
}

.ypfcom__panels-form .inputs-container .form-select,
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container .select-level,
.sharepoint-list.ypfcom__panels-cards-download .filter-group select,
.ypfcom__panels-cards-article .filter-group select {
  padding-inline-end: 24px;
  color: var(--Grey-Scale-500);
  position: relative;
  z-index: 1;
}

.ypfcom__panels-form .inputs-container .form-select[disabled],
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container .select-level[disabled],
.sharepoint-list.ypfcom__panels-cards-download .filter-group select[disabled],
.ypfcom__panels-cards-article .filter-group select[disabled] {
  border-color: var(--Grey-Scale-300);
  color: var(--Grey-Scale-300);
  cursor: not-allowed;
}

.ypfcom__panels-form .inputs-container .form-select.is-valid,
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-level:valid:not(:disabled),
.sharepoint-list.ypfcom__panels-cards-download .filter-group select:valid:not(:disabled),
.ypfcom__panels-cards-article .filter-group select:valid:not(:disabled) {
  color: var(--Grey-Scale-900);
}

.ypfcom__panels-form .inputs-container .form-select.is-invalid,
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container .select-level[value=""],
.sharepoint-list.ypfcom__panels-cards-download .filter-group select[value=""],
.ypfcom__panels-cards-article .filter-group select[value=""] {
  color: var(--Grey-Scale-500);
}

.ypfcom__panels-form .inputs-container .form-select option,
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container .select-level option,
.sharepoint-list.ypfcom__panels-cards-download .filter-group select option,
.ypfcom__panels-cards-article .filter-group select option  {
  color: var(--Grey-Scale-700);
}

.ypfcom__panels-form .inputs-container .form-select option:first-child,
.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container .select-level option:first-child,
.sharepoint-list.ypfcom__panels-cards-download .filter-group select option:first-child,
.ypfcom__panels-cards-article .filter-group select option:first-child {
  color: var(--Grey-Scale-500);
}

/* #endregion Components / Dropdown / Text */

/* #region Components / Input / Textarea */

.ypfcom__panels-form .inputs-container textarea {
  font: 14px/18px var(--font-din-regular);
  background-color: transparent;
  border: 1px solid var(--Borders-Dividers-Lines-100);
  border-radius: var(--border-radius-small);
  width: 100% !important;
  max-width: 100%;
  height: 100px;
  padding: 8px;
  resize: none;
}

.ypfcom__panels-form .inputs-container textarea.form-control:focus {
  border-color: var(--Primary-Brand-Colour-300);
}

.ypfcom__panels-form .inputs-container textarea::placeholder {
  color: var(--Grey-Scale-500);
}

.ypfcom__panels-form .inputs-container textarea::-webkit-scrollbar {
  width: 4px;
}

.ypfcom__panels-form .inputs-container textarea::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: var(--Grey-Scale-100);
}

.ypfcom__panels-form .inputs-container textarea::-webkit-scrollbar-thumb {
  background-color: var(--Primary-Brand-Colour-700);
  border-radius: 2px;
}

.ypfcom__panels-form .inputs-container textarea::-webkit-scrollbar-thumb:hover {
  background-color: var(--Primary-Brand-Colour-500);
  cursor: default;
}

.ypfcom__panels-form .inputs-container textarea::-webkit-scrollbar-button {
  display: none;
}

/* #endregion Components / Input / Textarea */

/* #region Components / Input / UploadInput */

.ypfcom__panels-form .inputs-container .attach-container,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) {   
  flex-basis: 100% !important; 
  display: flex;   
  flex-direction: column; 
  align-items: flex-start; 
}

.ypfcom__panels-form .inputs-container .attach-container p,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) > label {
  font: 14px/20px var(--font-din-regular);
  color: var(--Grey-Scale-700);
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input {   
  display: block;   
  width: 100%;   
} 

.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .form-label,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-label {
  border: unset;
  display: inline-flex;
  cursor: pointer;
  color: var(--Primary-Brand-Colour-700);
  margin: 0px;
  text-decoration: underline;
  margin-block-end: 4px;
  text-underline-offset: 4px;
  cursor: pointer;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .field-file .input-group .field-file-div,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .input-group > div {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .field-file .input-group .field-file-div .form-control,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-control  {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  cursor: pointer;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .custom-file-upload {
  display: flex;
  flex-direction: column;
  position: relative;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .input-group,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .input-group { 
  position: relative;
  border: unset;
  width: max-content;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .custom-file-upload .input-group input[type="file"],
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .form-control {
  width: 100%; 
  opacity: 0; 
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .field-file .file-remove .file-name,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .file-remove .file-name {
  display: flex;
  font: 14px/18px var(--font-din-regular);
  margin-bottom: 16px;
  margin-top: 16px;
  align-items: center;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .field-file .file-remove .file-name::before,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .file-remove .file-name::before {
  content: url(https://ypf.com/yl-cdn/images/icons/insert_drive_file.svg);
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .field-file .file-remove .fa-times,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .file-remove .fa-times {
  margin-left: auto;
  width: 24px; 
  height: 24px;
  mask: url(https://ypf.com/yl-cdn/images/icons/icon_close.svg); 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  color: #BDBDBD;
  cursor: pointer;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .field-file .file-remove .fa-times svg,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .file-remove .fa-times svg {
  display: none; 
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .field-file .fa-upload,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .fa-upload {
  display: none;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .field-file .text-danger p,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .text-danger p {
  display: flex;
  align-items: center;
  font: 14px/18px var(--font-din-regular);
  color: var(--System-Notification-Error);
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .field-file .text-danger p::before,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .text-danger p::before {
  content: url(https://ypf.com/yl-cdn/images/icons/icon-circle_close.svg);
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.ypfcom__panels-form .inputs-container .attach-container .upload-input .document-title,
.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]) .document-title {
  margin-top: 16px;
  margin-bottom: 16px;
  font: 16px / 22px var(--font-din-regular);
  color: var(--Grey-Scale-700);
}

/* #endregion Componens / Input / UploadInput */

/* #region Components / Input / Coordenates */

.ypfcom__panels-form .inputs-container .coordinates-container {
  flex-basis: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.ypfcom__panels-form .inputs-container .coordinates-container .field-text {
  width: 100%;
}

.ypfcom__panels-form .inputs-container .coordinates-container .field-text .form-check {
  font: 14px / 18px var(--font-din-regular);
  color: var(--Grey-Scale-900);
  margin-block-end: 5px;
  display: flex;
  align-self: center;
  padding-right: 0.5em;
}

.ypfcom__panels-form .inputs-container .coordinates-container .field-text .form-group {
  display: flex;
  flex-direction: column-reverse;
}

.ypfcom__panels-form .inputs-container .coordinates-container .field-text .form-check input {
  margin-top: -2px;
}

.ypfcom__panels-form .inputs-container .coordinates-container .row {
  width: 100%;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.ypfcom__panels-form .inputs-container .coordinates-container .row .d-flex {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
}

.ypfcom__panels-form .inputs-container .coordinates-container .row .d-flex label {
  place-self: flex-start;
}

.ypfcom__panels-form .inputs-container .coordinates-container .textoCoordenadas {
  display: block;
  width: 100%;
  text-align: left;
}

/* #endregion Componens /Input / Coordenates */

/* #region Components / Input / Cards list */

.ypfcom__panels-form .step fieldset .inputs-container .dynamic-table {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}

.ypfcom__panels-form .inputs-container .dynamic-table__header > *:not(p) {
  font: 18px / 28px var(--font-din-medium);
  color: var(--Grey-Scale-900);
}

.ypfcom__panels-form .inputs-container .dynamic-table__header > p {
  font: 14px / 24px var(--font-din-regular);
  color: var(--Grey-Scale-700);
}

.ypfcom__panels-form .inputs-container .dynamic-table .data-container {
  flex-basis: 100%;
}

.ypfcom__panels-form .dynamic-table__btn button::after {
  content: " +";
}

/* MODAL */

.ypfcom__panels-form .dynamic-table:has(.modal)::before {
  content: "";
  position: fixed;
  background-color: var(--Overlays-Black-40);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.ypfcom__panels-form .dynamic-table .modal {
  position: absolute;
  background-color: var(--Grey-Scale-0);
  border-radius: var(--border-radius-extra-large);
  left: 0;
  right: 0;
  top: -120px;
  padding: 32px;
  z-index: 4;
}

.ypfcom__panels-form .dynamic-table .modal-content {
  margin-block-start: 16px;
}

.ypfcom__panels-form .dynamic-table .modal-header {
  display: flex;
  flex-direction: column-reverse;
}

.ypfcom__panels-form .dynamic-table .modal-header button {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 12px;
  right: 12px;
  background-color: transparent;
  border: none;
  padding: 0;
  background-image: url(https://ypf.com/yl-cdn/images/icons/icon_close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px;
  cursor: pointer;
}

.ypfcom__panels-form .dynamic-table .modal-header .modal-title {
  font: 24px/28px var(--font-din-bold);
  margin-block-end: 24px;
  color: var(--Grey-Scale-900);
}

.ypfcom__panels-form .dynamic-table .modal-body > form {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.ypfcom__panels-form .dynamic-table .modal-body > form > * {
  flex-basis: calc(calc(100% - 24px) / 2);
  flex-grow: 1;
}

.ypfcom__panels-form .dynamic-table .modal-body > form > *:has(input[type="file"]),
.ypfcom__panels-form .dynamic-table .modal-body > form > .modal-footer {
  flex-basis: 100%;
}

.ypfcom__panels-form .dynamic-table .modal-body > form > .modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-block-end: 1px;
}

.ypfcom__panels-form .dynamic-table .modal-content .modal-body > form > .y-file > label {
  font-size: 16px;
  color: var(--Grey-Scale-900);
  flex-wrap: wrap;
}

.ypfcom__panels-form .dynamic-table .modal-content .modal-body > form > .y-file > label > *:nth-child(1) {
  font-family: var(--font-din-medium);
}

.ypfcom__panels-form .dynamic-table .modal-content .modal-body > form > .y-file > label::after {
  display: none;
}

.ypfcom__panels-form .dynamic-table .modal-body > form > div:has(.form-label .text-danger) > label > *:nth-child(1)::after {
  content: "*";
  padding-inline-start: 2px;
}

.ypfcom__panels-form .dynamic-table .modal-body > form > .y-file .form-label::after {
  display: none;
}

.ypfcom__panels-form .dynamic-table .modal-body > form > .y-file:has(.form-control:hover) .form-label {
  color: var(--Primary-Brand-Colour-500);
}

@media (max-width:768px) {
  .ypfcom__panels-form .dynamic-table .modal:not(.modal-delete) {
    position: fixed;
    width: var(--yl-container-width);
    top: 80px;
    left: var(--border-view-distance);
    height: calc(100vh - 100px);
  }

  .ypfcom__panels-form .dynamic-table .modal:not(.modal-delete) .modal-dialog {
    height: 100%;
  }

  .ypfcom__panels-form .dynamic-table .modal:not(.modal-delete) .modal-content {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .ypfcom__panels-form .dynamic-table .modal:not(.modal-delete) .modal-body > form > * {
    flex-basis: 100%;
  }
}

@media (max-width:575px) {
  .ypfcom__panels-form .dynamic-table .modal:not(.modal-delete) {
    width: unset;
    margin-inline: 16px;
  }

  .ypfcom__panels-form .dynamic-table .modal:not(.modal-delete) .modal-body > form > .modal-footer {
    flex-direction: column;
    margin-block-end: 55px;
  }
}

/* CARDS */

.ypfcom__panels-form .dynamic-table .data-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background-color: var(--Grey-Scale-50);
  border-radius: var(--border-radius-medium);
  box-shadow: 0px 3px 6px var(--Grey-Scale-300);
  color: var(--Grey-Scale-900);
  position: relative;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-header > div > div:nth-child(1) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-header > div > div:nth-child(1) > * {
  font: 18px/18px var(--font-din-bold);
  width: 100%;
  padding-inline-end: 80px;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-header > div > div:nth-child(2) {
  position: absolute;
  right: 16px;
  top: 16px;
  display: flex;
  gap: 8px;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-header > div > div:nth-child(2) button {
  border: none;
  background-color: transparent;
  width: 32px;
  height: 32px;
  border: 1px solid var(--Primary-Brand-Colour-700);
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-header > div > div:nth-child(2) button svg {
  width: 12px;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-header > div > div:nth-child(2) button svg path {
  fill: var(--Primary-Brand-Colour-700);
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-header > div > div:nth-child(2) button:hover {
  border-color: var(--Primary-Brand-Colour-500);
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-header > div > div:nth-child(2) button:hover svg path {
  fill: var(--Primary-Brand-Colour-500);
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-body .card-prop {
  color: var(--Grey-Scale-700);
  font: 16px/24px var(--font-din-regular);
  word-break: break-word;
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-body .card-prop span {
  color: var(--Grey-Scale-900);
  font-family: var(--font-din-medium);
}

.ypfcom__panels-form .dynamic-table .data-container .data-card .data-body .card-prop span::after {
  content: ": ";
}

/* MODAL DELETE */

.ypfcom__panels-form .dynamic-table .modal.modal-delete {
  position: fixed;
  top: 50vh;
  transform: translateY(-50%);
  margin-inline: auto;
  max-width: 500px;
  padding: 20px;
}

.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-header {
  display: none;
}

.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-content {
  margin-block-start: 0;
}

.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(1),
.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(2) {
  width: 100%;
  text-align: center;
}

.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(1) {
  font: 16px / 22px var(--font-din-regular);
  color: var(--Grey-Scale-900);
}

.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(2) {
  font: 14px / 18px var(--font-din-regular);
  color: var(--Grey-Scale-700);
  margin-block-end: 7px;
}

.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(3) {
  margin-inline: auto 8px;
}

.ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-footer > *:nth-child(4) {
  margin-inline: 8px auto;
}

@media (max-width:768px) {
  .ypfcom__panels-form .dynamic-table .modal.modal-delete {
    margin-inline: 32px;
  }
}

@media (max-width:575px) {
  .ypfcom__panels-form .dynamic-table .modal.modal-delete {
    margin-inline: 16px;
  }

  .ypfcom__panels-form .dynamic-table .modal.modal-delete .modal-dialog .modal-footer > button {
    flex-basis: 100%;
    margin-inline: 0;
  }
}

/* #endregion Componens / Input / Cards list */

/* #region Search */

.search-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.search-container .search-input {
    background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_search--brand.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 24px 24px;
    padding-inline-start: 32px;
}

.search-container .search-input:focus {
  border-bottom: 1px solid var(--Primary-Brand-Colour-700);
  outline: none;
}

.search-container .clear-icon {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--Grey-Scale-0);
  box-shadow: -12px 0px 10px var(--Grey-Scale-0);
}

/* #endregion Search */

/* #endregion Formularios */

/* #endregion MODULOS ////////////////////////////////////////////////////////// */




/* #region CONTENEDORES ////////////////////////////////////////////////////////// */

/* #region HEADER */

/* SITEMAP */
.menu-header {
  background: var(--Grey-Scale-100);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(var(--Grey-Scale-0)),
      to(var(--Grey-Scale-100)));
  background: linear-gradient(180deg, var(--Grey-Scale-0) 0, var(--Grey-Scale-100));
  -webkit-box-shadow: 0 4px 7px -5px var(--Grey-Scale-700);
  box-shadow: 0 4px 7px -5px var(--Grey-Scale-700);
  font-family: var(--font-din-medium);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 55px;
  display: block;
}

.menu-header .menu-header__logo {
  margin-inline-start: -5px;
}

.menu-header .menu-header__site {
  width: 100px;
  margin-top: 14px;
}

.menu-header .menu-header__menu-seccion.active .menu-header__menu-seccion-link,
.menu-header .menu-header__menu-seccion:hover .menu-header__menu-seccion-link {
  border-top: 3px solid var(--Primary-Brand-Colour-700);
}

.menu-header a:focus-visible {
  display: block;
}

.menu-header .menu-header__menu-nav a:focus-visible {
  border: none;
}

.menu-header .menu-header__menu-nav .menu-header__menu-seccion-link:focus-visible,
.menu-header .menu-header__menu-nav .menu-header__menu-secundaria-li--linkppal:focus-visible,
.menu-header .menu-header__menu-nav .menu-header__menu-secundaria-li--linksitios:focus-visible {
  outline-offset: 1px;
}

.menu-header .menu-header__menu-nav .menu-header__menu-secundaria-li--linkppal:focus-visible,
.menu-header .menu-header__menu-nav .menu-header__menu-secundaria-li--linksitios:focus-visible {
  outline-offset: -2px;
}

.menu-header .menu-header__menu-seccion-link h2 {
  font-family: var(--font-din-bold);
  font-size: 12px;
  line-height: 50px;
  color: var(--Grey-Scale-900);
}

.menu-header .menu-header__menu-secundaria-li--sitios-list.open {
  z-index: 9999;
}

.menu-header__submenu-negrita a .menu-header__submenu--tituloSubmenu {
  font-family: var(--font-din-medium);
  color: var(--Grey-Scale-900);
}

.menu-header__submenu-negrita a:hover .menu-header__submenu--tituloSubmenu {
  color: var(--Primary-Brand-Colour-500);
}

.menu-header .menu-header__submenu-default a,
.menu-header .menu-header__submenu-default a:hover,
.menu-header .menu-header__submenu-default span {
  color: var(--Grey-Scale-700);
  cursor: default;
}

.menu-header .menu-header__submenu-destacado a .menu-header__submenu--tituloSubmenu {
  text-transform: none;
  font-family: var(--font-din-bold);
  color: var(--Primary-Brand-Colour-700);
}

.menu-header .menu-header__submenu-destacado a:hover .menu-header__submenu--tituloSubmenu {
  color: var(--Primary-Brand-Colour-500);
}

.menu-header .menu-header__submenu-info {
  background-color: var(--Grey-Scale-900);
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

.menu-header__submenu-info--p,
.menu-header__submenu-info--strong {
  color: var(--Grey-Scale-400);
  font-family: var(--font-din-medium);
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}

.menu-header__submenu-info--p {
  line-height: 14px;
  padding: 0 10px 20px 10px;
}

.menu-header__submenu-info--strong {
  font-weight: 400;
  padding: 0;
  line-height: 18px;
}

.menu-header .menu-header__menu-secundaria-li--linkppal:hover,
.menu-header .menu-header__menu-secundaria-li--linksitios:hover {
  box-shadow: none !important;
}

.menu-header .menu-header__openmenu {
  right: var(--border-view-distance);
  margin-inline-end: 0;
  padding-inline: 0;
}

.menu-header .menu-header__openmenu svg {
  width: 24px !important;
  height: 24px !important;
  fill: var(--Grey-Scale-900);
}

@media screen and (max-width: 1060px) {
  .menu-header .menu-header__menu-seccion-link h2 {
    font-family: var(--font-din-bold);
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    color: var(--Primary-Brand-Colour-700);
  }

  .menu-header .menu-header__menu-seccion.active .menu-header__menu-seccion-link,
  .menu-header .menu-header__menu-seccion:hover .menu-header__menu-seccion-link {
    border-top: none;
  }

  .menu-header .menu-header__menu-nav {
    top: 55px;
  }

  .menu-header .menu-header__menu-seccion-link:not(.no-children) .menu-header__menu-nav-arrow,
  .menu-header .menu-header__menu-secundaria-li .menu-header__menu-nav-arrow {
    background-image: url(https://ypf.com/yl-cdn/images/dropdown-menu-arrows.png) !important;
  }
}

@media (max-width: 767px) {
  .menu-header .menu-header__site {
    margin: 14px 0 0 16px;
  }

  .menu-header .menu-header__logo {
    margin-inline-start: -10px;
    width: 83px;
    height: 28px;
    margin-block-start: -1px;
  }
}

@media (max-width: 576px) {

  .menu-header .menu-header__site {
    margin-inline-start: 0;
  }

  .menu-header .menu-header__logo {
    margin-inline-start: -5px;
  }

  .menu-header .menu-header__openmenu {
    right: 24px;
  }
}

/* SITIOS */
.menu-header .menu-header__menu-secundaria-li--linksitios span {
  color: var(--Primary-Brand-Colour-700);
  font: 12px/55px var(--font-din-bold);
}

.menu-header .menu-header__submenu-default>*>.menu-header__submenu--tituloSubmenu {
  font-family: var(--font-din-regular);
  font-size: 13px !important;
  color: var(--Grey-Scale-700);
}

.menu-header .menu-header__menu-secundaria-li-info--box-span-sitio {
  background-image: none !important;
  padding-left: 5px;
  margin-bottom: 8px;
  color: var(--Primary-Brand-Colour-700);
  font-size: 12px;
  height: auto;
  font-family: var(--font-din-medium);
  font-weight: 700;
  display: block;
  line-height: 28px;
}

.menu-header .menu-header__menu-secundaria-li-info--box-a-sitio:hover {
  color: var(--Primary-Brand-Colour-500);
}

.menu-header .menu-header__menu-secundaria-li-info--box-span-sitio {
  background-image: none !important;
  padding-left: 5px;
  margin-bottom: 8px;
}

@media (max-width: 1060px) {

  .menu-header .menu-header__menu-secundaria-li--linkppal,
  .menu-header .menu-header__menu-secundaria-li--linksitios {
    font-family: var(--font-din-bold);
    color: var(--Primary-Brand-Colour-700);
  }

  .menu-header .menu-header__submenu-default a .menu-header__submenu--tituloSubmenu {
    font-size: 14px !important;
  }

  .menu-header .menu-header__menu-secundaria-li--linkppal {
    text-transform: uppercase;
  }

  .menu-header .menu-header__menu-secundaria-li-info--box-a-sitio {
    padding-left: 10px;
    border-bottom: 1px solid var(--Grey-Scale-300);
  }

  .menu-header .menu-header__menu-secundaria-li--linkppal,
  .menu-header .menu-header__menu-secundaria-li--linksitios {
    font-family: var(--font-din-bold);
  }

  .menu-header .menu-header__menu-secundaria-li--linkppal {
    text-transform: uppercase;
  }
}

/* IDIOMA */
.menu-header__menu-secundaria-li-info--box-li-lang {
  display: block;
}

.menu-header__menu-secundaria-li-info--box-li-lang .menu-header__a.menu-header__ul-li-a {
  color: var(--Grey-Scale-700);
  font-family: var(--font-din-medium);
  font-size: 12px;
  line-height: 19px;
  text-decoration: none;
}

.menu-header__menu-secundaria-li-info--box-li-lang .menu-header__a.menu-header__ul-li-a:not(#menu_header_pais_ypf-argentina):hover {
  text-decoration: none;
  color: var(--Primary-Brand-Colour-500);
}

.menu-header__menu-secundaria-li-info--box-li-lang .menu-header__a.menu-header__ul-li-a#menu_header_pais_ypf-argentina {
  cursor: default;
  pointer-events: none;
  font-family: var(--font-din-medium);
  color: var(--Primary-Brand-Colour-700);
}

@media (max-width: 1060px) {
  .menu-header__menu-secundaria-li-info--box-li-lang .menu-header__a.menu-header__ul-li-a {
    font-size: 14px;
    line-height: 40px;
  }
}

/* SKELETON */
.menu-header .animated-placeholder {
  background-image: linear-gradient(90deg, var(--Grey-Scale-100) 0, var(--Grey-Scale-50) 10%, var(--Grey-Scale-100) 20%, var(--Grey-Scale-100));
  border-radius: var(--border-radius-medium);
}

@media (max-width: 575px) {
  .menu-header .main-menu-skeleton {
    padding-inline: 16px;
  }
}

/* #endregion HEADER */

/* #region FOOTER */

.main-footer {
  padding-bottom: 30px;
}

.main-footer *:focus-visible {
  outline: 2px solid var(--Grey-Scale-50);
}

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

.main-footer .main-footer__logo {
  margin: 15px 0 30px;
}

.main-footer .main-footer__titulo--estilo-titulo {
  font-size: 15px;
  line-height: 19px;
  font-family: var(--font-din-bold);
  margin-bottom: 10px;
  padding-block-end: 5px;
  font-weight: 400;
  display: inline-block;
  color: var(--Grey-Scale-0);
}

.main-footer a.main-footer__titulo--estilo-titulo:hover {
  color: var(--Grey-Scale-400);
}

.main-footer .main-footer__titulo--estilo-destacado {
  font-family: var(--font-din-bold);
  font-size: 13px;
  line-height: 19px;
  color: var(--Grey-Scale-500);
  text-transform: none;
  margin-bottom: 3px;
}

.main-footer .main-footer__link--estilo-destacado {
  color: var(--Grey-Scale-300);
}

.main-footer .main-footer__link--estilo-destacado:hover {
  color: var(--Grey-Scale-400);
}

.main-footer .main-footer__legales--link,
.main-footer a.main-footer__link {
  display: inline-flex;
  padding-block-end: 5px;
}

.main-footer span.main-footer__link {
  display: inline-flex;
  padding-block-end: 7px;
}

.main-footer .main-footer__titulo--estilo-negrita {
  font-family: var(--font-din-bold);
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 1px;
  color: var(--Grey-Scale-500);
}

.main-footer .main-footer__titulo--estilo-default span,
.main-footer .main-footer__titulo--estilo- {
  font-family: var(--font-din-regular);
  font-size: 13px;
  line-height: 18px;
  color: var(--Grey-Scale-100);
}

.main-footer.site-map ul,
.main-footer__redes-panel ul {
  list-style-type: none;
  padding-left: 0;
  margin-block-end: 1rem;
}

.main-footer .main-footer__redes-titulo {
  font-family: var(--font-din-medium);
  font-size: 13px;
  margin-bottom: 10px;
  color: var(--Grey-Scale-0);
}

.main-footer .main-footer__titulo--estilo-uno {
  line-height: 19px;
  font-weight: 400;
}

.main-footer .main-footer__titulo--estilo-cuatro {
  line-height: 9px;
  font-size: 13px;
  font-family: var(--font-din-medium);
  text-decoration: none;
  color: var(--Grey-Scale-500);
  font-weight: 400;
}

.main-footer .main-footer__link--estilo-default {
  cursor: default;
  pointer-events: none;
  color: var(--Grey-Scale-100);
  font-family: var(--font-din-regular);
}

.main-footer .main-footer__link--estilo-default:hover {
  color: var(--Grey-Scale-500);
}

.main-footer__link.main-footer__link--estilo-negrita {
  color: var(--Grey-Scale-500);
}

.main-footer__link.main-footer__link--estilo-negrita:hover {
  color: var(--Grey-Scale-300);
}

.main-footer__link.main-footer__link--estilo-cuatro {
  font: 16px/16px var(--font-din-medium);
  color: var(--Grey-Scale-500);
  display: flex;
  align-items: center;
}

.main-footer__link.main-footer__link--estilo-cuatro:hover {
  color: var(--Grey-Scale-300);
}

.main-footer__link.main-footer__link--estilo-cuatro::after {
  content: ">";
  display: inline-block;
  margin-inline-start: 12px;
  margin-block-end: 2px;
}

.main-footer__link.main-footer__link--estilo-cuatro .main-footer__redes-arrow-off {
  display: none;
}

.main-footer__redes-container {
  padding-inline-start: 65px;
}

.main-footer__redes-iconos ul {
  display: flex;
}

.main-footer .main-footer__redes-iconos--link {
  font-size: 16px;
}

.main-footer .main-footer__redes-iconos--link:hover {
  fill: var(--Grey-Scale-0);
}

.main-footer .legales,
.main-footer .main-footer__legales--link,
.main-footer .main-footer__legales--link:hover,
.main-footer .main-footer__redes-seguinos,
.main-footer .legales li span {
  color: var(--Grey-Scale-500);
  font-family: var(--font-din-medium);
  font-size: 12px;
}

.main-footer .main-footer__redes-seguinos {
  font-family: var(--font-din-medium);
}

.main-footer .main-footer__legales--link[href]:hover {
  color: var(--Grey-Scale-400);
}

.main-footer__columna,
.main-footer__legales-container {
  padding-inline: 0.75rem;
}

@media (max-width: 1023px) {
  .main-footer {
    padding-top: 25px;
  }

  .main-footer__responsive .legales {
    margin-top: 0 !important;
    padding: 0 20px 20px;
  }

  .main-footer__responsive .legales ul {
    flex-wrap: wrap;
  }

  .main-footer__responsive .legales li {
    margin-bottom: 5px;
  }

  .main-footer__redes-seguinos {
    margin-bottom: 20px;
  }

  .main-footer .main-footer__redes-iconos {
    width: 180px;
    margin: 10px auto;
    gap: 20px;
  }

  .main-footer__redes-iconos--link {
    margin-right: 0 !important;
  }
}

/* #endregion FOOTER */

/* #region Navigation / Breadcrumb */

.breadcrumb.ypfcom__navigation-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Grey-Scale-100);
  border-bottom: 1px solid var(--Borders-Dividers-Lines-100);
}

.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__nav {
  width: var(--yl-container-width);
}

.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__list {
  gap: 5px 13px;
  flex-wrap: wrap;
  padding: 21px 0;
}

.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__list-item {
  display: flex;
  align-items: center;
}

.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__link {
  font: var(--text-body-2);
  color: var(--Primary-Brand-Colour-700);
  white-space: nowrap;
}

.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__link:hover,
.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__link:active,
.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__link:focus {
  color: var(--Primary-Brand-Colour-500);
}

.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__link[aria-current="page"] {
  color: var(--Grey-Scale-700);
  cursor: default;
  pointer-events: none;
}

.breadcrumb.ypfcom__navigation-breadcrumb .breadcrumb__list-item:not(:first-child)::before {
  content: "/";
  font-weight: 600;
  color: var(--Grey-Scale-400);
  padding-inline: 0 13px;
}

/* #endregion Navigation / Breadcrumb */

/* #region Panel - Hero */

/* #region Primary */

.carousel-banners.ypfcom__panel-hero-primary .banner,
.banner.ypfcom__panel-hero-primary {
  display: flex;
  flex-direction: column-reverse;
  padding: 0;
}

.carousel-banners.ypfcom__panel-hero-primary .banner__bg-image,
.banner.ypfcom__panel-hero-primary .banner__bg-image {
  padding-inline: var(--border-view-distance-mobile);
}

.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 {
  position: relative;
  height: 400px;
}

.carousel-banners.ypfcom__panel-hero-primary .generic-image__image,
.banner.ypfcom__panel-hero-primary .generic-image__image {
  border-radius: var(--border-radius-large);
}

.carousel-banners.ypfcom__panel-hero-primary .glider .banner .yl-container,
.banner.ypfcom__panel-hero-primary .yl-container {
  padding: 0;
  margin-block: 100px 60px;
}

.carousel-banners.ypfcom__panel-hero-primary .glider .banner[data-ylp-bgmode="none"] .yl-container,
.banner.ypfcom__panel-hero-primary[data-ylp-bgmode="none"] .yl-container {
  margin-block-end: 0;
}

.carousel-banners.ypfcom__panel-hero-primary .banner__containe,
.banner.ypfcom__panel-hero-primary .banner__containe {
  user-select: text;
}

.carousel-banners.ypfcom__panel-hero-primary .banner__tag, 
.carousel-banners.ypfcom__panel-hero-primary .banner__title, 
.carousel-banners.ypfcom__panel-hero-primary .banner__content,
.banner.ypfcom__panel-hero-primary .banner__tag, 
.banner.ypfcom__panel-hero-primary .banner__title, 
.banner.ypfcom__panel-hero-primary .banner__content {
  width: var(--columns-width-8);
}

.carousel-banners.ypfcom__panel-hero-primary .banner__tag-text,
.banner.ypfcom__panel-hero-primary .banner__tag-text {
  margin-block-end: 24px;
  font: var(--text-body-2);
  letter-spacing: 0;
  text-transform: unset;
  background-color: var(--Grey-Scale-50) !important;
  color: var(--Primary-Brand-Colour-700) !important;
  padding: 8px 12px !important;
  border-radius: 100px;
}

.carousel-banners.ypfcom__panel-hero-primary .banner__tag-icon,
.banner.ypfcom__panel-hero-primary .banner__tag-icon {
  display: none;
}

.carousel-banners.ypfcom__panel-hero-primary .banner__title,
.banner.ypfcom__panel-hero-primary .banner__title {
  font: var(--title-h1);
  letter-spacing: -4px;
}

.carousel-banners.ypfcom__panel-hero-primary .banner__content,
.banner.ypfcom__panel-hero-primary .banner__content {
  margin-block-start: 24px;
}

.carousel-banners.ypfcom__panel-hero-primary .banner__content p,
.banner.ypfcom__panel-hero-primary .banner__content p {
  font: var(--subtitle);
}

.carousel-banners.ypfcom__panel-hero-primary .banner__links,
.banner.ypfcom__panel-hero-primary .banner__links {
  margin-block-start: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - var(--columns-width-8) - 24px);
  justify-content: flex-end;
}

.carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination {
  position: absolute;
  bottom: 0;
  right: var(--border-view-distance-mobile);
  width: fit-content !important;
  max-width: 100%;
  padding: 24px 32px;
  background-color: var(--Grey-Scale-100);
  border-radius: var(--border-radius-large) 0 0 0;
}

@media (max-width: 1400px) {
  .carousel-banners.ypfcom__panel-hero-primary .glider .banner .yl-container,
  .banner.ypfcom__panel-hero-primary .glider .banner .yl-container {
    margin-block: 80px 60px;
  }
}

@media (min-width: 1200px) {
  .carousel-banners.ypfcom__panel-hero-primary .glider-dots {
    display: none;
  }
}

@media (max-width: 1200px) {
  .carousel-banners.ypfcom__panel-hero-primary .glider .banner .yl-container,
  .banner.ypfcom__panel-hero-primary .yl-container {
    margin-block: 48px 24px;
  }

  .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: 280px;
  }

  .carousel-banners.ypfcom__panel-hero-primary .yl-container .banner__tag, 
  .carousel-banners.ypfcom__panel-hero-primary .yl-container .banner__title, 
  .carousel-banners.ypfcom__panel-hero-primary .yl-container .banner__content,
  .banner.ypfcom__panel-hero-primary .yl-container .banner__tag, 
  .banner.ypfcom__panel-hero-primary .yl-container .banner__title, 
  .banner.ypfcom__panel-hero-primary .yl-container .banner__content {
    width: 100%;
  }

  .carousel-banners.ypfcom__panel-hero-primary .banner__title,
  .banner.ypfcom__panel-hero-primary .banner__title {
    letter-spacing: -2px;
  }

  .carousel-banners.ypfcom__panel-hero-primary .banner__links,
  .banner.ypfcom__panel-hero-primary .banner__links {
    margin-block-start: 24px;
    position: relative;
    bottom: unset;
    right: unset;
    width: 100%;
    justify-content: flex-start;
  }

  .carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination {
    position: relative;
    bottom: unset;
    right: unset;
    width: var(--yl-container-width) !important;
    max-width: unset;
    padding: 0;
    margin-block-start: 32px;
    background-color: transparent;
    border-radius: 0;
  }

  .carousel-banners.ypfcom__panel-hero-primary .carousel-banners__pagination > button {
    display: none;
  }
}

@media (max-width: 767px) {
  .carousel-banners.ypfcom__panel-hero-primary .glider .banner .yl-container,
  .banner.ypfcom__panel-hero-primary .yl-container {
    margin-block: 40px 32px;
  }
}

/* #endregion Primary */

/* #endregion Panel - Hero */

/* #region Panels / Cards */

/* #region GLOBAL */

.card-list.ypfcom__panels-cards-buckets .glider-track,
.card-list.ypfcom__panels-cards-buckets .card-list__container,
.card-list.ypfcom__panels-cards-info .glider-track,
.card-list.ypfcom__panels-cards-info .card-list__container,
.card-list.ypfcom__panels-cards-information .glider-track,
.card-list.ypfcom__panels-cards-information .card-list__container,
.card-list.ypfcom__panels-cards-information-lite .glider-track,
.card-list.ypfcom__panels-cards-information-lite .card-list__container,
.ypfcom__panel-cards-carousel-buckets-video .glider-track,
.ypfcom__panel-cards-carousel-buckets-video .card-list__container {
  padding-inline: var(--border-view-distance);
}

.card-list.ypfcom__panels-cards-buckets .generic-card,
.card-list.ypfcom__panels-cards-information .generic-card,
.card-list.ypfcom__panels-cards-information-lite .generic-card,
.card-list.ypfcom__panels-cards-info .generic-card,
.ypfcom__panel-cards-carousel-buckets-video .generic-card {
  flex-grow: 1;
}

/* #region CAROUSEL */

.card-list.ypfcom__panels-cards-buckets .glider-track,
.card-list.ypfcom__panels-cards-information .glider-track,
.card-list.ypfcom__panels-cards-information-lite .glider-track,
.card-list.ypfcom__panels-cards-info .glider-track,
.ypfcom__panel-cards-carousel-buckets-video .glider-track {
  gap: 8px;
}

.card-list.ypfcom__panels-cards-buckets .glider-slide,
.card-list.ypfcom__panels-cards-information .glider-slide,
.card-list.ypfcom__panels-cards-information-lite .glider-slide,
.card-list.ypfcom__panels-cards-info .glider-slide,
.ypfcom__panel-cards-carousel-buckets-video .glider-slide {
  justify-content: flex-start;
}

.card-list.ypfcom__panels-cards-buckets .card-list__pagination,
.card-list.ypfcom__panels-cards-information .card-list__pagination,
.card-list.ypfcom__panels-cards-information-lite .card-list__pagination,
.card-list.ypfcom__panels-cards-info .card-list__pagination,
.ypfcom__panel-cards-carousel-buckets-video .card-list__pagination {
  margin-block-start: 60px;
}

@media (min-width: 1200px) {

  .card-list.ypfcom__panels-cards-buckets .glider-dots,
  .card-list.ypfcom__panels-cards-information .glider-dots,
  .card-list.ypfcom__panels-cards-information-lite .glider-dots,
  .card-list.ypfcom__panels-cards-info .glider-dots,
  .ypfcom__panel-cards-carousel-buckets-video .glider-dots {
    display: none;
  }
}

@media (max-width: 1200px) {

  .card-list.ypfcom__panels-cards-buckets .card-list__pagination,
  .card-list.ypfcom__panels-cards-information .card-list__pagination,
  .card-list.ypfcom__panels-cards-information-lite .card-list__pagination,
  .card-list.ypfcom__panels-cards-info .card-list__pagination,
  .ypfcom__panel-cards-carousel-buckets-video .card-list__pagination {
    margin-block-start: 48px;
  }

  .card-list.ypfcom__panels-cards-buckets .glider-prev,
  .card-list.ypfcom__panels-cards-buckets .glider-next,
  .card-list.ypfcom__panels-cards-information .glider-prev,
  .card-list.ypfcom__panels-cards-information .glider-next,
  .card-list.ypfcom__panels-cards-information-lite .glider-prev,
  .card-list.ypfcom__panels-cards-information-lite .glider-next,
  .card-list.ypfcom__panels-cards-info .card-list__pagination > button,
  .ypfcom__panel-cards-carousel-buckets-video .card-list__pagination > button {
    display: none;
  }
}

@media (max-width: 768px) {

  .card-list.ypfcom__panels-cards-buckets .card-list__pagination,
  .card-list.ypfcom__panels-cards-information .card-list__pagination,
  .card-list.ypfcom__panels-cards-information-lite .card-list__pagination,
  .card-list.ypfcom__panels-cards-info .card-list__pagination,
  .ypfcom__panel-cards-carousel-buckets-video .card-list__pagination {
    margin-block-start: 32px;
  }
}

/* #endregion CAROUSEL */

/* #endregion GLOBAL */

/* #endregion Panels / Cards */

/* #region Panels / Banner */

/* #region GLOBAL */

.banner.ypfcom__panel-hero-secondary,
.banner.ypfcom__panels-banner-image-with-background,
.ypfcom__panels-banner-video,
.ypfcom__panels-cards-interactive,
.ypfcom__panels-cards-list-items-group,
.ypfcom__panels-cards-list-text,
.ypfcom__panels-banner-download,
.ypfcom__panels-cards-list-text-content {
  display: flex;
  align-items: center;
  gap: 134px;
  padding: 0px;
  justify-content: space-between;
}

.banner.ypfcom__panel-hero-secondary,
.banner.ypfcom__panels-banner-image-with-background.right,
.ypfcom__panels-banner-video.left {
  flex-direction: row-reverse;
}

.banner.ypfcom__panel-hero-secondary .yl-container,
.banner.ypfcom__panels-banner-image-with-background .yl-container,
.ypfcom__panels-banner-video>*:first-child,
.ypfcom__panels-banner-download::before,
.ypfcom__panels-cards-interactive>*:first-child,
.ypfcom__panels-cards-list-items-group>*:first-child,
.ypfcom__panels-cards-list-text>*:first-child,
.ypfcom__panels-cards-list-text-content>*:first-child {
  width: auto;
}

.banner.ypfcom__panel-hero-secondary .banner__bg-image,
.banner.ypfcom__panels-banner-image-with-background .banner__bg-image,
.ypfcom__panels-banner-video>*:last-child,
.ypfcom__panels-banner-download>*:last-child,
.ypfcom__panels-cards-interactive>*:last-child,
.ypfcom__panels-cards-list-items-group>*:last-child,
.ypfcom__panels-cards-list-text>*:last-child,
.ypfcom__panels-cards-list-text-content>*:last-child  {
  width: var(--columns-width-6);
  min-width: var(--columns-width-6);
}

.banner.ypfcom__panel-hero-secondary .generic-image__image,
.banner.ypfcom__panels-banner-image-with-background .generic-image__image,
.ypfcom__panels-banner-video .image-container .generic-image__image {
  height: 400px;
  display: flex;
  position: relative;
  object-fit: cover;
  border-radius: var(--border-radius-large);
}

@media (max-width: 1200px) {

  .banner.ypfcom__panel-hero-secondary,
  .banner.ypfcom__panels-banner-image-with-background,
  .ypfcom__panels-banner-video,
  .ypfcom__panels-banner-download,
  .ypfcom__panels-cards-interactive,
  .ypfcom__panels-cards-list-items-group,
  .ypfcom__panels-cards-list-text,
  .ypfcom__panels-cards-list-text-content {
    gap: 48px;
    flex-direction: column !important;
  }

  .banner.ypfcom__panel-hero-secondary>*,
  .banner.ypfcom__panels-banner-image-with-background>*,
  .ypfcom__panels-banner-video>*,
  .ypfcom__panels-banner-download>*,
  .ypfcom__panels-cards-interactive>*,
  .ypfcom__panels-cards-list-items-group>*,
  .ypfcom__panels-cards-list-text>*,
  .ypfcom__panels-cards-list-text-content>* {
    width: 100% !important;
    min-width: 100% !important;
  }

  .banner.ypfcom__panel-hero-secondary .generic-image__image,
  .banner.ypfcom__panels-banner-image-with-background .generic-image__image,
  .ypfcom__panels-banner-video .image-container .generic-image__image {
    height: 300px;
  }
}

@media (max-width: 767px) {

  .banner.ypfcom__panel-hero-secondary,
  .banner.ypfcom__panels-banner-image-with-background,
  .ypfcom__panels-banner-video,
  .ypfcom__panels-cards-interactive,
  .ypfcom__panels-cards-list-items-group,
  .ypfcom__panels-cards-list-text,
  .ypfcom__panels-cards-list-text-content {
    gap: 32px;
  }

  .banner.ypfcom__panel-hero-secondary .generic-image__image,
  .banner.ypfcom__panels-banner-image-with-background .generic-image__image,
  .ypfcom__panels-banner-video .image-container .generic-image__image {
    height: 200px;
  }
}

/* #endregion GLOBAL */

/* #region Text */
.ypfcom__panels-banner-text {
  padding: 0;
}

.ypfcom__panels-banner-text::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--Grey-Scale-100);
}

.ypfcom__panels-banner-text.dark::before {
  background-color: var(--Overlays-Black-60);
}

.ypfcom__panels-banner-text .yl-container {
  position: relative;
  z-index: 2;
  min-width: 100%;
}

.ypfcom__panels-banner-text .banner__containe {
  margin: 0 auto;
  width: var(--columns-width-6);
  padding: 100px 0;
}

.ypfcom__panels-banner-text .banner__tag-icon {
  margin-bottom: 16px;
}

@media (max-width: 1400px) {
  .ypfcom__panels-banner-text .banner__containe {
    padding-block: 80px;
  }
}

@media (max-width: 1200px) {
  .ypfcom__panels-banner-text .banner__containe {
    width: var(--columns-width-5);
    padding-block: 48px;
  }
}

@media (max-width: 767px) {
  .ypfcom__panels-banner-text .banner__containe {
    width: var(--yl-container-width);
    padding-block: 60px;
  }
}

/* #endregion Text*/

/* #region Video */

.ypfcom__panels-banner-video .video-player .image-container_icon {
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ypfcom__panels-banner-video .image-container:hover .image-container_icon {
  filter: none;
}

.ypfcom__panels-banner-video .video-player .component-wrapper {
  width: 100%;
}

.ypfcom__panels-banner-video .video-player .image-container {
  display: flex;
}

@media (max-width: 1200px) {

  .ypfcom__panels-banner-video {
    flex-direction: column-reverse !important;
  }

  .ypfcom__panels-banner-video .video-player .image-container_icon .enlargable-icon {
    font-size: 21px;
  }

  .ypfcom__panels-banner-video .video-player .image-container:hover .enlargable-icon {
    font-size: 24px;
  }
}

/* #endregion Video */

/* #region Cards Information */

.ypfcom__panels-cards-interactive {
  background-color: var(--Grey-Scale-100);
  padding-block: 100px;
  justify-content: space-between;
}

.ypfcom__panels-cards-interactive:has(.card-list__container[style="display: none;"]) {
  background-color: var(--Grey-Scale-100);
  padding-inline-end: 0;
}

.ypfcom__panels-cards-interactive:has(.card-list__container[style="display: none;"]) .card-list {
  width: calc(var(--columns-width-6) + var(--border-view-distance));
  min-width: calc(var(--columns-width-6) + var(--border-view-distance));
}

@media (max-width: 1400px) {
  .ypfcom__panels-cards-interactive {
    padding-block: 80px var(--border-content-distance);
  }
}

@media (min-width: 1200px) {
  .ypfcom__panels-cards-interactive {
    padding-inline: var(--border-content-distance);
  }

  .ypfcom__panels-cards-interactive .card-list .card-list__container {
    padding-inline: 0;
  }

  .card-list.ypfcom__panels-cards-information .glider-track,
  .card-list.ypfcom__panels-cards-information-lite .glider-track {
    padding-inline-start: 0;
  }

  .card-list.ypfcom__panels-cards-information .card-list__pagination,
  .card-list.ypfcom__panels-cards-information-lite .card-list__pagination {
    margin-block-start: 24px;
    width: 100% !important;
  }

}

@media (max-width: 1200px) {
  .ypfcom__panels-cards-interactive {
    padding-block: 48px;
  }

  .ypfcom__panels-cards-interactive .info-block {
    padding-inline: var(--border-content-distance);
  }

  .ypfcom__panels-cards-interactive > .ypfcom__modules-cards-information,
  .ypfcom__panels-cards-interactive > .ypfcom__modules-cards-information-lite {
    width: var(--yl-container-width) !important;
    min-width: var(--yl-container-width) !important;
  }
}

/* Estilos en Mobile */
@media (max-width: 768px) {
  .ypfcom__panels-cards-interactive {
    padding-block: 60px;
  }
}

/* #endregion Cards Information */

/* #region List / Link */

:root {
  --banner-list-link--tag-width: 37px;
}

.ypfcom__panels-cards-list-items-group {
  align-items: flex-start;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) {
  display: flex;
  padding-block-end: 20px;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable__header {
  width: auto;
  align-items: flex-start;
  padding: 0;
  position: relative;
}

.info-block-collapsable__header-collapse:focus,
.info-block-collapsable__header-collapse:focus-visible {
    border: none;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable__header-content {
  flex-direction: row;
  flex-basis: 100%;
  gap: 20px;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block-header-addon,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block-header-addon {
  display: flex;
  align-items: flex-start;
  flex-basis: var(--banner-list-link--tag-width);
  font: var(--text-body-1);
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__tag,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__tag {
  font: var(--text-body-1);
  background: transparent !important;
  color: var(--Primary-Brand-Colour-700) !important;
  padding: 0;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__icon,
.ypfcom__panels-cards-list-items-group .info-block .info-block__icon {
  display: none;
}

.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block-title-description {
  flex-basis: 50%;
}

.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block):has(.info-block-header-addon) .info-block-title-description {
  flex-basis: calc(50% - var(--banner-list-link--tag-width));
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__title,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__title {
  font: var(--text-body-1-bold);
  color: var(--Grey-Scale-900);
  padding-inline-end: var(--columns-gap);
  text-align: left;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable__header svg {
  display: none;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__content,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__content {
  display: none;
}

.ypfcom__panels-cards-list-items-group .collapsable {
  margin-inline-start: auto;
}


.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__links,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__links {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__links {
  width: calc(calc(var(--columns-width-6) / 2) - calc(var(--columns-gap) / 2));
}

.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__links {
  flex-basis: calc(50% - calc(var(--columns-gap) / 2));
  margin-inline-start: auto;
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__links > *,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__links > * {
  font: var(--text-body-2);
  color: var(--Grey-Scale-900);
  text-decoration: none;
  position: relative;
  padding-block: 19px;
  padding-right: 24px;
  border-bottom: 1px solid var(--Borders-Dividers-Lines-100);
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__links a:hover,
.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__links a:focus-visible,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__links a:hover,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__links a:focus-visible {
  font: var(--text-body-2-bold);
}

.ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__links a::after,
.ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__links a::after {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_arrow-top-right--brand.svg);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 1200px) {

  .ypfcom__panels-cards-list-items-group .info-block-collapsable__header {
    cursor: default;
  }

  .ypfcom__panels-cards-list-items-group .collapsable {
    display: flex !important;
  }

}

@media (max-width: 1200px) {

  .ypfcom__panels-cards-list-items-group .info-block-collapsable,
  .ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) {
    flex-wrap: wrap;
  }

  .ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block-header-addon {
    align-items: center;
  }

  .ypfcom__panels-cards-list-items-group .collapsable,
  .ypfcom__panels-cards-list-items-group .info-block-collapsable__header,
  .ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__links {
    width: 100%;
  }

  .ypfcom__panels-cards-list-items-group .info-block-collapsable__header-content {
    align-items: center;
  }

  .ypfcom__panels-cards-list-items-group .info-block-collapsable__header,
  .ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block-header-addon,
  .ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block-title-description {
    border-bottom: 1px solid var(--Borders-Dividers-Lines-100);
  }

  .ypfcom__panels-cards-list-items-group .info-block-collapsable__header::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_chevron-right--brand.svg);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
  }

  .ypfcom__panels-cards-list-items-group .info-block-collapsable__header[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(-90deg);
  }

  .ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__title,
  .ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block-title-description {
    padding-block: 26px;
    flex-basis: 100%;
  }

  .ypfcom__panels-cards-list-items-group .info-block-collapsable:has(.info-block-header-addon) .info-block__title,
  .ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block):has(.info-block-header-addon) .info-block-title-description {
    flex-basis: calc(100% - var(--banner-list-link--tag-width));
  }

  .ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__title {
    padding-inline-end: 24px;
  }

  .ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__title {
    padding-inline-end: 0;
  }

  .ypfcom__panels-cards-list-items-group .info-block-collapsable .info-block__links,
  .ypfcom__panels-cards-list-items-group .info-block:not(.ypfcom__modules-text-block) .info-block__links {
    flex-basis: 100%;
    padding-top: 20px;
  }

}

/* #endregion List / Link */

/* #region List / Text */

.ypfcom__panels-cards-list-text {
  align-items: flex-start;
}

.ypfcom__panels-cards-list-text>*:last-child {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 24px;
  padding-block-end: 24px;
  border-bottom: 1px solid var(--Borders-Dividers-Lines-100);
}

.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block__tag {
  font: var(--text-body-1);
  background: transparent !important;
  color: var(--Primary-Brand-Colour-700) !important;
  padding: 0;
}

.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block__header-addon img {
  display: none;
}

.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block-title-description {
  display: flex;
  gap: 20px;
  width: 100%;
}

.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block__title,
.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block__content {
  flex-basis: 50%;
  flex-grow: 1;
}

.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block__title {
  font: var(--subtitle-bold);
  color: var(--Grey-Scale-900);
  word-wrap: break-word;
}

.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block__content p {
  font: var(--text-body-2);
  color: var(--Grey-Scale-700);
  word-wrap: break-word;
}

.ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block__links {
  display: none;
}

@media (max-width: 768px) {

  .ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block),
  .ypfcom__panels-cards-list-text .info-block:not(.ypfcom__modules-text-block) .info-block-title-description {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

}

/* #endregion List / Text */

/* #region Download */

.ypfcom__panels-banner-download {
  padding: 0 var(--border-content-distance);
  gap: 24px;
  align-items: stretch;
}

.ypfcom__panels-banner-download::before {
  content: "";
  display: block;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/patterns/pattern_dots.svg);
  width: 100%;
}

@media (max-width: 1200px) {

  .ypfcom__panels-banner-download {
    gap: 40px;
  }

  .ypfcom__panels-banner-download::before {
    height: 120px;
  }
}

@media (max-width: 767px) {

  .ypfcom__panels-banner-download {
    gap: 24px;
  }

  .ypfcom__panels-banner-download .document-card .document-card__preview {
    display: none;
  }
  
}

/* #endregion Download */

/* #region Text content */

.ypfcom__panels-cards-list-text-content {
  align-items: flex-start;
}

.ypfcom__panels-cards-list-text-content .content-editor.two-columns {
  column-count: 2;
  column-gap: 24px;
}

.ypfcom__panels-cards-list-text-content .content-editor p {
  margin-block-end: 24px;
}

@media (max-width: 767px) {

  .ypfcom__panels-cards-list-text-content .content-editor.two-columns {
    column-count: 1;
  }
}

/* #endregion Text content */

/* #region Hero Secondary */

.banner.ypfcom__panel-hero-secondary {
  padding-inline: var(--border-view-distance);
}

.banner.ypfcom__panel-hero-secondary .banner__bg-image {
  width: var(--columns-width-7);
  min-width: var(--columns-width-7);
}

@media (max-width: 767px) {

  .banner.ypfcom__panel-hero-secondary {
    padding-inline: 0;
  }

  .banner.ypfcom__panel-hero-secondary .yl-container {
    padding-inline: var(--border-view-distance);
  }

  .banner.ypfcom__panel-hero-secondary .generic-image__image {
    height: 300px;
  }
}

/* #endregion Hero Secondary */

/* #region Image Slider */

.ypfcom__panels-cards-text-image-slider .glider-track {
  align-items: flex-start;
}

.ypfcom__panels-cards-text-image-slider .banner {
  align-items: flex-start;
}

.ypfcom__panels-cards-text-image-slider .banner .generic-image__image {
  height: 500px;
}

.ypfcom__panels-cards-text-image-slider .glider-controls {
  position: absolute;
  top: 524px;
  width: var(--columns-width-6);
  justify-content: flex-end;
}

@media (min-width: 1200px) {
  .ypfcom__panels-cards-text-image-slider .glider-dots {
    display: none;
  }
}

@media (max-width: 1200px) {

  .ypfcom__panels-cards-text-image-slider .banner {
    gap: 102px;
  }

  .ypfcom__panels-cards-text-image-slider .banner .generic-image__image {
    height: 400px;
  }

  .ypfcom__panels-cards-text-image-slider .glider-controls {
    width: var(--yl-container-width);
    justify-content: flex-start;
    top: 424px;
  }

  .ypfcom__panels-cards-text-image-slider .glider-controls>button {
    display: none;
  }
}

/* #endregion Image Slider */

/* #endregion Panels / Banner */

/* #region Panels / Image / Divider */
.ypfcom__panel-image-divider {
  height: 270px;
  position: relative;
}

.ypfcom__panel-image-divider::after {
  position: absolute;
  content: url(https://ypf.com/yl-cdn/images/ds2/patterns/pattern_dots.svg);
  bottom: 0;
  right: calc(0px - var(--border-view-distance));
}

.ypfcom__panel-image-divider .generic-image__image {
  height: 220px;
  border-radius: 0 24px 0 24px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .ypfcom__panel-image-divider {
    height: 220px;
    padding: 0px 16px 0px 16px;
    overflow-x: hidden;
  }

  .ypfcom__panel-image-divider::after {
    width: 40%;
  }

  .ypfcom__panel-image-divider .generic-image__image {
    height: 180px;
  }
}

@media (max-width: 576px) {
  .ypfcom__panel-image-divider::after {
    right: 0;
  }
}

/* #endregion Panels / Image / Divider */

/* #region Panels / Banner / 50% image */

.carousel-banners.ypfcom__panels-banner-50image-r .banner,
.carousel-banners.ypfcom__panels-banner-50image-l .banner {
  min-height: 640px;
  height: fit-content;
}

.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination {
  position: absolute;
  bottom: 40px;
}

.carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination {
  left: 50%;
  transform: translateX(-50%);
}

.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination {
  width: 50%;
  left: 50%;
}

.carousel-banners.ypfcom__panels-banner-50image-r .glider {
  overflow-x: scroll;
}

.carousel-banners.ypfcom__panels-banner-50image-r .glider .banner__bg-image,
.carousel-banners.ypfcom__panels-banner-50image-l .glider .banner__bg-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  border-radius: 0px var(--border-radius-large) var(--border-radius-large) 0px;
  overflow: hidden;
  max-height: 640px;
}

.carousel-banners.ypfcom__panels-banner-50image-r .glider .banner__bg-image {
  border-radius: var(--border-radius-large) 0px 0px var(--border-radius-large);
  right: 0;
}

.carousel-banners.ypfcom__panels-banner-50image-r .banner .yl-container,
.carousel-banners.ypfcom__panels-banner-50image-l .banner .yl-container {
  padding: 0;
  display: flex;
}

.carousel-banners.ypfcom__panels-banner-50image-l .banner .yl-container {
  justify-content: flex-end;
}

.carousel-banners.ypfcom__panels-banner-50image-r .banner__containe,
.carousel-banners.ypfcom__panels-banner-50image-l .banner__containe {
  width: 50%;
  user-select: text;
}

.carousel-banners.ypfcom__panels-banner-50image-r:has(.carousel-banners__pagination:not([style="display: none;"])) .banner__containe,
.carousel-banners.ypfcom__panels-banner-50image-l:has(.carousel-banners__pagination:not([style="display: none;"])) .banner__containe {
  margin-block-end: 72px;
}

.carousel-banners.ypfcom__panels-banner-50image-r .banner__containe {
  padding-inline-end: 126px;
}

.carousel-banners.ypfcom__panels-banner-50image-l .banner__containe,
.carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination {
  padding-inline-start: 126px;
}

.carousel-banners.ypfcom__panels-banner-50image-r .banner__tag-icon,
.carousel-banners.ypfcom__panels-banner-50image-l .banner__tag-icon {
  display: none;
}

.carousel-banners.ypfcom__panels-banner-50image-r .banner__title,
.carousel-banners.ypfcom__panels-banner-50image-l .banner__title {
  font-size: 46px;
  line-height: 50px;
  width: 100%;
  word-break: break-word;
}

.carousel-banners.ypfcom__panels-banner-50image-r .banner__links,
.carousel-banners.ypfcom__panels-banner-50image-l .banner__links {
  margin-bottom: 24px;
}

.carousel-banners.ypfcom__panels-banner-50image-r .glider-dots,
.carousel-banners.ypfcom__panels-banner-50image-l .glider-dots {
  display: none;
}

@media screen and (max-width: 1200px) {

  .carousel-banners.ypfcom__panels-banner-50image-r .banner,
  .carousel-banners.ypfcom__panels-banner-50image-l .banner {
    min-height: 460px;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .glider .banner__bg-image,
  .carousel-banners.ypfcom__panels-banner-50image-l .glider .banner__bg-image {
    max-height: 460px;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner__containe .banner__title,
  .carousel-banners.ypfcom__panels-banner-50image-l .banner__containe .banner__title {
    font: var(--title__desktop-h3);
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner__containe {
    padding-inline-end: 54px;
  }

  .carousel-banners.ypfcom__panels-banner-50image-l .banner__containe,
  .carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination {
    padding-inline-start: 54px;
  }

}

@media (max-width: 768px) {

  .carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination,
  .carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination {
    position: unset;
    transform: none;
    margin-block-start: 16px;
  }

  .carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination {
    width: unset;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner,
  .carousel-banners.ypfcom__panels-banner-50image-l .banner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner {
    flex-direction: column-reverse;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .glider .banner__bg-image,
  .carousel-banners.ypfcom__panels-banner-50image-l .glider .banner__bg-image {
    position: unset;
    transform: none;
    width: 100%;
    height: 328px;
    border-radius: unset;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .glider .banner__bg-image .generic-image__image,
  .carousel-banners.ypfcom__panels-banner-50image-l .glider .banner__bg-image .generic-image__image {
    position: unset;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner__containe,
  .carousel-banners.ypfcom__panels-banner-50image-l .banner__containe {
    width: 100%;
    padding: 0;
    margin-block-end: 0;
    text-align: center !important;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner__containe {
    margin-block-end: 40px;
  }

  .carousel-banners.ypfcom__panels-banner-50image-l .banner__containe {
    margin-block-start: 40px;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner__links,
  .carousel-banners.ypfcom__panels-banner-50image-l .banner__links {
    margin-block-end: 0;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner__tag,
  .carousel-banners.ypfcom__panels-banner-50image-l .banner__tag {
    display: inline-block;
    width: 100%;
  }

  .carousel-banners.ypfcom__panels-banner-50image-r .banner .banner__containe .banner__title::after,
  .carousel-banners.ypfcom__panels-banner-50image-l .banner .banner__containe .banner__title::after {
    margin: 20px auto 0;
  }

}

@media (max-width: 575px) {

  .carousel-banners.ypfcom__panels-banner-50image-r .carousel-banners__pagination,
  .carousel-banners.ypfcom__panels-banner-50image-l .carousel-banners__pagination,
  .carousel-banners.ypfcom__panels-banner-50image-r .banner__containe,
  .carousel-banners.ypfcom__panels-banner-50image-l .banner__containe {
    padding-inline: 16px;
  }

}

/* #endregion Panels / Banner / 50% image */

/* #region Panels / Text / Paragraph */

.ypfcom__panels-text-paragraph {
  display: flex;
  gap: 24px;
  align-items: stretch;
}

.ypfcom__panels-text-paragraph.left {
  flex-direction: row-reverse;
}

.ypfcom__panels-text-paragraph::before {
  content: "";
  display: block;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/patterns/pattern_dots-circle--lg.svg);
  background-size: cover;
  background-position: right;
  width: 100%;
}

.ypfcom__panels-text-paragraph.left::before {
  transform: scaleX(-1);
}

.ypfcom__panels-text-paragraph>*:last-child {
  width: var(--columns-width-6);
  min-width: var(--columns-width-6);
}

.ypfcom__panels-text-paragraph .content-editor {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ypfcom__panels-text-paragraph .content-editor h1,
.ypfcom__panels-text-paragraph .content-editor h2,
.ypfcom__panels-text-paragraph .content-editor h3,
.ypfcom__panels-text-paragraph .content-editor h4,
.ypfcom__panels-text-paragraph .content-editor h5,
.ypfcom__panels-text-paragraph .content-editor h6 {
  font: var(--text-body-1-bold);
  color: var(--Grey-Scale-900);
}

@media (max-width: 1200px) {

  .ypfcom__panels-text-paragraph.left,
  .ypfcom__panels-text-paragraph {
    flex-direction: column;
  }

  .ypfcom__panels-text-paragraph::before {
    background-image: url(https://ypf.com/yl-cdn/images/ds2/patterns/pattern_dots-circle--md.svg);
    height: 120px;
    width: 100%;
  }

  .ypfcom__panels-text-paragraph.left::before {
    transform: none;
  }

  .ypfcom__panels-text-paragraph>*:last-child {
    width: 100%;
    min-width: 100%;
  }
}

@media (max-width: 767px) {

  .ypfcom__panels-text-paragraph.left {
    flex-direction: column-reverse;
  }

  .ypfcom__panels-text-paragraph::before {
    background-image: url(https://ypf.com/yl-cdn/images/ds2/patterns/pattern_dots-circle--sm.svg);
  }

  .ypfcom__panels-text-paragraph.left::before {
    background-image: url(https://ypf.com/yl-cdn/images/ds2/patterns/pattern_dots-circle--sm2.svg);
  }
}

/* #endregion Panels / Text / Paragraph */

/* #region Panel — Cards — Carrousel Buckets Video */

.ypfcom__panel-cards-carousel-buckets-video .component-wrapper {
  overflow: visible;
  min-height: unset;
}

.ypfcom__panel-cards-carousel-buckets-video .info-block-title-description {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: var(--yl-container-width);
  max-width: 100%;
}

.ypfcom__panel-cards-carousel-buckets-video .info-block__title {
  font: 32px/38px var(--font-din-bold);
  color: var(--Grey-Scale-900);
  padding-inline-end: 16px;
  word-break: break-word;
}

.ypfcom__panel-cards-carousel-buckets-video .info-block__content {
  display: none;
}

.ypfcom__panel-cards-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video--cards-count {
  font: 18px/24px var(--font-din-regular);
  color: var(--Grey-Scale-700);
  white-space: nowrap;
}

.ypfcom__panel-cards-carousel-buckets-video .generic-card:not(:has(.generic-card__title)) .generic-image::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_play--brand.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--Grey-Scale-0);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  transition: var(--buttons-transition);
  transform-origin: center center;
}

.ypfcom__panel-cards-carousel-buckets-video .generic-card:not(:has(.generic-card__title)):hover .generic-image::before {
  transform: translate(-50%, -50%) scale(1.2);
}

.ypfcom__panel-cards-carousel-buckets-video .generic-card:not(:has(.generic-card__title)) .generic-image::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--Overlays-Black-40);
  border-radius: var(--border-radius-large);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.ypfcom__panel-cards-carousel-buckets-video .card-list__pagination {
  justify-content: flex-end;
}

.ypfcom__panel-cards-carousel-buckets-video .card-list__container {
  flex-wrap: nowrap;
}

.ypfcom__panel-cards-carousel-buckets-video .glider.draggable {
  z-index: 3;
}

.ypfcom__panel-cards-carousel-buckets-video .glider-track {
  gap: 24px;
}

.ypfcom__panel-cards-carousel-buckets-video .glider-track:active .generic-card [onclick] {
  cursor: grabbing;
}

@media (max-width: 768px) {

  .ypfcom__panel-cards-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video--cards-count {
    color: var(--Grey-Scale-700) !important;
    opacity: 1;
  }

  .ypfcom__panel-cards-carousel-buckets-video .info-block-title-description {
    position: relative;
    bottom: 0;
    margin-block-end: 24px;
  }

  .ypfcom__panel-cards-carousel-buckets-video .info-block__title {
    color: var(--Grey-Scale-900);
  }

}

/* #endregion Panel — Cards — Carrousel Buckets Video */

/* #region Panel — Cards — Text + Carrousel Buckets Video */

.ypfcom__panel-cards-text-carousel-buckets-video {
  position: relative;
}

.ypfcom__panel-cards-text-carousel-buckets-video .banner__containe {
  padding-block: 120px 200px;
}

.ypfcom__panel-cards-text-carousel-buckets-video .banner[data-ylp-format="start"] .banner__containe {
  margin: unset;
}

.ypfcom__panel-cards-text-carousel-buckets-video .banner[data-ylp-format="center"] .banner__containe {
  margin: inherit;
}

.ypfcom__panel-cards-text-carousel-buckets-video .banner[data-ylp-format="end"] .banner__containe {
  margin: 0 0 0 auto;
}

.ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__tag-icon {
  display: none;
}

.ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__title::after {
  border-bottom: none;
  margin-block-start: 0;
}

body:not([data-ylite="true"]) .ypfcom__panel-cards-text-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video {
  position: relative;
  top: -120px;
  margin-block-end: -120px;
}

.ypfcom__panel-cards-text-carousel-buckets-video .info-block__title {
  font: 20px/24px var(--font-din-bold);
  color: var(--Grey-Scale-0);
}

.ypfcom__panel-cards-text-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video--cards-count {
  color: var(--Grey-Scale-0);
  opacity: .6;
}

[data-ylite="true"] .ypfcom__panel-cards-text-carousel-buckets-video .info-block__title {
  color: var(--Grey-Scale-700);
}

[data-ylite="true"] .ypfcom__panel-cards-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video--cards-count {
  color: var(--Grey-Scale-700);
  opacity: 1;
}

.ypfcom__panel-cards-text-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video>.card-list,
body[data-ylite="false"] .ypfcom__panel-cards-text-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video>.card-list {
  width: 100%;
}

.ypfcom__panel-cards-text-carousel-buckets-video .glider-contain .generic-card:hover {
  margin-block-start: 0px;
  margin-inline: 0px;
  padding: 0px;
  background-color: unset;
  box-shadow: none;
  transform: unset;
}

.ypfcom__panel-cards-text-carousel-buckets-video .generic-card:hover .generic-card__title {
  top: 16px;
  left: 16px;
}

@media (max-width: 768px) {

  body:not([data-ylite="true"]) .ypfcom__panel-cards-text-carousel-buckets-video .banner {
    height: auto !important;
    align-content: flex-start;
    margin-block-end: 0;
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner__bg-image {
    position: relative;
    height: 240px;
    z-index: 0;
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner__containe {
    width: 100%;
    padding-block: 32px;
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__containe .banner__tag .banner__tag-text {
    color: var(--Grey-Scale-700) !important;
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__containe .banner__title {
    color: var(--Grey-Scale-900) !important;
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__containe .banner__content,
  .ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__containe .banner__content p {
    color: var(--Grey-Scale-700) !important;
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__links .advanced-link .advanced-link__link {
    background-color: var(--Primary-Brand-Colour-700);
    color: var(--Grey-Scale-0);
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__links .advanced-link .advanced-link__link[disabled] {
    background-color: var(--Grey-Scale-300);
    color: var(--Grey-Scale-0);
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__links .advanced-link .advanced-link__link:hover {
    background-color: var(--Primary-Brand-Colour-500);
    color: var(--Grey-Scale-0);
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .banner .banner__links .advanced-link .advanced-link__link:active {
    background-color: var(--Primary-Brand-Colour-300);
    color: var(--Grey-Scale-0);
  }

  body:not([data-ylite="true"]) .ypfcom__panel-cards-text-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video {
    position: unset;
    margin-block-end: 0;
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .info-block-title-description {
    margin-block-end: 16px;
  }

  .ypfcom__panel-cards-text-carousel-buckets-video .info-block__title {
    color: var(--Grey-Scale-700);
  }

  .ypfcom__panel-cards-carousel-buckets-video .ypfcom__panel-cards-carousel-buckets-video--cards-count {
    color: var(--Grey-Scale-700);
    opacity: 1;
  }


}

@media (max-width: 576px) {

  .ypfcom__panel-cards-text-carousel-buckets-video .banner__containe {
    width: 100%;
    padding-inline: 16px;
  }

}

/* #endregion Panel — Cards — Text + Carrousel Buckets Video */

/* #region Panels / Cards / Text-1 */

.card-list.ypfcom__panels-cards-text-1 {
  width: 100%;
}

.card-list.ypfcom__panels-cards-text-1 .card-list__container .generic-card:last-of-type {
  margin-right: auto;
}

.card-list.ypfcom__panels-cards-text-1 .card-list__pagination {
  margin-block-start: 24px;
}

@media (max-width: 767px) {
  .card-list.ypfcom__panels-cards-text-1 .glider-track {
    gap: 8px;
  }

  .card-list.ypfcom__panels-cards-text-1 .card-list__container .generic-card {
    flex-basis: 100%;
  }

}

@media (max-width: 575px) {

  .card-list.ypfcom__panels-cards-text-1 .card-list__pagination,
  .card-list.ypfcom__panels-cards-text-1 .card-list__container {
    padding-inline: 16px;
  }

  .card-list.ypfcom__panels-cards-text-1 .glider-contain .generic-card:first-child {
    margin-inline-start: 16px;
  }

  .card-list.ypfcom__panels-cards-text-1 .glider-contain .generic-card:last-child {
    margin-inline-end: 16px;
  }
}

/* #endregion Panels / Cards / Text-1 */

/* #region Panel - Text - Slider */

.ypfcom__panel-text-slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ypfcom__panel-text-slider .component-wrapper:first-child,
.ypfcom__panel-text-slider>.ypfcom__modules-text-block {
  width: 40%;
  padding-inline-end: 24px;
}

.ypfcom__panel-text-slider .component-wrapper:last-child,
.ypfcom__panel-text-slider>.content-editor {
  width: 60%;
}

.ypfcom__panel-text-slider .ypfcom__modules-text-block .info-block__header-addon .info-block__icon {
  display: none;
}

.ypfcom__panel-text-slider .ypfcom__modules-text-block .info-block__title {
  font-size: 46px;
  line-height: 50px;
}

.ypfcom__panel-text-slider .content-editor {
  border-top: 1px solid var(--Grey-Scale-400);
  padding-top: 34px;
}

.ypfcom__panel-text-slider .content-editor::before {
  content: "";
  display: block;
  border-top: 2px solid var(--Primary-Brand-Colour-700);
  width: 120px;
  position: relative;
  top: -36px;
  float: right;
}

.ypfcom__panel-text-slider .slider-container {
  display: flex;
  gap: 78px;
  overflow: hidden;
  width: 100%;
}

.ypfcom__panel-text-slider .paragraph-container {
  transition: transform 0.3s ease;
  flex-grow: 1;
}

.ypfcom__panel-text-slider .paragraph-container p {
  margin-block-end: 24px;
  box-sizing: border-box;
}

.ypfcom__panel-text-slider .paragraph-container p:not(.current) {
  opacity: 0.3;
}

.ypfcom__panel-text-slider .btn-prev,
.ypfcom__panel-text-slider .btn-next {
  border: 0;
  background-color: transparent;
}

.ypfcom__panel-text-slider .controls-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ypfcom__panel-text-slider .controls-container .counter {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block: 12px;
}

.ypfcom__panel-text-slider .controls-container button:focus {
  outline-offset: -2px;
}

.ypfcom__panel-text-slider .controls-container .counter button {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  color: var(--Grey-Scale-700);
  font: 14px/18px var(--font-din-regular);
}

.ypfcom__panel-text-slider .controls-container .counter button:disabled {
  font-weight: bold;
  color: var(--Grey-Scale-900);
}

.ypfcom__panel-text-slider .controls-container button.btn-prev {
  rotate: 90deg;
}

.ypfcom__panel-text-slider .controls-container button.btn-next {
  rotate: -90deg;
}

.ypfcom__panel-text-slider .controls-container button.btn-prev,
.ypfcom__panel-text-slider .controls-container button.btn-next,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-prev,
.ypfcom__panel-text-slider .controls-container-horizontal button.btn-next {
  cursor: pointer;
}

.ypfcom__panel-text-slider .controls-container-horizontal {
  display: none;
}

@media (max-width: 1200px) {
  .ypfcom__panel-text-slider .info-block-title-description .info-block__title {
    font-size: 40px;
    line-height: 44px;
  }

  .ypfcom__panel-text-slider .component-wrapper:first-child,
  .ypfcom__panel-text-slider>.ypfcom__modules-text-block {
    width: 486px;
    padding-inline-end: 0;
  }

  .ypfcom__panel-text-slider .component-wrapper:last-child,
  .ypfcom__panel-text-slider>.content-editor {
    width: 100%;
    margin-block-start: 48px;
  }
}

@media (max-width: 767px) {
  .ypfcom__panel-text-slider .ypfcom__modules-text-block .info-block__link {
    width: auto;
  }

  .ypfcom__panel-text-slider .content-editor {
    padding-block-end: 64px;
    position: relative;
  }

  .ypfcom__panel-text-slider .controls-container {
    display: none;
  }

  .ypfcom__panel-text-slider .controls-container-horizontal {
    display: flex;
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 575px) {
  .ypfcom__panel-text-slider {
    padding: 0 16px;
  }
}

/* #endregion Panel - Text - Slider */

/* #region Panels / Cards / Mosaic */

.ypfcom__panels-cards-mosaic {
  display: flex;
}

.ypfcom__panels-cards-mosaic>.ypfcom__modules-cards-text-2,
.ypfcom__panels-cards-mosaic .component-wrapper:first-child {
  width: 30%;
  min-width: 30%;
  display: inline-flex;
}

.ypfcom__panels-cards-mosaic .component-wrapper>.ypfcom__modules-cards-text-2 {
  width: 100%;
}

.ypfcom__panels-cards-mosaic>.ypfcom__panels-cards-text-1,
.ypfcom__panels-cards-mosaic .component-wrapper:last-child {
  width: 70%;
  min-width: 70%;
  display: inline-flex;
}

.ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .card-list__container {
  padding-left: 24px;
}

@media (max-width: 767px) {
  .ypfcom__panels-cards-mosaic {
    flex-direction: column;
  }

  .ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .card-list__container {
    padding-left: 0px;
  }

  .ypfcom__panels-cards-mosaic .component-wrapper:first-child,
  .ypfcom__panels-cards-mosaic .component-wrapper:last-child,
  .ypfcom__panels-cards-mosaic>.ypfcom__modules-cards-text-2,
  .ypfcom__panels-cards-mosaic>.ypfcom__panels-cards-text-1 {
    width: 100%;
  }

  .ypfcom__panels-cards-mosaic .ypfcom__modules-cards-text-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 576px) {
  .ypfcom__panels-cards-mosaic .ypfcom__modules-cards-text-2 {
    margin-inline: 16px;
    width: calc(100% - 32px);
  }

  .ypfcom__panels-cards-mosaic .card-list.ypfcom__panels-cards-text-1 .card-list__container {
    padding-inline: 16px;
  }
}

/* #endregion Panels / Cards / Mosaic */

/* #region Panels / Carrousel / Images */

.ypfcom__panels-carousel-image {
  display: flex;
  align-items: center;
  height: 196px;
  position: relative;
  overflow: hidden;
}

.ypfcom__panels-carousel-image::after {
  content: "";
  background-image: url(https://ypf.com/yl-cdn/images/ds2/patterns/pattern_dots--full.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: -33px;
  bottom: -30px;
  width: 336px;
  height: 61px;
}

.ypfcom__panels-carousel-image .glider-track {
  gap: 8px;
}

.ypfcom__panels-carousel-image .glider-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  position: relative;
}

.ypfcom__panels-carousel-image .glider-slide::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url(https://ypf.com/yl-cdn/images/ds2/icons/icon_arrow-top-right--brand.svg);
  background-repeat: no-repeat;
  background-position: right top;
}

.ypfcom__panels-carousel-image .glider-slide:first-child {
  margin-inline-start: var(--border-view-distance);
}

.ypfcom__panels-carousel-image .glider-slide:last-child {
  margin-inline-end: var(--border-view-distance);
}

.ypfcom__panels-carousel-image .glider-contain__pagination {
  display: none;
}

@media (min-width: 1200px) {
  .ypfcom__panels-carousel-image .glider-slide {
    opacity: .4;
    transition: opacity .3s ease-in;
  }

  .ypfcom__panels-carousel-image .glider-slide:hover {
    opacity: 1;
  }
}

@media (max-width: 1200px) {
  .ypfcom__panels-carousel-image::after {
    right: -129px;
  }
}

@media (max-width: 575px) {
  .ypfcom__panels-carousel-image::after {
    right: -113px;
  }

  .ypfcom__panels-carousel-image .glider-slide:first-child {
    margin-inline-start: 24px;
  }

  .ypfcom__panels-carousel-image .glider-slide:last-child {
    margin-inline-end: 24px;
  }
}

/* #endregion Panels / Carrousel / Images */

/* #region Panels / Navigation / Classification / Chip */

.ypfcom__navigation-classification-chip {
  display: flex;
  position: relative;
  flex-direction: column;
}

.ypfcom__navigation-classification-chip h2 {
  max-width: 486px;
  margin-bottom: 48px;
}

.ypfcom__navigation-classification-chip .navigation-wrapper {
  display: flex;
  align-items: flex-end;
  max-width: var(--yl-container-width);
  justify-content: space-between;
  margin-bottom: 48px;
}

.ypfcom__navigation-classification-chip .navigation-wrapper .filter-and-nav-container {
  position: relative;
  width: calc(70% - 24px);
}

.ypfcom__navigation-classification-chip .navigation-wrapper .filter-and-nav-container .filter-button-container {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  cursor: grab;
}

.ypfcom__navigation-classification-chip .navigation-wrapper .search-container {
  width: 30%;
  z-index: 1;
}

.ypfcom__navigation-classification-chip .filter-button {
  margin: 0 8px 8px 0;
  padding: 8px 16px;
  font: 14px/18px var(--font-din-regular);
  color: var(--Primary-Brand-Colour-700);
  border: 1px solid var(--Borders-Dividers-Lines-100);
  border-radius: 100px;
  background-color: var(--Grey-Scale-50);
  cursor: pointer;
  white-space: nowrap;
}

.ypfcom__navigation-classification-chip .filter-button:hover {
  background-color: var(--Grey-Scale-100);
}

.ypfcom__navigation-classification-chip .filter-button.selected {
  color: var(--Grey-Scale-0);
  background-color: var(--Primary-Brand-Colour-700);
  border: var(--Primary-Brand-Colour-700);
}

.ypfcom__navigation-classification-chip .navigation-button {
  width: 38.5px;
  height: 38.5px;
  border-radius: 100%;
  background-color: #FAFAFA;
  border: 1px solid #E1E5EC;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ypfcom__navigation-classification-chip .navigation-button.left-button,
.ypfcom__navigation-classification-chip .navigation-button.right-button {
  position: absolute;
  background-image: url('https://ypf.com/yl-cdn/images/icons/arrow-down.svg');
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 36px !important;
}

.ypfcom__navigation-classification-chip .navigation-button.left-button {
  box-shadow: 0px 0px 10px 20px white;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ypfcom__navigation-classification-chip .navigation-button.right-button {
  right: 0;
  box-shadow: -4px 13px 13px 20px white;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

@media screen and (min-width: 1200px) {
  .ypfcom__navigation-classification-chip .navigation-wrapper .filter-and-nav-container .filter-button-container {
    overflow-x: hidden;
  }
}

@media screen and (max-width: 1200px) {

  .ypfcom__navigation-classification-chip .navigation-wrapper {
    align-items: flex-end;
  }

}

@media (max-width: 991px) {

  .ypfcom__navigation-classification-chip .navigation-wrapper .filter-and-nav-container {
    width: 100%;
  }

  .ypfcom__navigation-classification-chip .navigation-wrapper {
    flex-direction: column;
    gap: 48px;
    align-items: normal;
  }

  .ypfcom__navigation-classification-chip .navigation-wrapper .search-container {
    width: 100%;
  }

}

@media (max-width: 576px) {

  .ypfcom__navigation-classification-chip {
    padding: 0px 16px;
  }

}

/* #endregion Panels / Navigation / Classification / Chip */

/* #region Panel / Guía */

.ypfcom__panel-guia .ypfcom__panel-guia--controls {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block-end: 48px;
}

.ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container {
  flex-basis: calc(calc(100% - 3rem) / 4);
}

@media (max-width: 991px) {
  .ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container {
    flex-basis: calc(calc(100% - 1rem) / 2);
  }
}

@media (max-width: 575px) {
  .ypfcom__panel-guia {
    padding-inline: 16px;
  }

  .ypfcom__panel-guia .ypfcom__panel-guia--controls {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-block-end: 24px;
  }

  .ypfcom__panel-guia .ypfcom__panel-guia--controls .select-container {
    flex-basis: 100%;
  }
}

/* RESULTADOS */

.ypfcom__panel-guia .ypfcom__panel-guia--result.no-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 432px;
  padding-inline: 100px;
  background-color: var(--Grey-Scale-100);
}

.ypfcom__panel-guia .ypfcom__panel-guia--result.no-result h3 {
  font-size: 32px;
  line-height: 38px;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result.no-result p {
  text-align: center;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result:not(.no-result) {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result img {
  object-fit: contain;
  min-width: 486px;
  border-radius: var(--border-radius-large);
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info {
  position: relative;
  padding: 77px 100px;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info>h3 {
  font-size: 54px;
  line-height: 60px;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info>p {
  margin-block-end: 24px;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info>p.volumen {
  font-family: var(--font-din-bold);
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  min-width: unset;
  padding-inline: 0 28px;
  position: relative;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 100%;
  background-image: url(https://ypf.com/yl-cdn/images/icons/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .download-btn:hover::after {
  filter: brightness(50%);
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .document-links[style="display: block;"] {
  position: absolute;
  display: flex !important;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: var(--border-radius-large);
  background-color: var(--Overlays-Black-80);
  min-width: 283px;
  margin-block-start: 12px;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .document-links a {
  font: 16px/24px var(--font-din-bold);
  color: var(--Grey-Scale-0);
  display: inline-block;
  text-decoration: none;
  padding-right: 28px;
  position: relative;
  width: 100%;
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .document-links a:hover {
  color: var(--Grey-Scale-100);
}

.ypfcom__panel-guia .ypfcom__panel-guia--result .product-info .document-links a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 100%;
  background-image: url(https://ypf.com/yl-cdn/images/icons/icon_download-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
}

@media (max-width: 1200px) {
  .ypfcom__panel-guia .ypfcom__panel-guia--result .product-info {
    width: 460px;
    padding: 77px 0;
  }

  .ypfcom__panel-guia .ypfcom__panel-guia--result .product-info>*:not(.download-btn):not(.document-links) {
    min-width: unset;
    width: 100%;
  }

  .ypfcom__panel-guia .ypfcom__panel-guia--result>img {
    min-width: 460px;
  }
}

@media (max-width: 991px) {
  .ypfcom__panel-guia .ypfcom__panel-guia--result>img {
    min-width: 50%;
  }
}

@media (max-width: 768px) {
  .ypfcom__panel-guia .ypfcom__panel-guia--result:not(.no-result) {
    flex-wrap: wrap;
  }

  .ypfcom__panel-guia .ypfcom__panel-guia--result .product-info {
    width: 100%;
    padding: 24px 0 60px;
  }

  .ypfcom__panel-guia .ypfcom__panel-guia--result img {
    min-width: 100%;
  }

  .ypfcom__panel-guia .ypfcom__panel-guia--result .product-info>* {
    min-width: unset;
    width: 100%;
  }

  .ypfcom__panel-guia .ypfcom__panel-guia--result .product-info>h3 {
    font-size: 40px;
    line-height: 44px;
  }
}

@media (max-width: 575px) {
  .ypfcom__panel-guia .ypfcom__panel-guia--result.no-result {
    height: 528px;
    padding-inline: 16px;
  }
}

/* #endregion Panel / Guía */

/* #region Panel / Cards / Product */

.ypfcom__panels-cards-product .ypfcom__panels-cards-list-text-content {
  margin-bottom: 48px;
}

.ypfcom__panels-cards-product .ypfcom__panels-cards-list-text-content .ypfcom__modules-text-block .info-block-title-description .info-block__title {
  font: var(--title__desktop-h3);
  font-weight: 700;
}

.ypfcom__panels-cards-product .ypfcom__panels-cards-list-text-content .content-editor p {
  font: 14px/18px var(--font-din-regular);
}

.ypfcom__panels-cards-product .ypfcom__panels-cards-product--list {
  background-color: var(--Grey-Scale-50);
  padding-top: 48px;
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container {
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  width: var(--yl-container-width);
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container .generic-card {
  display: block;
  position: relative;
  width: 100%;
  min-height: 524px;
  border: unset;
  padding: 8px;
  box-sizing: border-box;
  margin-bottom: 116px;
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container .generic-card img {
  height: 250px;
  width: 100%;
  margin-bottom: 33px;
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container .generic-card .generic-card__body {
  padding: unset;
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container .generic-card .generic-card__body .field__props-titulo {
  font: 18px/24px var(--font-din-bold);
  color: #000000;
  width: 100%;
  height: 48px;
  margin-bottom: 22px;
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container .generic-card .generic-card__body .field__props-descripcion {
  font: 16px/22px var(--font-din-regular);
  color: #333333;
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container .generic-card .generic-card__body .btn-link {
  font: 16px/24px var(--font-din-bold);
  color: var(--Primary-Brand-Colour-700);
  text-decoration: none;
  font-weight: 700;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container .generic-card .generic-card__body .btn-link::after {
  content: "";
  background: url('https://ypf.com/yl-cdn/images/icons/arrow-down.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 8px;
  vertical-align: middle;
}

.ypfcom__panels-cards-product .card-metadata .card-metadata__container .generic-card .generic-card__body .field__props-categoria {
  position: absolute;
  left: 20px;
  top: 20px;
  font: 14px/18px var(--font-din-medium);
  background-color: var(--Grey-Scale-50);
  border-radius: 50px;
  padding: 4px 12px;
  color: var(--Primary-Brand-Colour-700);
}

.ypfcom__panels-cards-product .no-results {
  font: 16px/22px var(--font-din-regular);
  padding-bottom: 48px;
}

.ypfcom__panels-cards-product .btn-read-more {
  font: 14px/18px var(--font-din-medium);
  color: var(--Primary-Brand-Colour-700) !important;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  padding: 0;
  margin-bottom: 33px;
}

.ypfcom__panels-cards-product .btn-read-more:hover {
  color: var(--Primary-Brand-Colour-900);
}

.ypfcom__panels-cards-product .card-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, .8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding: 15px 30px 20px 30px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
  transition: all 0.3s ease-in-out;
}

.ypfcom__panels-cards-product .card-overlay.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.ypfcom__panels-cards-product .overlay-button {
  display: flex;
  border: 1px solid white !important;
  width: 100%;
  padding: 15px 45px 15px 25px !important;
  text-align: left;
  font: 16px var(--font-din-bold);
  text-decoration: unset;
  color: white !important;
  margin: 0 0 10px 0 !important;
  background-color: transparent !important;
  border-radius: 3px !important;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.ypfcom__panels-cards-product .overlay-button:hover {
  background-color: white !important;
  color: #000000 !important;
}

.ypfcom__panels-cards-product .overlay-button::after {
  content: "";
  position: absolute;
  right: 25px;
  background-image: url(https://ypf.com/yl-cdn/images/icons/icon_download-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 15px;
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.ypfcom__panels-cards-product .overlay-button:hover::after {
  filter: brightness(0) saturate(100%) invert(0%);
}

.ypfcom__panels-cards-product .card-overlay ul {
  margin: 0;
  padding: 0;
  list-style: none;
  align-self: flex-start;
  width: 100%;
}

.ypfcom__panels-cards-product .card-overlay li {
  margin: 0;
  padding: 0;
}

.ypfcom__panels-cards-product .card-overlay p {
  color: white;
  font-weight: bold;
  align-self: flex-start;
  margin-bottom: 15px !important;
}

.ypfcom__panels-cards-product .see-more-container {
  padding-bottom: 96px;
  background-color: var(--Grey-Scale-50);
}

.ypfcom__panels-cards-product .btn-see-more {
  display: flex;
  cursor: pointer;
  justify-self: center;
  position: relative;
  background: transparent;
  border: 0;
  background-color: var(--Primary-Brand-Colour-700);
  color: white;
  padding: 12px 56px 12px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  border-radius: 2px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.ypfcom__panels-cards-product .btn-see-more:hover {
  background-color: var(--Overlays-Black-80);

}

.ypfcom__panels-cards-product .btn-see-more::after {
  content: "";
  display: block;
  width: 13px;
  height: 10px;
  background-image: url(https://ypf.com/yl-cdn/images/icons/arrow-down-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 36px !important;
  position: absolute;
  top: 20px;
  right: 15px;
}

@media screen and (max-width: 1400px) {
  .ypfcom__panels-cards-product .card-metadata .card-metadata__container {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 1200px) {
  .ypfcom__panels-cards-product .card-metadata .card-metadata__container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 990px) {
  .ypfcom__panels-cards-product .card-metadata .card-metadata__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .ypfcom__panels-cards-product .card-metadata .card-metadata__container {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 16px;
  }
}

/* #endregion Panel / Cards / Product */

/* #region Panels / FAQS */

.ypfcom__panels-faqs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ypfcom__panels-faqs .ypfcom__modules-text-block {
  max-width: 384px;
}

.ypfcom__panels-faqs yl-placeholder {
  width: 690px;
}

.ypfcom__panels-faqs .info-block-collapsable {
  width: 100%;
}

.ypfcom__panels-faqs .ypfcom__modules-text-block .info-block-title-description .info-block__title {
  font: 46px/50px var(--font-din-bold);
  font-weight: 700;
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block-collapsable__header .info-block-collapsable__header-content .info-block__title {
  font: 16px/22px var(--font-din-regular);
  font-weight: 400;
  color: var(--Grey-Scale-700);
  width: 100%;
  cursor: pointer;
  position: relative;
  padding-right: 12px;
  display: block;
  text-align: left;
  outline: none;
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block-collapsable__header[aria-expanded="true"] .info-block__title {
  color: var(--Grey-Scale-900);
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block-collapsable__header-collapse .i-chevron-down,
.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block-collapsable__header-collapse .i-chevron-up {
  display: none;
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block-collapsable__header::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://ypf.com/yl-cdn/images/icons/icon_plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block-collapsable__header[aria-expanded="true"]::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://ypf.com/yl-cdn/images/icons/icon_minus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .collapsable .component-wrapper .info-block__main {
  margin-bottom: 8px;
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block__main .info-block__content {
  padding: 16px 24px;
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block__main .info-block__content p {
  font: 14px/18px var(--font-din-regular);
  font-weight: 400;
  color: var(--Grey-Scale-700);
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block__main .info-block__content ol {
  font: 14px/18px var(--font-din-regular);
  font-weight: 400;
  color: var(--Grey-Scale-700);
  list-style-type: auto;
}

.ypfcom__panels-faqs .ypfcom__modules-faqs .info-block__main .info-block__content li {
  margin-left: 24px;
}

.ypfcom__panels-faqs .info-block-collapsable__header-collapse {
  border-bottom: 1px solid var(--Borders-Dividers-Lines-100);
  padding: 25px 16px;
}

.ypfcom__panels-faqs .info-block-collapsable__header-collapse:focus {
  border-top: none;
  border-left: none;
  border-right: none;
}

.ypfcom__panels-faqs .info-block-collapsable__header-collapse:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.ypfcom__panels-faqs .info-block-collapsable__header-collapse:first {
  padding-top: 17px;
}

@media (min-width: 1400px) {

  .ypfcom__panels-faqs .ypfcom__modules-text-block {
    max-width: 486px;
  }

}

@media (max-width: 1200px) {

  .ypfcom__panels-faqs .ypfcom__modules-text-block {
    max-width: 50%;
  }

  .ypfcom__panels-faqs yl-placeholder {
    width: 50%;
  }

}

@media (max-width: 768px) {

  .ypfcom__panels-faqs .ypfcom__modules-faqs .info-block-collapsable__header-collapse,
  .ypfcom__panels-faqs .ypfcom__modules-faqs .info-block__main .info-block__content {
    min-width: unset;
    width: 100%;
  }

  .ypfcom__panels-faqs .ypfcom__modules-text-block {
    text-align: left;
    max-width: 100%;
  }

  .ypfcom__panels-faqs yl-placeholder {
    margin-block-start: 36px;
    width: 100%;
  }

  .ypfcom__panels-faqs .ypfcom__modules-text-block .info-block-title-description .info-block__title::after {
    content: none;
  }

  .ypfcom__panels-faqs .ypfcom__modules-faqs .info-block__main .info-block__content {
    padding: 16px 18px 16px 18px;
  }

  .ypfcom__panels-faqs .ypfcom__modules-faqs .info-block__main .info-block__content li {
    margin-left: 18px;
  }

}

@media (max-width: 575px) {
  .ypfcom__panels-faqs {
    padding-inline: 16px;
  }
}

/* #endregion Panels / FAQS */

/* #region Panels / Form */

.ypfcom__panels-form {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.grecaptcha-badge {
  z-index: 2;
}

.ypfcom__panels-form>*:first-child {
  width: var(--columns-width-5);
}

.ypfcom__panels-form section.step {
  display: flex;
  flex-direction: column;
}

.ypfcom__panels-form section.step.d-none {
  display: none;
}

.ypfcom__panels-form .step__body fieldset {
  padding: calc(48px + 40px + 48px) 32px 48px;
  position: relative;
  display: flex;
}

.ypfcom__panels-form .step__body fieldset .inputs-container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  flex-grow: 1;
  padding: 32px;
  padding-block-end: 0;
  max-width: 100%;
}

.ypfcom__panels-form .step__body fieldset,
.ypfcom__panels-form .step__body .prev,
.ypfcom__panels-form .step__body .next {
  position: relative;
  background-color: var(--Grey-Scale-0);
  border-radius: var(--border-radius-extra-large);
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}

.ypfcom__panels-form .step__body .prev,
.ypfcom__panels-form .step__body .next {
  padding: 32px;
}

.ypfcom__panels-form .step__body .next {
  z-index: 2;
}

.ypfcom__panels-form .step__body fieldset legend,
.ypfcom__panels-form .step__body .prev,
.ypfcom__panels-form .step__body .next {
  display: flex;
  font: var(--title-h5);
  color: var(--Grey-Scale-900);
  align-items: center;
}

.ypfcom__panels-form .step__body fieldset legend {
  width: calc(100% - 64px);
  position: absolute;
  top: 48px;
}

.ypfcom__panels-form .step__body fieldset legend span,
.ypfcom__panels-form .step__body .prev span,
.ypfcom__panels-form .step__body .next span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  margin-inline-end: 16px;
  padding-inline-end: 1px;
}

.ypfcom__panels-form .step__body fieldset legend span {
  background-color: var(--Grey-Scale-0);
  color: var(--Primary-Brand-Colour-700);
  border: 2px solid var(--Primary-Brand-Colour-700);
}

.ypfcom__panels-form .step__body .prev span {
  background-color: var(--Primary-Brand-Colour-700);
  color: var(--Grey-Scale-0);
  border: 2px solid var(--Primary-Brand-Colour-700);
}

.ypfcom__panels-form .step__body .next span {
  background-color: var(--Grey-Scale-100);
  color: var(--Grey-Scale-400);
  border: 2px solid var(--Grey-Scale-300);
}

.ypfcom__panels-form .step__body .inputs-container>*:not(.step__buttons) {
  flex-basis: calc((100% - 24px) / 2);
}

.ypfcom__panels-form .step__body .inputs-container .full-width {
  flex-basis: 100%;
}

.ypfcom__panels-form .step__body fieldset .step__buttons {
  flex-basis: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  margin-block-start: 48px;
}

.ypfcom__panels-form .step__body .prev {
  margin-block-end: 24px;
}

.ypfcom__panels-form .step__body .next {
  margin-block-start: 24px;
}

.ypfcom__panels-form .success-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  margin-block-start: 32px;
  text-align: center;
}

.ypfcom__panels-form .success-message img {
  width: 40px;
  margin-block-end: 30px;
}

.ypfcom__panels-form .success-message h1,
.ypfcom__panels-form .success-message h2,
.ypfcom__panels-form .success-message h3,
.ypfcom__panels-form .success-message h4,
.ypfcom__panels-form .success-message h5,
.ypfcom__panels-form .success-message h6 {
  font: var(--title-h3);
  margin-block-end: 24px;
}

.ypfcom__panels-form .success-message p {
  margin-block-end: 24px;
}

.ypfcom__panels-form .step__body .alert.alert-success {
  display: none;
}

.ypfcom__panels-form .loader-container {
  order: 99;
}

.ypfcom__panels-form .loader-container .loader {
  display: flex;
  padding-block-start: 24px;
}

.ypfcom__panels-form .loader-container .spinner-border span {
  display: none;
}

@media (max-width: 990px) {
  .ypfcom__panels-form .step__body fieldset .inputs-container {
    padding-inline: 8px;
  }

  .ypfcom__panels-form .step__body .inputs-container>*:not(.step__buttons) {
    flex-basis: 100%;
  }
}

@media (max-width: 768px) {
  .ypfcom__panels-form>*:first-child {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .ypfcom__panels-form .step__body fieldset {
    padding: calc(48px + 40px + 32px) 16px 32px;
  }

  .ypfcom__panels-form .step__body fieldset legend {
    width: calc(100% - 32px);
    top: 32px;
  }

  .ypfcom__panels-form .step__body fieldset .inputs-container {
    padding-inline: 0;
  }

  .ypfcom__panels-form .step__body .prev,
  .ypfcom__panels-form .step__body .next {
    padding: 32px 16px;
  }

}

/* #endregion Panels / Form */

/* #endregion CONTENEDORES ////////////////////////////////////////////////////////// */