.elementor-kit-15{--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}{}.sc_layouts_title_caption{display:var(--page-title-display);}@media(max-width:1279px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   Casino247 — CSS genérico mínimo
   Mobile-first, accesible y reutilizable
   Pegar en Apariencia > Personalizar > CSS adicional
   ========================= */

/* VARIABLES BASE */
:root{
  --c247-primary: #FFD700;    /* amarillo CTA */
  --c247-accent: #0f8f5a;     /* color secundario (verde) */
  --c247-text: #111111;
  --c247-muted: #6b7280;
  --c247-bg: #ffffff;
  --c247-card: #ffffff;
  --c247-radius: 10px;
  --c247-gap: 16px;
  --c247-max: 1200px;
  --c247-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* BASE TIPOGRÁFICA (fluida y legible) */
html{box-sizing:border-box; -webkit-text-size-adjust:100%;}
*,*::before,*::after{box-sizing:inherit}
body{font-family:var(--c247-font); color:var(--c247-text); background:var(--c247-bg); margin:0; line-height:1.6; font-size:16px;}
.container{max-width:var(--c247-max); margin:0 auto; padding:0 12px;}

/* ENCABEZADOS — H1 centrado (títulos de página), H2/H3 normales */
h1{font-size:clamp(22px,4.6vw,36px); font-weight:800; margin:18px 0 10px; text-align:center;}
h2{font-size:clamp(18px,3.4vw,24px); margin:18px 0 10px; font-weight:700;}
h3{font-size:16px; margin:14px 0 8px; font-weight:700;}
p{margin:0 0 14px; color:var(--c247-text);}

/* UTILIDADES DE TEXTO */
strong{font-weight:700;}
em{font-style:italic; color:var(--c247-muted);}

/* ENLACES */
a{color:var(--c247-accent); text-decoration:none;}
a:hover{text-decoration:underline;}

/* BOTONES (CTA genérico para afiliados u otras CTAs) */
.c247-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 18px; min-height:48px; border-radius:10px;
  background:var(--c247-primary); color:#000; font-weight:800; text-decoration:none;
  box-shadow:0 4px 14px rgba(0,0,0,0.08); transition:transform .08s ease, box-shadow .12s ease;
  border:0; cursor:pointer;
}
.c247-cta:focus{ outline:3px solid rgba(255,215,0,0.20); outline-offset:3px; }
.c247-cta:hover{ transform:translateY(-2px); box-shadow:0 8px 26px rgba(0,0,0,0.12); }

/* Botón secundario */
.c247-cta--muted{ background:#f4f4f4; color:#111; font-weight:700; }

/* BREADCRUMBS (visible encima del título) */
.breadcrumbs{ font-size:13px; color:var(--c247-muted); margin:10px 0; display:flex; gap:8px; align-items:center; }
.breadcrumbs a{ color:var(--c247-muted); }

/* TABLAS BÁSICAS (dónde jugar, comparativas) */
.table-c247{ width:100%; border-collapse:collapse; margin:14px 0; font-size:15px; }
.table-c247 th, .table-c247 td{ padding:12px 10px; border-bottom:1px solid #f0f0f2; text-align:left; vertical-align:middle; }
.table-c247 th{ font-weight:700; }

/* TARJETAS / GRID */
.c247-cards{ display:grid; gap:var(--c247-gap); grid-template-columns:repeat(1,1fr); }
@media(min-width:720px){ .c247-cards{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .c247-cards{ grid-template-columns:repeat(3,1fr); } }
.c247-card{ background:var(--c247-card); border-radius:var(--c247-radius); padding:12px; box-shadow:0 6px 18px rgba(0,0,0,0.04); display:flex; gap:12px; align-items:center; }

/* IMÁGENES y evitar CLS */
img{max-width:100%; height:auto; display:block;}
.img-fixed{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; }

/* BLOQUES DE CONFIANZA (DGOJ, métodos de pago) */
.c247-trust{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:10px; border-radius:8px; background:#fafafa; border:1px solid #f0f0f2; }

/* FAQ (simple, accesible) */
.c247-faq .q{ cursor:pointer; padding:12px; background:#fff; border-radius:8px; margin-bottom:8px; box-shadow:0 6px 18px rgba(0,0,0,0.04); display:flex; justify-content:space-between; align-items:center;}
.c247-faq .a{ display:none; padding:12px; color:var(--c247-muted); }
.c247-faq .open .a{ display:block; }

/* STICKY CTA móvil (opcional) */
.c247-sticky{ position:fixed; left:12px; right:12px; bottom:12px; z-index:9999; display:flex; gap:10px; justify-content:center; padding:6px; pointer-events:auto; }
.c247-sticky .c247-cta{ flex:1; }
@media(min-width:900px){ .c247-sticky{ display:none; } }

/* UTILIDADES RÁPIDAS */
.center{ text-align:center; }
.small{ font-size:13px; color:var(--c247-muted); }
.kicker{ font-weight:700; color:var(--c247-muted); font-size:13px; margin-bottom:6px; }

/* ACCESIBILITY / MOTION */
@media (prefers-reduced-motion: reduce){ .c247-cta{ transition:none; transform:none; } }/* End custom CSS */