/*
Theme Name: Brayan Mendoza Studios
Theme URI: https://brayanmendozaestudios.com/
Author: Brayan Mendoza Studios
Description: Landing premium para mostrar juegos móviles, páginas individuales y política de privacidad.
Version: 4.4.0
Text Domain: brayan-mendoza-studios
*/
:root{--bg:#030512;--text:#fff;--muted:#cbd3ea;--blue:#228cff;--purple:#8b35ff;--pink:#d83cff;--line:rgba(255,255,255,.14);--card:rgba(7,10,28,.72)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1380px,88%);margin:0 auto}body.admin-bar .bms-header{top:32px}.site-bg{position:fixed;inset:0;z-index:-9;background:radial-gradient(circle at 20% 28%,rgba(20,82,180,.35),transparent 30%),radial-gradient(circle at 80% 35%,rgba(139,53,255,.35),transparent 35%),#02030a}.site-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:88px 88px;opacity:.34}
.bms-header{position:fixed;left:0;right:0;top:0;z-index:999;background:rgba(2,4,16,.82);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(20px);box-shadow:0 10px 50px rgba(0,0,0,.28)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:14px;min-width:max-content}.brand-logo{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(130,70,255,.8))}.brand-text strong{display:block;font-size:17px;line-height:1.05;letter-spacing:.3px}.brand-text small{display:block;margin-top:6px;color:#a466ff;font-size:15px;font-weight:900;letter-spacing:6px}.menu{display:flex;align-items:center;gap:28px;font-weight:750;font-size:16px}.menu a:not(.play-btn){opacity:.9;position:relative;white-space:nowrap}.menu a:not(.play-btn):hover{color:#8ec3ff}.menu a:not(.play-btn):after{content:"";position:absolute;left:50%;bottom:-18px;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--pink));box-shadow:0 0 16px var(--pink);transition:.22s}.menu a:not(.play-btn):hover:after,.menu a:first-child:after{left:0;width:100%}.play-btn{padding:15px 28px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--purple),var(--pink));font-weight:900;box-shadow:0 0 34px rgba(140,53,255,.65)}.mobile-toggle{display:none;background:rgba(255,255,255,.08);border:1px solid var(--line);color:white;border-radius:14px;width:48px;height:48px;font-size:24px}
.hero{position:relative;min-height:570px;padding-top:92px;overflow:hidden}.hero-bg{position:absolute;inset:92px 0 0;background:linear-gradient(90deg,rgba(2,3,12,.96) 0%,rgba(2,3,12,.86) 26%,rgba(2,3,12,.18) 56%,rgba(2,3,12,.38) 100%),linear-gradient(180deg,rgba(2,3,12,.10),rgba(2,3,12,.86) 93%,#02030a 100%),url('assets/images/hero-bg.png');background-size:cover;background-position:center center;background-repeat:no-repeat;border-bottom-left-radius:50% 8%;border-bottom-right-radius:50% 8%}.hero-wrap{position:relative;z-index:2;height:478px;display:flex;align-items:center}.hero-content{width:min(590px,100%);transform:translateY(-4px)}.eyebrow{text-transform:uppercase;letter-spacing:8px;color:#8cacff;font-size:14px;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(48px,5.3vw,72px);line-height:.96;margin:18px 0 18px;letter-spacing:-3px;text-shadow:0 12px 50px rgba(0,0,0,.55)}.hero h1 span,.page-hero h1 span{background:linear-gradient(90deg,#208cff,#9340ff,#e24bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.page-hero p{font-size:18px;line-height:1.55;color:#e1e7fb;max-width:560px;margin:0}.actions{display:flex;gap:18px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:900;transition:.22s}.btn:hover{transform:translateY(-3px)}.btn-main{background:linear-gradient(135deg,#218cff,#8d35ff,#d83cff);box-shadow:0 0 34px rgba(139,53,255,.6)}.btn-ghost{border:1px solid rgba(255,255,255,.42);background:rgba(0,0,0,.22);backdrop-filter:blur(12px)}
.games{margin-top:-8px;position:relative;z-index:5}.section-title{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 0 24px}.section-title h4{text-transform:uppercase;letter-spacing:9px;margin:0;color:#d58cff;font-size:18px}.line{width:110px;height:1px;background:linear-gradient(90deg,transparent,#6637ff,#e14aff,transparent);box-shadow:0 0 18px #8d35ff}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.game-card{border:1px solid rgba(130,80,255,.58);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 25px rgba(119,54,255,.18);transition:.26s;transform-style:preserve-3d}.game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.20),transparent 28%);opacity:0;transition:.2s;pointer-events:none}.game-card:hover:before{opacity:1}.game-card:hover{box-shadow:0 32px 90px rgba(0,0,0,.5),0 0 34px rgba(197,64,255,.36)}.game-img{height:245px;background-size:cover;background-position:center}.game-body{padding:18px 22px 22px;background:linear-gradient(180deg,rgba(6,8,20,.80),rgba(4,5,14,.96))}.game-body p{margin:0;color:#e3e7f8;line-height:1.5;font-size:15px}.game-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.store,.more{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:850;font-size:14px;min-height:42px}.store{padding:0 18px;background:#050814;border:1px solid rgba(255,255,255,.22)}.more{padding:0 18px;color:#cf72ff;border:1px solid rgba(180,80,255,.22);background:rgba(0,0,0,.12)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 26px;border:1px solid rgba(135,77,255,.42);border-radius:18px;background:linear-gradient(135deg,rgba(30,50,120,.34),rgba(75,18,100,.26));box-shadow:0 22px 75px rgba(0,0,0,.36);overflow:hidden}.stat{text-align:center;padding:18px 12px;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border-right:0}.stat span{font-size:31px;display:block;filter:drop-shadow(0 0 15px rgba(222,71,255,.6))}.stat b{display:block;font-size:29px;margin-top:4px}.stat small{display:block;color:#c9d3ee;font-size:14px}
.page-hero{padding:160px 0 54px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(144,54,255,.28),transparent 38%),radial-gradient(circle at 8% 15%,rgba(33,140,255,.22),transparent 35%)}.page-hero .banner{border:1px solid rgba(130,80,255,.55);border-radius:28px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 45px rgba(147,64,255,.25)}.page-hero .banner img{display:block;width:100%;height:auto}.page-grid{display:grid;grid-template-columns:1fr 360px;gap:28px;margin:34px auto}.glass{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 24px 70px rgba(0,0,0,.32);padding:28px}.glass h2,.glass h3{margin-top:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.feature{padding:18px;border:1px solid rgba(140,90,255,.24);border-radius:18px;background:rgba(0,0,0,.22)}.feature b{display:block;margin-bottom:6px}.side-card{position:sticky;top:120px;height:max-content}.privacy{padding:150px 0 70px}.privacy .policy-wrap{max-width:980px}.privacy h1{font-size:clamp(38px,5vw,64px);margin:0 0 18px}.privacy h2{margin-top:30px;color:#fff}.privacy p,.privacy li{color:#dce4fb;line-height:1.7}.privacy ul{padding-left:22px}.policy-meta{color:#9fb4ff;font-weight:800;letter-spacing:2px;text-transform:uppercase}.footer{border-top:1px solid rgba(255,255,255,.08);padding:22px 0 28px;background:#030512}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer p{color:#c8d0e8;margin:0;text-align:center}.social{display:flex;gap:14px}.social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.footer-brand .brand-logo{width:58px;height:58px}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.menu{gap:18px;font-size:14px}.hero h1{font-size:58px}.game-grid{gap:18px}.game-img{height:210px}.page-grid{grid-template-columns:1fr}.side-card{position:static}.features{grid-template-columns:1fr 1fr}}
@media(max-width:900px){body.admin-bar .bms-header{top:0}.mobile-toggle{display:grid;place-items:center}.menu{display:none;position:fixed;top:84px;left:18px;right:18px;flex-direction:column;align-items:stretch;padding:22px;border-radius:22px;background:rgba(3,5,18,.96);border:1px solid rgba(255,255,255,.12)}.menu.open{display:flex}.nav{height:78px}.brand-logo{width:56px;height:56px}.hero{padding-top:78px}.hero-bg{inset:78px 0 0;background-position:68% center}.hero-wrap{height:560px}.hero-content{width:100%;padding-top:40px}.game-grid,.stats{grid-template-columns:1fr}.stats .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.11)}.stats .stat:last-child{border-bottom:0}.footer-grid{flex-direction:column}.section-title .line{display:none}.section-title h4{text-align:center}.page-hero{padding-top:120px}}
@media(max-width:560px){.container{width:min(100% - 26px,1380px)}.brand-text strong{font-size:14px}.brand-text small{font-size:11px;letter-spacing:4px}.hero h1,.page-hero h1{font-size:45px;letter-spacing:-2px}.hero p,.page-hero p{font-size:16px}.btn{width:100%}.hero-bg{background-position:74% center}.game-actions{flex-direction:column;align-items:stretch}.store,.more{width:100%}.features{grid-template-columns:1fr}}

.home-info{margin:32px 0;text-align:center}.home-info h2{font-size:clamp(30px,3.2vw,48px);margin:10px 0 12px}.home-info p{max-width:760px;margin:0 auto 22px;color:#dfe6fb;line-height:1.65}.contact-card{margin:24px 0;padding:24px;border-radius:18px;background:linear-gradient(135deg,rgba(34,140,255,.16),rgba(216,60,255,.12));border:1px solid rgba(255,255,255,.12)}.footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.footer-links a{color:#dbe3ff;font-weight:800;font-size:14px;opacity:.9}.footer-links a:hover{color:#fff}


/* ===== V4.2 AAA refinements ===== */
.game-card{position:relative}.game-body h3{margin:0 0 10px;font-size:20px;line-height:1.1}.game-img{width:100%;height:205px;background-color:#050814;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;border-bottom:1px solid rgba(255,255,255,.10)}
.home-premium{margin:34px 0;padding:34px;border:1px solid rgba(130,80,255,.45);border-radius:28px;background:radial-gradient(circle at 80% 20%,rgba(216,60,255,.18),transparent 35%),linear-gradient(135deg,rgba(34,140,255,.13),rgba(216,60,255,.08));box-shadow:0 28px 90px rgba(0,0,0,.32);display:flex;align-items:center;justify-content:space-between;gap:28px}.home-premium h2{font-size:clamp(30px,3.1vw,46px);margin:10px 0 12px}.home-premium p{max-width:760px;color:#dfe6fb;line-height:1.65;margin:0}.contact-glow{box-shadow:0 28px 90px rgba(0,0,0,.32),0 0 45px rgba(151,62,255,.18)}
.game-detail-hero{padding:150px 0 52px;position:relative;background:radial-gradient(circle at 80% 10%,rgba(139,53,255,.35),transparent 36%),radial-gradient(circle at 10% 20%,rgba(34,140,255,.25),transparent 34%)}.game-detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;opacity:.25}.detail-layout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.25fr;gap:34px;align-items:center}.detail-copy h1{font-size:clamp(44px,5.3vw,74px);line-height:.95;letter-spacing:-3px;margin:16px 0}.detail-copy h1 span{background:linear-gradient(90deg,#208cff,#9340ff,#e24bff);-webkit-background-clip:text;background-clip:text;color:transparent}.detail-copy p{color:#e1e7fb;line-height:1.65;font-size:18px}.detail-poster{border:1px solid rgba(130,80,255,.55);border-radius:28px;overflow:hidden;background:#050814;box-shadow:0 28px 100px rgba(0,0,0,.45),0 0 55px rgba(147,64,255,.30)}.detail-poster img{display:block;width:100%;height:auto}.premium-grid{margin-top:34px}.premium-panel{position:relative;overflow:hidden}.premium-panel:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 85% 15%,rgba(216,60,255,.16),transparent 38%);pointer-events:none}.premium-side{display:flex;flex-direction:column;gap:14px}.premium-side .btn{width:100%}.studio-hero,.contact-hero{background:radial-gradient(circle at 75% 25%,rgba(216,60,255,.28),transparent 35%),radial-gradient(circle at 18% 20%,rgba(34,140,255,.24),transparent 38%),#030512}.studio-grid,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:36px auto}.contact-layout{grid-template-columns:1fr 360px}.contact-mail{display:inline-flex;margin:12px 0 22px;padding:16px 22px;border-radius:16px;background:rgba(0,0,0,.25);border:1px solid rgba(130,80,255,.42);font-weight:900;color:#fff;box-shadow:0 0 30px rgba(130,80,255,.18)}
.privacy-premium{padding:140px 0 70px;background:radial-gradient(circle at 75% 8%,rgba(216,60,255,.22),transparent 30%),radial-gradient(circle at 15% 18%,rgba(34,140,255,.18),transparent 34%)}.policy-hero-card{padding:38px;margin-bottom:26px}.policy-hero-card h1{font-size:clamp(42px,5vw,70px);margin:12px 0 14px;line-height:.95;letter-spacing:-2px}.policy-hero-card h1 span{background:linear-gradient(90deg,#208cff,#9340ff,#e24bff);-webkit-background-clip:text;background-clip:text;color:transparent}.policy-layout{display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:start}.policy-index{position:sticky;top:120px;display:flex;flex-direction:column;gap:10px;padding:22px}.policy-index b{margin-bottom:6px}.policy-index a{padding:10px 12px;border-radius:12px;color:#dbe3ff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-weight:800;font-size:14px}.policy-index a:hover{background:rgba(139,53,255,.20);color:#fff}.policy-content{padding:34px}.policy-content h2{scroll-margin-top:125px;margin-top:30px;color:#fff;border-top:1px solid rgba(255,255,255,.08);padding-top:24px}.policy-content h2:first-child{margin-top:0;border-top:0;padding-top:0}.policy-content p,.policy-content li{color:#dce4fb;line-height:1.75}.policy-content ul{padding-left:22px}.policy-meta{color:#9fb4ff;font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:13px}
@media(max-width:1100px){.game-img{height:175px}.detail-layout{grid-template-columns:1fr}.studio-grid,.contact-layout,.policy-layout{grid-template-columns:1fr}.policy-index{position:static;display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.game-img{height:205px}.home-premium{flex-direction:column;align-items:flex-start}.detail-layout{gap:22px}.policy-index{grid-template-columns:1fr}}
@media(max-width:560px){.game-img{height:170px}.policy-hero-card,.policy-content,.glass{padding:22px}.detail-copy h1{font-size:44px;letter-spacing:-2px}}

/* Permitir clics en los botones de Google Play */
.game-card,
.game-body,
.game-actions {
  position: relative;
  z-index: 5;
}

.game-actions .store {
  position: relative;
  z-index: 20;
  pointer-events: auto !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Evitar que capas decorativas bloqueen los clics */
.game-card::before,
.game-card::after,
.game-img::before,
.game-img::after {
  pointer-events: none !important;
}


/* ===== V4.3 Google Play links fix ===== */
.game-card { isolation: isolate; }
.game-body, .game-actions { position: relative; z-index: 10; }
.google-play-link {
  position: relative;
  z-index: 50;
  pointer-events: auto !important;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
}
.game-card::before, .game-card::after,
.game-img::before, .game-img::after,
.game-body::before, .game-body::after {
  pointer-events: none !important;
}