/* Contenido editable HappyPlay. Compatible con navegadores modernos y PHP 7.4. */
.homepage-sections{display:flex;flex-direction:column}
.promotion-bar{position:relative;overflow:hidden;background:linear-gradient(115deg,#120907,#3a1d08 45%,#120907);border-block:1px solid rgba(255,190,62,.6);box-shadow:0 14px 50px rgba(0,0,0,.34)}
.promotion-bar::before{content:"";position:absolute;inset:-100%;background:linear-gradient(100deg,transparent 42%,rgba(255,220,137,.15) 50%,transparent 58%);transform:rotate(8deg);animation:hpPromoShine 7s linear infinite;pointer-events:none}
.promotion-inner{position:relative;justify-content:center!important;text-align:center;gap:26px!important}
.promotion-inner>div:first-child{max-width:760px}
.promotion-side{align-items:center!important;justify-content:center!important}
.promotion-badge{box-shadow:0 0 28px rgba(255,181,48,.3)}
@keyframes hpPromoShine{to{transform:translateX(50%) rotate(8deg)}}

.apps-showcase{padding:86px 0;background:radial-gradient(circle at 50% 0,rgba(226,159,37,.12),transparent 42%),#080b0f}
.app-release-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;margin-top:32px}
.app-release-card{position:relative;padding:26px;border:1px solid rgba(232,174,65,.34);border-radius:24px;background:linear-gradient(155deg,rgba(31,28,23,.96),rgba(8,11,15,.98));box-shadow:0 18px 55px rgba(0,0,0,.35);overflow:hidden}
.app-release-card::after{content:"";position:absolute;width:130px;height:130px;right:-55px;top:-55px;border-radius:50%;background:rgba(232,174,65,.13);filter:blur(10px)}
.app-release-card h3{font-size:1.55rem;margin:17px 0 8px;color:#fff}
.app-release-card p{color:#c8cbd0;line-height:1.55}
.app-release-top,.app-release-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.app-platform,.app-version{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(232,174,65,.12);border:1px solid rgba(232,174,65,.34);color:#f6c96c;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.app-features{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px}
.app-features li{position:relative;padding-left:23px;color:#e6e6e7}
.app-features li::before{content:"✓";position:absolute;left:0;color:#efb94e;font-weight:900}
.app-screenshot-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,30%);gap:18px;margin-top:34px;overflow-x:auto;padding:8px 3px 20px;scroll-snap-type:x mandatory}
.app-screenshot-grid a{scroll-snap-align:start;border-radius:20px;overflow:hidden;border:1px solid rgba(232,174,65,.3);background:#111;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.app-screenshot-grid img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}

.facebook-section{padding:80px 0;background:linear-gradient(180deg,#080c12,#0b1421)}
.facebook-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,500px);align-items:center;gap:42px;padding:36px;border:1px solid rgba(70,128,211,.35);border-radius:28px;background:linear-gradient(135deg,rgba(24,55,96,.42),rgba(8,13,21,.96));box-shadow:0 24px 70px rgba(0,0,0,.38)}
.facebook-card iframe{display:block;width:100%;max-width:500px;border:0;border-radius:18px;background:#fff}
.version-screenshot-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,32%);gap:12px;margin-top:20px;padding:4px 2px 12px;overflow-x:auto;scroll-snap-type:x mandatory}
.version-screenshot-strip a{display:block;overflow:hidden;border:1px solid rgba(255,74,111,.34);border-radius:14px;scroll-snap-align:start;background:#07111e}
.version-screenshot-strip img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.free-install-section .bonus-card{border-color:rgba(47,215,161,.34);background:linear-gradient(135deg,rgba(11,56,51,.78),rgba(10,18,29,.96))}
.free-install-section .bonus-card h2{color:#fff}

@media (max-width:760px){.promotion-inner{flex-direction:column}.app-screenshot-grid{grid-auto-columns:78%}.version-screenshot-strip{grid-auto-columns:70%}.facebook-card{grid-template-columns:1fr;padding:23px}.facebook-card iframe{height:500px}.apps-showcase,.facebook-section{padding:60px 0}}
@media (prefers-reduced-motion:reduce){.promotion-bar::before{animation:none}}


/* ===== DOWNLOAD VARIANT INFO ===== */
.download-variant-info{margin:12px 0 14px;padding:12px 14px;border:1px solid rgba(104,212,255,.12);border-radius:14px;background:rgba(4,12,24,.38)}
.download-variant-inline{margin:0;color:#c6d5e2;font-size:.8rem;line-height:1.55;overflow-wrap:anywhere}
.download-variant-inline span{display:inline}
.download-variant-inline span+span::before{content:' · ';color:#67deff;font-weight:800;padding:0 3px}
.download-variant-inline b{color:#8fa8bc;font-weight:800}
@media(max-width:560px){.download-variant-info{padding:10px 12px}.download-variant-inline{font-size:.78rem}}

/* ===== DOWNLOADS PREMIUM GALLERY V3 ===== */
.download-variant-card{position:relative;background:linear-gradient(145deg,rgba(11,27,49,.96),rgba(5,13,27,.96));border:1px solid rgba(104,212,255,.16);box-shadow:0 18px 48px rgba(0,0,0,.24);}
.download-variant-card:hover{border-color:rgba(104,212,255,.28);box-shadow:0 22px 55px rgba(0,0,0,.3);}
.download-variant-card>.version-screenshots{width:100%;margin:18px 0 14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));}
.version-screenshots-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;}
.version-screenshots-heading>div{display:grid;gap:2px;min-width:0;}
.version-screenshots-heading strong{font-size:.88rem;line-height:1.2;color:#edf6ff;letter-spacing:.01em;}
.version-screenshots-heading span{font-size:.74rem;line-height:1.25;color:#8fa8bc;}
.version-screenshots-count{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;padding:5px 9px;border:1px solid rgba(56,221,255,.18);border-radius:999px;background:rgba(56,221,255,.06);color:#bceeff!important;font-weight:800;white-space:nowrap;}
.version-screenshot-carousel{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;width:100%;}
.version-screenshot-strip{display:flex!important;align-items:center;gap:0!important;width:100%;margin:0!important;padding:4px 0 12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none;}
.version-screenshot-strip::-webkit-scrollbar{display:none;}
.version-screenshot-item{position:relative;display:grid!important;place-items:center!important;flex:0 0 100%!important;width:100%!important;max-width:100%;min-width:100%;min-height:0;overflow:hidden;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none;scroll-snap-align:center;scroll-snap-stop:always;transition:transform .2s ease;}
.version-screenshot-item:hover,.version-screenshot-item:focus-visible{transform:none;outline:none;}
.version-screenshot-item img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:min(460px,58vh)!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#030a13;box-shadow:0 12px 28px rgba(0,0,0,.25);}
.version-screenshot-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,18,.02) 52%,rgba(1,8,18,.58));pointer-events:none;}
.version-screenshot-number{position:absolute;z-index:2;left:9px;bottom:9px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(3,10,20,.82);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.72rem;font-weight:900;backdrop-filter:blur(7px);}
.version-screenshot-zoom{position:absolute;z-index:2;right:9px;bottom:9px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(3,10,20,.76);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:1rem;line-height:1;backdrop-filter:blur(7px);}
.version-screenshot-nav{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(56,221,255,.24);border-radius:50%;background:rgba(4,13,25,.86);color:#e8f8ff;font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.25);transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.version-screenshot-nav:hover,.version-screenshot-nav:focus-visible{transform:scale(1.06);border-color:rgba(56,221,255,.55);background:rgba(10,30,48,.96);outline:none;}
.version-screenshot-progress{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:2px;}
.version-screenshot-progress button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(177,204,222,.3);cursor:pointer;transition:width .18s ease,background .18s ease,transform .18s ease;}
.version-screenshot-progress button[aria-current="true"]{width:20px;background:rgba(103,222,255,.92);transform:translateY(-1px);}
.version-screenshot-progress button:focus-visible{outline:2px solid rgba(103,222,255,.72);outline-offset:3px;}
.version-gallery-lightbox[hidden]{display:none!important;}
.version-gallery-lightbox{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:18px;background:rgba(1,5,12,.9);backdrop-filter:blur(12px);}
.version-gallery-lightbox-dialog{position:relative;display:grid;place-items:center;width:min(560px,100%);max-height:calc(100vh - 36px);padding:14px;border:1px solid rgba(104,212,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(10,20,37,.98),rgba(3,9,19,.98));box-shadow:0 30px 100px rgba(0,0,0,.56);}
.version-gallery-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 100px);width:auto;height:auto;border-radius:13px;object-fit:contain;background:#050b18;}
.version-gallery-lightbox-close{position:absolute;top:8px;right:8px;z-index:3;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(5,13,24,.78);color:#fff;font-size:1.45rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px);}
.version-gallery-lightbox-meta{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.version-gallery-lightbox-caption{padding:6px 10px;border-radius:999px;background:rgba(3,10,20,.78);border:1px solid rgba(255,255,255,.1);color:#d7e8f5;font-size:.76rem;font-weight:800;backdrop-filter:blur(8px);}
html.version-gallery-open,html.version-gallery-open body{overflow:hidden;}
@media(max-width:760px){.download-variant-card>.version-screenshots{margin-top:14px;padding:12px;border-radius:16px;overflow:hidden}.version-screenshots-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.version-screenshots-heading>div{flex:1 1 auto!important;min-width:0!important;max-width:none!important}.version-screenshots-heading strong{display:block!important;white-space:normal!important}.version-screenshots-heading span{display:block!important}.version-screenshots-count{flex:0 0 auto!important}.version-screenshot-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;min-width:0}.version-screenshot-strip{min-width:0!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:0!important}.version-screenshot-item{flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.version-screenshot-item img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:62vh!important;object-fit:contain!important;object-position:center!important;border-radius:15px!important}.version-screenshot-nav{width:34px;height:34px;font-size:1.55rem}.version-screenshot-progress{margin-top:0!important}}
@media(max-width:560px){.version-screenshots-heading{align-items:flex-start!important}.version-screenshots-heading strong{font-size:.86rem!important;line-height:1.22!important}.version-screenshots-heading span{font-size:.72rem!important;line-height:1.2!important;margin-top:2px}.version-screenshot-carousel{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}.version-screenshot-nav{width:32px;height:32px;font-size:1.45rem}.version-screenshot-strip{padding:3px 0 8px!important}.version-screenshot-item{border-radius:14px!important}.version-screenshot-item img{width:100%!important;max-height:58vh!important;border-radius:14px!important}.version-gallery-lightbox{padding:10px}.version-gallery-lightbox-dialog{padding:9px;border-radius:18px}.version-gallery-lightbox img{max-height:calc(100vh - 70px)}.version-gallery-lightbox-close{width:38px;height:38px}}
@media(max-width:390px){.download-variant-card>.version-screenshots{padding:10px!important}.version-screenshots-heading{gap:6px!important}.version-screenshots-count{padding:4px 7px!important;font-size:.7rem!important}.version-screenshot-carousel{grid-template-columns:30px minmax(0,1fr) 30px;gap:3px}.version-screenshot-nav{width:30px;height:30px;font-size:1.35rem}.version-screenshot-item img{max-height:55vh!important}}
@media(prefers-reduced-motion:reduce){.version-screenshot-item,.version-screenshot-nav,.version-screenshot-progress button{transition:none!important}.version-screenshot-strip{scroll-behavior:auto!important;}}

/* ===== HAPPYPLAY DOWNLOAD GALLERY V8 - MOBILE / NATURAL IMAGE FIT ===== */
.download-variant-info{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:12px 0 14px!important;padding:12px 14px!important;border:1px solid rgba(104,212,255,.12)!important;border-radius:14px!important;background:rgba(4,12,24,.38)!important;box-sizing:border-box!important}
.download-variant-inline{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;color:#c6d5e2!important;font-size:.8rem!important;line-height:1.55!important;overflow-wrap:anywhere!important;word-break:normal!important}
.download-variant-inline span{display:inline!important}
.download-variant-inline span+span::before{content:' · ';color:#67deff;font-weight:800;padding:0 3px}
.download-variant-inline b{color:#8fa8bc;font-weight:800}
.version-screenshot-strip{display:flex!important;align-items:flex-start!important;gap:0!important;width:100%!important;min-width:0!important;margin:0!important;padding:4px 0 12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.version-screenshot-strip::-webkit-scrollbar{display:none!important}
.version-screenshot-item{display:block!important;position:relative!important;flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:16px!important;background:transparent!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;box-shadow:none!important}
.version-screenshot-item img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;margin:0!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;background:#030a13!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important}
.version-screenshot-item:after{inset:0!important}
.version-screenshot-nav{flex:0 0 auto!important}
@media(max-width:760px){
  .download-variant-info{width:100%!important;margin:10px 0 14px!important;padding:11px 12px!important}
  .download-variant-inline{font-size:.88rem!important;line-height:1.55!important}
  .version-screenshot-strip{padding:3px 0 10px!important}
  .version-screenshot-item img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:14px!important}
}
@media(max-width:430px){
  .download-variant-info{padding:11px!important}
  .download-variant-inline{font-size:.84rem!important}
}


/* ===== HAPPYPLAY DOWNLOAD GALLERY V9 - FIX MOBILE WIDTH INHERIT ===== */
/* The legacy mobile rule .download-code div{width:calc(100% - 110px)} was also affecting the gallery's nested divs. */
.download-multi .version-screenshots{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.download-multi .version-screenshots-heading{width:100%!important;max-width:100%!important;min-width:0!important}
.download-multi .version-screenshots-heading>div{width:auto!important;max-width:none!important;min-width:0!important;margin-right:0!important}
.download-multi .version-screenshot-carousel{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important}
.download-multi .version-screenshot-strip{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important}
.download-multi .version-screenshot-item{display:block!important;width:100%!important;max-width:100%!important;min-width:100%!important;flex:0 0 100%!important}
.download-multi .version-screenshot-item img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:760px){
  .download-multi .version-screenshots{width:100%!important}
  .download-multi .version-screenshot-carousel{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:8px!important}
  .download-multi .version-screenshot-strip{width:100%!important}
  .download-multi .version-screenshot-item img{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important}
}
@media(max-width:430px){
  .download-multi .version-screenshot-carousel{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:6px!important}
}