/* ===== TITÁN JR. ===== */
.tjr-section{
  margin: 0 auto 60px;
  max-width: 1200px;
  padding: 0 clamp(12px,4vw,40px);
}
.tjr-featured-card{
  border-radius: 24px; overflow: hidden; position: relative;
  display: grid; grid-template-columns: 280px 1fr;
  background: linear-gradient(145deg, rgba(0,180,80,.1), rgba(0,100,220,.1));
  border: 2px solid rgba(0,210,100,.5);
  box-shadow: 0 0 50px rgba(0,210,100,.2), 0 0 100px rgba(0,150,80,.1);
  margin-bottom: 30px;
}
@media(max-width:600px){
  .tjr-featured-card{ grid-template-columns: 1fr; }
  .tjr-featured-card .cimg-wrap{ height: 220px; }
}
.tjr-featured-card::before{
  content:''; position:absolute; inset:-2px; border-radius:26px;
  background: linear-gradient(135deg, #00D468, #00A8FF, #00FF88, #00D468);
  background-size: 400% 400%; animation: shimmer 3s linear infinite;
  z-index:-1; filter:blur(3px); opacity:.65;
}
.tjr-featured-card .cimg-wrap{
  height: auto; min-height: 280px;
  background: radial-gradient(ellipse at center, rgba(0,210,100,.12), transparent 70%);
  display: flex; align-items: center; justify-content: center;
}
.tjr-featured-card .cimg{ height: 90%; max-height: 300px; }
.tjr-featured-card .cinfo{ padding: 28px 24px; display: flex; flex-direction: column; justify-content: center; }
.tjr-name{ font-family:'Bangers',Impact,'Arial Black',sans-serif; font-size: clamp(2.2rem,5vw,3.5rem); letter-spacing:3px; color:#00D468; text-shadow: 0 0 25px rgba(0,210,100,.7); margin-bottom:4px; }
.tjr-role{ font-size:.72rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:4px 12px; border-radius:20px; display:inline-block; margin-bottom:10px; background:rgba(0,210,100,.12); color:#00D468; border:1px solid rgba(0,210,100,.3); }
.tjr-desc{ color:rgba(255,255,255,.7); line-height:1.7; font-size:.9rem; margin-bottom:12px; }
.tjr-poder{ background:rgba(0,0,0,.3); border-radius:12px; padding:10px 14px; border-left:3px solid #00D468; font-size:.82rem; color:rgba(255,255,255,.75); }
.tjr-poder strong{ display:block; font-size:.7rem; letter-spacing:2px; text-transform:uppercase; color:#00D468; margin-bottom:3px; }

/* Sección dúo */
.tjr-duo-wrap{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px,100%),1fr));
  gap: 16px; margin-top: 16px;
}
.tjr-duo-card{
  border-radius: 18px; overflow: hidden; position:relative;
  border: 1.5px solid rgba(0,210,100,.25);
  background: rgba(0,210,100,.04);
  transition: all .3s;
}
.tjr-duo-card:hover{ transform:translateY(-8px); border-color:#00D468; box-shadow: 0 16px 40px rgba(0,210,100,.2); }
.tjr-duo-card img{ width:100%; display:block; aspect-ratio:1/1; object-fit:cover; }
.tjr-duo-label{ padding:10px 14px; font-family:'Boogaloo','Arial Rounded MT Bold',Arial,sans-serif; font-size:.9rem; letter-spacing:1px; color:rgba(255,255,255,.75); text-align:center; }

/* Poster strip */
.tjr-poster-wrap{
  border-radius: 22px; overflow: hidden;
  border: 2px solid rgba(0,210,100,.35);
  box-shadow: 0 12px 50px rgba(0,100,200,.3);
  max-width: 500px; margin: 24px auto 0;
}
.tjr-poster-wrap img{ width:100%; display:block; }

.tjr-card.featured{
  border-color: rgba(0,210,100,.5) !important;
  box-shadow: 0 0 50px rgba(0,210,100,.2), 0 0 100px rgba(0,150,80,.08) !important;
  background: linear-gradient(135deg, rgba(0,200,80,.1), rgba(0,100,200,.07)) !important;
}
.tjr-card.featured::before{
  background: linear-gradient(135deg, #00D468, #00A8FF, #00FF88, #00D468) !important;
}