.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#C6FF00;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:77px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:29px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:27px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:24px;color:#000000;border-radius:40px 40px 40px 40px;padding:10px 20px 10px 20px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1280px){.elementor-kit-6{--e-global-typography-primary-font-size:57px;--e-global-typography-primary-line-height:70px;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-line-height:26px;--e-global-typography-text-font-size:20px;--e-global-typography-text-line-height:25px;}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:51px;--e-global-typography-primary-line-height:61px;--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:25px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:18px;line-height:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:48px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ——— 1280×800 @100% Zoom patch ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* 1) Constrain the container to mimic your 80% “zoomed-out” width */
  .elementor-element-d824579.elementor-section-boxed > .elementor-container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }

  /* 2) Scale your card images fluidly */
  .elementor-element-d824579 .elementor-widget-image img {
    width: 50% !important;    /* tweak this % until it visually matches your 80% view */
    max-width: none !important;
    height: auto !important;
  }

  /* 3) Tweak heading size so it feels the same scale */
  .elementor-element-d824579 .elementor-heading-title {
    font-size: 1.3rem !important;  /* adjust up/down as needed */
  }

  /* 4) Even out your column padding if they’re too wide */
  .elementor-element-d824579 .elementor-column {
    padding-left: 1.1rem !important; 
    padding-right: 1.1rem !important;
  }
}

/* ——— 1280×800 @100% Zoom patch ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* 1) Constrain the container to mimic your 80% “zoomed-out” width */
  .elementor-element-072bf74.elementor-section-boxed > .elementor-container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }

  /* 2) Scale your card images fluidly */
  .elementor-element-072bf74 .elementor-widget-image img {
    width: 40% !important;    /* tweak this % until it visually matches your 80% view */
    max-width: none !important;
    height: auto !important;
  }

  /* 3) Tweak heading size so it feels the same scale */
  .elementor-element-072bf74 .elementor-heading-title {
    font-size: 1.3rem !important;  /* adjust up/down as needed */
  }

  /* 4) Even out your column padding if they’re too wide */
  .elementor-element-d824579 .elementor-column {
    padding-left: 1.1rem !important; 
    padding-right: 1.1rem !important;
  }
}

/* ——— 1280×800 @100% Zoom patch ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* 1) Constrain the container to mimic your 80% “zoomed-out” width */
  .elementor-element-e48f1e4.elementor-section-boxed > .elementor-container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }

  /* 2) Scale your card images fluidly */
  .elementor-element-e48f1e4 .elementor-widget-image img {
    width: 55% !important;    /* tweak this % until it visually matches your 80% view */
    max-width: none !important;
    height: auto !important;
  }

  /* 3) Tweak heading size so it feels the same scale */
  .elementor-element-e48f1e4 .elementor-heading-title {
    font-size: 1.3rem !important;  /* adjust up/down as needed */
  }

  /* 4) Even out your column padding if they’re too wide */
  .elementor-element-d824579 .elementor-column {
    padding-left: 1.1rem !important; 
    padding-right: 1.1rem !important;
  }
}

/* ——— 1280×800 @100% Zoom: Compact LootStore Section ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* 1) Target the entire section */
  .elementor-element-55f3365 {
    /* Reduce its vertical padding */
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;

    /* If you set a min-height, shrink it here too */
    min-height: auto !important;
  }

  /* 2) Tweak inner heading spacing */
  .elementor-element-55f3365 .elementor-heading-title {
    margin-bottom: 0.75rem !important;
  }

  /* 3) Tweak the intro text spacing, if needed */
  .elementor-element-55f3365 .elementor-text-editor {
    margin-bottom: .5rem !important;
  }

  /* 4) If you set a VH-based height in Elementor, override it here */
  .elementor-element-55f3365.elementor-section {
    min-height: 40vh !important;  /* play with 40–60vh until it feels right */
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
  /* Target the entire section wrapper */
  .elementor-element-4dfa70a {
    /* Add equal “gutters” on left and right */
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

/* ——— 1280×800 @100%: Bigger icons in your Control absoluto cards ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* 1) Target the images inside that section */
  .elementor-element-6ac58bb .elementor-widget-image img {
    /* bump this % up until the icon feels balanced with your text */
    width: 50% !important;
    max-width: none !important;
    height: auto !important;
    display: block;
    margin: 0 auto 1rem;  /* center & add a little space below */
  }

  /* 2) If your headings/text feel too big now, you can slightly scale them back: */
  .elementor-element-6ac58bb .elementor-heading-title {
    font-size: 1.6rem !important;  /* tweak up/down as needed */
    margin-bottom: 0.5rem !important;
  }

  /* 3) And tighten the paragraph spacing under each icon: */
  .elementor-element-6ac58bb .elementor-text-editor {
    margin-bottom: 1.25rem !important;
  }
}

/* ——— 1280×800 @100%: Bigger icons in your Control absoluto cards ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* 1) Target the images inside that section */
  .elementor-element-712195b .elementor-widget-image img {
    /* bump this % up until the icon feels balanced with your text */
    width: 50% !important;
    max-width: none !important;
    height: auto !important;
    display: block;
    margin: 0 auto 1rem;  /* center & add a little space below */
  }

  /* 2) If your headings/text feel too big now, you can slightly scale them back: */
  .elementor-element-712195b .elementor-heading-title {
    font-size: 1.6rem !important;  /* tweak up/down as needed */
    margin-bottom: 0.5rem !important;
  }

  /* 3) And tighten the paragraph spacing under each icon: */
  .elementor-element-712195b .elementor-text-editor {
    margin-bottom: 1.25rem !important;
  }
}

/* ——— 1280×800 @100%: Bigger icons in your Control absoluto cards ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* 1) Target the images inside that section */
  .elementor-element-d576fbc .elementor-widget-image img {
    /* bump this % up until the icon feels balanced with your text */
    width: 50% !important;
    max-width: none !important;
    height: auto !important;
    display: block;
    margin: 0 auto 1rem;  /* center & add a little space below */
  }

  /* 2) If your headings/text feel too big now, you can slightly scale them back: */
  .elementor-element-d576fbc .elementor-heading-title {
    font-size: 1.6rem !important;  /* tweak up/down as needed */
    margin-bottom: 0.5rem !important;
  }

  /* 3) And tighten the paragraph spacing under each icon: */
  .elementor-element-d576fbc .elementor-text-editor {
    margin-bottom: 1.25rem !important;
  }
}

/* ——— 1280×800 @100%: Bigger icons in your Control absoluto cards ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* 1) Target the images inside that section */
  .elementor-element-f03bbd8 .elementor-widget-image img {
    /* bump this % up until the icon feels balanced with your text */
    width: 50% !important;
    max-width: none !important;
    height: auto !important;
    display: block;
    margin: 0 auto 1rem;  /* center & add a little space below */
  }

  /* 2) If your headings/text feel too big now, you can slightly scale them back: */
  .elementor-element-f03bbd8 .elementor-heading-title {
    font-size: 1.6rem !important;  /* tweak up/down as needed */
    margin-bottom: 0.5rem !important;
  }

  /* 3) And tighten the paragraph spacing under each icon: */
  .elementor-element-f03bbd8 .elementor-text-editor {
    margin-bottom: 1.25rem !important;
  }
}



/* 1280×800 @100%: extra top padding for “No te quedes fuera” */
@media (min-width: 1200px) and (max-width: 1366px) {
  .elementor-element-baa3c50 {
    /* push it down—adjust 4rem until it matches your 80% view */
    padding-top: 2rem !important;
  }
}

/* ——— 1280×800 @100%: bump up payment-logo sizes ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  /* target any Image widget inside your logos section */
  .elementor-element-cd52b03 .elementor-widget-image img {
    /* increase this % until they look as big as your 80%-zoom view */
    width: 140% !important;
    max-width: none !important;
    height: auto !important;
    display: inline-block;
    margin: 0 3rem;  /* optional: keep a little space between each logo */
  }
}

/* ——— 1280×800 @100%: scale down the LootStore image ——— */
@media (min-width: 1200px) and (max-width: 1366px) {
  .elementor-element-ce91d82 .elementor-widget-image img {
    /* bump this % down until it visually matches your 80% zoom size */
    width: 40% !important;
    max-width: none !important;
    height: auto     !important;
    display: block;
    margin: 0 auto;  /* center it */
  }
}/* End custom CSS */