:root{--night:#253d73;--cream:#fff9ed;--ink:#3f3028;--coral:#df6548;--gold:#f5ce56}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 10%,#49649b 0 2%,transparent 20%),linear-gradient(145deg,#17284f,var(--night));font-family:"Trebuchet MS",Arial,sans-serif}
header{display:flex;align-items:center;gap:12px;max-width:1180px;margin:auto;padding:22px 25px;color:#fff;font-weight:900}header img{width:58px;height:58px;object-fit:cover;border:3px solid #fff;border-radius:50%}header span{font-size:1.25rem}.back{margin-left:auto;order:3;color:#fff;text-decoration:none;border:1px solid #ffffff80;border-radius:999px;padding:9px 15px}
main{max-width:1180px;margin:auto;padding:5vh 25px 8vh}.intro{max-width:750px;color:#fff}.eyebrow{margin:0 0 8px;color:var(--gold);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.intro h1{margin:0;font-family:Georgia,serif;font-size:clamp(2.1rem,5vw,4.4rem);line-height:1}.intro>p:last-child{font-size:1.08rem;line-height:1.5}
.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:35px}.game-card{overflow:hidden;background:var(--cream);border:3px solid #ffffff70;border-radius:28px;box-shadow:0 22px 55px #07132c80}.cover{height:clamp(220px,30vw,350px);background:#d8c7aa}.cover img{width:100%;height:100%;object-fit:cover}.game-card:nth-child(2) .cover img{object-fit:contain;background:#bfe6f7}.content{padding:25px}.phase{display:inline-block;padding:6px 11px;color:#fff;background:var(--coral);border-radius:999px;font-size:.75rem;font-weight:900;text-transform:uppercase}.content h2{margin:13px 0 8px;font-family:Georgia,serif;font-size:clamp(1.45rem,3vw,2.3rem)}.content p{min-height:48px;line-height:1.45}.content a{display:inline-block;margin-top:8px;padding:12px 19px;color:#fff;background:var(--coral);border-radius:999px;text-decoration:none;font-weight:900;box-shadow:0 8px 20px #df654855}
@media(max-width:760px){header{padding:14px}.back{font-size:.75rem}.games{grid-template-columns:1fr}.cover{height:250px}main{padding:3vh 14px 7vh}}
.pulga-cover {
  background: #e8d7b6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pulga-cover img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 18px;
  box-sizing: border-box;
}