.elementor-16147 .elementor-element.elementor-element-e48e14{--display:flex;--min-height:440px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16147 .elementor-element.elementor-element-e48e14:not(.elementor-motion-effects-element-type-background), .elementor-16147 .elementor-element.elementor-element-e48e14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://camasolympiaonline.com/gt/wp-content/uploads/2025/09/OLY-banner-desktop-quiniela-ranking.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16147 .elementor-element.elementor-element-6f8c9d0f{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16147 .elementor-element.elementor-element-2ab6059d .elementor-menu-toggle{margin:0 auto;}.elementor-16147 .elementor-element.elementor-element-2d78fb19{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16147 .elementor-element.elementor-element-17ed32d5{--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-16147 .elementor-element.elementor-element-6f643764{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-16147 .elementor-element.elementor-element-e48e14{--width:10000%;}.elementor-16147 .elementor-element.elementor-element-6f8c9d0f{--content-width:90%;}.elementor-16147 .elementor-element.elementor-element-2d78fb19{--content-width:90%;}.elementor-16147 .elementor-element.elementor-element-17ed32d5{--width:33.3333%;}.elementor-16147 .elementor-element.elementor-element-6f643764{--width:66.6666%;}}/* Start custom CSS for container, class: .elementor-element-6f8c9d0f *//* ======================================================
   Olympia+ — Header "Ranking" (sin cambiar anchos)
   Scope: .elementor-element-6f8c9d0f
   by WIDDI
====================================================== */

/* Tokens */
.elementor-element-6f8c9d0f{
  --ol-blue:#00528A;
  --ol-sky:#2DD0F8;
  --ol-text:#0F172A;
  --ol-muted:#667085;
  --ol-border:#E7EEF6;
  --ol-bg:#F6F8FB;
  --ol-r:16px;
  --ol-shadow:0 8px 24px rgba(0,0,0,.06);
  font-family: var(--e-global-typography-text-font-family, Montserrat), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Contenedor visual (sin width) */
.elementor-element-6f8c9d0f .e-con-inner{
  background: linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
  border:1px solid var(--ol-border);
  border-radius: var(--ol-r);
  box-shadow: var(--ol-shadow);
  padding: clamp(16px, 3vw, 28px);
  position: relative;
  overflow: hidden;
}
.elementor-element-6f8c9d0f .e-con-inner::before{
  content:"";
  position:absolute; inset:0 0 auto 0; height:3px;
  background: linear-gradient(90deg,var(--ol-blue),var(--ol-sky));
}

/* ===== Título ===== */
.elementor-element-6f8c9d0f .elementor-widget-heading .elementor-heading-title{
  color: var(--ol-text);
  font-weight: 700;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  letter-spacing: .3px;
  line-height: 1.12;
  margin: 0 0 8px;
 ;
}
.elementor-element-6f8c9d0f .elementor-widget-heading .elementor-heading-title span{
  background: linear-gradient(90deg,var(--ol-blue),var(--ol-sky));
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
/* subrayado sutil */
.elementor-element-6f8c9d0f .elementor-widget-heading .elementor-heading-title::after{
  content:"";
  display:block;
  height:6px;
  margin-top:8px;
  border-radius: 8px;
  background: linear-gradient(90deg,var(--ol-blue),var(--ol-sky));
  opacity:.22;
}

/* ===== Intro ===== */
.elementor-element-6f8c9d0f .elementor-widget-text-editor p{
  color: var(--ol-muted);
  margin: 6px 0 14px;
  font-size: clamp(.95rem, 1.5vw, 1.05rem);
  line-height: 1.55;
}
.elementor-element-6f8c9d0f .elementor-widget-text-editor p strong{
  color: var(--ol-blue);
  font-weight: 800;
}

/* ===== Nav Menu (Elementor) ===== */
/* contenedor visual (no cambia anchos) */
.elementor-element-6f8c9d0f nav.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal{
  background: #f3f8ff;
  border:1px solid var(--ol-border);
  border-radius: 12px;
  padding: .6rem .9rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* lista */
.elementor-element-6f8c9d0f .elementor-nav-menu{
  display:flex;
  flex-wrap:wrap;
  gap: 10px 12px;
  align-items:center;
}

/* enlaces */
.elementor-element-6f8c9d0f .elementor-nav-menu .elementor-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .48rem .9rem;
  border-radius: 999px;
  border: 1px solid transparent;
  background: #ffffff;
  color: #0f2a3a;
  font-weight: 800;
  font-size: .95rem;
  letter-spacing:.2px;
  text-decoration:none;
  transition: transform .12s ease, box-shadow .15s ease, color .15s ease, border-color .15s ease, background .15s ease;
}
.elementor-element-6f8c9d0f .elementor-nav-menu .elementor-item:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,82,138,.18);
  color: var(--ol-blue);
  border-color: var(--ol-blue);
  background: #fff;
}

/* activo */
.elementor-element-6f8c9d0f .elementor-nav-menu .current-menu-item > .elementor-item,
.elementor-element-6f8c9d0f .elementor-nav-menu .elementor-item.elementor-item-active{
  background: linear-gradient(90deg,var(--ol-blue),var(--ol-sky));
  color:#fff !important;
  border-color: transparent;
  box-shadow: 0 8px 18px rgba(0,82,138,.25);
}

/* ===== Toggle (hamburguesa) y dropdown ===== */
.elementor-element-6f8c9d0f .elementor-menu-toggle{
  background: linear-gradient(90deg,var(--ol-blue),var(--ol-sky));
  color:#fff;
  border:0;
  border-radius: 12px;
  padding: .55rem .75rem;
  box-shadow: 0 6px 16px rgba(0,82,138,.22);
  transition: filter .15s ease, transform .12s ease;
}
.elementor-element-6f8c9d0f .elementor-menu-toggle:hover{
  filter:saturate(1.1);
  transform: translateY(-1px);
}

/* dropdown */
.elementor-element-6f8c9d0f .elementor-nav-menu--dropdown.elementor-nav-menu__container{
  background:#ffffff;
  border:1px solid var(--ol-border);
  border-radius: 14px;
  box-shadow: var(--ol-shadow);
  padding: 10px;
}
.elementor-element-6f8c9d0f .elementor-nav-menu--dropdown .elementor-item{
  display:block;
  padding:.65rem .8rem;
  border-radius:10px;
  color:#0F172A;
}
.elementor-element-6f8c9d0f .elementor-nav-menu--dropdown .elementor-item:hover{
  background:#ecf6ff;
  color: var(--ol-blue);
}

/* ===== Accesibilidad: focus visible ===== */
.elementor-element-6f8c9d0f .elementor-item:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(45,208,248,.25);
}

/* ===== Responsive refinements (sin tocar anchos) ===== */
@media (max-width: 880px){
  .elementor-element-6f8c9d0f .elementor-widget-heading .elementor-heading-title{
    text-align:center;
  }
  .elementor-element-6f8c9d0f .elementor-widget-text-editor p{
    text-align:center;
  }
  .elementor-element-6f8c9d0f nav.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal{
    padding:.5rem .7rem;
  }
}
@media (max-width: 560px){
  .elementor-element-6f8c9d0f .elementor-nav-menu{
    justify-content:center;
  }
  .elementor-element-6f8c9d0f .elementor-widget-heading .elementor-heading-title::after{
    margin-inline:auto;
    height:5px; opacity:.28;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17ed32d5 *//* ======================================================
   Olympia+ – Ranking con Medallas (Dorado / Bronce / Plata)
   Enfatiza azul oscuro y mantiene responsive sin tocar anchos
   Scope: .elementor-element-17ed32d5 .pool-ranking.ranking-page
====================================================== */

/* Tokens (extiende tu paleta) */
.elementor-element-17ed32d5{
  --ol-navy: #0A2E4A;   /* Azul oscuro protagonista */
  --ol-blue: #00528A;   /* Azul marca */
  --ol-sky:  #2DD0F8;   /* Celeste apoyo */
  --ol-text: #0F172A;
  --ol-muted:#667085;
  --ol-border:#E0ECF6;
  --ol-card:#FFFFFF;
  --ol-shadow:0 8px 24px rgba(0,0,0,.06);

  /* Medallas */
  --gold-1:#FDE68A; --gold-2:#F59E0B;      /* dorado */
  --bronze-1:#E8C1A0; --bronze-2:#B87333;   /* bronce */
  --silver-1:#E5E7EB; --silver-2:#9CA3AF;   /* plata */
}

/* Contenedor: top bar más navy */
.elementor-element-17ed32d5 .elementor-widget-html .elementor-widget-container::before{
  background: linear-gradient(90deg,var(--ol-navy),var(--ol-blue));
}

/* Tabla base (se respeta tu layout previo) */
.elementor-element-17ed32d5 .pool-ranking.ranking-page{
  color:var(--ol-text);
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr{
  background: var(--ol-card);
  border:1px solid var(--ol-border);
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
  position: relative;
  transition: transform .12s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
/* Acento azul oscuro en hover */
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(10,46,74,.18); /* ol-navy */
  border-color: #BFD7EA; /* azul clarito */
}

/* Celdas / tipografía */
.elementor-element-17ed32d5 .pool-ranking.ranking-page td{
  padding: .8rem .9rem;
  vertical-align: middle;
  border:0;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page td.user-name a{
  text-decoration:none; color:var(--ol-navy);
  font-weight: 800; transition: color .15s ease, transform .12s ease;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page td.user-name a:hover{
  color: var(--ol-blue); transform: translateY(-1px);
}
/* Pill de puntos con tinte azul */
.elementor-element-17ed32d5 .pool-ranking.ranking-page td.user-score{
  text-align:right; font-weight:900;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page td.user-score,
.elementor-element-17ed32d5 .pool-ranking.ranking-page td.user-score *{
  background: linear-gradient(180deg,#F1F7FE 0%, #E7F1FB 100%);
  color:#0F2A3A; border:1px solid #CFE2F3; border-radius:999px; padding:.35rem .75rem;
}

/* ===== Medallas visuales (banda izquierda + chip en rank) ===== */
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr::before{
  content:""; position:absolute; left:0; top:0; bottom:0;
  width:6px; border-radius:6px 0 0 6px; opacity:.95;
}

/* 1º Dorado */
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(1){
  background: linear-gradient(180deg,#FFFDF3 0%, #FFF7DA 100%);
  border-color: rgba(245, 158, 11, .45);
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(1)::before{
  background: linear-gradient(180deg,var(--gold-2),var(--gold-1));
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(1) td.user-rank{
  color:#8B5E00; font-weight:900; white-space:nowrap;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(1) td.user-rank::after{
  content:" 🥇"; margin-left:.25rem; font-size:1rem;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(1) td.user-score,
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(1) td.user-score *{
  background: linear-gradient(180deg,#FFF3BF 0%, #FFE08A 100%);
  color:#5A3B00; border-color:#F1C758;
}

/* 2º Bronce */
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(2){
  background: linear-gradient(180deg,#FFF8F2 0%, #FBEADE 100%);
  border-color: rgba(184,115,51,.45);
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(2)::before{
  background: linear-gradient(180deg,var(--bronze-2),var(--bronze-1));
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(2) td.user-rank{
  color:#6A3F1E; font-weight:900; white-space:nowrap;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(2) td.user-rank::after{
  content:" 🥈"; margin-left:.25rem; font-size:1rem;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(2) td.user-score,
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(2) td.user-score *{
  background: linear-gradient(180deg,#F8E9DC 0%, #F2D4BE 100%);
  color:#4D2A13; border-color:#D8A374;
}

/* 3º Plata */
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(3){
  background: linear-gradient(180deg,#FBFCFD 0%, #EEF1F6 100%);
  border-color: rgba(156,163,175,.45);
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(3)::before{
  background: linear-gradient(180deg,var(--silver-2),var(--silver-1));
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(3) td.user-rank{
  color:#384451; font-weight:900; white-space:nowrap;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(3) td.user-rank::after{
  content:" 🥉"; margin-left:.25rem; font-size:1rem;
}
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(3) td.user-score,
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(3) td.user-score *{
  background: linear-gradient(180deg,#EEF1F6 0%, #E3E7EF 100%);
  color:#1F2937; border-color:#C9CFD8;
}

/* Acentos adicionales en enlaces y hover con navy */
.elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr:nth-child(-n+3) td.user-name a:hover{
  color: var(--ol-navy);
}

/* ===== Responsive (mantén tu grid móvil) ===== */
@media (max-width: 720px){
  .elementor-element-17ed32d5 .pool-ranking.ranking-page tbody tr{
    gap:8px 10px;
  }
  .elementor-element-17ed32d5 .pool-ranking.ranking-page td.user-rank{
    font-size: 1rem;
  }
  .elementor-element-17ed32d5 .pool-ranking.ranking-page td.user-score,
  .elementor-element-17ed32d5 .pool-ranking.ranking-page td.user-score *{
    padding:.3rem .6rem;
  }
}

/* ===== Modo Noche (si usas .ol-dark) ===== */
.elementor-element-17ed32d5.ol-dark{
  --ol-text:#E7F6FF; --ol-muted:#B7C7D6;
  --ol-card:#0B1723; --ol-border:#123047;
}
.elementor-element-17ed32d5.ol-dark .elementor-widget-html .elementor-widget-container::before{
  background: linear-gradient(90deg,#071D2E,#0C2E48); /* aún más navy */
}
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr{
  background:#0B1723; border-color:#123047;
  box-shadow: 0 3px 12px rgba(0,0,0,.35);
}
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page td.user-name a:hover{
  color:#2DD0F8;
}
/* Medallas en noche: mantenemos brillo y mejor contraste de texto */
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(1){
  background: linear-gradient(180deg,#3A2A00 0%, #2C2000 100%); /* base oscura */
  border-color: rgba(245,158,11,.5);
}
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(1) td.user-rank{ color:#FDE68A; }
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(1)::before{
  background: linear-gradient(180deg,#F59E0B,#FDE68A);
}
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(1) td.user-score,
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(1) td.user-score *{
  background: linear-gradient(180deg,#4B3A06,#3B2D04);
  color:#FFE8A6; border-color:#95731A;
}

.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(2){
  background: linear-gradient(180deg,#3A2618 0%, #2C1C12 100%);
  border-color: rgba(184,115,51,.55);
}
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(2) td.user-rank{ color:#E8C1A0; }
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(2)::before{
  background: linear-gradient(180deg,#B87333,#E8C1A0);
}
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(2) td.user-score,
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(2) td.user-score *{
  background: linear-gradient(180deg,#3C2718,#2E1D11);
  color:#F1D3BE; border-color:#8F6140;
}

.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(3){
  background: linear-gradient(180deg,#30343A 0%, #24272C 100%);
  border-color: rgba(156,163,175,.55);
}
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(3) td.user-rank{ color:#D1D5DB; }
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(3)::before{
  background: linear-gradient(180deg,#9CA3AF,#E5E7EB);
}
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(3) td.user-score,
.elementor-element-17ed32d5.ol-dark .pool-ranking.ranking-page tbody tr:nth-child(3) td.user-score *{
  background: linear-gradient(180deg,#2E3238,#23262B);
  color:#E5E7EB; border-color:#8C94A0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-273506e6 */-webkit-text-size-adjust: 100%;
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    --wp--style--global--content-size: 800px;
    --wp--style--global--wide-size: 1200px;
    --wp--style--block-gap: 24px;
    --ol-blue: #00528A;
    --ol-sky: #2DD0F8;
    --ol-text: #0F172A;
    --ol-muted: #6B7280;
    --ol-card: #FFFFFF;
    --ol-bg: #F6F8FB;
    --ol-border: #E7EEF6;
    --ol-r: 16px;
    --ol-shadow: 0 8px 24px rgba(0,0,0,.06);
    --woocommerce: #720eec;
    --wc-green: #7ad03a;
    --wc-red: #a00;
    --wc-orange: #ffba00;
    --wc-blue: #2ea2cc;
    --wc-primary: #720eec;
    --wc-primary-text: #fcfbfe;
    --wc-secondary: #e9e6ed;
    --wc-secondary-text: #515151;
    --wc-highlight: #958e09;
    --wc-highligh-text: white;
    --wc-content-bg: #fff;
    --wc-subtext: #767676;
    --wc-form-border-color: rgba(32, 7, 7, 0.8);
    --wc-form-border-radius: 4px;
    --wc-form-border-width: 1px;
    --direction-multiplier: 1;
    --page-title-display: block;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --fkcart-primary-bg-color: #0170b9;
    --fkcart-primary-font-color: #ffffff;
    --fkcart-primary-text-color: #353030;
    --fkcart-secondary-text-color: #82838E;
    --fkcart-strike-through-price-text-color: #E15334;
    --fkcart-saving-text-price-color: #5BA238;
    --fkcart-coupon-text-price-color: #5BA238;
    --fkcart-accent-color: #0170b9;
    --fkcart-border-color: #DEDFEA;
    --fkcart-error-color: #B00C0C;
    --fkcart-error-bg-color: #FFF0F0;
    --fkcart-reward-color: #f1b51e;
    --fkcart-progress-bar-icon-color: #353030;
    --fkcart-progress-bar-active-icon-color: #ffffff;
    --fkcart-progress-bar-bg-color-active-icon: #2DA815;
    --fkcart-progress-bar-active-color: #2DA815;
    --fkcart-bg-color: #ffffff;
    --fkcart-slider-desktop-width: 420px;
    --fkcart-slider-mobile-width: 100%;
    --fkcart-animation-duration: 0.4s;
    --fkcart-panel-color: #f9f9ff;
    --fkcart-color-black: #000000;
    --fkcart-success-color: #5BA238;
    --fkcart-success-bg-color: #EFF6EB;
    --fkcart-toggle-bg-color: #ffffff;
    --fkcart-toggle-icon-color: #353030;
    --fkcart-toggle-count-bg-color: #cf2e2e;
    --fkcart-toggle-count-font-color: #ffffff;
    --fkcart-progressbar-active-color: #0170b9;
    --fkcart-toggle-border-radius: 50%;
    --fkcart-toggle-size: 36;
    --fkcart-border-radius: 8px;
    --fkcart-menu-icon-size: 35px;
    --fkcart-menu-text-size: 16px;
    --ui-icon-size-xs: 26px;
    --ui-icon-size-sm: 31px;
    --ui-icon-size-md: 39px;
    --ui-icon-size-lg: 47px;
    --ui-icon-size: 39px;
    --ui-icon-service-bg-color: #ebeff2;
    color: #333;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    --e-global-color-primary: #00528A;
    --e-global-color-secondary: #FBDD2C;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #2DD0F8;
    --e-global-typography-primary-font-family: "Montserrat";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Montserrat Alternates";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Montserrat";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Montserrat";
    --e-global-typography-accent-font-weight: 500;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: var(--wp--style--global--wide-size, 1200px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(12px, 2vw, 20px) !important;
    padding-right: clamp(12px, 2vw, 20px) !important;
    display: grid !important;
    gap: clamp(12px, 2vw, 18px) !important;
    width: auto !important;
    grid-template-columns: repeat(2, minmax(260px,1fr)) !important;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f643764 *//* =========================================================
   Olympia+ – Partidos (Página lista/estática)
   Scope: SOLO este bloque de Elementor (.elementor-element-6f643764)
   - Parchea estilos del tema/Elementor que rompen layout
   - Grid responsive (3→2→1)
   - Tarjetas con línea de marca y hover
   - Modo noche opcional (.ol-dark)
========================================================= */

/* ---------- Tokens de marca ---------- */
.elementor-element-6f643764{
  --ol-navy:#0A2E4A; /* azul oscuro */
  --ol-blue:#00528A; /* azul marca */
  --ol-sky:#2DD0F8;  /* celeste apoyo */
  --ol-bg:#F6F8FB;   /* fondo suave */
  --ol-card:#FFFFFF; /* tarjeta */
  --ol-text:#0F172A; /* texto principal */
  --ol-muted:#6B7280;/* texto secundario */
  --ol-border:#E1EAF3; /* borde sutil */
  --ol-r:16px;
  --ol-shadow:0 8px 24px rgba(0,0,0,.06);
}

/* =========================================================
   1) PARCHE: neutralizar reglas de Elementor que inyectan flex/grid
========================================================= */
.elementor-element-6f643764 .matchinfo.page.matches-page{
  /* El tema fuerza flex/vars. Lo anulamos y mandamos GRID. */
  display: grid !important;
  width: auto !important;
  margin: 0 !important;
  gap: clamp(12px,2vw,18px) !important;
  /* nos desentendemos de --e-con-grid-template-columns de Elementor */
  grid-template-columns: repeat(2, minmax(260px, 1fr));
}
@media (max-width: 1100px){
  .elementor-element-6f643764 .matchinfo.page.matches-page{
    grid-template-columns: repeat(2, minmax(260px, 1fr));
  }
}
@media (max-width: 680px){
  .elementor-element-6f643764 .matchinfo.page.matches-page{
    grid-template-columns: 1fr; /* ✅ una sola columna en celular */
  }
}

/* Oculta la banda "matchtype" si estorba */
.elementor-element-6f643764 .matchinfo .matchtype{ display:none; }

/* Quita restos de layout heredados en cada card */
.elementor-element-6f643764 .match,
.elementor-element-6f643764 .match-card{
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  background: var(--ol-card);
  border:1px solid var(--ol-border);
  border-radius: var(--ol-r);
  padding: clamp(12px,1.8vw,16px);
  box-shadow: var(--ol-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.elementor-element-6f643764 .match-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  border-color:#d5e3f1;
}

/* Línea de marca superior */
.elementor-element-6f643764 .match-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background: linear-gradient(90deg, var(--ol-blue), var(--ol-sky));
}

/* =========================================================
   2) Layout interno de cada tarjeta (simple y estable)
========================================================= */
.elementor-element-6f643764 .match{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "head head"
    "hflag aflag"
    "hname aname"
    "hscore ascore";
  row-gap:8px;
}

/* Header: fecha/hora */
.elementor-element-6f643764 .match-card-header{
  grid-area: head;
  display:flex !important; align-items:center; justify-content:space-between;
  margin-bottom:4px;
}
.elementor-element-6f643764 .match-card-header .matchdate{
  color:var(--ol-muted); font-weight:700; opacity:.9; font-size:.95rem;
}
.elementor-element-6f643764 .match-card-header .time{
  background:var(--ol-bg);
  border:1px solid var(--ol-border);
  color:var(--ol-text);
  font-weight:800; font-size:.9rem;
  padding:.28rem .6rem; border-radius:999px;
}

/* Banderas */
.elementor-element-6f643764 .flag{ display:flex; justify-content:center; }
.elementor-element-6f643764 .flag img{
  width: clamp(100px, 12vw, 100px);
  height: clamp(52px, 8vw, 64px);
  object-fit: cover;
  border-radius: 12px;
  border:1px solid #EFF3F8;
  box-shadow: 0 4px 12px rgba(0,0,0,.10);
}
.elementor-element-6f643764 .flag.home{ grid-area:hflag; }
.elementor-element-6f643764 .flag.away{ grid-area:aflag; }

/* Nombres */
.elementor-element-6f643764 .home,
.elementor-element-6f643764 .away{
  text-align:center; font-weight:900; color:var(--ol-text);
  margin-top:2px; font-size: clamp(1rem, 1.6vw, 1.1rem);
}
.elementor-element-6f643764 .home{ grid-area:hname; }
.elementor-element-6f643764 .away{ grid-area:aname; }
.elementor-element-6f643764 .home a,
.elementor-element-6f643764 .away a{
  color:var(--ol-text); text-decoration:none; transition: color .15s ease, transform .12s ease;
}
.elementor-element-6f643764 .home a:hover,
.elementor-element-6f643764 .away a:hover{
  color:var(--ol-blue); transform: translateY(-1px);
}

/* Botones/enlaces de score (aquí son enlaces a estadísticas) */
.elementor-element-6f643764 .match .score{ display:flex; justify-content:center; align-items:center; }
.elementor-element-6f643764 .match .score:nth-of-type(1){ grid-area:hscore; }
.elementor-element-6f643764 .match .score:nth-of-type(2){ grid-area:ascore; }

.elementor-element-6f643764 .match .score a{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  min-width:86px; height:42px; padding:0 .9rem;
  border-radius:999px; border:1px dashed var(--ol-border);
  background:var(--ol-bg);
  color:var(--ol-muted); font-weight:800; letter-spacing:.2px; text-decoration:none;
  line-height:1; transition: .18s ease;
}
.elementor-element-6f643764 .match .score a:hover{
  background:#fff; border-color:var(--ol-blue); color:var(--ol-blue);
  transform: translateY(-1px);
}

/* Favorito (estrella sutil en la bandera favorita) */
.elementor-element-6f643764 .flag{ position:relative; }
.elementor-element-6f643764 .match.home-team-favorite .flag.home::after,
.elementor-element-6f643764 .match.away-team-favorite .flag.away::after{
  content:"★"; position:absolute; transform: translate(34px,-8px);
  background:var(--ol-blue); color:#fff;
  width:22px; height:22px; display:grid; place-items:center;
  border-radius:50%; font-size:.8rem; box-shadow:0 2px 6px rgba(0,0,0,.18);
}

/* =========================================================
   3) Accesibilidad / focus
========================================================= */
.elementor-element-6f643764 .match-card a:focus{ outline:none; }
.elementor-element-6f643764 .match-card:focus-within{
  box-shadow: 0 0 0 3px rgba(45,208,248,.22), 0 10px 24px rgba(0,82,138,.18);
}

/* =========================================================
   4) Modo Noche opcional: agrega .ol-dark al contenedor 6f643764
========================================================= */
.elementor-element-6f643764.ol-dark{
  --ol-text:#E7F6FF;
  --ol-muted:#B7C7D6;
  --ol-card:#0B1723;
  --ol-border:#123047;
  --ol-shadow:0 10px 24px rgba(0,0,0,.40);
}
.elementor-element-6f643764.ol-dark .match-card{
  background:var(--ol-card); border-color:var(--ol-border); box-shadow:var(--ol-shadow);
}
.elementor-element-6f643764.ol-dark .match-card::before{
  background: linear-gradient(90deg,#0FA0D0,#2DD0F8);
}
.elementor-element-6f643764.ol-dark .match-card-header .time{
  background:#0E2233; color:#E7F6FF; border-color:#163652;
}
.elementor-element-6f643764.ol-dark .home,
.elementor-element-6f643764.ol-dark .away{ color:#E7F6FF; }
.elementor-element-6f643764.ol-dark .flag img{
  border-color:#163652; box-shadow:0 6px 16px rgba(0,0,0,.45);
}
.elementor-element-6f643764.ol-dark .match .score a{
  background:#0E2233; color:#b7c7d6; border-color:#163652;
}
.elementor-element-6f643764.ol-dark .match .score a:hover{
  background:#0B1723; color:#2DD0F8; border-color:#2DD0F8;
}

/* =========================================================
   5) Ajustes finos responsive
========================================================= */
@media (max-width: 420px){
  .elementor-element-6f643764 .match-card{ padding:12px; }
  .elementor-element-6f643764 .flag img{
    width: 84px; height: 54px;
  }
  .elementor-element-6f643764 .match-card-header .time{
    font-size:.85rem; padding:.22rem .55rem;
  }
}/* End custom CSS */
/* Start custom CSS *//* =============================
   Ranking (página post-15746)
   Solo CSS – sin tocar HTML
   ============================= */

/* Tokens locales */
.post-15746{
  --ol-blue:#00528A;
  --ol-sky:#2DD0F8;
  --ol-text:#0F172A;
  --ol-muted:#64748B;
  --ol-card:#FFFFFF;
  --ol-border:#E7EEF6;
  --ol-shadow:0 8px 24px rgba(0,0,0,.06);
  --ol-r:16px;
}

/* Contenedor alineado como las otras páginas */
.post-15746 .page-content{
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto;
  padding-left: clamp(12px, 2vw, 20px);
  padding-right: clamp(12px, 2vw, 20px);
}

/* Oculta body.elementor-page-16147/intro, deja SOLO la tabla */
.post-15746 .ranking-select-form,
.post-15746 .page-content > p{
  display:none !important;
}

/* ===== Tabla (desktop/tablet) ===== */
.post-15746 .pool-ranking.ranking-page{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:var(--ol-card);
  border:1px solid var(--ol-border);
  border-radius:var(--ol-r);
  box-shadow:var(--ol-shadow);
  overflow:hidden;
  font-family: var(--e-global-typography-text-font-family, Montserrat), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.post-15746 .pool-ranking.ranking-page tbody tr{
  border-bottom:1px solid var(--ol-border);
}
.post-15746 .pool-ranking.ranking-page tbody tr:last-child{ border-bottom:0; }

.post-15746 .pool-ranking.ranking-page td{
  padding:14px 18px;
  color:var(--ol-text);
  vertical-align:middle;
  font-size:0.98rem;
}
.post-15746 .pool-ranking.ranking-page .user-rank{
  width:80px; text-align:center; font-weight:900; color:#0b3050;
}
.post-15746 .pool-ranking.ranking-page .user-name a{
  color:var(--ol-text); text-decoration:none; font-weight:700;
}
.post-15746 .pool-ranking.ranking-page .user-name a:hover{ color:var(--ol-blue); }
.post-15746 .pool-ranking.ranking-page .user-score{
  width:120px; text-align:center; font-weight:900;
  background:#F6F8FB; border-radius:999px;
}

/* ===== Responsive (móvil: 1 columna tipo card) ===== */
@media (max-width: 680px){
  .post-15746 .pool-ranking.ranking-page{
    border:0; box-shadow:none; background:transparent;
  }
  .post-15746 .pool-ranking.ranking-page tbody{ display:block; }
  .post-15746 .pool-ranking.ranking-page tr{
    display:block;
    background:var(--ol-card);
    border:1px solid var(--ol-border);
    border-radius:14px;
    box-shadow:var(--ol-shadow);
    padding:10px 12px;
    margin-bottom:12px;
  }
  .post-15746 .pool-ranking.ranking-page td{
    display:flex; justify-content:space-between; align-items:center; gap:12px;
    padding:8px 0; border:0;
  }
  /* Etiquetas con :before (no se toca el HTML) */
  .post-15746 .pool-ranking.ranking-page td:nth-child(1)::before{ content:"Pos."; font-weight:700; color:var(--ol-muted); }
  .post-15746 .pool-ranking.ranking-page td:nth-child(2)::before{ content:"Jugador"; font-weight:700; color:var(--ol-muted); }
  .post-15746 .pool-ranking.ranking-page td:nth-child(3)::before{ content:"Puntos"; font-weight:700; color:var(--ol-muted); }

  .post-15746 .pool-ranking.ranking-page .user-rank,
  .post-15746 .pool-ranking.ranking-page .user-score{
    width:auto; text-align:right; background:transparent; border-radius:0;
  }
}

/* ===== (Opcional) modo noche si tu body tiene .ol-dark ===== */
.ol-dark.post-15746 .pool-ranking.ranking-page tr{
  background:#0B1723; border-color:#123047;
}
.ol-dark.post-15746 .pool-ranking.ranking-page td{ color:#E7F6FF; }
.ol-dark.post-15746 .pool-ranking.ranking-page .user-name a{ color:#E7F6FF; }
.ol-dark.post-15746 .pool-ranking.ranking-page .user-name a:hover{ color:#2DD0F8; }

/* Desactiva todos los enlaces solo en este bloque */
.elementor-element-6f643764 .matchinfo a {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
  color: inherit !important;
}
/* (opcional) quita el foco visual de enlaces */
.elementor-element-6f643764 .matchinfo a:focus {
  outline: none !important;
}/* End custom CSS */