.elementor-15745 .elementor-element.elementor-element-a2d680d{--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-15745 .elementor-element.elementor-element-7440bab .elementor-menu-toggle{margin:0 auto;}@media(max-width:767px){.elementor-15745 .elementor-element.elementor-element-a2d680d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-15745 .elementor-element.elementor-element-a2d680d{--content-width:90%;}}/* Start custom CSS for container, class: .elementor-element-a2d680d *//* ======================================================
   Olympia+ — Header "Ranking y Resultados" (sin cambiar anchos)
   Scope: .elementor-element-a2d680d
   Match visual del bloque 6f8c9d0f
   by WIDDI
====================================================== */

/* Tokens */
.elementor-element-a2d680d{
  --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-a2d680d .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-a2d680d .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-a2d680d .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-a2d680d .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-a2d680d .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-a2d680d .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-a2d680d .elementor-widget-text-editor p strong{
  color: var(--ol-blue);
  font-weight: 800;
}

/* ===== Nav Menu (Elementor) ===== */
/* contenedor visual (no cambia anchos) */
.elementor-element-a2d680d 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-a2d680d .elementor-nav-menu{
  display:flex;
  flex-wrap:wrap;
  gap: 10px 12px;
  align-items:center;
}

/* enlaces */
.elementor-element-a2d680d .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-a2d680d .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-a2d680d .elementor-nav-menu .current-menu-item > .elementor-item,
.elementor-element-a2d680d .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-a2d680d .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-a2d680d .elementor-menu-toggle:hover{
  filter:saturate(1.1);
  transform: translateY(-1px);
}

/* dropdown */
.elementor-element-a2d680d .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-a2d680d .elementor-nav-menu--dropdown .elementor-item{
  display:block;
  padding:.65rem .8rem;
  border-radius:10px;
  color:#0F172A;
}
.elementor-element-a2d680d .elementor-nav-menu--dropdown .elementor-item:hover{
  background:#ecf6ff;
  color: var(--ol-blue);
}

/* ===== Accesibilidad: focus visible ===== */
.elementor-element-a2d680d .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-a2d680d .elementor-widget-heading .elementor-heading-title{
    text-align:center;
  }
  .elementor-element-a2d680d .elementor-widget-text-editor p{
    text-align:center;
  }
  .elementor-element-a2d680d nav.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal{
    padding:.5rem .7rem;
  }
}
@media (max-width: 560px){
  .elementor-element-a2d680d .elementor-nav-menu{
    justify-content:center;
  }
  .elementor-element-a2d680d .elementor-widget-heading .elementor-heading-title::after{
    margin-inline:auto;
    height:5px; opacity:.28;
  }
}/* End custom CSS */
/* Start custom CSS *//* ======================================================
   Olympia+ — Vaticinios (FORM 2)
   Forzado de grid + estilo "Calendario" + responsive
   ====================================================== */

/* Tokens */
.fp-prediction-form{
  --ol-blue:#00528A;
  --ol-sky:#2DD0F8;
  --ol-card:#FFFFFF;
  --ol-text:#0F172A;
  --ol-muted:#6B7280;
  --ol-border:#E6EDF5;
  --ol-bg:#F6F8FB;
  --ol-shadow:0 10px 22px rgba(0,0,0,.06);
  --ol-r:16px;
  font-family: var(--e-global-typography-text-font-family, Montserrat), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Oculta el H2 nativo */
.fp-prediction-form h2{ display:none; }

/* ---------- CONTENEDOR GRID (parchea el flex del tema) ---------- */
#predictionform-2 #matchinfo-2.matchinfo{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap:18px;
  width:auto !important;
  margin:0 auto !important;
  padding-left: clamp(12px,2vw,16px);
  padding-right: clamp(12px,2vw,16px);
}

/* Banda "Clasificatoria" alineada */
#predictionform-2 #matchinfo-2 .matchtype{
  grid-column:1 / -1;
  background: linear-gradient(90deg, var(--ol-blue), var(--ol-sky));
  color:#fff; font-weight:800; letter-spacing:.25px;
  padding:.7rem 1rem; border-radius:10px; margin-bottom:10px;
}

/* ---------- TARJETA ---------- */
#predictionform-2 .match,
#predictionform-2 .match-card{
  width:auto !important; margin:0 !important;
  background:var(--ol-card) !important;
  border:1px solid var(--ol-border) !important;
  border-radius:var(--ol-r) !important;
  padding:18px !important;
  box-shadow:var(--ol-shadow);
  position:relative; overflow:hidden;
  display:grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "head head"
    "hflag aflag"
    "hname aname"
    "hscore ascore"
    "meta  meta";
  row-gap:10px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#predictionform-2 .match:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.10);
  border-color:#dbe7f2 !important;
}

/* Línea superior de marca */
#predictionform-2 .match::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, var(--ol-blue), var(--ol-sky));
}

/* Header */
#predictionform-2 .match-card-header{
  grid-area:head;
  display:flex !important; align-items:center; justify-content:space-between;
  margin-bottom:2px;
}
#predictionform-2 .match-card-header .matchdate{
  color:var(--ol-muted); font-weight:700; font-size:.94rem;
}
#predictionform-2 .match-card-header .time{
  font-weight:800; font-size:.9rem; color:var(--ol-text);
  background:#EAF4FB; border:1px solid var(--ol-border);
  padding:.28rem .6rem; border-radius:999px;
}

/* Banderas */
#predictionform-2 .flag{ display:flex; justify-content:center; }
#predictionform-2 .flag img{
  width:92px !important; height:58px !important;
  object-fit:cover; border-radius:12px;
  border:1px solid #EFF3F8; box-shadow:0 4px 12px rgba(0,0,0,.08);
}
#predictionform-2 .flag.home{ grid-area:hflag; }
#predictionform-2 .flag.away{ grid-area:aflag; }

/* Nombres */
#predictionform-2 .home, #predictionform-2 .away{
  text-align:center; font-weight:900; color:var(--ol-text);
  font-size:1rem; margin-top:2px;
}
#predictionform-2 .home{ grid-area:hname; }
#predictionform-2 .away{ grid-area:aname; }

/* Marcadores (input tipo pill) */
#predictionform-2 .score{
  display:flex; justify-content:center; align-items:center;
}
#predictionform-2 .score:nth-of-type(1){ grid-area:hscore; }
#predictionform-2 .score:nth-of-type(2){ grid-area:ascore; }

#predictionform-2 input.prediction[type="number"]{
  width:72px; height:42px; text-align:center;
  font-weight:900; font-size:1.05rem; color:var(--ol-text);
  background:#bcbcbc; border:1px solid var(--ol-border);
  border-radius:999px; outline:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  -moz-appearance:textfield;
  transition:border-color .18s, box-shadow .18s, transform .08s;
}
#predictionform-2 input.prediction::-webkit-outer-spin-button,
#predictionform-2 input.prediction::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
#predictionform-2 input.prediction:focus{
  border-color:var(--ol-blue);
  box-shadow:0 0 0 4px rgba(0,82,138,.14);
}
#predictionform-2 input.prediction:active{ transform:scale(.98); }

/* Footer opcional */
#predictionform-2 .match-card-footer{
  grid-area:meta; margin-top:6px;
  display:flex; justify-content:flex-end; gap:10px;
}
#predictionform-2 .user-score .no-score{ display:none; }

/* ---------- BOTÓN GUARDAR ---------- */
#predictionform-2 .buttonblock.pool-page{ margin-top:18px; }
#predictionform-2 input[type="submit"][name="_submit"]{
  appearance:none; border:0; cursor:pointer;
  background: linear-gradient(90deg, var(--ol-blue), var(--ol-sky));
  color:#fff; font-weight:800; letter-spacing:.3px;
  border-radius:14px; padding:.9rem 1.2rem;
  box-shadow:0 10px 22px rgba(0,82,138,.25);
  transition: transform .08s ease, box-shadow .2s ease, filter .15s;
}
#predictionform-2 input[type="submit"][name="_submit"]:hover{
  transform: translateY(-1px);
  box-shadow:0 14px 28px rgba(0,82,138,.33);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  #predictionform-2 #matchinfo-2.matchinfo{
    grid-template-columns: repeat(2, minmax(260px,1fr));
  }
}
@media (max-width:680px){
  #predictionform-2 #matchinfo-2.matchinfo{
    grid-template-columns: 1fr;
  }
}

/* ---------- MODO OSCURO (opcional: añade .ol-dark al <body>) ---------- */
.ol-dark #predictionform-2 .match{
  background:#0B1723 !important; border-color:#123047 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.38);
}
.ol-dark #predictionform-2 .match::before{
  background:linear-gradient(90deg,#0FA0D0,#2DD0F8);
}
.ol-dark #predictionform-2 .match-card-header .matchdate{ color:#B7C7D6; }
.ol-dark #predictionform-2 .match-card-header .time{
  background:#0E2233; color:#E7F6FF; border-color:#163652;
}
.ol-dark #predictionform-2 .home, .ol-dark #predictionform-2 .away{ color:#E7F6FF; }
.ol-dark #predictionform-2 input.prediction[type="number"]{
  background:#0E2233; color:#E7F6FF; border-color:#163652;
}


/* ===== Parche de ancho/alineación para Vaticinios ===== */
#predictionform-2{
  /* usa el mismo ancho “wide” del tema */
  max-width: var(--wp--style--global--wide-size, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;

  /* mismo respiro lateral que tu container */
  padding-left: clamp(12px, 2vw, 20px) !important;
  padding-right: clamp(12px, 2vw, 20px) !important;

  /* evita que algún layout padre lo estire raro */
  display: block !important;
  width: 100% !important;
}

/* El grid ya hereda el ancho del form; sólo quitamos márgenes propios */
#predictionform-2 #matchinfo-2.matchinfo{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Botón “Guardar” alineado al mismo container */
#predictionform-2 .buttonblock.pool-page{
  max-width: inherit;
  margin-left: 0; /* queda alineado al grid */
}



/* Fondo solo detrás del bloque de cards */
#matchinfo-2 {
  background-image: url("https://camasolympiaonline.com/gt/wp-content/uploads/2025/09/Fondo-Quiniela.jpg");
  background-size: cover;       /* que cubra todo el bloque */
  background-position: center;  /* centrado */
  background-repeat: no-repeat; /* no repetir */
  padding: 30px;                /* para que no pegue a los bordes */
  border-radius: 12px;          /* opcional */
}/* End custom CSS */