{"id":2948,"date":"2026-10-25T17:42:01","date_gmt":"2026-10-25T23:42:01","guid":{"rendered":"https:\/\/weaselhive.com\/?page_id=2948"},"modified":"2026-10-27T02:08:19","modified_gmt":"2026-10-27T08:08:19","slug":"sparking-stage","status":"publish","type":"page","link":"https:\/\/weaselhive.com\/es\/one-shots\/sparking-stage\/","title":{"rendered":"Shura\u2019s Cover Animation \u2022 Sparking Stage"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-7788719b alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div style=\"height:10vh\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================\n   WEASELHIVE \u2014 PROJECT PAGE STYLES\n========================================== *\/\n\n.wh-project-page {\n  --wh-bg: #6F0D0B;\n  --wh-panel: #7C281F;\n  --wh-text: #FFFFFF;\n  --wh-descp: #F8E8D3;\n  --wh-muted: #FFAD7D;\n  --wh-line: rgba(255, 255, 255, 0.14);\n  --wh-accent: #e8c98c;\n\n  width: 100%;\n  background: var(--wh-bg);\n  color: var(--wh-text);\n  overflow: hidden;\n  font-family: inherit;\n}\n\n.wh-project-page,\n.wh-project-page * {\n  box-sizing: border-box;\n}\n\n.wh-project-page h1,\n.wh-project-page h2,\n.wh-project-page h3,\n.wh-project-page p {\n  margin-top: 0;\n}\n\n.wh-project-page h1,\n.wh-project-page h2,\n.wh-project-page h3 {\n  color: var(--wh-text);\n}\n\n.wh-project-page p {\n  color: var(--wh-muted);\n  line-height: 1.8;\n}\n\n.wh-project-page [hidden] {\n  display: none !important;\n}\n\n\n\/* 01. PREVIEW *\/\n\n.wh-project-preview {\n  width: 100%;\n  padding: 0;\n  background: #080808;\n}\n\n.wh-project-preview__player {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  max-height: 82vh;\n  background: #000;\n  overflow: hidden;\n}\n\n.wh-project-preview__video {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  background: #000;\n}\n\n.wh-project-preview__caption {\n  margin: 0;\n  padding: 13px 5%;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.2em;\n  text-align: right;\n  color: #a8a8a8;\n}\n\n\n\/* End screen *\/\n\n.wh-project-preview__end {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 30px;\n  text-align: center;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(10, 10, 10, 0.96),\n      rgba(25, 23, 20, 0.96)\n    );\n}\n\n.wh-project-preview__end-content {\n  width: 100%;\n  max-width: 650px;\n}\n\n.wh-project-preview__eyebrow {\n  display: block;\n  margin-bottom: 18px;\n  color: var(--wh-accent);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.22em;\n}\n\n.wh-project-preview__end h2 {\n  margin-bottom: 15px;\n  font-size: clamp(25px, 4vw, 48px);\n  line-height: 1.12;\n}\n\n.wh-project-preview__end p {\n  margin-bottom: 26px;\n  font-size: 15px;\n}\n\n.wh-project-preview__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n  min-height: 50px;\n  padding: 14px 24px;\n  border: 1px solid var(--wh-accent);\n  border-radius: 0;\n  background: var(--wh-accent);\n  color: #151515;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s;\n}\n\n.wh-project-preview__button:hover {\n  background: transparent;\n  color: var(--wh-accent);\n}\n\n.wh-project-preview__replay {\n  display: block;\n  margin: 18px auto 0;\n  padding: 8px 12px;\n  border: 0;\n  background: transparent;\n  color: #ccc;\n  font: inherit;\n  font-size: 12px;\n  cursor: pointer;\n  text-decoration: underline;\n  text-underline-offset: 4px;\n}\n\n\n\/* 02. PROJECT BANNER *\/\n\n.wh-project-banner {\n  padding: clamp(55px, 9vw, 115px) 7%;\n  border-bottom: 1px solid var(--wh-line);\n  background:\n    radial-gradient(\n      ellipse at 85% 0%,\n      rgba(232, 201, 140, 0.08),\n      transparent 48%\n    ),\n    var(--wh-panel);\n}\n\n.wh-project-banner__inner {\n  width: 100%;\n  max-width: 1250px;\n  margin: 0 auto;\n}\n\n.wh-project-banner__eyebrow,\n.wh-project-about__eyebrow {\n  margin-bottom: 22px;\n  color: var(--wh-text) !important;\n  font-size: 22px;\n  font-weight: 600;\n  letter-spacing: -0.025em;\n}\n\n.wh-project-banner__title {\n  max-width: 1150px;\n  margin-bottom: 48px;\n  font-size: clamp(42px, 8vw, 105px);\n  font-weight: 800;\n  letter-spacing: -0.055em;\n  line-height: 0.98;\n  overflow-wrap: anywhere;\n}\n\n.wh-project-meta {\n  display: grid;\n  grid-template-columns: 1.35fr 1fr 1fr 0.7fr;\n  gap: 28px;\n  padding-top: 27px;\n  border-top: 1px solid var(--wh-line);\n}\n\n.wh-project-meta__item {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  min-width: 0;\n}\n\n.wh-project-meta__label {\n  color: var(--wh-muted);\n  font-size: 24px;\n  font-weight: 700;\n  letter-spacing: 0.15em;\n}\n\n.wh-project-meta__value {\n  color: var(--wh-text);\n  font-size: 32px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n.wh-project-meta__client-content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n}\n\n.wh-project-meta__logo {\n  display: block;\n  width: 42px;\n  height: 42px;\n  flex: 0 0 42px;\n  object-fit: contain;\n  background: rgba(255, 255, 255, 0.04);\n}\n\n\n\/* 03. ABOUT *\/\n\n.wh-project-about {\n  display: grid;\n  grid-template-columns: minmax(190px, 0.75fr) minmax(0, 2fr);\n  gap: clamp(35px, 8vw, 120px);\n  width: 100%;\n  max-width: 1450px;\n  margin: 0 auto;\n  padding: clamp(65px, 9vw, 125px) 7%;\n}\n\n.wh-project-about__heading h2 {\n  margin-bottom: 0;\n  font-size: clamp(78px, 5vw, 86px);\n  font-weight: 800;\n  letter-spacing: -0.05em;\n}\n\n\/* Ajustes exclusivos para la versi\u00f3n en Espa\u00f1ol de M\u00e9xico (es_MX) *\/\n.wh-project-about__heading h2.titulo-compacto {\n    font-size: clamp(62px, 5vw, 72px); \/* Reduce el t\u00edtulo principal (antes 48px) *\/\n}\n\n.wh-project-about__content {\n  min-width: 0;\n}\n\n.wh-project-about__block {\n  padding: 0 0 34px;\n  margin-bottom: 34px;\n  border-bottom: 1px solid var(--wh-line);\n}\n\n.wh-project-about__block:last-child {\n  padding-bottom: 0;\n  margin-bottom: 0;\n  border-bottom: 0;\n}\n\n.wh-project-about__block h3 {\n  margin-bottom: 15px;\n  font-size: 26px;\n  font-weight: 700;\n}\n\n.wh-project-about__block p {\n  margin-bottom: 0;\n  max-width: 800px;\n  font-size: 20px;\n  color: var(--wh-descp);\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 900px) {\n  .wh-project-meta {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    row-gap: 30px;\n  }\n\n  .wh-project-about {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .wh-project-about__heading h2 {\n    font-size: 46px;\n  }\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 800px) {\n  .wh-project-preview__player {\n    aspect-ratio: 16 \/ 9;\n    max-height: none;\n  }\n\n  .wh-project-preview__caption {\n    padding: 10px 5%;\n    font-size: 9px;\n  }\n\n  .wh-project-preview__end {\n\tbottom: 400px;\n    padding: 18px;\n  }\n\n  .wh-project-preview__eyebrow {\n    margin-bottom: 10px;\n    font-size: 9px;\n  }\n\n  .wh-project-preview__end h2 {\n    margin-bottom: 9px;\n    font-size: clamp(22px, 6vw, 30px);\n  }\n\n  .wh-project-preview__end p {\n    margin-bottom: 15px;\n    font-size: 12px;\n    line-height: 1.5;\n  }\n\n  .wh-project-preview__button {\n    gap: 8px;\n    min-height: 44px;\n    padding: 11px 13px;\n    font-size: 9px;\n  }\n\n  .wh-project-preview__replay {\n    margin-top: 8px;\n    font-size: 11px;\n  }\n\n  .wh-project-banner {\n    padding: 55px 6%;\n  }\n\n  .wh-project-banner__title {\n    margin-bottom: 35px;\n    font-size: clamp(38px, 12vw, 65px);\n  }\n\n  .wh-project-meta {\n    gap: 25px 15px;\n  }\n\n  .wh-project-meta__value {\n    font-size: 13px;\n  }\n\n  .wh-project-meta__logo {\n    width: 32px;\n    height: 32px;\n    flex-basis: 32px;\n  }\n\n  .wh-project-about {\n    padding: 60px 6%;\n    gap: 32px;\n  }\n\n  .wh-project-about__heading h2 {\n    font-size: 42px;\n  }\n\n  .wh-project-about__block h3 {\n    font-size: 19px;\n  }\n\n  .wh-project-about__block p {\n    font-size: 14px;\n  }\n}\n\n\n\/* ==========================================\n   PROJECT BANNER \u2014 OVERLAY INSIDE VIDEO\n========================================== *\/\n\n.wh-project-preview__player {\n  position: relative;\n  isolation: isolate;\n}\n\n\/* El banner se superpone en la parte inferior del reproductor *\/\n.wh-project-banner--overlay {\n  position: absolute;\n  z-index: 3;\n  left: 0;\n  right: 0;\n  bottom: 82px;\n  width: 100%;\n  padding: clamp(22px, 4vw, 48px) 5% 25px;\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.90),\n    rgba(0, 0, 0, 0.75) 50%\n  );\n  border: 0;\n  opacity: 1;\n  visibility: visible;\n  transition: opacity 0.25s ease, visibility 0.25s ease;\n  pointer-events: none;\n}\n\n\/* Ancho del contenido del banner *\/\n.wh-project-banner--overlay .wh-project-banner__inner {\n  max-width: 1250px;\n}\n\n\/* T\u00edtulo adaptado al tama\u00f1o del reproductor *\/\n.wh-project-banner--overlay .wh-project-banner__eyebrow {\n  margin-bottom: 10px;\n  font-size: 14px;\n}\n\n.wh-project-banner--overlay .wh-project-banner__title {\n  margin-bottom: 25px;\n  font-size: clamp(30px, 5.2vw, 68px);\n  line-height: 0.98;\n}\n\n\/* Metadatos m\u00e1s compactos *\/\n.wh-project-banner--overlay .wh-project-meta {\n  grid-template-columns: 1.35fr 1fr 1fr 0.7fr;\n  gap: 20px;\n  padding-top: 18px;\n  border-top-color: rgba(255, 255, 255, 0.25);\n}\n\n.wh-project-banner--overlay .wh-project-meta__item {\n  gap: 7px;\n}\n\n.wh-project-banner--overlay .wh-project-meta__label {\n  font-size: 14px;\n}\n\n.wh-project-banner--overlay .wh-project-meta__value {\n  font-size: 18px;\n}\n\n.wh-project-banner--overlay .wh-project-meta__logo {\n  width: 32px;\n  height: 32px;\n  flex-basis: 32px;\n}\n\n\/* Estado oculto controlado por JavaScript *\/\n.wh-project-banner--overlay.wh-project-banner--hidden {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n\/* Pantallas medianas *\/\n@media (max-width: 900px) {\n  .wh-project-banner--overlay {\n    bottom: 35px;\n    padding: 24px 5% 20px;\n  }\n\n  .wh-project-banner--overlay .wh-project-banner__title {\n    margin-bottom: 18px;\n    font-size: clamp(30px, 6vw, 50px);\n  }\n\n  .wh-project-banner--overlay .wh-project-meta {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px 20px;\n  }\n}\n\n\/* ========================================\n   BANNER PARA DISPOSITIVOS M\u00d3VILES\n   ======================================== *\/\n\n@media (max-width: 800px) {\n\n  \/* El reproductor y el banner se organizan verticalmente *\/\n  .wh-project-preview__player {\n    display: flex;\n    flex-direction: column;\n    overflow: visible;\n  }\n\n  \/* El video conserva su tama\u00f1o y proporci\u00f3n *\/\n  .wh-project-preview__video {\n    display: block;\n    width: 100%;\n    height: auto;\n    aspect-ratio: 16 \/ 9;\n    object-fit: contain;\n  }\n\n  \/* El banner aparece debajo del video *\/\n  .wh-project-banner--overlay {\n    position: relative;\n    inset: auto;\n    order: 2;\n    width: 100%;\n    padding: 24px 5%;\n    background: var(--wh-panel, #151515);\n    opacity: 1 !important;\n    visibility: visible !important;\n    pointer-events: auto;\n    transform: none;\n    transition: none;\n  }\n\n  \/* Anular el estado oculto del banner en m\u00f3viles *\/\n  .wh-project-banner--overlay.wh-project-banner--hidden {\n    opacity: 1 !important;\n    visibility: visible !important;\n    pointer-events: auto;\n  }\n\n  \/* Mantener el contenido del banner legible *\/\n  .wh-project-banner--overlay .wh-project-banner__inner {\n    width: 100%;\n    max-width: none;\n  }\n\n  \/* El panel final se mantiene dentro del reproductor *\/\n  .wh-project-preview__end {\n    order: 3;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const video = document.getElementById(\"wh-project-preview-video\");\n  const endScreen = document.getElementById(\"wh-project-preview-end\");\n  const banner = document.getElementById(\"wh-project-banner-overlay\");\n  const replayButton = document.getElementById(\"wh-project-replay\");\n\n  if (!video || !endScreen || !banner || !replayButton) {\n    return;\n  }\n\n  const source = video.querySelector(\"source\");\n  const previewURL = video.dataset.previewSrc;\n\n  if (!source || !previewURL) {\n    console.warn(\"WeaselHive: falta la URL del video de preview.\");\n    return;\n  }\n\n  let endScreenVisible = false;\n  const mobileBannerMode = window.matchMedia(\"(max-width: 800px)\");\n\n  function isMobileBannerMode() {\n\t  return mobileBannerMode.matches;\n  }\n\n\tfunction showBanner() {\n\t  \/\/ En m\u00f3viles, el banner siempre debe estar visible.\n\t  if (isMobileBannerMode()) {\n\t\tbanner.classList.remove(\"wh-project-banner--hidden\");\n\t\treturn;\n\t  }\n\n\t  \/\/ En escritorio, no mostrar el banner durante la pantalla final.\n\t  if (endScreenVisible) {\n\t\thideBanner();\n\t\treturn;\n\t  }\n\n\t  banner.classList.remove(\"wh-project-banner--hidden\");\n\t}\n\n\tfunction hideBanner() {\n\t  \/\/ En m\u00f3viles, el banner siempre permanece visible.\n\t  if (isMobileBannerMode()) {\n\t\tbanner.classList.remove(\"wh-project-banner--hidden\");\n\t\treturn;\n\t  }\n\n\t  banner.classList.add(\"wh-project-banner--hidden\");\n\t}\n\t\n\tfunction updateBannerForScreenSize() {\n\t  if (isMobileBannerMode()) {\n\t\t\/\/ En m\u00f3viles, mostrar el banner incluso con la pantalla final.\n\t\tbanner.classList.remove(\"wh-project-banner--hidden\");\n\t  } else if (endScreenVisible) {\n\t\t\/\/ En escritorio, ocultarlo mientras la pantalla final est\u00e9 abierta.\n\t\tbanner.classList.add(\"wh-project-banner--hidden\");\n\t  } else if (video.paused && !video.ended) {\n\t\t\/\/ En escritorio, mostrarlo si el video est\u00e1 pausado normalmente.\n\t\tbanner.classList.remove(\"wh-project-banner--hidden\");\n\t  } else {\n\t\t\/\/ Si se est\u00e1 reproduciendo, mantenerlo oculto.\n\t\tbanner.classList.add(\"wh-project-banner--hidden\");\n\t  }\n\t}\n\n\twindow.addEventListener(\"resize\", updateBannerForScreenSize);\n\tmobileBannerMode.addEventListener(\"change\", updateBannerForScreenSize);\n\n  \/\/ Estado inicial: banner visible antes de reproducir.\n  endScreenVisible = false;\n  endScreen.hidden = true;\n  showBanner();\n\n  \/\/ Ocultar el banner mientras el video se reproduce.\n  video.addEventListener(\"playing\", function () {\n    endScreenVisible = false;\n    endScreen.hidden = true;\n    hideBanner();\n  });\n\n  \/\/ Mostrar el banner al pausar, excepto en la pantalla final.\n  video.addEventListener(\"pause\", function () {\n    if (!endScreenVisible) {\n      showBanner();\n    }\n  });\n\n  \/\/ Al terminar la preview, ocultar el banner y mostrar la pantalla final.\n  video.addEventListener(\"ended\", function () {\n    endScreenVisible = true;\n    hideBanner();\n    endScreen.hidden = false;\n  });\n\n  \/\/ Volver a reproducir la preview con el comportamiento original.\n  replayButton.addEventListener(\"click\", function () {\n    endScreenVisible = false;\n    endScreen.hidden = true;\n\n    video.pause();\n    source.src = previewURL;\n    video.load();\n\n    showBanner();\n\n    video.play().catch(function () {\n      \/\/ Si el navegador bloquea la reproducci\u00f3n autom\u00e1tica,\n      \/\/ el banner permanece visible hasta que el usuario reproduzca.\n      showBanner();\n    });\n  });\n});\n<\/script>\n\n<!-- ==========================================\n     WEASELHIVE \u2014 PROJECT PAGE\n     Cambia los datos marcados como EDITAR.\n=========================================== -->\n\n<main class=\"wh-project-page\">\n\n  <!-- 01. PREVIEW -->\n  <section class=\"wh-project-preview\" aria-label=\"Project preview\">\n\n    <div class=\"wh-project-preview__player\">\n      <video id=\"wh-project-preview-video\" class=\"wh-project-preview__video\" controls=\"\" playsinline=\"\" preload=\"metadata\" poster=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL.webp\" data-preview-src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-PREVIEW.mp4\" data-full-src=\"https:\/\/youtu.be\/x1x0ruTI_lE?si=wRkejgxZaKf3NF18&#038;t=606\">\n        <source src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-PREVIEW.mp4\" type=\"video\/mp4\">\n        Your browser does not support HTML video.\n      <\/video>\n\n\t\t  <!-- 02. PROJECT BANNER -->\n\t    <section class=\"wh-project-banner wh-project-banner--overlay\" id=\"wh-project-banner-overlay\">\n\n\t\t<div class=\"wh-project-banner__inner\">\n\n\t\t  <p class=\"wh-project-banner__eyebrow\">\n\t\t\tANIMATION PREVIEW VIDEO\n\t\t  <\/p>\n\n\t\t  <!-- EDITAR: nombre del proyecto -->\n\t\t  <h1 class=\"wh-project-banner__title\">\n\t\t\tShura\u2019s Cover Animation \u2022 Sparking Stage\n\t\t  <\/h1>\n\n\t\t  <div class=\"wh-project-meta\">\n\n\t\t\t<!-- Cliente y logo opcional -->\n\t\t\t<div class=\"wh-project-meta__item wh-project-meta__client\">\n\t\t\t  <span class=\"wh-project-meta__label\">CLIENT<\/span>\n\n\t\t\t  <div class=\"wh-project-meta__client-content\">\n\n\t\t\t\t<!-- EDITAR: reemplaza la URL o elimina esta imagen si no hay logo -->\n\t\t\t\t<img decoding=\"async\" class=\"wh-project-meta__logo\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/VPROMISE-LOGO.webp\" alt=\"Client logo\">\n\n\t\t\t\t<span class=\"wh-project-meta__value\">\n\t\t\t\t  VPromise\n\t\t\t\t<\/span>\n\t\t\t  <\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"wh-project-meta__item\">\n\t\t\t  <span class=\"wh-project-meta__label\">PROJECT TYPE<\/span>\n\t\t\t  <span class=\"wh-project-meta__value\">\n\t\t\t\tSpecial Event Animation\n\t\t\t  <\/span>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"wh-project-meta__item\">\n\t\t\t  <span class=\"wh-project-meta__label\">RELEASE DATE<\/span>\n\t\t\t  <span class=\"wh-project-meta__value\">\n\t\t\t\tMay 2026\n\t\t\t  <\/span>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"wh-project-meta__item\">\n\t\t\t  <span class=\"wh-project-meta__label\">RUNTIME<\/span>\n\t\t\t  <span class=\"wh-project-meta__value\">\n\t\t\t\t00:01:32\n\t\t\t  <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"wh-project-meta__item\">\n\t\t\t\t<span class=\"wh-project-meta__label\">LANGUAGE<\/span>\n\t\t\t\t<span class=\"wh-project-meta__value\">\n\t\t\t\tJapanese Cover (Event in Spanish)\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\n\t\t  <\/div>\n\t\t<\/div>\n\t  <\/section>\n\n      <!-- Pantalla que aparece al terminar el avance -->\n      <div class=\"wh-project-preview__end\" id=\"wh-project-preview-end\" hidden=\"\">\n        <div class=\"wh-project-preview__end-content\">\n          <span class=\"wh-project-preview__eyebrow\">\n            YOU&#8217;VE SEEN THE PREVIEW!\n          <\/span>\n\n          <h2>Would you like to see the whole story?<\/h2>\n\n          <p>\n            Watch the complete project and discover what happens next!\n          <\/p>\n\n          <a id=\"wh-project-watch-full\" class=\"wh-project-preview__button\" href=\"https:\/\/youtu.be\/x1x0ruTI_lE?si=wRkejgxZaKf3NF18&#038;t=606\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t  WATCH THE FULL PROJECT\n\t\t\t<\/a>\n\n          <button type=\"button\" class=\"wh-project-preview__replay\" id=\"wh-project-replay\">\n            Replay preview\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n\n  <!-- 03. ABOUT -->\n  <section class=\"wh-project-about\">\n\n    <div class=\"wh-project-about__heading\">\n      <p class=\"wh-project-about__eyebrow\">Would you like more info?<\/p>\n\t  \n\t  \n\t  \n      <h2 class=\"titulo-compacto\">Sobre el proyecto<\/h2>\n\t  \n\t  \n    <\/div>\n\n    <div class=\"wh-project-about__content\">\n\n      <article class=\"wh-project-about__block wh-project-about__description\">\n        <h3>Description<\/h3>\n        <p>\n          An special animation segment that we made for VPromise&#8217;s Sparking Stage. An event where invited vtubers sing covers and original songs.\n        <\/p>\n      <\/article>\n\n      <article class=\"wh-project-about__block wh-project-about__overview\">\n        <h3>Overview<\/h3>\n        <p>\n          This animation presented a different challenge than other projects.<br>It involved creating several dance sequences within the animation.\n\t\t  <br>We explored various approaches, but ultimately found one that worked best.<br>We thank VPromise for the opportunity to contribute to their event.\n        <\/p>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <!-- Fin de la p\u00e1gina del proyecto -->\n\n<\/main>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Contenedor que ocupa el 100% del ancho de tu tema Astra *\/\n.contenedor-cruceta-completa {\n  display: grid !important;\n  \/* Divide el espacio exactamente en 2 columnas iguales (50% y 50%) *\/\n  grid-template-columns: repeat(2, 1fr) !important; \n  \/* Espacio de separaci\u00f3n entre las esquinas (puedes subirlo o bajarlo) *\/\n  gap: 20px !important; \n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 30px auto !important;\n  box-sizing: border-box !important;\n}\n\n\/* Envoltura de cada esquina *\/\n.esquina {\n  width: 100% !important;\n  \/* Mantiene la proporci\u00f3n exacta de tus im\u00e1genes (1920x1080 es 16:9) *\/\n  aspect-ratio: 16 \/ 9 !important; \n  overflow: hidden !important;\n}\n\n\/* Control estricto de las im\u00e1genes *\/\n.esquina img {\n  width: 100% !important;\n  height: 100% !important;\n  \/* Clave: Evita que el zoom o el cambio de ventana deforme\/aplaste la imagen *\/\n  object-fit: cover !important; \n  \/* Bordes redondeados *\/\n  border-radius: 20px !important; \n  display: block !important;\n}\n<\/style>\n\n<div class=\"contenedor-cruceta-completa\">\n  <div class=\"esquina sup-izq\">\n    <img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-PREV-1.webp\" alt=\"Descripci\u00f3n 1\">\n  <\/div>\n  <div class=\"esquina sup-der\">\n    <img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-PREV-3.webp\" alt=\"Descripci\u00f3n 2\">\n  <\/div>\n  <div class=\"esquina inf-izq\">\n    <img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-PREV-4.webp\" alt=\"Descripci\u00f3n 3\">\n  <\/div>\n  <div class=\"esquina inf-der\">\n    <img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-PREV-2.webp\" alt=\"Descripci\u00f3n 4\">\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-layout-grid uagb-block-12b0586c\">\n<div class=\"wp-block-uagb-container uagb-block-e8e9760c\">\n<div class=\"wp-block-uagb-container uagb-block-acc917f9\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-27858b07\"><h3 class=\"uagb-heading-text\">Character Design<\/h3><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-b9a87880 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-MODELSHEET.webp\" alt=\"\" class=\"uag-image-2952\" width=\"2480\" height=\"1240\" title=\"SHURA - MODELSHEET\" loading=\"lazy\" role=\"img\" \/><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-f0c393d4\"><h3 class=\"uagb-heading-text\">Background<\/h3><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-layout-flex uagb-block-2a37ba82\">\n<div class=\"wp-block-uagb-image aligncenter uagb-block-c7e6ba11 wp-block-uagb-image--layout-overlay wp-block-uagb-image--effect-blur wp-block-uagb-image--align-center\">\n\t<figure class=\"wp-block-uagb-image__figure\">\n\t\t<img decoding=\"async\" srcset=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/BG-SHURA-CONCEPT.webp ,https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/BG-SHURA-CONCEPT.webp 780w, https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/BG-SHURA-CONCEPT.webp 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/BG-SHURA-CONCEPT.webp\" alt=\"\" class=\"uag-image-2950\" width=\"1635\" height=\"1202\" title=\"BG-SHURA-CONCEPT\" loading=\"lazy\" role=\"presentation\"\/>\n\t\t<div class=\"wp-block-uagb-image--layout-overlay__color-wrapper\"\/>\n\t\t<div class=\"wp-block-uagb-image--layout-overlay__inner top-right\">\n\t\t\t<h2 class=\"uagb-image-heading\">Concept<\/h2>\n\t\t\t<figcaption class=\"uagb-image-caption\" style=\"text-align: right;\">Made by Kevin Ben\u00edtez<\/figcaption>\n\t\t<\/div>\n\t<\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-image aligncenter uagb-block-65b70b1b wp-block-uagb-image--layout-overlay wp-block-uagb-image--effect-blur wp-block-uagb-image--align-center\">\n\t<figure class=\"wp-block-uagb-image__figure\">\n\t\t<img decoding=\"async\" srcset=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/BG-SHURA-FINAL.webp ,https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/BG-SHURA-FINAL.webp 780w, https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/BG-SHURA-FINAL.webp 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/BG-SHURA-FINAL.webp\" alt=\"\" class=\"uag-image-2951\" width=\"1635\" height=\"1202\" title=\"\" loading=\"lazy\" role=\"presentation\"\/>\n\t\t<div class=\"wp-block-uagb-image--layout-overlay__color-wrapper\"\/>\n\t\t<div class=\"wp-block-uagb-image--layout-overlay__inner top-right\">\n\t\t\t<h2 class=\"uagb-image-heading\">Final<\/h2>\n\t\t\t<figcaption class=\"uagb-image-caption\" style=\"text-align: right;\">Final illustration by Shine<br>Final position by Juan Arteaga &#8220;inkhito&#8221;<\/figcaption>\n\t\t\t<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-409be86c alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* Contenedor principal adaptable *\/\n.creditos-container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 40px;\n    color: #000000;\n    padding: 40px 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* Configuraci\u00f3n de las 4 columnas *\/\n.creditos-col-main, .creditos-col {\n    flex: 1 1 220px; \/* Permite que se acomoden en pantallas m\u00e1s chicas *\/\n}\n\n\/* Columna de t\u00edtulo izquierda *\/\n.creditos-col-main {\n    text-align: center;\n}\n\n.creditos-subtitle {\n    font-size: 28px;\n    color: #777777;\n    margin-bottom: 5px;\n    font-weight: 500;\n}\n\n.creditos-title {\n    font-size: 74px;\n    font-weight: 800;\n    margin-top: 0;\n    margin-bottom: 30px;\n}\n\n.creditos-image img {\n    max-width: 180px;\n    height: auto;\n    filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.75));\n}\n\n\/* Bloques de categor\u00edas *\/\n.creditos-section {\n    margin-bottom: 25px;\n}\n\n.creditos-section h4 {\n    font-size: 18px;\n    font-weight: 700;\n    margin-top: 0;\n    margin-bottom: 8px;\n    color: #000000;\n}\n\n.creditos-section p {\n    font-size: 16px;\n    line-height: 1.4;\n    margin: 0 0 4px 0;\n    color: #333333;\n}\n\n\/* Formato especial para la secci\u00f3n de m\u00fasica *\/\n.music-track {\n    margin-bottom: 12px !important;\n}\n\n.music-track span {\n    color: #555555;\n    font-size: 12px;\n}\n\n\/* Ajuste para pantallas medianas (Tablets - 2 columnas y centrado) *\/\n@media (max-width: 1400px) {\n    .creditos-container {\n        justify-content: center; \/* Centra las columnas en la pantalla *\/\n        gap: 30px;\n    }\n    \n    .creditos-col-main {\n        flex: 1 1 100%; \/* El t\u00edtulo e imagen ocupan todo el ancho arriba *\/\n        text-align: center;\n    }\n\n    .creditos-col {\n        flex: 1 1 40%; \/* Permite que entren exactamente 2 columnas por fila *\/\n        text-align: center; \/* Centra el texto de los nombres *\/\n    }\n}\n\n\/* Ajuste para pantallas muy estrechas (M\u00f3viles - 1 sola columna centrada) *\/\n@media (max-width: 600px) {\n    .creditos-container {\n        justify-content: center; \/* Centra las columnas en la pantalla *\/\n        gap: 10px;\n    }\n    \n    .creditos-col-main {\n        flex: 1 1 100%; \/* El t\u00edtulo e imagen ocupan todo el ancho arriba *\/\n        text-align: center;\n    }\n\n    .creditos-col {\n        flex: 1 1 40%; \/* Permite que entren exactamente 2 columnas por fila *\/\n        text-align: center; \/* Centra el texto de los nombres *\/\n    }\n}\n<\/style>\n\n<div class=\"creditos-container\">\n  \n  <!-- Columna Izquierda: T\u00edtulo e Imagen -->\n  <div class=\"creditos-col-main\">\n    <p class=\"creditos-subtitle\">Who worked on the animation?<\/p>\n    <h2 class=\"creditos-title\">Credits<\/h2>\n    <div class=\"creditos-image\">\n      <!-- Reemplaza la URL de abajo por la de tu imagen en la biblioteca de medios -->\n      <img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/VPROMISE-LOGO.webp\" alt=\"Ilustraci\u00f3n Cr\u00e9ditos\">\n    <\/div>\n  <\/div>\n\n  <!-- Columna Central: Producci\u00f3n, Audio y M\u00fasica -->\n  <div class=\"creditos-col\">\n  \n\t<div class=\"creditos-section\">\n      <h4>Production<\/h4>\n      <p>VShow Productions<\/p>\n    <\/div>\n  \n    <div class=\"creditos-section\">\n      <h4>Executive Producer<\/h4>\n      <p>Jian (VPromise)<\/p>\n    <\/div>\n    \n    <div class=\"creditos-section\">\n      <h4>Producer &amp; Ideas<\/h4>\n      <p>Shura Hiwa<\/p>\n    <\/div>\n    \n    <div class=\"creditos-section\">\n      <h4>Original Music Version<\/h4>\n      <p class=\"music-track\">The Ancient Magus&#8217; Bride OP 1 &#8211; &#8220;Here&#8221;<br><span>by JUNNA<\/span><\/p>\n    <\/div>\n\n\t<div class=\"creditos-section\">\n      <h4>Additional Help<\/h4>\n\t  <p>Juan Arteaga \u201cInkhito\u201d<\/p>\n    <\/div>\n\n  <\/div>\n\n  <!-- Columna Derecha 1: Direcci\u00f3n y Animaci\u00f3n -->\n  <div class=\"creditos-col\">\n    <div class=\"creditos-section\">\n      <h4>Director &amp; Production<\/h4>\n      <p>Kevin Ben\u00edtez<\/p>\n    <\/div>\n    \n    <div class=\"creditos-section\">\n      <h4>Animation<\/h4>\n\t  <p>Kevin Ben\u00edtez<\/p>\n\t  <p>Lautaro Giovinazzo \u201cJiyu-E\u201c<\/p>\n      <p>Brayan Lemus<\/p>\n\t  <p>Dony Suescun \u201cDonyS\u201d<\/p>\n      <p>LordPP<\/p>\n\t  <p>TomiAF<\/p>\n      <p>Jose J. Banegas \u201cJB10\u201c<\/p>\n    <\/div>\n\n    <div class=\"creditos-section\">\n      <h4>Character Design<\/h4>\n      <p>Kevin Ben\u00edtez<\/p>\n      <p>Lautaro Giovinazzo \u201cJiyu-E\u201c<\/p>\n      <p>Mariela Rosales<\/p>\n    <\/div>\n\t\n  <\/div>\n\n  <!-- Columna Derecha 2: Limpieza y Color -->\n  <div class=\"creditos-col\">\n    <div class=\"creditos-section\">\n      <h4>Clean-Up &amp; Color<\/h4>\n\t  <p>Flor Barajas \u201cHannaRyuna\u201c<\/p>\n\t  <p>Kevin Ben\u00edtez<\/p>\n\t  <p>Brayan Lemus<\/p>\n\t  <p>Dony Suescun \u201cDonyS\u201d<\/p>\n      <p>LordPP<\/p>\n\t  <p>TomiAF<\/p>\n\t  <p>Rodolfo G\u00e1mez &#8220;Naderogaix&#8221;<\/p>\n    <\/div>\n\t\n\t<div class=\"creditos-section\">\n      <h4>Main Stage Background<\/h4>\n      <p>Shine<\/p>\n\n    <div class=\"creditos-section\">\n      <h4>Backgrounds<\/h4>\n      <p>Kevin Ben\u00edtez<\/p>\n\t  <p>Brayan Lemus<\/p>\n\t  <p>Shine<\/p>\n    <\/div>\n\n    <\/div>\n\t\n  <\/div>\n\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-4b51a87d alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-b56d661a\">\n<div class=\"wp-block-uagb-container uagb-layout-grid uagb-block-2b474b73\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-6cdab7fd\"><h2 class=\"uagb-heading-text\">More Projects<\/h2><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================\n   WEASELHIVE \u2014 ONE-SHOTS PORTFOLIO\n   Compatible con WordPress + Astra\n   ===================================== *\/\n\n.wh-oneshots {\n  --wh-bg: #510B0E;\n  --wh-card: #9C2312;\n  --wh-text: #f5f5f7;\n  --wh-muted: #FFFFFF;\n  --wh-accent: #FFD367;\n  --wh-ptype: #FFDE00;\n\n  width: 100%;\n  max-width: 1440px;\n  margin: 0 auto;\n  padding: 32px 0;\n  color: var(--wh-text);\n  font-family: inherit;\n  box-sizing: border-box;\n}\n\n.wh-oneshots *,\n.wh-oneshots *::before,\n.wh-oneshots *::after {\n  box-sizing: border-box;\n}\n\n.wh-oneshots__heading {\n  margin: 0 0 12px;\n  color: var(--wh-text);\n  font-size: clamp(2rem, 4vw, 3.5rem);\n  line-height: 1.1;\n  font-weight: 800;\n  letter-spacing: -0.045em;\n}\n\n.wh-oneshots__intro {\n  max-width: 680px;\n  margin: 0 0 36px;\n  color: var(--wh-muted);\n  font-size: 1rem;\n  line-height: 1.7;\n}\n\n.wh-oneshots__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 26px;\n}\n\n\/* Tarjeta completa: un \u00fanico enlace *\/\n\n.wh-project {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  overflow: hidden;\n  color: var(--wh-text);\n  text-decoration: none !important;\n  background: var(--wh-card);\n  border: 1px solid rgba(255,255,255,.09);\n  border-radius: 5px;\n  box-shadow: 0 8px 24px rgba(0,0,0,.12);\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    box-shadow .3s ease;\n}\n\n.wh-project:hover {\n  color: var(--wh-text);\n  transform: translateY(-5px);\n  border-color: rgba(184,160,255,.65);\n  box-shadow: 0 16px 36px rgba(0,0,0,.3);\n}\n\n.wh-project:focus-visible {\n  outline: 3px solid var(--wh-accent);\n  outline-offset: 4px;\n}\n\n\/* Imagen a sangre *\/\n\n.wh-project__image {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n  background: #25232d;\n}\n\n.wh-project__image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  margin: 0;\n  object-fit: cover;\n  object-position: center;\n  border: 0;\n  border-radius: 0;\n  box-shadow: none;\n  transition: transform .55s ease;\n}\n\n.wh-project:hover .wh-project__image img {\n  transform: scale(1.055);\n}\n\n\/* Banner inferior *\/\n\n.wh-project__info {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  gap: 10px;\n  padding: 21px 22px 19px;\n  background: var(--wh-card);\n}\n\n.wh-project__title {\n  margin: 0;\n  color: var(--wh-text);\n  font-size: clamp(1.15rem, 1.6vw, 1.5rem);\n  font-weight: 750;\n  line-height: 1.2;\n  letter-spacing: -.025em;\n  overflow-wrap: anywhere;\n  transition: color .25s ease;\n}\n\n.wh-project:hover .wh-project__title {\n  color: var(--wh-accent);\n}\n\n.wh-project__client {\n  margin: 0;\n  color: var(--wh-muted);\n  font-size: .88rem;\n  line-height: 1.5;\n}\n\n.wh-project__details {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px 12px;\n  padding-top: 13px;\n  margin-top: 2px;\n  border-top: 1px solid rgba(255,255,255,.1);\n}\n\n.wh-project__type {\n  color: #DDC6BF;\n  color: var(--wh-ptype);\n  line-height: 1.4;\n  font-weight: 600;\n  letter-spacing: .035em;\n  text-transform: uppercase;\n}\n\n.wh-project__year {\n  flex-shrink: 0;\n  color: var(--wh-muted);\n  font-size: .82rem;\n  font-variant-numeric: tabular-nums;\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .wh-oneshots__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 20px;\n  }\n\n  .wh-project__info {\n    padding: 18px;\n  }\n}\n\n\/* M\u00f3vil *\/\n\n@media (max-width: 600px) {\n  .wh-oneshots {\n    padding: 20px 0;\n  }\n\n  .wh-oneshots__grid {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 22px;\n  }\n\n  .wh-oneshots__intro {\n    margin-bottom: 26px;\n  }\n\n  .wh-project__image {\n    aspect-ratio: 16 \/ 9;\n  }\n\n  .wh-project__info {\n    padding: 18px 19px;\n    gap: 9px;\n  }\n\n  .wh-project__title {\n    font-size: 1.35rem;\n  }\n}\n\n\/* Respeta las preferencias de movimiento *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .wh-project,\n  .wh-project__image img,\n  .wh-project__title {\n    transition: none;\n  }\n\n  .wh-project:hover {\n    transform: none;\n  }\n\n  .wh-project:hover .wh-project__image img {\n    transform: none;\n  }\n}\n\n\/* =====================================\n   WEASELHIVE \u2014 PROJECT FILTERS\n   ===================================== *\/\n\n.wh-oneshots .wh-filters {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto auto;\n  align-items: end;\n  gap: 16px;\n  margin: 0 0 16px;\n  padding: 20px;\n  background: #19191f;\n  border: 1px solid rgba(255,255,255,.09);\n  border-radius: 5px;\n}\n\n.wh-oneshots .wh-filters__field {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n}\n\n.wh-oneshots .wh-filters__field label {\n  color: #d5d2df;\n  font-size: .8rem;\n  font-weight: 650;\n  margin: 0;\n}\n\n.wh-oneshots .wh-filters select {\n  width: 100%;\n  min-height: 44px;\n  margin: 0;\n  padding: 10px 34px 10px 12px;\n  color: #f5f5f7;\n  background-color: #25252d;\n  border: 1px solid #42414c;\n  border-radius: 4px;\n  font: inherit;\n  font-size: .88rem;\n}\n\n.wh-oneshots .wh-filters select:focus-visible {\n  outline: 2px solid #b8a0ff;\n  outline-offset: 2px;\n}\n\n.wh-oneshots .wh-filters__original {\n  display: flex;\n  align-items: center;\n  align-self: end;\n  gap: 10px;\n  min-height: 44px;\n  margin: 0;\n  color: #e5e2ed;\n  font-size: .84rem;\n  line-height: 1.4;\n  cursor: pointer;\n}\n\n.wh-oneshots .wh-filters__original input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  opacity: 0;\n}\n\n.wh-oneshots .wh-filters__check {\n  display: grid;\n  place-items: center;\n  flex: 0 0 19px;\n  width: 19px;\n  height: 19px;\n  border: 1px solid #777184;\n  border-radius: 4px;\n  background: #25252d;\n}\n\n.wh-oneshots .wh-filters__original input:checked\n  + .wh-filters__check {\n  background: #b8a0ff;\n  border-color: #b8a0ff;\n}\n\n.wh-oneshots .wh-filters__original input:checked\n  + .wh-filters__check::after {\n  content: \"\u2713\";\n  color: #17131f;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.wh-oneshots .wh-filters__original input:focus-visible\n  + .wh-filters__check {\n  outline: 2px solid #b8a0ff;\n  outline-offset: 3px;\n}\n\n.wh-oneshots .wh-filters__reset {\n  min-height: 44px;\n  margin: 0;\n  padding: 10px 14px;\n  color: #e3d9ff;\n  background: transparent;\n  border: 1px solid #65567f;\n  border-radius: 4px;\n  font: inherit;\n  font-size: .82rem;\n  cursor: pointer;\n  transition: background .2s ease, border-color .2s ease;\n}\n\n.wh-oneshots .wh-filters__reset:hover {\n  background: #30283d;\n  border-color: #b8a0ff;\n}\n\n.wh-oneshots .wh-filter-count {\n  margin: 0 0 22px;\n  color: #E66E2C;\n  font-size: .84rem;\n}\n\n\/* Ocultar proyectos que no coinciden *\/\n\n.wh-oneshots .wh-project[hidden] {\n  display: none !important;\n}\n\n\/* Tablet y pantallas estrechas *\/\n\n@media (max-width: 900px) {\n  .wh-oneshots .wh-filters {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .wh-oneshots .wh-filters__original {\n    align-self: center;\n  }\n\n  .wh-oneshots .wh-filters__reset {\n    justify-self: start;\n  }\n}\n\n\/* M\u00f3vil *\/\n\n@media (max-width: 480px) {\n  .wh-oneshots .wh-filters {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 14px;\n    padding: 16px;\n  }\n\n  .wh-oneshots .wh-filters__reset {\n    width: 100%;\n  }\n}\n<\/style>\n\n<section class=\"wh-oneshots\" aria-labelledby=\"wh-oneshots-title\">\n\n  <div class=\"wh-oneshots__grid\">\n\n    <!-- PROYECTO 1 -->\n    <a class=\"wh-project\" href=\"https:\/\/weaselhive.com\/one-shots\/crayonvt-interview\/\" data-category=\"vtubers,special-event,animation-short\" data-year=\"2026,2025\" data-original=\"true\">\n\n      <div class=\"wh-project__image\">\n        <img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/CRAYON-THUMBNAIL.webp\" alt=\"Thumbnail\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"wh-project__info\">\n        <h3 class=\"wh-project__title\">Crayon&#8217;s Interview  \u2022 Cover Prelude<\/h3>\n        <p class=\"wh-project__client\">\n          Weasel Hive x CrayonVT\n        <\/p>\n        <div class=\"wh-project__details\">\n          <span class=\"wh-project__type\">Special Event<\/span>\n          <span class=\"wh-project__year\">2025 &amp; 2026<\/span>\n        <\/div>\n      <\/div>\n\n    <\/a>\n\n    <!-- PROYECTO 4 -->\n        <a class=\"wh-project\" href=\"https:\/\/weaselhive.com\/one-shots\/sheep-n-pop\/\" data-category=\"vtubers,special-event\" data-year=\"2025\" data-original=\"false\">\n\n      <div class=\"wh-project__image\">\n        <img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/KOTONE-THUMBNAIL.webp\" alt=\"Portada del proyecto 4\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"wh-project__info\">\n        <h3 class=\"wh-project__title\">Kotone&#8217;s Friends Arrival \u2022 Sheep n&#8217; Pop<\/h3>\n        <p class=\"wh-project__client\">\n          Client \u2022 VPromise\n        <\/p>\n        <div class=\"wh-project__details\">\n          <span class=\"wh-project__type\">Special Event<\/span>\n          <span class=\"wh-project__year\">2025<\/span>\n        <\/div>\n      <\/div>\n\n    <\/a>\n\n    <!-- PROYECTO 5 -->\n    <a class=\"wh-project\" href=\"https:\/\/weaselhive.com\/one-shots\/dating-a-capybara-girl\" data-category=\"animation-short\" data-year=\"2025\" data-original=\"true\">\n\n      <div class=\"wh-project__image\">\n        <img decoding=\"async\" src=\"https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/JIN-THUMBNAIL.webp\" alt=\"Portada del proyecto 5\" loading=\"lazy\">\n      <\/div>\n\n      <div class=\"wh-project__info\">\n        <h3 class=\"wh-project__title\">Dating a Capybara Girl?!<\/h3>\n        <p class=\"wh-project__client\">\n          Weasel Hive\n        <\/p>\n        <div class=\"wh-project__details\">\n          <span class=\"wh-project__type\">Original Short<\/span>\n          <span class=\"wh-project__year\">2025<\/span>\n        <\/div>\n      <\/div>\n\n    <\/a>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Your browser does not support HTML video. ANIMATION PREVIEW VIDEO Shura\u2019s Cover Animation \u2022 Sparking Stage CLIENT VPromise PROJECT TYPE Special Event Animation RELEASE DATE May 2026 RUNTIME 00:01:32 LANGUAGE Japanese Cover (Event in Spanish) YOU&#8217;VE SEEN THE PREVIEW! Would you like to see the whole story? Watch the complete project and discover what happens [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2807,"parent":2797,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2948","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL.webp",1920,1080,false],"thumbnail":["https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL-150x150.webp",150,150,true],"medium":["https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL-300x169.webp",300,169,true],"medium_large":["https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL-768x432.webp",768,432,true],"large":["https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL-1024x576.webp",1024,576,true],"1536x1536":["https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL-1536x864.webp",1536,864,true],"2048x2048":["https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL.webp",1920,1080,false],"trp-custom-language-flag":["https:\/\/weaselhive.com\/wp-content\/uploads\/2026\/10\/SHURA-THUMBNAIL-18x10.webp",18,10,true]},"uagb_author_info":{"display_name":"Kevin Guillermo","author_link":"https:\/\/weaselhive.com\/es\/author\/kevingbferia\/"},"uagb_comment_info":0,"uagb_excerpt":"Your browser does not support HTML video. ANIMATION PREVIEW VIDEO Shura\u2019s Cover Animation \u2022 Sparking Stage CLIENT VPromise PROJECT TYPE Special Event Animation RELEASE DATE May 2026 RUNTIME 00:01:32 LANGUAGE Japanese Cover (Event in Spanish) YOU&#8217;VE SEEN THE PREVIEW! Would you like to see the whole story? Watch the complete project and discover what happens&hellip;","_links":{"self":[{"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/pages\/2948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/comments?post=2948"}],"version-history":[{"count":20,"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/pages\/2948\/revisions"}],"predecessor-version":[{"id":3015,"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/pages\/2948\/revisions\/3015"}],"up":[{"embeddable":true,"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/pages\/2797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/media\/2807"}],"wp:attachment":[{"href":"https:\/\/weaselhive.com\/es\/wp-json\/wp\/v2\/media?parent=2948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}