/* LUCO ADVENTURE · portada: las dos tarjetas «LUCO ADVENTURE» y «PIXARTE ARCADE» */
.luco-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:min(1180px,calc(100% - 32px));margin:8px auto 34px}
.duo-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;padding-top:58px;box-sizing:border-box;min-height:clamp(250px,26vw,330px);border-radius:26px;overflow:hidden;text-decoration:none;color:#fff;
  border:2px solid #ffffff2a;box-shadow:0 18px 50px #0009;transition:transform .25s cubic-bezier(.2,.8,.2,1.2),box-shadow .25s,border-color .25s}
.duo-card:hover,.duo-card:focus-visible{transform:translateY(-6px);outline:none}
.duo-luco:hover,.duo-luco:focus-visible{border-color:#b6ff45;box-shadow:0 24px 60px #000a,0 0 50px -8px #b6ff45}
.duo-arcade:hover,.duo-arcade:focus-visible{border-color:#ff3df2;box-shadow:0 24px 60px #000a,0 0 50px -8px #ff3df2}
.duo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.duo-card:hover .duo-bg{transform:scale(1.06)}
.duo-card:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.duo-luco:after{background:linear-gradient(180deg,#07142100 25%,#071421d9 78%),linear-gradient(90deg,#0d3a2ccc 0,#0d3a2c00 62%)}
.duo-arcade:after{background:linear-gradient(180deg,#0b061800 25%,#0b0618e0 78%),linear-gradient(90deg,#3b0d5ccc 0,#3b0d5c00 62%)}
.duo-hero{position:absolute;right:4%;bottom:-6%;height:112%;width:auto;z-index:-1;filter:drop-shadow(0 12px 24px #000a);transition:transform .35s cubic-bezier(.2,.8,.2,1.3);pointer-events:none}
.duo-card:hover .duo-hero{transform:translateY(-8px) rotate(-3deg)}
.duo-tag{position:absolute;left:18px;top:16px;padding:6px 13px;border-radius:999px;font-weight:900;font-size:13px;letter-spacing:.08em;backdrop-filter:blur(6px)}
.duo-luco .duo-tag{background:#b6ff45;color:#0b2208}
.duo-arcade .duo-tag{background:#ff3df2;color:#fff;box-shadow:0 0 22px #ff3df288;animation:duoPulse 2s ease-in-out infinite}
@keyframes duoPulse{50%{box-shadow:0 0 34px #ff3df2cc}}
.duo-txt{display:block;padding:22px 24px;max-width:min(430px,62%)}
.duo-arcade .duo-txt{max-width:min(460px,80%)}
.duo-txt b{display:block;font-size:clamp(26px,3.4vw,40px);line-height:1;font-weight:900;letter-spacing:.01em;text-shadow:0 4px 18px #000c}
.duo-luco .duo-txt b em{font-style:normal;color:#b6ff45}
.duo-arcade .duo-txt b em{font-style:normal;background:linear-gradient(90deg,#ff3df2,#2ef2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.duo-txt small{display:block;margin:8px 0 14px;font-size:clamp(14px,1.4vw,16px);line-height:1.4;color:#eef4ff;text-shadow:0 2px 10px #000c}
.duo-btn{display:inline-flex;align-items:center;gap:8px;font-style:normal;font-weight:900;font-size:16px;padding:12px 22px;border-radius:999px;box-shadow:0 10px 26px #0007}
.duo-luco .duo-btn{background:#b6ff45;color:#0b2208}
.duo-arcade .duo-btn{background:linear-gradient(100deg,#ff3df2,#a855f7);color:#fff}
@media (max-width:760px){
  .luco-duo{grid-template-columns:1fr;gap:14px}
  .duo-card{min-height:210px;border-radius:22px;padding-top:54px}
  .duo-tag{left:16px;top:14px;font-size:12px;padding:5px 11px}
  .duo-txt{padding:18px;max-width:64%}.duo-arcade .duo-txt{max-width:88%}
  .duo-txt small{margin:6px 0 12px}
  .duo-hero{height:105%;right:2%}
}
@media (prefers-reduced-motion:reduce){.duo-card,.duo-bg,.duo-hero{transition:none}.duo-arcade .duo-tag{animation:none}}


/* PIXARTE: igualar bordes exteriores con .luco-island-shell.
   La seccion de islas tiene max-width:1440px (border-box) y padding lateral. */
@media (min-width: 561px) {
  .luco-duo, .pixarte-new-friends {
    box-sizing: border-box;
    width: calc(100% - 2 * clamp(16px, 4vw, 64px));
    max-width: calc(1440px - 2 * clamp(16px, 4vw, 64px));
    margin-left: auto; margin-right: auto;
  }
}
@media (max-width: 560px) {
  .luco-duo, .pixarte-new-friends {
    box-sizing: border-box;
    width: calc(100% - 20px);
    max-width: none;
    margin-left: auto; margin-right: auto;
  }
}