.xg-home,.xg-home *{box-sizing:border-box}.xg-home{--xg-bg:#193452;--xg-blue:#005b96;--xg-panel:#132c4c;--xg-green:#76be09;--xg-light:#2d8ac6;font-family:Arial,Helvetica,sans-serif;background:var(--xg-bg);color:#fff;line-height:1.28;width:100%;max-width:none!important;overflow:hidden;font-size:13px}.xg-home button,.xg-home input{font:inherit}.xg-home button{cursor:pointer}.xg-home button:focus-visible,.xg-home input:focus-visible{outline:2px solid #f8dd38;outline-offset:2px}.xg-home .xg-btn{color:#fff;border:0;border-radius:5px;font-size:11px;font-weight:700;padding:9px 14px;white-space:nowrap}.xg-home .xg-btn-green{background:#79bf08}.xg-home .xg-btn-green:hover{background:#94db1e}.xg-home .xg-btn-blue{background:#0769ab}.xg-home .xg-btn-blue:hover{background:#1686ce}.xg-header{background:linear-gradient(#00518a,#005891)}.xg-header-main{min-height:42px;display:flex;justify-content:space-between;align-items:center;padding:4px 16px;gap:12px}.xg-identity{display:flex;align-items:center;gap:16px}.xg-logo{font-weight:1000;font-style:italic;font-size:34px;letter-spacing:-3px;line-height:1;color:#fff}.xg-logo span{color:#9de5ff}.xg-flag{font-size:23px}.xg-header-actions{display:flex;align-items:center;gap:5px}.xg-action-icon{min-width:25px;height:25px;display:grid;place-items:center;border-radius:3px;background:#0a75b7}.xg-money{background:#329045;color:#d4eb00;font-weight:900}.xg-language{white-space:nowrap;font-size:11px;background:#0573af;padding:8px 5px}.xg-navbar{display:flex;align-items:center;gap:17px;background:#035087;min-height:29px;padding:5px 15px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:10.5px;font-weight:800}.xg-navbar::-webkit-scrollbar{display:none}.xg-content{padding:10px 12px 8px}.xg-toolbar{background:#142b49;min-height:35px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:2px 7px;gap:6px}.xg-toolbar>strong{text-align:center;font-size:14px}.xg-breadcrumb{font-size:10px;color:#d3dfed}.xg-search{justify-self:end;background:#29466c;display:flex;align-items:center;padding:0 7px;border-radius:3px;width:180px;height:25px}.xg-search input{min-width:0;width:100%;background:transparent;border:0;color:#fff;font-size:11px;outline:none}.xg-search input::placeholder{color:#bdc9d9}.xg-search span{font-size:20px}.xg-hero-wrap{display:grid;grid-template-columns:39px minmax(0,2.6fr) minmax(240px,1fr);gap:6px;min-height:228px;margin-bottom:17px}.xg-side-icons{display:flex;flex-direction:column;align-items:center;background:#24446d;border-radius:4px;padding:0 3px;gap:8px}.xg-side-icons span{width:31px;height:37px;display:grid;place-items:center;font-size:17px;color:#b9c8e0}.xg-side-icons .xg-selected{color:#fff;background:#056bb5;border-radius:5px}.xg-hero{min-height:228px;background:radial-gradient(ellipse at 79% 93%,#078af7 0%,transparent 46%),linear-gradient(133deg,#005894 0 41%,#091147 41% 100%);position:relative;border-radius:5px;overflow:hidden}.xg-hero-slide{position:relative;min-height:228px}.xg-placeholder-caption{position:absolute;top:13px;right:18px;color:#acd3ff;opacity:.75;font-size:11px;letter-spacing:.7px}.xg-hero-copy{position:absolute;left:30px;top:62px;z-index:2;max-width:44%}.xg-hero-copy strong{font-size:18px;line-height:1.2;display:block}.xg-hero-copy p{font-size:12px;margin:8px 0 14px}.xg-hero-decoration{position:absolute;right:10%;top:35px;transform:rotate(-15deg);font-size:84px;color:#ffd765;text-shadow:0 5px 20px #f5a922;opacity:.76}.xg-hero-decoration span{display:inline-block}.xg-hero-decoration span:last-child{font-size:120px}.xg-hero-controls{position:absolute;bottom:8px;left:48%;right:7px;display:flex;justify-content:space-between;align-items:center}.xg-dots{display:flex;gap:5px}.xg-dots button{width:7px;height:7px;padding:0;background:#459cd1;border:0;border-radius:9px}.xg-dots button.is-active{width:21px;background:#fff}.xg-square-arrow{background:#319ce1;border:0;border-radius:4px;color:#fff;font-size:25px;margin-left:4px;width:31px;height:31px}.xg-login-panel{border-radius:5px;overflow:hidden;position:relative;background:radial-gradient(circle at 93% 65%,#189bcd,transparent 53%),linear-gradient(135deg,#034e8a,#035a94);min-width:0}.xg-login-copy{padding:38px 8px 12px 21px;position:relative;z-index:2;width:72%}.xg-login-copy strong{font-size:13px}.xg-login-copy p{font-size:12px;line-height:1.24}.xg-login-buttons{display:flex;gap:5px}.xg-person-placeholder{position:absolute;right:-6px;bottom:0;height:70%;width:37%;background:linear-gradient(180deg,#bddded88,#3b7aa7dd);border-radius:50% 50% 0 0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:11px;padding:8px;opacity:.7}.xg-section{padding:0 0 8px;margin:0 0 14px;background:#172f51}.xg-section-heading{min-height:30px;display:flex;gap:6px;align-items:center;padding:2px 11px;font-size:12px}.xg-section-heading .xg-chevron{color:#a3bfda;font-size:21px}.xg-carousel{position:relative}.xg-track{display:flex;overflow-x:auto;gap:9px;scroll-behavior:smooth;scrollbar-width:none;padding:0 10px 2px}.xg-track::-webkit-scrollbar{display:none}.xg-tile{position:relative;flex:none;border-radius:13px;overflow:hidden;min-width:0;isolation:isolate;background:#0c2250;cursor:default}.xg-games .xg-tile{width:calc((100% - 8*9px)/8.3);height:218px;min-width:115px}.xg-tile-art{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:8px;background:radial-gradient(ellipse at 40% 23%,#ffffff22,transparent 55%)}.xg-art-icon{font-size:60px;color:#ffffff8f;text-shadow:0 10px 20px #0005}.xg-asset-label{font-weight:700;opacity:.65;font-size:10px;letter-spacing:1px}.xg-tile-copy{position:absolute;bottom:0;left:0;right:0;padding:30px 8px 11px;background:linear-gradient(transparent,#0009);text-align:center}.xg-tile-copy strong{display:block;line-height:1.1;font-size:15px}.xg-tile-copy small{display:block;margin-top:8px;font-size:11px}.xg-coral{background:linear-gradient(140deg,#ffaf37,#d43c3b)}.xg-magenta{background:linear-gradient(130deg,#8411c0,#f92bb7)}.xg-red{background:linear-gradient(140deg,#a31015,#f2161b)}.xg-violet{background:linear-gradient(140deg,#3419b9,#a321d1)}.xg-blue{background:linear-gradient(140deg,#06317e,#006beb)}.xg-blackred{background:linear-gradient(140deg,#01040f 20%,#ed004c)}.xg-blackgold{background:linear-gradient(140deg,#04050d 25%,#ac8b06)}.xg-orange{background:linear-gradient(140deg,#ee8555,#ec3e48)}.xg-fire{background:linear-gradient(140deg,#b31b0b,#ff6400)}.xg-arrow{position:absolute;z-index:5;top:41%;font-size:27px;color:#1a395a;border:0;background:#d5e0ea;border-radius:5px;width:29px;height:42px;opacity:.8}.xg-arrow:hover{opacity:1}.xg-prev{left:3px}.xg-next{right:3px}.xg-section-3{padding-bottom:9px}.xg-offers{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 10px}.xg-offer{min-height:190px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(132deg,#005d9b 0 48%,#063b88 48% 72%,#0d1c67 72%);display:flex;align-items:center}.xg-offer-2{background:linear-gradient(132deg,#005d9b 0 50%,#0a2781 50% 80%,#273fbd 80%)}.xg-offer-copy{padding:14px 28px;position:relative;z-index:2;width:57%}.xg-offer-copy strong{font-size:14px}.xg-offer-copy p{font-size:12px;max-width:250px;line-height:1.2}.xg-offer-placeholder{position:absolute;right:7%;top:30%;display:grid;place-items:center;width:35%;height:45%;border:2px dashed #9fd7ff78;border-radius:8px;color:#c7e8ff;font-weight:700;font-size:12px;transform:rotate(-8deg)}.xg-activities{min-height:385px;border-radius:9px;display:grid;grid-template-columns:35% 65%;position:relative;overflow:hidden;margin:0 10px 17px;background:radial-gradient(ellipse at 60% 85%,#05acff 0%,transparent 40%),linear-gradient(115deg,#071151 0%,#291ba7 47%,#043882 100%)}.xg-activities-copy{align-self:center;padding:30px}.xg-activities-copy h2{font-size:26px;line-height:1.2;margin:0 0 12px}.xg-activities-copy p{max-width:250px;font-size:12px}.xg-activities-feature{max-width:545px;justify-self:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 16px 10px}.xg-mini-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;height:68px}.xg-mini-tabs span{border-radius:8px;background:linear-gradient(#2443a7,#061c60);text-align:center;display:grid;place-items:center;padding:9px;font-size:12px;font-weight:bold;color:#aac7f9}.xg-mini-tabs span:first-child{background:linear-gradient(#522079,#db376f)}.xg-mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding:6px;border:4px solid #03e3e4;box-shadow:0 0 15px #08f2e2;border-radius:15px}.xg-mini-cards .xg-tile{height:196px;width:100%;border-radius:9px}.xg-spin{margin-top:3px;width:220px;max-width:100%;background:#79cb08;border:0;color:white;font-weight:900;border-radius:30px;height:46px}.xg-spin span{font-size:23px;margin-right:22px;background:#ffffff4b;border-radius:50%;padding:4px}.xg-tournaments .xg-tile{width:calc((100% - 4*8px)/4.55);height:245px;min-width:205px}.xg-tournaments .xg-tile-copy strong{font-size:22px}.xg-tournaments .xg-tile-copy small{font-size:16px;font-weight:800}.xg-providers{background:#045486;border-radius:6px;margin:0 0 8px;padding:15px 16px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:16px 19px;align-items:center}.xg-providers span{text-align:center;color:#d8eaf5;font-style:italic;font-size:14px;font-weight:900;opacity:.85}.xg-footer{background:#005587;padding:10px 12px 6px}.xg-footer-columns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;min-height:170px}.xg-footer-col{display:flex;flex-direction:column;align-items:start;gap:4px}.xg-footer-col strong{font-size:11px;margin-bottom:3px}.xg-footer-col span{font-size:10px;line-height:1.3;color:#e0eaf0}.xg-footer-bottom{border-top:5px solid #0d4070;padding-top:7px;display:grid;grid-template-columns:3fr 1.3fr 1fr;gap:5px}.xg-cookie,.xg-support,.xg-social{min-height:70px;background:#0870aa;border-radius:6px;padding:10px}.xg-cookie{color:#bdd5e4;font-size:11px;display:flex;align-items:center}.xg-support{display:flex;gap:11px;align-items:center;font-size:30px}.xg-support span{display:flex;flex-direction:column}.xg-support b{font-size:11px}.xg-support small{font-size:12px}.xg-social{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:6px}.xg-social span{background:#fff;color:#0866a3;border-radius:50%;font-size:18px;font-weight:bold;width:26px;height:26px;text-align:center;line-height:26px}.xg-social small{width:100%;text-align:center;background:#1269b1;padding:5px}.xg-demo-alert{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:99999;max-width:90vw;background:#f9e0a1;color:#12253e;padding:14px 22px;border-radius:9px;font-weight:bold;box-shadow:0 5px 20px #0009}.xg-demo-alert[hidden]{display:none}
@media(max-width:1100px){.xg-games .xg-tile{width:150px}.xg-tournaments .xg-tile{width:230px}.xg-header-actions .xg-action-icon{display:none}.xg-hero-wrap{grid-template-columns:36px minmax(0,2fr) minmax(210px,1fr)}.xg-hero-copy{left:18px;max-width:57%}.xg-hero-copy strong{font-size:15px}.xg-activities{grid-template-columns:30% 70%}}
@media(max-width:767px){.xg-header-main{padding:8px;min-height:56px}.xg-logo{font-size:29px}.xg-header-actions{gap:4px}.xg-header-actions .xg-btn{font-size:9px;padding:8px 6px}.xg-language{display:none}.xg-navbar{gap:16px;font-size:10px}.xg-content{padding:6px}.xg-toolbar{grid-template-columns:1fr 1fr;min-height:39px}.xg-toolbar .xg-breadcrumb{display:none}.xg-toolbar>strong{text-align:left;font-size:12px}.xg-search{width:100%;max-width:180px}.xg-hero-wrap{grid-template-columns:31px minmax(0,1fr);gap:4px;margin-bottom:12px}.xg-side-icons{grid-row:1/3}.xg-hero,.xg-hero-slide{min-height:220px}.xg-hero-copy{top:58px;left:15px}.xg-hero-copy strong{font-size:15px}.xg-hero-copy p{font-size:11px}.xg-hero-decoration{font-size:40px;right:8%;top:80px}.xg-hero-decoration span:last-child{font-size:70px}.xg-login-panel{grid-column:2;min-height:125px}.xg-login-copy{padding:14px;width:80%}.xg-login-copy p{max-width:250px}.xg-person-placeholder{width:25%}.xg-games .xg-tile{width:135px;height:193px}.xg-offers{grid-template-columns:1fr}.xg-offer{min-height:165px}.xg-activities{grid-template-columns:1fr;min-height:0;margin:0 3px 12px}.xg-activities-copy{padding:20px 20px 2px}.xg-activities-copy h2{font-size:22px}.xg-activities-feature{max-width:540px}.xg-mini-cards .xg-tile{height:175px}.xg-mini-cards .xg-tile-copy strong{font-size:12px}.xg-mini-cards .xg-tile-copy small{font-size:9px}.xg-tournaments .xg-tile{width:200px;height:230px}.xg-providers{grid-template-columns:repeat(3,1fr);gap:18px 8px}.xg-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:0;padding-bottom:20px}.xg-footer-bottom{grid-template-columns:1fr 1fr}.xg-cookie{grid-column:1/-1;min-height:45px}.xg-footer{padding:8px}}
@media(max-width:420px){.xg-flag{display:none}.xg-logo{font-size:26px}.xg-login-copy{width:86%}.xg-login-buttons .xg-btn{font-size:9px;padding:7px}.xg-hero-copy{max-width:67%}.xg-hero-decoration{opacity:.45}.xg-mini-tabs{gap:4px;height:47px}.xg-mini-tabs span{font-size:9px;padding:4px}.xg-activities-feature{padding:8px}.xg-mini-cards{gap:4px;padding:3px;border-width:3px}.xg-mini-cards .xg-tile{height:146px}.xg-mini-cards .xg-art-icon{font-size:35px}.xg-mini-cards .xg-asset-label{font-size:7px}.xg-mini-cards .xg-tile-copy{padding:22px 2px 6px}.xg-mini-cards .xg-tile-copy strong{font-size:10px}.xg-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.xg-footer-bottom{grid-template-columns:1fr}.xg-cookie{grid-column:auto}}

/* v0.2: Roboto local y tipografías medidas para el diseño de referencia. */
@font-face{font-family:"Roboto XG";src:url("/wp-content/uploads/fonts/roboto-v51-latin-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Roboto XG";src:url("/wp-content/uploads/fonts/roboto-v51-latin-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Roboto XG";src:url("/wp-content/uploads/fonts/roboto-v51-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Roboto XG";src:url("/wp-content/uploads/fonts/roboto-v51-latin-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
.xg-home{font-family:"Roboto XG",Roboto,Arial,sans-serif}
.xg-home .xg-navbar{font-size:14px;font-weight:700}
.xg-home .xg-breadcrumb{font-size:12px;font-weight:400}
.xg-home .xg-toolbar>strong{font-size:18px;font-weight:500}
.xg-home .xg-search input{font-size:14px;font-weight:400}
.xg-home .xg-login-copy strong{font-size:20px;font-weight:700}
.xg-home .xg-login-copy p{font-size:14px;font-weight:400}
.xg-home .xg-login-buttons .xg-btn{font-size:13px;font-weight:400}
.xg-home .xg-hero-copy strong{font-size:20px;font-weight:700}
.xg-home .xg-hero-copy p{font-size:12px;font-weight:400}
.xg-home .xg-section-heading strong{font-size:16px;font-weight:500}
.xg-home .xg-games .xg-tile-copy strong,.xg-home .xg-games .xg-tile-copy small{font-size:16px;font-weight:400}
.xg-home .xg-offer-copy strong{font-size:16px;font-weight:500}
.xg-home .xg-offer-copy p{font-size:12px;font-weight:400}
.xg-home .xg-activities-copy h2{font-size:28px;font-weight:700}
.xg-home .xg-activities-copy p{font-size:14px;font-weight:400}
.xg-home .xg-spin{font-size:22px;font-weight:500}
.xg-home .xg-footer-col strong{font-size:14px;font-weight:700}
.xg-home .xg-footer-col span{font-size:12px;font-weight:400}
/* Ofertas: dos visibles en escritorio; deslizar horizontalmente */
.xg-home .xg-offers-carousel{position:relative;min-width:0}
.xg-home .xg-offers{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:0 10px 2px}
.xg-home .xg-offers::-webkit-scrollbar{display:none}
.xg-home .xg-offer{flex:0 0 calc((100% - 29px)/2);min-width:0;scroll-snap-align:start}
.xg-home .xg-offers-carousel>.xg-arrow{top:42%}
@media(max-width:767px){.xg-home .xg-offer{flex-basis:calc(100% - 20px)}.xg-home .xg-navbar{font-size:14px}.xg-home .xg-toolbar>strong{font-size:18px}.xg-home .xg-hero-copy strong{font-size:20px}.xg-home .xg-activities-copy h2{font-size:28px}}
@media(max-width:420px){.xg-home .xg-login-buttons .xg-btn{font-size:13px}.xg-home .xg-navbar{font-size:14px}}

/* v0.2.2 — ajustes visuales del header según referencia */
.xg-home .xg-header{background:#1D4268;padding:4px 5px 5px}
.xg-home .xg-header-main{min-height:48px;padding:0 13px;gap:14px;background:#1D4268}
.xg-home .xg-identity{gap:23px;flex-shrink:0}
.xg-home .xg-logo{font-family:Arial,sans-serif;font-size:36px;font-weight:900;letter-spacing:-2.5px;transform:skew(-8deg)}
.xg-home .xg-logo span{color:#fff}
.xg-home .xg-flag{font-size:25px;line-height:1}
.xg-home .xg-header-actions{gap:7px}
.xg-home .xg-action-icon{position:relative;min-width:33px;width:33px;height:33px;background:#276AA5;border-radius:6px;color:#fff;font-size:21px}
.xg-home .xg-action-icon svg{height:19px;width:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.xg-home .xg-gift small{position:absolute;top:-3px;right:-3px;border-radius:50%;background:#7EAC2F;font-size:10px;width:15px;height:15px;text-align:center;line-height:15px}
.xg-home .xg-money{color:#7bd038;font-weight:700;font-size:25px}
.xg-home .xg-header-actions>.xg-btn{height:33px;border-radius:6px;padding:0 19px;font-size:13px;font-weight:500;line-height:33px}
.xg-home .xg-header-actions>.xg-btn-green{background:#7EAC2F}
.xg-home .xg-header-actions>.xg-btn-green:hover{background:#91bc43}
.xg-home .xg-header-actions>.xg-btn-blue{background:#276AA5}
.xg-home .xg-header-actions>.xg-btn-blue:hover{background:#3387D1}
.xg-home .xg-language{background:#276AA5;border-radius:6px;display:flex;align-items:stretch;font-size:13px;padding:0;min-height:33px;overflow:hidden;color:#fff}
.xg-home .xg-settings,.xg-home .xg-lang-info{display:flex;align-items:center;gap:5px;padding:0 10px}
.xg-home .xg-settings{border-right:1px solid #1D4268;font-size:20px}
.xg-home .xg-nav-chevron{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:3px}
.xg-home .xg-navbar{background:#205583;border-radius:6px;min-height:40px;padding:3px 5px;gap:1px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;font-size:14px;font-weight:700}
.xg-home .xg-nav-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:33px;padding:5px 9px;border-radius:6px;color:white;font-size:14px;font-weight:700;line-height:1;transition:background-color 150ms ease;cursor:default}
.xg-home .xg-nav-item:hover,.xg-home .xg-nav-item:focus-visible{background:#2769A4}
.xg-home .xg-nav-item .xg-nav-chevron{margin-left:0}
.xg-home .xg-trophy{height:18px;width:18px;fill:#fff;stroke:#fff;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.xg-home .xg-west{gap:7px;margin-left:12px}
.xg-home .xg-west svg{height:24px;width:24px;fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){.xg-home .xg-header-actions{gap:4px}.xg-home .xg-header-actions .xg-action-icon{display:grid}.xg-home .xg-nav-item{font-size:14px}}
@media(max-width:767px){.xg-home .xg-header-main{min-height:48px;padding:3px 6px}.xg-home .xg-logo{font-size:29px}.xg-home .xg-header-actions>.xg-btn{padding:0 7px;font-size:10px;height:30px;line-height:30px}.xg-home .xg-action-icon{min-width:28px;width:28px;height:30px}.xg-home .xg-navbar{min-height:37px}.xg-home .xg-nav-item{min-height:30px;font-size:13px}.xg-home .xg-language{display:none}}
@media(max-width:420px){.xg-home .xg-header-actions .xg-action-icon{display:none}.xg-home .xg-identity{gap:7px}.xg-home .xg-header-main{gap:4px}.xg-home .xg-header-actions>.xg-btn{font-size:9px;padding:0 5px}}

/* v0.2.3 — SVG originales, recursos de la biblioteca y tipografía botones header */
.xg-home .xg-logo-img{display:block;width:125px;height:auto;max-height:44px;object-fit:contain}
.xg-home .xg-flag-img{display:block;width:29px;height:22px;object-fit:contain}
.xg-home .xg-action-icon svg{width:20px;height:20px;fill:currentColor;stroke:none}
.xg-home .xg-money svg{width:18px;height:22px;fill:#78d142}
.xg-home .xg-settings svg{width:18px;height:18px;fill:#fff;display:block}
.xg-home .xg-trophy{width:19px;height:18px;fill:#fff;stroke:none}
.xg-home .xg-header-actions>.xg-btn{font-size:14px;font-weight:400}
@media(max-width:767px){.xg-home .xg-logo-img{width:104px}.xg-home .xg-flag-img{width:23px;height:18px}.xg-home .xg-header-actions>.xg-btn{font-size:11px}}
@media(max-width:420px){.xg-home .xg-logo-img{width:84px}.xg-home .xg-header-actions>.xg-btn{font-size:10px}}

/* v0.2.4 · fondo unificado y estructura del área casino */
.xg-home{--xg-bg:#283858;background:#283858}
.xg-home .xg-content{background:#283858;padding:0 8px 8px}
.xg-home .xg-toolbar{background:transparent;min-height:46px;padding:0 2px;margin:0 0 5px}
.xg-home .xg-breadcrumb{display:flex;align-items:center;gap:5px;color:#fff}
.xg-home .xg-breadcrumb svg{width:15px;height:15px;fill:#d4e0ec;flex-shrink:0}
.xg-home .xg-search{background:#344a79;border-radius:7px;height:32px;width:240px}
.xg-home .xg-hero-wrap{display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:56px minmax(250px,auto);gap:8px;margin-bottom:17px;min-height:0}
.xg-home .xg-side-icons{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:7px;align-items:center;padding:12px 6px;background:#344772;border-radius:10px;position:relative}
.xg-home .xg-side-icons span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:#d0dbee;border-radius:8px}
.xg-home .xg-side-icons span svg{width:21px;height:21px;fill:currentColor;display:block}
.xg-home .xg-side-icons .xg-selected{color:#fff;background:#0672c4}
.xg-home .xg-side-icons .xg-selected::after{content:"";position:absolute;right:0;top:12px;width:4px;height:42px;background:#19a1ff;border-radius:3px 0 0 3px}
.xg-home .xg-login-panel{grid-column:2;grid-row:1;min-height:56px;background:#07558e;border-radius:8px;overflow:hidden}
.xg-home .xg-login-copy{padding:8px 20px;width:100%;height:100%;display:flex;align-items:center;gap:24px}
.xg-home .xg-login-copy strong{white-space:nowrap;flex:0 0 auto;margin:0}
.xg-home .xg-login-copy p{margin:0;flex:1;min-width:0;line-height:1.2}
.xg-home .xg-login-buttons{flex:0 0 auto;display:flex;gap:8px}
.xg-home .xg-login-buttons .xg-btn{padding:8px 16px}
.xg-home .xg-hero{grid-column:2;grid-row:2;min-height:250px;border-radius:8px}
.xg-home .xg-hero-slide{min-height:250px}
.xg-home .xg-header + .xg-content{border-top:0}
@media(max-width:900px){.xg-home .xg-login-copy{gap:12px;padding:8px 12px}.xg-home .xg-login-copy strong{font-size:16px}.xg-home .xg-login-copy p{font-size:12px}.xg-home .xg-login-buttons .xg-btn{padding:7px 9px;font-size:11px}}
@media(max-width:650px){.xg-home .xg-content{padding:0 5px 6px}.xg-home .xg-toolbar{min-height:44px}.xg-home .xg-toolbar .xg-breadcrumb{display:flex}.xg-home .xg-toolbar>strong{display:none}.xg-home .xg-search{width:min(42vw,200px)}.xg-home .xg-hero-wrap{grid-template-columns:43px minmax(0,1fr);grid-template-rows:auto minmax(200px,auto);gap:5px}.xg-home .xg-side-icons{padding:6px 2px;gap:3px}.xg-home .xg-side-icons span{width:34px;height:38px;flex-basis:38px}.xg-home .xg-side-icons span svg{width:17px;height:17px}.xg-home .xg-side-icons .xg-selected::after{top:6px;height:38px}.xg-home .xg-login-copy{flex-wrap:wrap;gap:7px;padding:12px}.xg-home .xg-login-copy strong{font-size:16px}.xg-home .xg-login-copy p{flex:1 1 100%;order:2}.xg-home .xg-login-buttons{margin-left:auto}.xg-home .xg-hero,.xg-home .xg-hero-slide{min-height:200px}}
@media(max-width:420px){.xg-home .xg-login-copy strong{font-size:15px}.xg-home .xg-login-buttons .xg-btn{font-size:10px;padding:6px}.xg-home .xg-hero-copy strong{font-size:18px}}

/* v0.2.5 - primer banner real responsive (los breakpoints se refieren a la ventana). */
.xg-home .xg-hero{position:relative;overflow:hidden}
.xg-home .xg-hero-slide{position:relative;overflow:hidden;isolation:isolate}
.xg-home .xg-hero-banner-image{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-1;pointer-events:none}
.xg-home .xg-hero-banner-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.xg-home .xg-hero[data-active-slide="1"] .xg-placeholder-caption,
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-decoration{display:none}
.xg-home .xg-hero:not([data-active-slide="1"]) .xg-hero-banner-image{display:none}
.xg-home .xg-hero-copy .xg-btn{font-size:12px!important;font-weight:400!important}

/* v0.2.6 - arte completo y corte diagonal separado para banner 1. */
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-slide{background:#081843}
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-banner-image{z-index:0}
/* El banner original lleva el arte hacia la derecha; no recortarlo con cover. */
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-banner-image img{object-fit:fill;object-position:center;width:100%;height:100%}
/* Banda azul independiente con diagonal: se ajusta proporcionalmente al ancho. */
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-slide::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(145deg,#086bad 0%,#00548e 77%,#004477 100%);clip-path:polygon(0 0,44% 0,24% 100%,0 100%);opacity:.94}
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy{z-index:3;left:clamp(18px,3vw,42px);top:50%;transform:translateY(-50%);max-width:min(36%,380px)}
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-controls{z-index:5}
@media(max-width:900px){.xg-home .xg-hero[data-active-slide="1"] .xg-hero-slide::before{clip-path:polygon(0 0,53% 0,30% 100%,0 100%)}.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy{max-width:42%;left:clamp(12px,2.7vw,27px)}.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy strong{font-size:18px;line-height:1.16}.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy p{font-size:12px}}
@media(max-width:600px){.xg-home .xg-hero[data-active-slide="1"] .xg-hero-slide::before{clip-path:polygon(0 0,66% 0,39% 100%,0 100%)}.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy{max-width:50%;left:12px}.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy strong{font-size:clamp(13px,3.2vw,18px)}.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy p{font-size:11px;margin:6px 0 9px}.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy .xg-btn{padding:7px 9px}}

/* v0.2.7 - mantener proporción del banner 1 y anclar arte a la derecha. */
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-banner-image{display:block;overflow:hidden;z-index:0}
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-banner-image img{position:absolute;top:0;right:0;left:auto;display:block;height:100%;width:auto;max-width:none;min-width:100%;object-fit:contain;object-position:right center;transform:none}
@media(max-width:900px){.xg-home .xg-hero[data-active-slide="1"] .xg-hero-banner-image img{right:0;height:100%;width:auto;min-width:100%}}
@media(max-width:600px){.xg-home .xg-hero[data-active-slide="1"] .xg-hero-banner-image img{right:0;height:100%;width:auto;min-width:100%}}

/* v0.2.8 — remate oscuro en esquina superior izquierda y CTA 14/400. */
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-slide::after {
  content:"";position:absolute;top:0;left:0;width:48px;height:48px;z-index:2;
  pointer-events:none;background:#07184c;clip-path:polygon(0 0,100% 0,0 100%);
}
.xg-home .xg-hero[data-active-slide="1"] .xg-hero-copy .xg-btn {
  font-size:14px!important;font-weight:400!important;
}
@media(max-width:600px){
 .xg-home .xg-hero[data-active-slide="1"] .xg-hero-slide::after{width:36px;height:36px}
}

/* v0.2.9 - color fijo del botón del slider principal */
.xg-home .xg-hero-copy .xg-btn-green{background:#7EAC2F!important;}
.xg-home .xg-hero-copy .xg-btn-green:hover{background:#7EAC2F!important;}