.elementor-kit-6{--e-global-color-primary:#64E6D2;--e-global-color-secondary:#484992;--e-global-color-text:#282828;--e-global-color-accent:#7A7A7A;--e-global-color-cfe411f:#20FBB1;--e-global-color-d5e5b76:#5942F3;--e-global-color-9b7a9f7:#F6F8FF;--e-global-color-c535236:#17113E;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.1em;}.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){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==================================================================
   TABLAS COMPARATIVAS — STARTCREDIT / ADELANTOS DE NÓMINA
   TablePress ID 1 y ID 2

   Incluye scroll horizontal y primera columna fija en celular.
   NO requiere agregar clases a los widgets de Elementor.

   IMPORTANTE: en TablePress, la casilla "Desplazamiento
   horizontal" debe estar DESACTIVADA en ambas tablas.
================================================================== */


/* ==================================================================
   CONTENEDOR CON SCROLL — APLICA A LAS DOS TABLAS
   Detecta solo la caja que envuelve cada tabla.
================================================================== */

*:has(> #tablepress-1),
*:has(> #tablepress-2) {
    overflow-x: auto;
    max-width: 100%;
    border-radius: 22px;
    padding-bottom: 6px;
    scrollbar-width: thin;
    scrollbar-color: rgba(72, 73, 146, 0.28) transparent;
}

*:has(> #tablepress-1)::-webkit-scrollbar,
*:has(> #tablepress-2)::-webkit-scrollbar {
    height: 6px;
}

*:has(> #tablepress-1)::-webkit-scrollbar-thumb,
*:has(> #tablepress-2)::-webkit-scrollbar-thumb {
    background: rgba(72, 73, 146, 0.28);
    border-radius: 99px;
}

/* Evita que un contenedor padre corte las tablas */
.elementor-widget-tablepress-table,
.elementor-widget-shortcode {
    overflow: visible;
}


/* ==================================================================
   ==================================================================
   TABLA 1 — STARTCREDIT
   ==================================================================
================================================================== */

#tablepress-1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: inherit;
    color: #282828;
    background: transparent;
    border-radius: 22px;
}


/* ---------- CELDAS GENERALES ---------- */

#tablepress-1 th,
#tablepress-1 td {
    padding: 18px 20px;
    vertical-align: middle;
    border: none;
    line-height: 1.35;
}


/* ---------- ENCABEZADO ---------- */

#tablepress-1 thead th {
    background: #F4F6FB;
    color: #282828;
    font-weight: 700;
    font-size: 15px;
}


/* ---------- PRIMERA COLUMNA ---------- */

#tablepress-1 th:first-child,
#tablepress-1 td:first-child {
    width: 32%;
    text-align: left;
    font-weight: 600;
}


/* ---------- COLUMNAS DE COMPETIDORES ---------- */

#tablepress-1 th:not(:first-child),
#tablepress-1 td:not(:first-child) {
    text-align: left;
}


/* ---------- FILAS ALTERNADAS ---------- */

#tablepress-1 tbody tr:nth-child(odd) td {
    background: #FFFFFF;
}

#tablepress-1 tbody tr:nth-child(even) td {
    background: #F7F8FB;
}


/* ---------- COLUMNA DESTACADA ---------- */

#tablepress-1 th:nth-child(2) {
    background: linear-gradient(135deg, #484992 0%, #64E6D2 100%);
    color: #FFFFFF;
    border-radius: 22px 22px 0 0;
    font-weight: 800;
}

#tablepress-1 td:nth-child(2) {
    background: #F0F8F7 !important;
    border-left: 2px solid #64E6D2;
    border-right: 2px solid #64E6D2;
}

#tablepress-1 tbody tr:last-child td:nth-child(2) {
    border-bottom: 2px solid #64E6D2;
    border-radius: 0 0 22px 22px;
}


/* ---------- TEXTOS SECUNDARIOS ---------- */

#tablepress-1 small {
    display: inline-block;
    margin-top: 5px;
    color: #7A7A7A;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
}

#tablepress-1 th:nth-child(2) small {
    color: rgba(255, 255, 255, 0.78);
}


/* ---------- TEXTOS DESTACADOS ---------- */

#tablepress-1 strong {
    font-weight: 700;
}


/* ---------- ICONOS ---------- */

#tablepress-1 .icono-si,
#tablepress-1 .icono-no,
#tablepress-1 .icono-parcial {
    display: inline-block;
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 2px;
}

#tablepress-1 .icono-si {
    color: #64E6D2;
}

#tablepress-1 .icono-no {
    color: #E85C5C;
}

#tablepress-1 .icono-parcial {
    color: #E7A83B;
}


/* ---------- DIVISIONES ENTRE FILAS ---------- */

#tablepress-1 tbody tr td {
    border-bottom: 1px solid rgba(72, 73, 146, 0.10);
}

#tablepress-1 tbody tr:last-child td {
    border-bottom: none;
}


/* ---------- ANCHOS DE COLUMNAS — ESCRITORIO ---------- */

#tablepress-1 th:nth-child(2),
#tablepress-1 td:nth-child(2),
#tablepress-1 th:nth-child(3),
#tablepress-1 td:nth-child(3),
#tablepress-1 th:nth-child(4),
#tablepress-1 td:nth-child(4) {
    width: 22.66%;
}


/* ---------- HOVER ---------- */

@media (hover: hover) {
    #tablepress-1 tbody tr:hover td {
        filter: brightness(0.985);
    }
}


/* ---------- TABLET: SCROLL + COLUMNA FIJA ---------- */

@media (max-width: 900px) {

    #tablepress-1 {
        width: auto;
        min-width: 770px;
    }

    #tablepress-1 th,
    #tablepress-1 td {
        padding: 15px 16px;
    }

    #tablepress-1 th:first-child,
    #tablepress-1 td:first-child {
        position: sticky;
        left: 0;
        z-index: 3;
        width: 200px;
        min-width: 200px;
        max-width: 200px;
        white-space: normal;
        box-shadow: 8px 0 14px -8px rgba(40, 40, 40, 0.20);
    }

    #tablepress-1 thead th:first-child {
        background: #F4F6FB;
    }

    #tablepress-1 tbody tr:nth-child(odd) td:first-child {
        background: #FFFFFF;
    }

    #tablepress-1 tbody tr:nth-child(even) td:first-child {
        background: #F7F8FB;
    }

    #tablepress-1 th:nth-child(n+2),
    #tablepress-1 td:nth-child(n+2) {
        width: 190px;
        min-width: 190px;
    }

}


/* ---------- MÓVIL ---------- */

@media (max-width: 600px) {

    #tablepress-1 {
        min-width: 665px;
    }

    #tablepress-1 th,
    #tablepress-1 td {
        font-size: 14px;
        padding: 14px 13px;
    }

    #tablepress-1 thead th {
        font-size: 14px;
    }

    #tablepress-1 small {
        font-size: 11px;
    }

    #tablepress-1 th:first-child,
    #tablepress-1 td:first-child {
        width: 155px;
        min-width: 155px;
        max-width: 155px;
    }

    #tablepress-1 th:nth-child(n+2),
    #tablepress-1 td:nth-child(n+2) {
        width: 170px;
        min-width: 170px;
    }

    #tablepress-1 .icono-si,
    #tablepress-1 .icono-no,
    #tablepress-1 .icono-parcial {
        font-size: 22px;
    }

}


/* ==================================================================
   ==================================================================
   TABLA 2 — ADELANTOS DE NÓMINA
   ==================================================================
================================================================== */

#tablepress-2 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: inherit;
    color: #17113E;
    background: transparent;
    border-radius: 22px;
}


/* ---------- CELDAS GENERALES ---------- */

#tablepress-2 th,
#tablepress-2 td {
    padding: 18px 20px;
    vertical-align: middle;
    border: none;
    line-height: 1.35;
}


/* ---------- ENCABEZADO ---------- */

#tablepress-2 thead th {
    background: #F6F8FF;
    color: #17113E;
    font-weight: 700;
    font-size: 15px;
}


/* ---------- PRIMERA COLUMNA ---------- */

#tablepress-2 th:first-child,
#tablepress-2 td:first-child {
    width: 32%;
    text-align: left;
    font-weight: 600;
}


/* ---------- COLUMNAS DE COMPARACIÓN ---------- */

#tablepress-2 th:not(:first-child),
#tablepress-2 td:not(:first-child) {
    text-align: left;
}


/* ---------- FILAS ALTERNADAS ---------- */

#tablepress-2 tbody tr:nth-child(odd) td {
    background: #FFFFFF;
}

#tablepress-2 tbody tr:nth-child(even) td {
    background: #F6F8FF;
}


/* ---------- COLUMNA PROTAGONISTA ---------- */

#tablepress-2 th:nth-child(2) {
    background: #17113E;
    color: #FFFFFF;
    border-radius: 22px 22px 0 0;
    font-weight: 800;
}

#tablepress-2 td:nth-child(2) {
    background: #F2F0FF !important;
    border-left: 2px solid #20F8B1;
    border-right: 2px solid #20F8B1;
}

#tablepress-2 tbody tr:last-child td:nth-child(2) {
    border-bottom: 2px solid #20F8B1;
    border-radius: 0 0 22px 22px;
}


/* ---------- TEXTOS SECUNDARIOS ---------- */

#tablepress-2 small {
    display: inline-block;
    margin-top: 5px;
    color: #74718A;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
}

#tablepress-2 th:nth-child(2) small {
    color: rgba(255, 255, 255, 0.72);
}


/* ---------- TEXTOS DESTACADOS ---------- */

#tablepress-2 strong {
    font-weight: 700;
    color: #17113E;
}


/* ---------- ICONOS ---------- */

#tablepress-2 .icono-si,
#tablepress-2 .icono-no,
#tablepress-2 .icono-parcial {
    display: inline-block;
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 2px;
}

#tablepress-2 .icono-si {
    color: #20F8B1;
}

#tablepress-2 .icono-no {
    color: #E85C70;
}

#tablepress-2 .icono-parcial {
    color: #F4A340;
}


/* ---------- DIVISIONES ENTRE FILAS ---------- */

#tablepress-2 tbody tr td {
    border-bottom: 1px solid rgba(89, 66, 227, 0.10);
}

#tablepress-2 tbody tr:last-child td {
    border-bottom: none;
}


/* ---------- ANCHOS DE COLUMNAS — ESCRITORIO ---------- */

#tablepress-2 th:nth-child(2),
#tablepress-2 td:nth-child(2),
#tablepress-2 th:nth-child(3),
#tablepress-2 td:nth-child(3),
#tablepress-2 th:nth-child(4),
#tablepress-2 td:nth-child(4) {
    width: 22.66%;
}


/* ---------- HOVER ---------- */

@media (hover: hover) {
    #tablepress-2 tbody tr:hover td {
        filter: brightness(0.985);
    }
}


/* ---------- TABLET: SCROLL + COLUMNA FIJA ---------- */

@media (max-width: 900px) {

    #tablepress-2 {
        width: auto;
        min-width: 770px;
    }

    #tablepress-2 th,
    #tablepress-2 td {
        padding: 15px 16px;
    }

    #tablepress-2 th:first-child,
    #tablepress-2 td:first-child {
        position: sticky;
        left: 0;
        z-index: 3;
        width: 200px;
        min-width: 200px;
        max-width: 200px;
        white-space: normal;
        box-shadow: 8px 0 14px -8px rgba(23, 17, 62, 0.22);
    }

    #tablepress-2 thead th:first-child {
        background: #F6F8FF;
    }

    #tablepress-2 tbody tr:nth-child(odd) td:first-child {
        background: #FFFFFF;
    }

    #tablepress-2 tbody tr:nth-child(even) td:first-child {
        background: #F6F8FF;
    }

    #tablepress-2 th:nth-child(n+2),
    #tablepress-2 td:nth-child(n+2) {
        width: 190px;
        min-width: 190px;
    }

}


/* ---------- MÓVIL ---------- */

@media (max-width: 600px) {

    #tablepress-2 {
        min-width: 665px;
    }

    #tablepress-2 th,
    #tablepress-2 td {
        font-size: 14px;
        padding: 14px 13px;
    }

    #tablepress-2 thead th {
        font-size: 14px;
    }

    #tablepress-2 small {
        font-size: 11px;
    }

    #tablepress-2 th:first-child,
    #tablepress-2 td:first-child {
        width: 155px;
        min-width: 155px;
        max-width: 155px;
    }

    #tablepress-2 th:nth-child(n+2),
    #tablepress-2 td:nth-child(n+2) {
        width: 170px;
        min-width: 170px;
    }

    #tablepress-2 .icono-si,
    #tablepress-2 .icono-no,
    #tablepress-2 .icono-parcial {
        font-size: 22px;
    }

}

/* ==================================================
   RESPONSIVE MÓVIL — COLUMNA 1 CONGELADA
   TablePress 1 + TablePress 2
================================================== */

@media (max-width: 767px) {

  /* -----------------------------------------------
     CONTENEDOR CON SCROLL HORIZONTAL
  ------------------------------------------------ */

  #tablepress-1_wrapper,
  #tablepress-2_wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }


  /* -----------------------------------------------
     MANTENEMOS LA TABLA ANCHA
  ------------------------------------------------ */

  #tablepress-1,
  #tablepress-2 {
    min-width: 850px;
    width: 850px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
  }


  /* -----------------------------------------------
     ANCHO DE LA PRIMERA COLUMNA
  ------------------------------------------------ */

  #tablepress-1 th:first-child,
  #tablepress-1 td:first-child,
  #tablepress-2 th:first-child,
  #tablepress-2 td:first-child {
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;

    position: sticky;
    left: 0;
    z-index: 10;

    white-space: normal;
  }


  /* -----------------------------------------------
     HEADER DE LA PRIMERA COLUMNA
  ------------------------------------------------ */

  #tablepress-1 thead th:first-child,
  #tablepress-2 thead th:first-child {
    z-index: 20;
  }


  /* -----------------------------------------------
     STARTCREDIT — ID 1
     Fondo sticky según fila
  ------------------------------------------------ */

  #tablepress-1 tbody tr:nth-child(odd) td:first-child {
    background: #FFFFFF !important;
  }

  #tablepress-1 tbody tr:nth-child(even) td:first-child {
    background: #F7F8FB !important;
  }

  #tablepress-1 thead th:first-child {
    background: #F4F6FB !important;
  }


  /* -----------------------------------------------
     ADELANTOS — ID 2
     Fondo sticky según fila
  ------------------------------------------------ */

  #tablepress-2 tbody tr:nth-child(odd) td:first-child {
    background: #FFFFFF !important;
  }

  #tablepress-2 tbody tr:nth-child(even) td:first-child {
    background: #F6F8FF !important;
  }

  #tablepress-2 thead th:first-child {
    background: #F6F8FF !important;
  }


  /* -----------------------------------------------
     SOMBRA DE LA COLUMNA CONGELADA

     Esto ayuda a entender visualmente que las demás
     columnas están pasando por detrás.
  ------------------------------------------------ */

  #tablepress-1 th:first-child,
  #tablepress-1 td:first-child,
  #tablepress-2 th:first-child,
  #tablepress-2 td:first-child {
    box-shadow: 8px 0 12px -12px rgba(23, 17, 62, 0.55);
  }


  /* -----------------------------------------------
     COLUMNAS QUE HACEN SCROLL
  ------------------------------------------------ */

  #tablepress-1 th:not(:first-child),
  #tablepress-1 td:not(:first-child),
  #tablepress-2 th:not(:first-child),
  #tablepress-2 td:not(:first-child) {
    width: 230px !important;
    min-width: 230px !important;
  }


  /* -----------------------------------------------
     TIPOGRAFÍA / ESPACIADO MÓVIL
  ------------------------------------------------ */

  #tablepress-1 th,
  #tablepress-1 td,
  #tablepress-2 th,
  #tablepress-2 td {
    padding: 14px 12px;
    font-size: 13px;
    line-height: 1.35;
  }

  #tablepress-1 small,
  #tablepress-2 small {
    font-size: 11px;
    line-height: 1.3;
  }


  /* -----------------------------------------------
     ICONOS
  ------------------------------------------------ */

  #tablepress-1 .icono-si,
  #tablepress-1 .icono-no,
  #tablepress-1 .icono-parcial,
  #tablepress-2 .icono-si,
  #tablepress-2 .icono-no,
  #tablepress-2 .icono-parcial {
    font-size: 23px;
  }

}

@media (max-width: 767px) {

  /* Contenedor relativo para poder poner la pista */
  #tablepress-1_wrapper,
  #tablepress-2_wrapper {
    position: relative;
    padding-top: 28px;
  }

  /* Texto indicativo */
  #tablepress-1_wrapper::before,
  #tablepress-2_wrapper::before {
    content: "Desliza para comparar →";
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #7A7A7A;
    z-index: 30;
  }

  /* Fade visual del lado derecho */
  #tablepress-1_wrapper::after,
  #tablepress-2_wrapper::after {
    content: "";
    position: absolute;
    top: 28px;
    right: 0;
    width: 26px;
    height: calc(100% - 28px);
    pointer-events: none;
    z-index: 25;
    background: linear-gradient(
      to left,
      rgba(255,255,255,0.95),
      rgba(255,255,255,0)
    );
  }
}/* End custom CSS */