.elementor-kit-6{--e-global-color-primary:#D07B22;--e-global-color-secondary:#393B3C;--e-global-color-text:#272727;--e-global-color-accent:#401C10;--e-global-color-a865df5:#FFA649;--e-global-color-ceb9486:#FFF7EB;--e-global-color-678c760:#FFFFFF;--e-global-color-24ad4d1:#EFDFC8;--e-global-color-f7de327:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"cooper-black-std";--e-global-typography-accent-font-weight:500;--e-global-typography-4991149-font-family:"Montserrat";--e-global-typography-4991149-font-size:20px;--e-global-typography-4991149-font-weight:500;--e-global-typography-4991149-line-height:1em;--e-global-typography-b819037-font-family:"cooper-black-std";--e-global-typography-b819037-font-size:clamp(40px, 3.02vw, 58px);--e-global-typography-b819037-font-weight:600;--e-global-typography-81e179a-font-family:"cooper-black-std";--e-global-typography-81e179a-font-size:clamp(35px, 5.21vw, 100px);--e-global-typography-81e179a-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;border-radius:15px 15px 15px 15px;padding:15px 40px 15px 40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}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:1024px){.elementor-kit-6{--e-global-typography-4991149-font-size:16px;}.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 */html, body {
    overflow-x: hidden;
}

p:last-child {
    margin-bottom: 0px;
}

.gamipress-leaderboard-table thead {
  display: none!important; /* ocultamos el encabezado */
}

.gamipress-leaderboard-title {
    display: none;
}

/* Contenedor general */
.gamipress-leaderboard-table {
  min-width: 100%;
  border-collapse: separate;
  font-family: 'Poppins', sans-serif;
    margin-left: 0px;
    margin-right: 0px;
}

/* Eliminar estilos heredados de DataTables si es necesario */
.gamipress-leaderboard-table thead {
  display: none; /* ocultamos el encabezado */
}

.gamipress-leaderboard-table tbody tr {
  background: #fff4f4;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
 padding-right: 20px;
 padding-top: 8px;
 padding-bottom: 8px;
  margin-bottom: 20px;
}

.gamipress-leaderboard-table tbody tr:last-child {
  margin-bottom: 0px;
}

/* Celda de posición */
.gamipress-leaderboard-table td.column-position {
  width: 30px;
  height: 30px;
  background: #c2471c;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  margin-left: -10px;
  flex-shrink: 0;
max-width: 30px;
    max-height: 30px;
}

/* Celda de nombre */
.gamipress-leaderboard-table td.column-display_name {
  font-size: 1rem;
  color: #333;
  font-weight: 300;
  margin-right: auto;
  background: none;
}

/* Celda de cantidad (likes o comentarios) */
.gamipress-leaderboard-table td.column-mas-likes {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  white-space: nowrap;
  background: none;
}

/* Celda de cantidad (likes o comentarios) */
.gamipress-leaderboard-table td.column-mas-dislikes {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  white-space: nowrap;
  background: none;
}

/* Celda de cantidad (likes o comentarios) */
.gamipress-leaderboard-table td.column-mas-comentarios {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  white-space: nowrap;
  background: none;
}


@media (max-width: 1024px) {
    /* Celda de cantidad (likes o comentarios) */
.gamipress-leaderboard-table td.column-mas-likes {
          flex-basis: 33%!important;
           display: block!important;
}

/* Celda de cantidad (likes o comentarios) */
.gamipress-leaderboard-table td.column-mas-dislikes {
  flex-basis: 33%!important;
   display: block!important;
}

/* Celda de cantidad (likes o comentarios) */
.gamipress-leaderboard-table td.column-mas-comentarios {
  flex-basis: 33%!important;
  display: block!important;
}

    .gamipress-leaderboard-table-responsive tr td:before , .gamipress-leaderboard-table-responsive.gamipress-leaderboard-table-responsive-toggleable tr td.column-display_name:after  {
        display: none!important;
    }


}


/* Alinear celdas en fila */
.gamipress-leaderboard-table tbody tr td {
  border: none;
  padding: 0;
  background: none;
}

.gamipress-leaderboard-table td.column-mas-likes::after {
  content: " likes"; /* o " likes", según el caso */
  margin-left: 2px;
  font-weight: 700;
  color: #444;
  background: none;
}

.gamipress-leaderboard-table td.column-mas-dislikes::after {
  content: " dislikes"; /* o " likes", según el caso */
  margin-left: 2px;
  font-weight: 700;
  color: #444;
  background: none;
}

.gamipress-leaderboard-table td.column-mas-comentarios::after {
  content: " comentarios"; /* o " likes", según el caso */
  margin-left: 2px;
  font-weight: 700;
  color: #444;
  background: none;
}

    .gamipress-leaderboard-table-responsive.gamipress-leaderboard-table-responsive-toggleable tr td:not(.column-position):not(.column-avatar):not(.column-display_name) ,    .gamipress-leaderboard-table-responsive.gamipress-leaderboard-table-responsive-toggleable tr td:not(.column-position):not(.column-avatar):not(.column-display_name) {
        flex-basis: 33%!important;
        
    }
        

#wpdcom .wpd-sbs-toggle {
 display: none;
}

#wpdcom .wpd-prim-button {
    background-color: var(--e-global-color-678c760)!important;
    fill: var(--e-global-color-accent)!important;
    color: var(--e-global-color-accent)!important;
    box-shadow: 10px 10px 0px 0px #401C10!important;
    border-style: solid!important;
    padding: 15px 40px 15px 40px;
        font-family: var(--e-global-typography-accent-font-family), Sans-serif!important;
    font-weight: var(--e-global-typography-accent-font-weight)!important;
}

#wpdcom .wpd-prim-button:hover {
    box-shadow: 15px 15px 0px 0px #401C10!important;
}

#wpdcom .wc-field-submit input[type="submit"] {
    border-radius: 20px!important;
}

#wpdcom {
    max-width: 100%!important;
    height: unset !important;
    padding: 0px!important;
    margin: 0px!important;
}

#comments {
    max-width: 100%!important;
    margin: 0px auto!important;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea {
    height: 54px;
    background: #efdfc8;
    border-radius: 10px;
    border: 0px solid #cccccc!important;
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    box-shadow: unset!important;
    font-family: inherit;
    outline: none;
    -webkit-transition: .18s ease-out;
    -moz-transition: .18s ease-out;
    -o-transition: .18s ease-out;
    transition: .18s ease-out;
    resize: none;
}

#wpdcom .wpd-thread-head .wpd-thread-info , #wpdcom .wpd-thread-head .wpdiscuz-user-settings {
    border-bottom: 2px solid #401C10!important;
}


#wpdcom .wpd-blog-subscriber .wpd-comment-author, #wpdcom .wpd-blog-subscriber .wpd-comment-author a {
    color: #401C10!important;
}

.wpd-login a {
    color: #401C10!important;
    font-weight: bold;
}



.ulp-form input[type=submit].ulp-button  {
    background-color: var(--e-global-color-678c760)!important;
    fill: var(--e-global-color-accent)!important;
    color: var(--e-global-color-accent)!important;
    box-shadow: 10px 10px 0px 0px #401C10!important;
    border: 1px solid #401C10!important;
    border-radius: 20px!important;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif!important;
    font-weight: var(--e-global-typography-accent-font-weight)!important;
    transition: box-shadow .3s!important;
}

.ulp-form input[type=submit].ulp-button:hover {
    box-shadow: 15px 15px 0px 0px #401C10!important;
    background-color: var(--e-global-color-24ad4d1)!important;
    color: #401C10!important;
}


.ulp-form .ulp-floating-input:focus-within, .ulp-form .ulp-floating-input:hover {
    outline: 0px!important;
    border-color: #401C10!important;
}

.ulp-form .ulp-floating-label::before {
    color: #401C10!important
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}


select {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="12" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M0 0 L10 10 L20 0 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2rem; /* Ajustá según sea necesario */
  height: 43.5px!important;
}


 .jet-select__control , .jet-search-filter__input {
       height: 50px!important; 
     
 }


.custom-dropdown select {
  color: orange !important; /* Cambiá por el color que quieras */
}

/* Estilo para las opciones del select */
.custom-dropdown select option {
  color: orange !important; /* Cambiá por el color que quieras */
}


.wpd-login  {
    background-color: var(--e-global-color-678c760)!important;
    fill: var(--e-global-color-accent)!important;
    color: var(--e-global-color-accent)!important;
    box-shadow: 10px 10px 0px 0px #401C10!important;
    border: 1px solid #401C10!important;
    border-radius: 20px!important;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif!important;
    font-weight: var(--e-global-typography-accent-font-weight)!important;
    transition: box-shadow .3s!important;
    padding: 12px 25px 12px 25px;
    margin-bottom: 20px;
    font-size: 18px!important;
}


.wpd-login:hover {
    box-shadow: 15px 15px 0px 0px #401C10!important;
    background-color: var(--e-global-color-24ad4d1)!important;
    color: #401C10!important;
}/* End custom CSS */