/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width:768px) {
  #nav { padding:1.2rem 1.5rem }
  .nav-links { gap:1.4rem }
  .nav-link { font-size:.62rem }
  .hm-card { width:88vw; height:min(70vh,560px) }
  .hm-name { font-size:clamp(2.8rem,15vw,7rem); white-space:normal }
  .hm-name-mask { display:block; padding:0 }
  .hm-c span, .hm-c a { font-size:.46rem; letter-spacing:.1em }
  .hm-tl,.hm-tr { top:1.1rem } .hm-bl,.hm-br { bottom:1.1rem }
  .hm-tl,.hm-bl { left:1.1rem } .hm-tr,.hm-br { right:1.1rem }
  .wk-cat { width:82vw; height:64vh }
  .wk-title { font-size:clamp(2rem,11vw,4.2rem) }
  .wk-frame { width:64vw; height:56vh }
  .wk-index { left:1.5rem; bottom:1.2rem }
  .lst-row { grid-template-columns:1fr; gap:.3rem; padding:.9rem .2rem }
  #work-editorial { grid-template-columns:1fr }
  .we-main { min-height:55vh }
  #about-wrapper { width:300% }
  #about-a, #about-b { width:33.333% }
  #pg-about.story-open #about-wrapper { transform:translateX(-33.333%) }
  .ab-name-line1,.ab-name-line2 { font-size:clamp(3rem,14vw,8rem) }
  .ab-play-btn { right:1.5rem }
  .ab-bottom-l { left:1.5rem; max-width:50% }
  .ab-bottom-r { right:1.5rem; max-width:45% }
  .ct-big-text { font-size:clamp(2rem,9vw,5rem) }
  .ct-v2-title { font-size:clamp(1.4rem,6vw,3rem) }
  .rx-hero { height:64vh; min-height:380px }
  .rx-hero-top { left:1.4rem; right:1.4rem; top:1.4rem }
  .rx-statement { padding:3.5rem 1.4rem 2.5rem }
  .rx-about { grid-template-columns:1fr; gap:1.8rem; padding:1rem 1.4rem 3rem }
  .rx-about-media img { aspect-ratio:4/3 }
  .rx-strip { grid-template-columns:1fr 1fr; gap:.8rem; padding:.5rem 1.4rem 2.5rem }
  .rx-strip-cap { grid-column:1 / -1 }
  .rx-feature { padding:2rem 1.4rem 3rem }
  .rx-feature-main { width:100% }
  .rx-feature-detail { position:relative; right:auto; bottom:auto; width:56%; margin:-3rem 0 0 auto }
  .rx-grid { grid-template-columns:1fr; gap:.8rem; padding:.5rem 1.4rem 2.5rem }
  .rx-grid .rx-shot.rx-wide { grid-column:span 1; aspect-ratio:16/10 }
  .rx-plans-grid { grid-template-columns:1fr }
  .rx-plans, .rx-foot { padding-left:1.4rem; padding-right:1.4rem }
}
@media (max-width:480px) {
  #nav { padding:1rem 1.1rem }
  .nav-right { gap:.85rem }
  .nav-links { gap:.75rem }
  .nav-link { font-size:.5rem; letter-spacing:.08em }
  .nav-lang { padding-left:.85rem; gap:.3rem }
  .lang-btn { font-size:.56rem }
  .wcat-label { font-size:clamp(1.8rem,10vw,3rem) }
}


/* Cursor personalizado + trail activos en desktop; en táctil no aplica (sin ratón) */
@media (hover:none) { #cur, #trail { display:none !important; } *, a, button, input, textarea { cursor:auto !important; } }