.elementor-6252 .elementor-element.elementor-element-96347c5{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6252 .elementor-element.elementor-element-56e3e35{--display:flex;--min-height:325px;--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;}.elementor-6252 .elementor-element.elementor-element-56e3e35:not(.elementor-motion-effects-element-type-background), .elementor-6252 .elementor-element.elementor-element-56e3e35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://camasolympiaonline.com/hn/wp-content/uploads/2025/09/HN-OLY-banner-desktop-quiniela.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-6252 .elementor-element.elementor-element-c7c56a9{--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;}.elementor-6252 .elementor-element.elementor-element-715d402{--display:flex;}.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-6252 .elementor-element.elementor-element-0e22280 .elementor-menu-toggle{margin:0 auto;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6252 .elementor-element.elementor-element-96347c5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-c7c56a9 *//* ======================================================
   Olympia HN — Header "Ranking y Resultados" (scope exacto)
   Contenedor: .elementor-element-715d402
   Título:     .elementor-element-c0fe28e
   Intro:      .elementor-element-cff832f
   Menú:       .elementor-element-0e22280
====================================================== */

/* Tokens */
.elementor-element-715d402{
  --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 modificar anchos globales) */
.elementor-element-715d402 > .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-715d402 > .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-715d402 .elementor-element-c0fe28e .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-715d402 .elementor-element-c0fe28e .elementor-heading-title span{
  background: linear-gradient(90deg,var(--ol-blue),var(--ol-sky));
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
.elementor-element-715d402 .elementor-element-c0fe28e .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-715d402 .elementor-element-cff832f .elementor-widget-container p{
  color: var(--ol-muted);
  margin: 6px 0 14px;
  font-size: clamp(.95rem, 1.5vw, 1.05rem);
  line-height: 1.55;
}
.elementor-element-715d402 .elementor-element-cff832f .elementor-widget-container p strong{
  color: var(--ol-blue); font-weight: 800;
}

/* ===== Nav Menu (Elementor) ===== */
.elementor-element-715d402 .elementor-element-0e22280
  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-715d402 .elementor-element-0e22280 .elementor-nav-menu{
  display:flex; flex-wrap:wrap; gap: 10px 12px; align-items:center;
}

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

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

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

/* Responsive */
@media (max-width: 880px){
  .elementor-element-715d402 .elementor-element-c0fe28e .elementor-heading-title{ text-align:center; }
  .elementor-element-715d402 .elementor-element-cff832f .elementor-widget-container p{ text-align:center; }
  .elementor-element-715d402 .elementor-element-0e22280
    nav.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal{
    padding:.5rem .7rem;
  }
}
@media (max-width: 560px){
  .elementor-element-715d402 .elementor-element-0e22280 .elementor-nav-menu{ justify-content:center; }
  .elementor-element-715d402 .elementor-element-c0fe28e .elementor-heading-title::after{
    margin-inline:auto; height:5px; opacity:.28;
  }
}/* End custom CSS */
/* Start custom CSS *//* ======================================================
   Olympia HN — Vaticinios (FORM 1)
   Grid forzado + 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 */
#predictionform-1 h2{ display:none; }

/* ---------- CONTENEDOR GRID (parchea el flex del tema) ---------- */
#predictionform-1 #matchinfo-1.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" */
#predictionform-1 #matchinfo-1 .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-1 .match,
#predictionform-1 .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-1 .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-1 .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-1 .match-card-header{
  grid-area:head;
  display:flex !important; align-items:center; justify-content:space-between;
  margin-bottom:2px;
}
#predictionform-1 .match-card-header .matchdate{
  color:var(--ol-muted); font-weight:700; font-size:.94rem;
}
#predictionform-1 .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-1 .flag{ display:flex; justify-content:center; }
#predictionform-1 .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-1 .flag.home{ grid-area:hflag; }
#predictionform-1 .flag.away{ grid-area:aflag; }

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

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

#predictionform-1 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-1 input.prediction::-webkit-outer-spin-button,
#predictionform-1 input.prediction::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
#predictionform-1 input.prediction:focus{
  border-color:var(--ol-blue);
  box-shadow:0 0 0 4px rgba(0,82,138,.14);
}
#predictionform-1 input.prediction:active{ transform:scale(.98); }

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

/* ---------- BOTÓN GUARDAR ---------- */
#predictionform-1 .buttonblock.pool-page{ margin-top:18px; }
#predictionform-1 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-1 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-1 #matchinfo-1.matchinfo{
    grid-template-columns: repeat(2, minmax(260px,1fr));
  }
}
@media (max-width:680px){
  #predictionform-1 #matchinfo-1.matchinfo{
    grid-template-columns: 1fr;
  }
}

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

/* ===== Parche de ancho/alineación para Vaticinios ===== */
#predictionform-1{
  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: block !important;
  width: 100% !important;
}

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

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

/* Fondo solo detrás del bloque de cards (HN) */
#matchinfo-1{
  background-image: url("https://camasolympiaonline.com/hn/wp-content/uploads/2025/09/Fondo-Quiniela.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 30px;
  border-radius: 12px;
}/* End custom CSS */