.elementor-36635 .elementor-element.elementor-element-cfbecbc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-36635 .elementor-element.elementor-element-ff4e4c0{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-36635 .elementor-element.elementor-element-a9da12e{--grid-columns:4;--grid-row-gap:40px;--grid-column-gap:20px;}.elementor-36635 .elementor-element.elementor-element-a9da12e .elementor-pagination{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;margin-top:0px;}body:not(.rtl) .elementor-36635 .elementor-element.elementor-element-a9da12e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 7px/2 );}body:not(.rtl) .elementor-36635 .elementor-element.elementor-element-a9da12e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 7px/2 );}body.rtl .elementor-36635 .elementor-element.elementor-element-a9da12e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 7px/2 );}body.rtl .elementor-36635 .elementor-element.elementor-element-a9da12e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 7px/2 );}@media(min-width:768px){.elementor-36635 .elementor-element.elementor-element-cfbecbc{--content-width:1200px;}.elementor-36635 .elementor-element.elementor-element-ff4e4c0{--content-width:1200px;}}@media(max-width:1024px){.elementor-36635 .elementor-element.elementor-element-a9da12e{--grid-columns:2;}}@media(max-width:767px){.elementor-36635 .elementor-element.elementor-element-a9da12e{--grid-columns:1;--grid-row-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-cde92bf *//* ── Wrapper ── */
.vf-promo {
  font-family: "Noto Sans", "Inter", system-ui, sans-serif;
  background: #f5f5f5;
  padding: 2rem 2rem 2.2rem;
  margin-bottom: 2rem;
}

/* ── Header ── */
.vf-promo__header {
  margin-bottom: 1.5rem;
}
.vf-promo__eyebrow {
  display: block;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #767676;
  margin-bottom: .4rem;
}
.vf-promo__title {
  font-size: 1.6rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: #111;
  margin: 0 0 .3rem;
  line-height: 1.1;
}
.vf-promo__sub {
  font-size: .85rem;
  color: #555;
  margin: 0;
}

/* ── Opciones: row ── */
.vf-promo__options {
  display: flex;
  align-items: stretch;
  gap: 0;
}

/* ── Cards ── */
.vf-promo__card {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.6rem 1.4rem;
  position: relative;
}
.vf-promo__card--yellow { background: #ffdb00; }
.vf-promo__card--dark   { background: #024F93; }

/* ── Tag opción ── */
.vf-promo__tag {
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(0,0,0,.45);
  margin-bottom: .7rem;
  display: block;
}
.vf-promo__card--dark .vf-promo__tag {
  color: rgba(255,255,255,.4);
}

/* ── Porcentaje grande ── */
.vf-promo__pct {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  color: #111;
  letter-spacing: -.04em;
  display: inline-block;
}
.vf-promo__pct span { font-size: 2.2rem; }
.vf-promo__pct--white  { color: #fff; }
.vf-promo__pct--yellow { color: #ffdb00; }

/* ── Stack doble porcentaje ── */
.vf-promo__pct-stack { margin-bottom: 0; }
.vf-promo__pct-row {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.vf-promo__plus {
  font-size: 2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}

/* ── Título de card ── */
.vf-promo__card-title {
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: #111;
  margin: .4rem 0 0;
}
.vf-promo__card-title--light { color: #fff; }

/* ── Divisor ── */
.vf-promo__divider {
  width: 32px;
  height: 3px;
  background: rgba(0,0,0,.25);
  margin: .9rem 0;
}
.vf-promo__divider--light { background: rgba(255,255,255,.25); }

/* ── Detalle ── */
.vf-promo__card-detail {
  font-size: .88rem;
  line-height: 1.5;
  color: #111;
  margin: 0 0 auto;
}
.vf-promo__card-detail strong { font-weight: 800; }
.vf-promo__card-detail--light       { color: #ccc; }
.vf-promo__card-detail--light strong { color: #fff; }

/* ── Etiqueta automático ── */
.vf-promo__auto {
  display: inline-block;
  margin-top: 1.1rem;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: rgba(0,0,0,.55);
}
.vf-promo__auto--light { color: rgba(255,255,255,.5); }

/* ── Separador O ── */
.vf-promo__separator {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: 44px;
  flex-shrink: 0;
}
.vf-promo__separator span {
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .1em;
  color: #111;
  writing-mode: vertical-lr;
  text-transform: uppercase;
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .vf-promo__options    { flex-direction: column; }
  .vf-promo__separator  { width: 100%; height: 40px; }
  .vf-promo__separator span { writing-mode: horizontal-tb; }
  .vf-promo__pct        { font-size: 3rem; }
  .vf-promo__pct span   { font-size: 1.8rem; }
}/* End custom CSS */