@charset "UTF-8";

.com-image {
  transition: all 0.2s ease-in-out;
  width: 100%;
}

@media (min-width: 64em) {

  .com-image:hover {
    filter: brightness(1.1);
  }
}

.dialog::backdrop {
  background-color: var(--_background-dialog);
  opacity: 1;
}


@media (min-width: 1024px) {
  a:hover {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
  }
}

:root {
  --size-3xs: 0.25rem;
  --size-2xs: 0.5rem;
  --size-xs: 0.75rem;
  --size-sm: 1rem;
  --size-md: 1.5rem;
  --size-lg: 2rem;
  --size-xl: 2.5rem;
  --size-2xl: 4rem;
  --size-3xl: 5rem;
  --light-neutral-0: #fff;
  --light-neutral-50: #fefefe;
  --light-neutral-100: #f7f7f4;
  --light-neutral-200: #f2f2f2;
  --light-neutral-300: #e4e4e4;
  --light-neutral-400: #ccc;
  --light-neutral-500: #919191;
  --light-neutral-600: #5a5a5a;
  --light-neutral-700: #333;
  --light-neutral-800: #272727;
  --light-neutral-900: #1c1c1f;
  --dark-neutral-0: #000;
  --dark-neutral-50: #1c1c1f;
  --dark-neutral-100: #272727;
  --dark-neutral-200: #333;
  --dark-neutral-300: #5a5a5a;
  --dark-neutral-400: #919191;
  --dark-neutral-500: #adadad;
  --dark-neutral-600: #ccc;
  --dark-neutral-700: #e4e4e4;
  --dark-neutral-800: #f2f2f2;
  --dark-neutral-900: #fff;
  --neutral-light-1: #fefefe;
  --neutral-light-50: #f2f2f2;
  --neutral-light-100: #e6e6e6;
  --neutral-light-200: #ccc;
  --neutral-light-600: #666;
  --neutral-light-700: #4d4d4d;
  --neutral-light-800: #333;
  --neutral-light-900: #1a1a1a;
  --neutral-dark-1: #010101;
  --neutral-dark-50: #0d0d0d;
  --neutral-dark-300: #4d4d4d;
  --neutral-dark-999: #fefefe;
  --no-digital: #e6e6e6;
  --primary-ia: #27d2be;
  --primary-ia-30: #27d2be4d;
  --blue-100: #e7f0ff;
  --blue-200: #bcd6ff;
  --blue-300: #85b4fe;
  --blue-400: #126fff;
  --blue-500: #0250c9;
  --orange-200: #ffe8c0;
  --danger-600: #99151d;
  --danger-300: #e95e66;
  --red-700: #b40d15;
  --yellow-subscribe: #ffff24;
  --la-nacion: #006998;
  --ln-campo: #008561;
  --comunidad-negocios: #e2342d;
  --ln-movilidad: #c54f00;
  --ln-bienestar: #7267c3;
  --ln-propiedades: #0074c4;
  --ln-que-sale: #bb3b80;
  --ln-futuria: #e6232a;
  --hashtag: #dbff00;
  --hashtag-dark: #475300;
  --webstorys: #ffc6f9;
  --webstorys-dark: #88187c;
  --exclusivo-suscriptores: #fdb727;
  --bg-exclusivo-suscriptores: #272727;
  --subscriber-negative: #1e1d1d;
  --opinion: #0074c4;
  --ia-tools: #2d978a;
  --nunca-cuatro: #74d1e5;
  --criptograma: #a2ce40;
  --sudoku: #ee6ba9;
  --crucigrama: #e1435f;
  --palabras-cruzadas: #ca67d2;
  --sopa-de-letras: #ecb535;
  --el-telar: #5bbb87;
  --trivias: #69c7c3;
  --cruciexpres: #ff8ea9;
  --palabra-oculta: #97c7ff;
  --diferencias: #ed933f;
  --crucimini: #6781c8;
  --cruci-tematico: #b09c03;
  --panal-de-letras: #dce11f;
  --success-700: #008759;
  --warning-500: #ffc402;
  --danger-500: #c61b25;
  --info-700: #2f3a4e;
  --line-100: 100%;
  --line-110: 110%;
  --line-116: 116%;
  --line-120: 120%;
  --line-130: 130%;
  --gap-v: var(--size-sm);
  --cols: 8;
  --gap-img: 12px;
  --gap-badge: 8px;
  --header-outer-spacing: 2fr;
  --center-options-grid-column: left-start/center-end;
}

@media (min-width: 768px) {
  :root {
    --gap-v: var(--size-md);
    --cols: 12;
  }
}

@media (min-width: 1280px) {
  :root {
    --gap-v: var(--size-xs);
    --cols: 16;
    --center-options-grid-column: center-start/center-end;
  }
}

@media (min-width: 1360px) {
  :root {
    --gap-v: var(--size-lg);
  }
}

.marker-24 ::marker {
  font-size: 1.5rem;
}

:root {
  --newsletterbox-font-family: Prumo, georgia, serif;
  --newsletterbox-text-font-variation: "wght" 170;
  --newsletterbox-text-font-weight: 100;
  --newsletterbox-title-font-variation: "wght" 170;
  --newsletterbox-title-font-weight: 100;
  --newsletterbox-description-font-variation: "wght" 110, "opsz" 0;
  --newsletterbox-description-font-weight: 90;
  --newsletterbox-title-color: var(--blue-500);
  --newsletterbox-button-background-color: var(--blue-500);
  --newsletterbox-button-color: var(--light-neutral-50);
  --newsletterbox-button-radius: 0.25rem;
  --newsletterbox-button-font-family: Arial, roboto, serif;
  --newsletterbox-excusive-badge-font-family: Arial, roboto, serif;
  --newsletterbox-exclusive-badge-background-color: #010101;
  --newsletterbox-exlusive-badge-color: var(--light-neutral-50);
  --newsletterbox-exclusive-button-background-color: var(--blue-300);
  --newsletterbox-exclusive-button-color: var(--light-neutral-700);
}

:root {
  --notification-drawer-z-index: 15000;
  --notification-drawer-scrollbar-radius: 0.5rem;
  --notification-drawer-scrollbar-color: #0250c9;
  --notification-drawer-tooltip-background: #0250c9;
  --notification-drawer-tooltip-border-radius: 0.25rem;
  --notification-drawer-tooltip-z-index: 1000;
  --notification-card-border-radius: 0.25rem;
  --notification-header-font-family: Prumo, georgia, serif;
  --notification-header-line-height: 110%;
  --notification-header-font-weight: 100;
  --notification-header-font-variation: "wght" 150;
  --notification-card-title-font-size: 1rem;
  --notification-card-title-line-height: 150%;
  --notification-card-title-font-weight: 700;
  --notification-card-description-line-height: 130%;
  --notification-card-description-font-weight: 400;
  --notification-card-button-padding: 0.5rem 0.75rem;
  --notification-card-button-border-radius: 0.25rem;
  --notification-card-button-font-size: 0.75rem;
  --notification-card-button-line-height: 130%;
  --notification-card-button-font-weight: 700;
  --notification-card-time-font-size: 0.75rem;
  --notification-card-time-line-height: 130%;
  --notification-card-time-font-weight: 400;
  --notification-drawer-empty-state-title-font-family: Prumo, georgia, serif;
  --notification-drawer-empty-state-title-line-height: 110%;
  --notification-drawer-empty-state-title-font-weight: 100;
  --notification-drawer-empty-state-title-font-variation: "wght" 150;
  --notification-drawer-empty-state-title-letter-spacing: -0.04rem;
  --notification-drawer-empty-state-description-font-size: 1rem;
  --notification-drawer-empty-state-description-line-height: 140%;
  --notification-drawer-empty-state-description-font-weight: 400;
  --notification-drawer-empty-state-description-letter-spacing: -0.02rem;
  --notification-drawer-empty-state-illustration-width: 7.9375rem;
  --notification-drawer-empty-state-illustration-height: 9.4375rem;
  --notification-drawer-error-state-title-font-family: Prumo, georgia, serif;
  --notification-drawer-error-state-title-line-height: 110%;
  --notification-drawer-error-state-title-font-weight: 100;
  --notification-drawer-error-state-title-font-variation: "wght" 150;
  --notification-drawer-error-state-title-letter-spacing: -0.04rem;
  --notification-drawer-error-state-description-font-size: 1rem;
  --notification-drawer-error-state-description-line-height: 140%;
  --notification-drawer-error-state-description-font-weight: 400;
  --notification-drawer-error-state-description-letter-spacing: -0.02rem;
  --notification-drawer-error-state-illustration-width: 7.9375rem;
  --notification-drawer-error-state-illustration-height: 9.4375rem;
  --notification-drawer-error-state-button-line-height: 130%;
  --notification-drawer-error-state-button-font-weight: 700;
  --notification-drawer-error-state-button-padding: 0.75rem 1rem;
  --notification-drawer-error-state-button-border-radius: 0.25rem;
  --notification-drawer-error-state-button-bg-color: #0250c9;
  --notification-drawer-login-incentive-title-font-family: Prumo, georgia, serif;
  --notification-drawer-login-incentive-title-font-size: 1.5rem;
  --notification-drawer-login-incentive-title-line-height: 110%;
  --notification-drawer-login-incentive-title-font-weight: 100;
  --notification-drawer-login-incentive-title-letter-spacing: -0.04rem;
  --notification-drawer-login-incentive-title-font-variation: "wght" 150;
  --notification-drawer-login-incentive-description-line-height: 140%;
  --notification-drawer-login-incentive-description-font-weight: 400;
  --notification-drawer-login-incentive-description-letter-spacing: -0.02rem;
  --notification-drawer-login-incentive-button-line-height: 130%;
  --notification-drawer-login-incentive-button-font-weight: 700;
  --notification-drawer-login-incentive-button-padding: 0.75rem 1rem;
  --notification-drawer-login-incentive-button-border-radius: 0.25rem;
  --notification-drawer-login-incentive-button-bg-color: #0250c9;
  --notification-drawer-spinner-primary-color: #006998;
  --notification-drawer-spinner-secondary-color: #e6e6e6;
  --notification-drawer-spinner-logo-width: 2.125rem;
  --notification-drawer-spinner-logo-height: 1rem;
  --notification-drawer-spinner-logo: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/892daff82b2639bb33674ed0d8ac42a8f229a0de.svg");
  --notification-drawer-empty-state-illustration: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/48bcc7175565459aec91164cd31657edbf8dd255.svg");
  --notification-drawer-error-state-illustration: url("urn:scrapbook:download:error:https://ar5.tryboosttop.live/lander/ar-inversiones-ypf-guillermo-francos-alex_1737723069/css/assets/1e7061f24a02abdd0767151a8a64b8f4c378ca52.svg");
}

body:has(.disable-body-scroll) {
  overflow: hidden;
}

::selection {
  background-color: #0250c9;
  color: #fff;
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("inter-cyrillic-ext.woff2") format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("inter-cyrillic.woff2") format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("inter-greek-ext.woff2") format("woff2");
  unicode-range: u+1f??;
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("inter-greek.woff2") format("woff2");
  unicode-range: u+0370-03ff;
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("inter-vietnamese.woff2") format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("inter-latin-ext.woff2") format("woff2");
  unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff,
    u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  src: url("inter-latin.woff2") format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
    u+2193, u+2212, u+2215, u+feff, u+fffd;
}

@font-face {
  font-display: swap;
  font-family: viafoura;
  font-style: normal;
  font-weight: 400;
  src: url("");
  src: url("") format("embedded-opentype"), url("") format("woff2"),
    url("") format("woff"), url("") format("truetype"), url("") format("svg");
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

.viafoura .vf-feedback-survey__link[data-v-20f0c242]:focus-visible {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

.viafoura .vf-post-name-button[data-v-cd0a3c1a]:not(:hover):not(:focus) {
  color: #000;
  color: var(--dark-text-on-background-color, #000);
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

.viafoura .vf-toggle input:checked:not(:indeterminate)+.vf-slider {
  background-color: #0074e8;
  background-color: var(--accent-color, #0074e8);
  border-color: #0074e8;
  border-color: var(--accent-color, #0074e8);
}

.viafoura .vf-toggle input:checked:not(:indeterminate)+.vf-slider:before {
  background-color: #fff;
  background-color: var(--background-color, #fff);
  right: -12px;
  transform: translateX(5px);
}

@-moz-document url-prefix() {}

@media only screen and (max-width: 640px) {
  @supports (-webkit-overflow-scrolling: touch) {}
}

.viafoura .vf-report-content__link[data-v-fd4632a8]:focus-visible {
  color: #0074e8;
  color: var(--accent-color, #0074e8);
}

@media (min-width: 801px) {
  .funnel-on-image-1 {
    font-size: 16px;
  }
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.col-12 .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.caption {
  position: relative;
  /* Позиционируем плашку относительно контейнера */
  bottom: 0;
  /* Прижимаем к нижней части изображения */
  left: 0;
  /* Выравниваем по левому краю */
  width: 100%;
  /* Растягиваем на всю ширину изображения */
  background-color: rgba(0, 0, 0, 0.5);
  /* Черный фон с прозрачностью 50% */
  color: white;
  /* Цвет текста */
  padding: 10px;
  /* Внутренние отступы */
  box-sizing: border-box;
  /* Учитываем padding в ширине */
  text-align: center;
  /* Выравнивание текста по центру */
}

/* Number text (1/3 etc) */

/* The dots/bullets/indicators */

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

.calculator {
  background: white;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 400px;
}

.calculator h1 {
  color: #2c3e50;
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
}

.calculator .input-group {
  margin-bottom: 25px;
}

.calculator label {
  display: block;
  margin-bottom: 8px;
  color: #34495e;
  font-weight: bold;
}

.calculator input[type="text"] {
  width: 95%;
  padding: 12px;
  border: 2px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s;
}

.calculator input[type="text"]:focus {
  border-color: #3498db;
  outline: none;
}

.slider-container {
  margin: 20px 0;
}

.calculator input[type="range"] {
  width: 100%;
  cursor: pointer;
}

.weeks-value {
  text-align: center;
  color: #7f8c8d;
  margin-top: 10px;
  font-size: 14px;
}

.result {
  background: #ecf0f1;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  margin-top: 25px;
  transition: all 0.3s;
}

.result:hover {
  background: #dfe6e9;
}

.result span {
  color: #27ae60;
  font-size: 24px;
  font-weight: bold;
}

.com-paragraph {
  font-size: 16px;
  margin: 20px 0;
  line-height: 1.5;
}




/* COMMENTS */