/* =========================================================
   LPF CSS - ESTRA
========================================================= */

/* =========================================================
   1. PALETA / VARIABLES
========================================================= */
:root{
  /* Base */
  --color-bg:  #232020; /*Color de Fondo*/
  --color-surface: #151d20; /*color tarjetas*/
  --color-surface-2: #151d20; /*color tarjetas*/
  --color-text: #ffffff; /*tono blanco*/
  --color-text-dark: #1a1a1a; /*negro*/
  --color-muted: lightgray; /*gris claro*/

  /* Marca */
  --color-primary: #304fff; /*azul petroleo*/
  --color-primary-2: #304fff; /*tono azul petroleo*/
  --color-secondary: #2ec1b3; /*color secundario*/
  --color-secondary-soft: #ffffff; /*lila*/
  --color-secondary-soft-2: #ffffff; /*lila*/

  /* Estados */
  --color-danger: #e51c25;  /*color primario*/
  --color-danger-2: #e51c25; /*color primario*/
  --color-danger-hover: #fd3c05; /*lila*/
  --color-warning: #fd3c05; /*naranja*/
  --color-success: #ff9c1c; /*fecha y hora*/
  --color-success-2: #ff9c1c; /*fecha y hora*/
  --color-info: #2ec1b3; /*color secundario*/
  --color-whatsapp: #25D366; /*verde whatsapp*/

  /* Especiales heredados */
  --color-maroon: #8B1638;
  --color-green-brand: rgb(0, 149, 59);

  /* Neutros */
  --color-gray: #151d20;/*color fondo 2*/
  --color-border: #333333;
  --color-border-light: #dddddd;
  --color-upload-border: #cccccc;
  --color-upload-active: #0a7cff;
  --color-upload-active-bg: #f4f8ff;

  /* Layout */
  --radius-sm: 4px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-xxl: 12px;
}

/* =========================================================
   2. BASE / TIPOGRAFÍA / REGLAS GLOBALES
========================================================= */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
textarea,
select{
  font-size: 16px;
}

html,
body{
  font-family: 'Lato', sans-serif;
  margin: 0;
  padding: 0;
}

body{
  color: var(--color-text) !important;
}

h2.widget-title{
  color: var(--color-text);
  font-size: small;
}

h3{
  text-align: center;
}

h4{
  display: none;
}

h5.text-link a{
  color: var(--color-text);
  font-weight: bold;
  text-decoration: none;
}

h5.text-link a:hover{
  color: red;
  font-weight: bold;
  text-decoration: none;
}

h6{
  font-size: x-small;
}

figcaption{
  text-align: center;
  color: var(--color-text-dark);
}

.type-page .entry-title{
  display: none;
}

.entry-title a:hover{
  color: var(--color-primary-2) !important;
}

.entry-content{
  padding-bottom: 50px;
}

div.entry-content.cf{
  margin-left: 1em;
  margin-right: 1em;
  max-width: 95%;
}

div.entry-content.cf hr{
  display: none;
}

div.entry-meta-top.cf,
.entry-meta-bottom{
  display: none !important;
}

div.entry-content.cf p a{
  color: var(--color-text);
  text-decoration: none;
}

div.entry-content.cf p a:hover{
  color: var(--color-danger);
  text-decoration: none;
}

div.entry-content.cf p.user-page-intro span.username a{
  color: red;
  text-decoration: none;
  font-weight: bold;
}

div.entry-content.cf p.user-page-intro span.username a:hover{
  color: #3355fe;
  text-decoration: none;
  font-weight: bold;
}

.entry-content > p:nth-child(5) > a:nth-child(1),
.entry-content > h4:nth-child(3),
.entry-content > p:nth-child(7) > a:nth-child(1){
  display: none;
}

.entry-content > h1:nth-child(3){
  text-align: center;
}

span.username{
  color: red !important;
}

span.b{
  display: none;
}

/* =========================================================
   3. FORMULARIOS / INPUTS / BOTONES BASE
========================================================= */
button.full-width.has-padding{
  background-color: var(--color-danger-hover);
}

.login-submit input[type="submit"]{
  background-color: var(--color-danger);
  color: var(--color-text);
}

.login-submit:hover input[type="submit"]{
  background-color: var(--color-danger-hover);
  color: var(--color-text);
}

input[type="submit" i]{
  background-color: var(--color-bg);
  color: var(--color-text);
}

.um input[type=submit].um-button{
  background-color: var(--color-bg);
  color: var(--color-text);
}

Form.ranking-select-form{
  text-align: center;
  grid-gap: 50px;
}

Form.ranking-select-form input[type=button],
input[type=submit],
input[type=reset]{
  border: none;
  color: var(--color-text);
  padding: 10px 30px;
  margin: 14px 2px;
  cursor: pointer;
}

select{
  width: 60%;
  padding: 16px 20px;
  border: none;
  border-radius: var(--radius-sm);
  background-color: var(--color-text);
  color: var(--color-text-dark);
  font-weight: 600;
  font-size: small;
}

input.form-control{
  font-size: 16px !important;
}

button.btn.btn-secondary{
  font-size: 16px;
  background: var(--color-bg);
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled){
  background-color: var(--color-bg);
}

div.buttonblock{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.buttonblock.button-questions.form-1 input{
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-danger) !important;
}

div.buttonblock.button-questions.form-1 input:hover{
  background-color: var(--color-danger-hover) !important;
}

input#fp_user_search{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* =========================================================
   4. RANKINGS / TABLAS DE CLASIFICACIÓN
========================================================= */
img.flag{
  width: 100%;
  max-width: 32px;
}

.ranking.group-ranking-wide{
  border: none;
  color: var(--color-success-2);
}

.ranking.group-ranking-wide th{
  border: none;
  font-size: x-small !important;
  color: var(--color-secondary-soft-2);
  font-weight: bold;
  text-align: center;
  background-color: var(--color-surface);
}

.ranking.group-ranking-wide td{
  height: 20px;
  vertical-align: middle;
  background-color: var(--color-surface);
}

.ranking.group-ranking-wide th:nth-child(2)::before{
  content: "j";
}

.ranking.group-ranking-wide th:nth-child(6)::before{
  content: "pt";
}

.ranking.group-ranking-wide th:nth-child(7)::before{
  content: "gd";
}

.ranking.group-ranking-wide img.flag{
  max-width: 20px;
}

.ranking.group-ranking-wide a{
  color: var(--color-text);
}

.ranking.group-ranking-wide a:hover{
  color: var(--color-danger);
}

.ranking.group-ranking-wide td.team{
  font-weight: bold;
  border: none;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: small !important;
  width: 100%;
}

.ranking.group-ranking-wide td.plays,
.ranking.group-ranking-wide td.wins,
.ranking.group-ranking-wide td.draws,
.ranking.group-ranking-wide td.losses,
.ranking.group-ranking-wide td.goals{
  text-align: center;
  border: none;
  color: var(--color-text);
  font-size: small !important;
}

.ranking.group-ranking-wide td.points{
  text-align: center;
  border: none;
  color: var(--color-warning);
  font-size: small !important;
  font-weight: bold;
}

table.pool-ranking.ranking-page th,
table.pool-ranking.ranking-page td{
  border: 0 solid var(--color-bg);
  border-collapse: collapse;
  font-size: small !important;
}

table.pool-ranking.ranking-page{
  max-width: 70%;
  background: var(--color-surface);
}

table.pool-ranking.ranking-shortcode{
  background-color: var(--color-surface) !important;
  max-width: 70%;
}

table.pool-ranking{
  max-width: 70%;
}

table.ranking a{
  color: var(--color-text);
  text-decoration: none;
  font-weight: bold;
}

table.ranking a:hover{
  color: var(--color-danger);
  text-decoration: none;
  font-weight: bold;
}

table.ranking.group-ranking{
  width: 100% !important;
  table-layout: fixed !important;
}

div.ranking{
  margin: 0;
  max-width: 350px;
}

div.ranking{
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   5. MATCHES / MATCH CARDS / SCORES
========================================================= */
.match-card-header2{
  width: 100%;
  margin-bottom: 10px;
}

.matchinfo .time{
  color: var(--color-success-2);
  text-align: right !important;
}

.matchinfo .matchid{
  color: var(--color-success-2);
}

.matchinfo .matchstadium{
  color: var(--color-success-2);
  font-size: 10px !important;
  display: block;
  text-align: center !important;
}

.matchinfo .matchdate{
  color: var(--color-success-2);
  text-align: center;
}

.matchinfo{
  font-size: small;
  font-weight: bold !important;
  background-color: var(--color-bg);
  margin-left: auto;
  margin-right: auto;
}

img.stadium-photo{
  max-width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.match-card-header{
  background-color: var(--color-surface) !important;
}

.matchinfo.new-layout .home,
.matchinfo.new-layout .away,
.matchinfo.new-layout .score,
.matchinfo.new-layout .flag{
  font-size: normal;
  width: 50%;
  background-color: var(--color-surface) !important;
  border: 1px;
}

.matchinfo.new-layout .actual-score{
  font-size: normal;
  color: var(--color-secondary-soft);
}

div.matchinfo.new-layout div.away,
div.matchinfo.new-layout div.home{
  font-size: small;
}

.matchinfo.new-layout .matchtype{
  font-size: small !important;
  background-color: var(--color-secondary);
}

.match-card a{
  color: var(--color-text);
  text-decoration: none;
}

.match-card a:hover{
  color: var(--color-danger);
  text-decoration: none;
}

.match-card{
  border: 1px solid var(--color-surface);
  border-radius: 8px;
  padding: 8px;
  background-color: var(--color-surface) !important;
}

.match-card-save{
  min-height: 50px;
  min-width: 70%;
}

div.match-card-save input{
  background-color: var(--color-danger) !important;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

div.match-card-save input:hover{
  background-color: var(--color-danger-hover) !important;
}

div.score input.prediction{
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.match.open.match-card div.match-card-footer div.user-score{
  display: none;
}

.matchinfo.new-layout.shortcode.matches-shortcode::before{
  font-size: 9px;
  text-align: center;
  color: var(--color-success);
  content: "* Horarios GMT-5";
}

.matchinfo.new-layout.input::before{
  font-size: 9px;
  text-align: center;
  color: var(--color-success);
  content: "* Horarios GMT-5";
}

div.matchinfo.new-layout.shortcode.nextmatches-shortcode{
  max-width: 90%;
}

div.matchinfo.new-layout.shortcode.nextmatches-shortcode div.matchtype{
  display: none;
}

div.matchinfo.new-layout.shortcode.nextmatches-shortcode div[id*="match-"]{
  max-width: 100% !important;
}

.matchinfo.new-layout .score span.actual-score::before,
.matchinfo.new-layout .score span.actual-score::after{
  display: none !important;
}

.actual-score{
  color: var(--color-text) !important;
}

.actual-score.home,
.actual-score.away{
  font-size: 12px;
  padding: 5px !important;
}

/* =========================================================
   6. ESTADÍSTICAS / PREGUNTAS / TABLAS RELACIONADAS
========================================================= */
.statistics td{
  background-color: var(--color-surface);
  text-align: left;
  border: 0 !important;
}

table.matchinfo.new-layout.statistics a{
  color: var(--color-text);
  text-decoration: none;
}

table.matchinfo.new-layout.statistics a:hover{
  color: var(--color-danger);
  text-decoration: none;
}

table.matchinfo.new-layout.statistics{
  font-size: small !important;
  background: var(--color-primary-2);
  color: var(--color-text);
}

table.matchinfo.new-layout.statistics th{
  background-color: var(--color-primary-2) !important;
  font-size: x-small;
  text-align: center;
}

table.matchinfo.new-layout.statistics td{
  padding-top: 10px !important;
}

table.matchinfo.new-layout.statistics td.score{
  text-align: center;
}

table.matchinfo.new-layout.statistics td.home{
  text-align: right;
}

#statistics_questions{
  color: var(--color-text) !important;
}

#statistics_questions a{
  color: var(--color-text);
  text-decoration: none;
}

#statistics_questions a:hover{
  color: var(--color-danger);
  text-decoration: none;
}

table.teaminfo th{
  background-color: var(--color-surface);
  color: var(--color-text);
  border: none;
  width: 1px;
}

table.statistics th{
  background-color: var(--color-primary-2);
  border: 0;
  text-align: left;
}

table.statistics{
  width: 50% !important;
}

table.matchinfo.statistics td{
  background: var(--color-surface);
}

table.matchinfo.statistics th{
  background: var(--color-warning) !important;
}

table.prediction-table-questions{
  max-width: 90vw;
  width: 100%;
  table-layout: auto;
}

table.prediction-table-questions td.score,
table.prediction-table-questions td.answer{
  text-align: center;
  vertical-align: middle;
}

table.prediction-table-questions th.answer{
  column-width: auto;
  max-width: 100px;
}

table.prediction-table-questions th.user,
table.prediction-table-questions th.correct{
  max-width: 100px;
}

div.buttonblock.button-questions.form-1{
  width: 100%;
  text-align: center;
}

/* =========================================================
   7. LOGIN / WRAPPERS / ULTIMATE MEMBER
========================================================= */
div.log-form-group.extra-links{
  padding-top: 10px;
}

.um li{
  list-style: none;
  font-size: x-small !important;
}

.um li.privacy{
  font-size: small !important;
}

.um ul{
  max-width: 80%;
  text-align: left;
}

div.um-group-item li{
  list-style: none;
}

div.um-groups-user-wrap{
  font-size: x-small;
  text-align: center;
  max-width: 100%;
}

.um-group-button{
  width: 100%;
  text-align: right !important;
}

input.um-do-search{
  background-color: var(--color-danger-2) !important;
  color: var(--color-text);
}

.um-button{
  background-color: var(--color-danger-hover) !important;
}

.um-button:hover{
  background-color: var(--color-danger-hover) !important;
}

.um-groups-ignore-invite{
  color: var(--color-muted) !important;
}

div.um-field-label{
  color: var(--color-text) !important;
}

a.um-button.um-groups-confirm-invite{
  color: var(--color-text) !important;
}

a.um-button.um-alt{
  color: whitesmoke !important;
}

input.um-button{
  color: var(--color-text) !important;
}

ul.um-privacy-wrap{
  max-width: 100%;
}

.um-profile .um-profile-body{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

li.last-active,
li.count-posts,
li.um-groups-tab-slug_discussion a,
li.um-groups-subtab-slug_avatar a,
li.create a{
  display: none;
}

/* =========================================================
   8. WIDGETS / MENÚS / FOOTER / BLOQUES THEME
========================================================= */
.widget-title{
  background-color: var(--color-primary) !important;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

#footballpoollastgameswidget-4{
  font-size: small !important;
}

#footballpoolnextpredictionwidget-2{
  font-size: x-small;
}

#footballpoolnextpredictionwidget-2 a:hover{
  color: var(--color-primary-2);
}

#footballpoolrankingwidget-2{
  font-size: x-small;
}

.nav{
  visibility: hidden !important;
}

section#block-18.widget-footer-full.asteroid-widget.widget_block.widget_media_image{
  margin: 0;
  padding: 0;
}

body:not(.logged-in) aside#widgets-wrap-footer-full.cf{
  display: none !important;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

div#footer-area.cf{
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  z-index: 1000;
  display: flex-start;
}

#widgets-wrap-footer-3{
  display: none;
}

#mega-menu-max_mega_menu_2 .mega-menu-item .mega-menu-link{
  font-size: 24px !important;
}

span.mega-title-below{
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
  transform: translate(0%,-50%);
}

#mega-menu-wrap-ast-menu-primary .mega-menu-toggle .mega-toggle-blocks-left{
  background: url("/wp-content/uploads/assets/logo_lpf_bar-tr.png") no-repeat;
  flex-basis: 100%;
}

#mega-menu-wrap-ast-menu-primary .mega-menu-toggle .mega-toggle-blocks-center{
  flex-basis: 1%;
}

#mega-menu-item-20504 > a:nth-child(1){
  padding-left: 10px !important;
}

ul#mega-menu-max_mega_menu_2.mega-menu.max-mega-menu.mega-menu-horizontal li#mega-menu-item-2966.mega-menu-item.mega-menu-item-type-post_type.mega-menu-item-object-page.mega-menu-item-home.mega-menu-megamenu.mega-align-bottom-left.mega-has-icon.mega-icon-top.mega-menu-item-2966 a.dashicons-admin-home.mega-menu-link{
  padding-left: 10px;
}

.cf{
  background-color: var(--color-bg) !important;
}

/* =========================================================
   9. TABLAS ESPECÍFICAS / DASHBOARD / REPORTES
========================================================= */
table.table-init{
  background-color: var(--color-surface);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 80vh;
  border: 5px solid var(--color-primary-2);
}

table#dashboard th{
  display: none;
}

table#dashboard{
  alignment-adjust: left;
}

table#user_report{
  text-align: left;
}

table#user_report th{
  background-color: var(--color-primary-2);
  color: var(--color-text);
  font-size: x-small;
  border: none;
}

table#ranking_grupo th{
  font-weight: bold;
  text-align: center;
  background-color: var(--color-primary-2);
  color: var(--color-text);
  font-size: small;
  border: none;
}

table#ranking_grupo td{
  background-color: var(--color-surface);
  text-align: left;
  color: var(--color-text);
}

table#ranking_grupo a{
  color: var(--color-text);
  text-decoration: none;
}

table#ranking_grupo a:hover{
  color: var(--color-danger);
  text-decoration: none;
}

table#ranking_grupo.pool-ranking.ranking-widget.table{
  min-width: 80% !important;
}

td.user-score.ranking.score{
  text-align: left !important;
}

td.user-rank{
  text-align: center !important;
}

td.user-score.ranking.score{
  text-align: center !important;
}

div.float-left.pagination-detail span.pagination-info{
  display: none;
}

table#lpfuserreport th{
  color: var(--color-text);
  background: var(--color-primary);
}

table#lpfuserreport td{
  color: var(--color-text);
  background: var(--color-surface);
}

.lpf-league-info{
  display: block;
}

/* =========================================================
   10. LOGO QUINIELA
========================================================= */
table#logo-quiniela th{
  background-color: var(--color-bg);
  border: none;
}

table#logo-quiniela{
  max-width: 70%;
  alignment-adjust: center;
  text-align: center !important;
}

table#logo-quiniela td{
  color: var(--color-maroon);
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

table#logo-quiniela td{
  color: var(--color-danger) !important;
  font-size: large;
}

#logo-quiniela > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1){
  color: var(----color-text) !important;
  font-size: 3vh !important;
}

table#logo-quiniela tbody tr th#logo-img img{
  max-width: 150px !important;
}

table#logo-quiniela tbody tr th#logo-img img{
  max-width: 100px !important;
}

#logo-quiniela #logo-img img{
  width: 50px;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* =========================================================
   11. EQUIPOS / ESTADIOS / LISTADOS
========================================================= */
ol.football-pool.team-list{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

ol.footboall-pool.team-list li{
  list-style-type: none;
}

img.team-photo.thumb.team-list{
  width: 100px !important;
  display: block;
}

ol.football-pool.team-list a{
  display: block;
  color: var(--color-text);
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}

ol.football-pool.team-list a:hover{
  color: #fc3a05;
  font-weight: bold;
  text-decoration: none;
}

ol.football-pool.team-list li{
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: var(--color-text-dark);
}

img.team-photo.thumb.team-list{
  width: 64px;
}

img.team-photo.thumb{
  max-width: 30vh;
}

img.team-photo.thumb{
  max-width: 20vh;
}

table.football-pool.team.info{
  width: 50%;
  margin-left: auto;
}

table.football-pool.team.info td{
  text-align: center;
}

table.football-pool.team.info th{
  display: none;
}

table.football-pool.team.info a{
  color: var(--color-success) !important;
  font-size: 2.5vh;
  text-decoration: none;
}

table.football-pool.team.info a:hover{
  color: var(--color-danger) !important;
  font-size: 2.5vh;
  text-decoration: none;
}

div.football-pool.stadium-list div{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

div.football-pool.stadium-list div a,
div.football-pool.stadium-list div h2{
  color: var(--color-text);
  text-decoration: white;
  margin-left: auto;
  margin-right: auto;
}

div.football-pool.stadium-list div a:hover{
  color: var(--color-danger);
  text-decoration: white;
}

img.stadium-photo.thumb.stadium-list{
  max-width: 350px;
}

h3.stadium-name{
  text-align: left;
}

h3.stadium-name::before{
  content: "Estadio ";
}

.data-dashboard{
  color: var(--color-success);
  font-weight: bold;
  font-size: 2.5vh;
  text-align: center;
}

/* =========================================================
   12. DASHBOARD / CARDS / GRID
========================================================= */
.dashboard_inicial{
  display: flex;
}

.proximos_partidos{
  min-width: 50%;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}

.ultimos_partidos{
  max-width: 50%;
  padding-left: 10px;
}

div.ultimos_partidos div.matchinfo.new-layout.shortcode.lastmatches-shortcode{
  max-width: 100%;
}

div.dashboard_inicial div.proximos_partidos div.matchinfo.new-layout.shortcode.nextmatches-shortcode div.matchtype,
div.dashboard_inicial div.ultimos_partidos div.matchinfo.new-layout.shortcode.lastmatches-shortcode div.matchtype{
  display: none;
}

.dashboard-container{
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  grid-gap: 30px;
}

.user-dashboard{
  text-align: center;
  background-color: var(--color-surface);
  padding: 10px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

.material-symbols-outlined{
  padding-right: 10px;
  font-size: 28px;
}

.text-dashboard{
  padding-right: 10px;
}

.dashboard-value{
  color: var(--color-danger-hover);
  font-weight: bold;
  font-size: 18px;
  max-width: 30%;
  margin-left: auto;
  margin-right: auto;
}

div#content.cf{
  border-color: var(--color-bg);
}

/* =========================================================
   13. GROUP STANDINGS / WRAPPERS
========================================================= */
div.group-standings-wrapper,
div.stadiums-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

div.group-standings-wrapper div.ranking,
div.stadiums-wrapper div.ranking{
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   14. PAGINACIÓN / BOOTSTRAP TABLE / NAVEGACIÓN
========================================================= */
span.displaying-num:after{
  white-space: pre;
}

span.paging-input{
  padding-right: 15px;
  padding-left: 15px;
}

span.paging-input:before{
  content:"Página";
}

div.tablenav-pages.one-page{
  padding-top: 10px;
}

div.tablenav-pages{
  text-align: center;
}

.tablenav-pages{
  padding-bottom: 20px;
}

span.pagination-links:before{
  content:"";
  content: "\a";
  white-space: pre;
}

span.pagination-links{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

a.last-page.button,
a.next-page.button,
a.first-page.button,
a.prev-page.button{
  border: none;
  background-color: var(--color-gray);
  color: var(--color-text);
  padding: 6px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 2px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  width: 10px;
  border-radius: 5px;
}

span.pagination-info{
  font-size: x-small;
}

.page-item.active .page-link{
  background: var(--color-primary);
  border-color: var(--color-primary);
}

a.page-link{
  color: var(--color-danger-2);
  font-size: 16px !important;
}

div.input-group.page-jump-to{
  max-width: 100px !important;
  font-size: 16px !important;
}

div.textwidget.custom-html-widget div.bootstrap-table.bootstrap5 div.fixed-table-toolbar{
  display: none;
}

div.textwidget.custom-html-widget div.bootstrap-table.bootstrap5 div.fixed-table-container div.fixed-table-body table#ranking_grupo.pool-ranking.ranking-shortcode.table{
  min-width: 90% !important;
}

/* =========================================================
   15. COMPONENTES FP / INVITE / UPLOAD / TOOLBAR
========================================================= */
.fp-wrapper{
  max-width: 520px;
  margin: auto;
}

.fp-input{
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
}

.fp-upload{
  border: 2px dashed var(--color-upload-border);
  padding: 25px;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}

.fp-drag{
  border-color: var(--color-upload-active);
  background: var(--color-upload-active-bg);
}

.fp-preview{
  width: 120px;
  margin-top: 15px;
  display: none;
  border-radius: 10px;
}

.fp-button{
  background: var(--color-danger) !important;
  color: var(--color-text);
  padding: 10px;
  border-radius: 8px;
  width: 100%;
  margin-top: 30px;
}

.fp-success{
  background: var(--color-surface-2);
  color: var(--color-text);
  padding: 25px;
  border-radius: 14px;
  margin-top: 25px;
}

.fp-code{
  font-size: 28px;
  letter-spacing: 4px;
  font-weight: bold;
  text-align: center;
}

.fp-link{
  width: 100%;
  padding: 10px;
  margin-top: 10px;
}

.fp-actions{
  display: flex;
  gap: 10px;
  margin-top: 15px;
  flex-wrap: wrap;
}

.fp-btn-copy{
  background: var(--color-danger) !important;
  color: var(--color-text);
  padding: 10px;
  border-radius: 8px;
  min-width: 25%;
}

.fp-btn-share{
  background: var(--color-secondary) !important;
  color: var(--color-text);
  padding: 10px;
  border-radius: 8px;
  min-width: 25%;
}

.fp-btn{
  background: var(--color-primary) !important;
  color: var(--color-text);
  padding: 10px;
  border-radius: 8px;
  min-width: 50%;
  margin-top: 30px;
}

.fp-btn-wa{
  background: var(--color-whatsapp);
  color: var(--color-text);
  padding: 10px;
  border-radius: 8px;
  text-decoration: none;
  min-width: 25%;
}

#fpToast{
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-bg);
  color: var(--color-text);
  padding: 12px 20px;
  border-radius: 8px;
  opacity: 0;
  transition: .3s;
}

.fp-show{
  opacity: 1 !important;
}

div.fp-field,
div.fp-upload-text{
  margin-top: 30px;
}

.lpf-toolbar{
  margin: 15px 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.lpf-btn{
  background: var(--color-danger);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: .2s;
}

.lpf-btn:hover{
  background: var(--color-danger-hover);
}

.lpf-btn-org{
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: var(--color-danger) !important;
  color: var(--color-text);
  padding: 8px 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: .2s;
}

.lpf-league-image{
  width: 80px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.lpf-league-title,
.lpf-invite-box,
.fp-organizer,
.fp-users{
  text-align: center;
}

.fp-organizer,
.fp-users{
  margin-top: 15px;
  margin-bottom: 15px;
}

input#fpFile{
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.lpf-title{
  color: var(--color-secondary-soft);
}

.fp-invite-code-box{
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.fp-notice{
  background-color: var(--color-success) !important;
  color: var(--color-text-dark);
  font-weight: bold;
}

/* =========================================================
   16. CONTENEDORES / OCULTOS / OTROS
========================================================= */
#container{
  border-top: 0 solid rgba(56, 156, 59) !important;
  border-left: 0 solid rgba(10, 25, 112) !important;
  border-right: 0 solid rgba(56, 156, 59) !important;
  border-bottom: 0 solid rgba(189, 13, 21) !important;
}

div.league-select{
  display: none;
}

div.ranking-select-block{
  display: none;
}

img.wp-image-19584{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.um-field-checkbox-option{
  width: 340px !important;
}

score_title{
  width: 100%;
  text-align: center;
  color: rgb(4, 150, 214);
}

/* =========================================================
   17. RESPONSIVE
========================================================= */
@media (max-width: 600px){
  .ranking.group-ranking-wide{
    max-width: 100%;
  }

  table.statistics{
    width: 100% !important;
  }

  .login-wrap{
    max-width: 100%;
    background: var(--color-surface);
    margin-left: auto;
    margin-right: auto;
  }

  .dashboard_inicial{
    display: block;
  }

  .proximos_partidos{
    max-width: 100% !important;
  }

  .ultimos_partidos{
    max-width: 100% !important;
  }

  table#ranking_grupo{
    min-width: 100% !important;
  }

  div.bonus{
    max-width: 100% !important;
  }

  div#footer-area.cf{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1000;
    display: flex-start;
  }

  .wp-image-19688{
    max-width: 150px !important;
  }

  body.custom-background{
    background-image: none;
  }
}

@media (min-width: 600px){
  .login-wrap{
    max-width: 60%;
    background: var(--color-surface);
    margin-left: auto;
    margin-right: auto;
  }

  table.tabla_puntuacion{
    max-width: 70%;
  }
}

@media (max-width: 768px){
  table#dashboard{
    max-width: 100%;
    alignment-adjust: left;
  }

  div.um-group-image-wrap{
    max-width: 15%;
  }

  div.um-group-buttons{
    padding-top: 20px;
    padding-right: 10px;
  }

  div.um-group-texts{
    padding-top: 5px;
    padding-left: 0;
    font-weight: bold;
  }

  div.actions{
    width: 100% !important;
  }

  .fp-invite-code-box{
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }

  .football-pool-widget{
    padding-bottom: 50px !important;
  }

  div.textwidget.custom-html-widget{
    max-width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }

  div.matchinfo.new-layout.shortcode.nextmatches-shortcode{
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }

  .widget-title{
    max-width: 90% !important;
  }

  #mega-menu-item-19144{
    display: none !important;
  }

  html,
  body{
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  .site::-webkit-scrollbar,
  .site-content::-webkit-scrollbar{
    display: none;
    width: 0;
    height: 0;
  }

  table.prediction-table-questions{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 768px){
  .matchinfo{
    max-width: 70%;
  }

  div[id*="match-"]{
    max-width: 45% !important;
  }

  table#dashboard{
    max-width: 50%;
    alignment-adjust: left;
  }

  div.um-group-image-wrap{
    max-width: 30%;
  }

  div.um-group-buttons{
    padding-top: 50px;
    padding-right: 40px;
  }

  div.um-group-texts{
    font-size: x-small;
    font-weight: bold;
    padding-top: 30px;
    padding-left: 0;
  }

  li.all.active a,
  li.own a{
    font-size: small !important;
  }
}

@media (min-width:620px){
  table#ranking_grupo.pool-ranking.ranking-shortcode.table{
    max-width: 50% !important;
  }

  table#ranking_grupo.pool-ranking.ranking-shortcode.table tbody td.user-name{
    padding-left: 25px;
  }
}

/* =========================================================
   18. REGLAS FINALES QUE EN EL ORIGINAL QUEDABAN MÁS ABAJO
   Se preservan abajo para respetar prioridad visual
========================================================= */
.widget-title{
  background-color: var(--color-secondary) !important;
  min-width: 100%;
}

ol.football-pool.team-list{
  column-count: 1;
}

img.aligncenter.wp-image-19688{
  padding-bottom: 10px;
}

/* =========================================================
   AJUSTE QUESTIONS / BONUS
========================================================= */
div.bonus{
  background-color: var(--color-surface) !important;
  max-width: 60%;
  border-radius: 10px;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

div.questions-block div#q1.bonus.open{
  background-color: var(--color-surface) !important;
  max-width: 60%;
  border-radius: 10px;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

div.questions-block div.bonus.open{
  background-color: var(--color-surface) !important;
}

@media (max-width: 600px){
  div.bonus,
  div.questions-block div#q1.bonus.open{
    max-width: 100% !important;
  }
}

/* =========================================================
   AJUSTES ADICIONALES
========================================================= */

table.tabla_puntuacion th{
	background: var(--color-secondary);
}
div.log-form-group.extra-links a{
	color:var(--color-text);
	text-decoration:none;
}
div.log-form-group.extra-links a:hover{
	color:var(--color-danger);
	text-decoration:none;
}
table#logo-quiniela th, td{
	border:none;
}
h3.football-pool.team.name a{
  color:var(--color-text);
	text-decoration:none;
}
table#lpfuserreport th{
	background: var(--color-secondary);
}