/* XNO watch (video/foto) — subir a cdn-files: /files/bootstrap/css/xno-views-xn.css */
html.brand-xno{
  height:auto!important;
  min-height:100%;
  max-height:none!important;
}
body.xno-skin{
  background:#0a0b0d!important;
  color:#e8eaed;
  min-width:0!important;
  max-width:100%;
  min-height:100vh;
  min-height:100dvh;
  height:auto!important;
  max-height:none!important;
  display:flex;
  flex-direction:column;
}
body.xno-skin .wrapper{
  margin-top:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  max-width:100%;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  height:auto!important;
  max-height:none!important;
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
}
body.xno-skin .sectionWrapper{
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  max-width:100%;
  height:auto!important;
  max-height:none!important;
}
/* Pie pegado abajo cuando la página es corta (evita hueco negro bajo el footer) */
body.xno-skin .xno-prefoot{
  margin-top:auto;
  width:100%;
}
body.xno-skin .xno-foot{
  flex-shrink:0;
  width:100%;
}
/* styles.css mete margen/padding al .wrapper ≥1280/1700 (sidebar KPaja); el header XNO está fuera */
@media (min-width:1280px){
  body.xno-skin .wrapper{
    margin-left:0!important;
    margin-top:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media (min-width:1700px){
  body.xno-skin .wrapper{
    padding-left:0!important;
    padding-right:0!important;
  }
}
body.xno-skin .sectionWrapper,
body.xno-skin .contentWrap{
  background:transparent!important;
}
/* Misma caja exacta que .xno-hdr__in / .xno-nav__shell — sin .container Bootstrap */
body.xno-skin .contentWrap.xno-watch{
  max-width:none;
  width:100%;
  margin:0;
  padding:0;
  min-width:0;
  box-sizing:border-box;
}
body.xno-skin .contentWrap:not(.xno-watch){
  /* Misma caja que el header (antes max-width:100% rompía listados) */
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
  padding:12px 12px 24px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
/* Listados / home: forzar alineación con header aunque otro CSS pise */
body.xno-skin .contentWrap.xno-mix,
body.xno-skin .contentWrap.xno-cats,
body.xno-skin .wrap.xno-home-wrap,
body.xno-skin .wrap{
  max-width:1600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  width:100%!important;
  box-sizing:border-box!important;
}
body.xno-skin .xno-watch__shell{
  max-width:1600px;
  width:100%;
  margin:0 auto;
  padding:12px 12px 24px;
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  column-gap:20px;
  row-gap:16px;
  align-items:flex-start;
  min-width:0;
}
body.xno-skin .xno-watch__main{
  float:none!important;
  width:100%;
  max-width:100%;
  flex:1 1 auto;
  min-width:0;
  padding:0!important;
  margin:0;
  box-sizing:border-box;
  overflow:visible;
}
body.xno-skin .xno-watch__side{
  float:none!important;
  width:100%;
  max-width:300px;
  flex:0 0 300px;
  min-width:0;
  padding:0!important;
  margin:0;
  box-sizing:border-box;
  /* No clip: el hover del card necesita padding visible alrededor del thumb */
  overflow:visible!important;
}
@media (max-width:991px){
  body.xno-skin .xno-watch__side{
    max-width:100%;
    flex:1 1 100%;
  }
}
@media (min-width:992px){
  body.xno-skin .xno-watch__main{
    flex:1 1 640px;
    max-width:calc(100% - 320px); /* 300 sidebar + 20 gap */
  }
}
@media(max-width:699px){
  body.xno-skin .xno-watch__shell{padding:10px 12px 24px}
}
/* Legacy .container por si queda en caché HTML */
body.xno-skin .contentWrap.xno-watch > .container.container,
body.xno-skin .contentWrap.xno-watch > .container{
  width:100%!important;
  max-width:1600px!important;
  margin:0 auto!important;
  padding:12px 12px 24px!important;
  display:flex!important;
  flex-wrap:wrap;
  column-gap:20px;
  row-gap:16px;
  align-items:flex-start;
  min-width:0;
  box-sizing:border-box!important;
}
body.xno-skin .contentWrap:not(.xno-watch) > .container{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto;
  padding-left:0!important;
  padding-right:0!important;
  display:flex;
  flex-wrap:wrap;
  gap:16px 20px;
  align-items:flex-start;
  min-width:0;
  box-sizing:border-box;
}
body.xno-skin .contentWrap > .container > section,
body.xno-skin .contentWrap > .container > section.p-0.col-md-8,
body.xno-skin .contentWrap > .container > section.col-md-8,
body.xno-skin .contentWrap > .container > section.col-lg-9,
body.xno-skin .contentWrap > .container > aside{
  padding-left:0!important;
  padding-right:0!important;
}
body.xno-skin .contentWrap > .container > section.p-0.col-md-8,
body.xno-skin .contentWrap > .container > section.col-md-8,
body.xno-skin .contentWrap > .container > section.col-lg-9{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  flex:1 1 auto;
  min-width:0!important;
  box-sizing:border-box;
  overflow:visible;
}
body.xno-skin .contentWrap > .container > aside{
  float:none!important;
  width:100%!important;
  max-width:300px;
  flex:0 0 300px;
  min-width:0;
  margin-left:0!important;
  box-sizing:border-box;
}
@media (max-width:991px){
  body.xno-skin .contentWrap > .container > aside{
    max-width:100%;
    flex:1 1 100%;
  }
}
@media (min-width:992px){
  body.xno-skin .contentWrap > .container > section.p-0.col-md-8,
  body.xno-skin .contentWrap > .container > section.col-md-8,
  body.xno-skin .contentWrap > .container > section.col-lg-9{
    flex:1 1 640px;
    max-width:calc(100% - 320px);
  }
}
body.xno-skin a{color:#7dd3c0}
body.xno-skin a:hover{color:#2ee6a8;text-decoration:none}
/* Títulos de cards en listados: blanco (el a global no debe teñirlos) */
body.xno-skin .xno-card__title a,
body.xno-skin .xno-card__title a:hover{
  color:#fff!important;
  text-decoration:none;
}
body.xno-skin .btn-warning,
body.xno-skin .btnRecommended,
body.xno-skin .btn-dsb{
  background:#2ee6a8!important;
  border-color:#2ee6a8!important;
  color:#04140f!important;
}
body.xno-skin .btn-warning:hover,
body.xno-skin .btnRecommended:hover,
body.xno-skin .btn-dsb:hover{
  filter:brightness(1.06);
  color:#04140f!important;
}
body.xno-skin .headingGrid,
body.xno-skin .sectionTitle h2,
body.xno-skin h1,
body.xno-skin .video-title,
body.xno-skin .photo-view h1{
  color:#e8eaed!important;
}
/* Viñeta lateral de títulos de bloque (antes naranja KPaja) */
body.xno-skin .sectionTitle:has(.headingGrid):not(:has(.headlineTitles)):not(:has(.i-channel))::before{
  background:linear-gradient(180deg,#7dd3c0 0%,#2ee6a8 55%,#1bbf88 100%)!important;
}
body.xno-skin .sectionTitle:has(.headlineTitles)::before,
body.xno-skin .sectionTitle:has(.i-channel)::before{
  background:linear-gradient(180deg,#7dd3c0 0%,#2ee6a8 55%,#1bbf88 100%)!important;
}
body.xno-skin .site-footer{display:none!important}
body.xno-skin .xno-prefoot--slim{
  padding:8px 0 0;
  border-top:0;
}
body.xno-skin .xno-prefoot .xno-prefoot__in{
  max-width:1600px;margin:0 auto;padding:0 12px;box-sizing:border-box
}
body.xno-skin .xno-foot{
  background:#0c0e12;border-top:1px solid #222;padding:22px 0 26px;color:#777;font-size:12px
}
body.xno-skin .xno-foot__in{
  max-width:1600px;margin:0 auto;padding:0 12px;box-sizing:border-box
}
body.xno-skin .xno-foot__top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:nowrap;padding-bottom:16px;border-bottom:1px solid #2a2e36
}
body.xno-skin .xno-foot__brand{display:inline-flex;align-items:center;line-height:0;text-decoration:none;flex:0 0 auto}
body.xno-skin .xno-foot__brand img{display:block;height:36px;width:auto;max-width:180px;object-fit:contain}
body.xno-skin .xno-foot__nav{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right;flex:1 1 auto;min-width:0}
body.xno-skin .xno-foot__row{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:flex-end}
body.xno-skin .xno-foot__row a{text-decoration:none;line-height:1.35}
body.xno-skin .xno-foot__row--accent a{color:#7dd3c0}
body.xno-skin .xno-foot__row--muted a{color:#8b909a}
body.xno-skin .xno-foot__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding-top:14px}
body.xno-skin .xno-foot__copy{margin:0;color:#6a707a;font-size:12px;flex:1 1 auto;min-width:0}
body.xno-skin .xno-foot__utils{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}
body.xno-skin .xno-foot__rta{
  display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border:1px solid #666;border-radius:3px;color:#bbb;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.04em
}
@media (max-width:899px){
  body.xno-skin .xno-foot__top{flex-wrap:wrap}
  body.xno-skin .xno-foot__nav{align-items:flex-start;text-align:left;width:100%}
  body.xno-skin .xno-foot__row{justify-content:flex-start}
  body.xno-skin .xno-foot__bottom{
    flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;
  }
  body.xno-skin .xno-foot__copy{font-size:11px}
}
body.xno-skin .photo-hq-badge{background:#2ee6a8!important;color:#04140f!important}

/* Foto: acentos mint (carrusel, nav, lightbox, side) — sin dorado KPaja */
body.xno-skin .photo-strip-item.is-current,
body.xno-skin .photo-side-grid .photo-side-link.is-current{
  border-color:#2ee6a8!important;
}
body.xno-skin .photo-strip-item.is-gate{
  border-color:rgba(46,230,168,.45)!important;
  color:#2ee6a8!important;
}
body.xno-skin .photo-nav-btn.is-gate,
body.xno-skin .photo-gate-overlay i,
body.xno-skin .photo-side-meta a,
body.xno-skin .photo-gate-overlay--vip .creator-vip-gate__channel{
  color:#2ee6a8!important;
}
body.xno-skin .photo-gate-overlay--vip .creator-vip-gate{
  border-color:rgba(46,230,168,.45)!important;
}
body.xno-skin .photo-gate-overlay--vip .creator-vip-gate__channel:hover{
  color:#7dd3c0!important;
}
body.xno-skin .photo-strip-nav:hover,
body.xno-skin .photo-nav-btn:hover,
body.xno-skin .photo-lightbox-close:hover,
body.xno-skin .photo-lightbox-zoom button:hover,
body.xno-skin .photo-lightbox-nav:hover{
  background:#2ee6a8!important;color:#04140f!important;
}
body.xno-skin .photo-album-strip{
  scrollbar-color:#2ee6a8 #1a1a1a;
}
body.xno-skin .photo-album-strip-wrap:hover .photo-album-strip{
  scrollbar-color:#2ee6a8 #1a1a1a;
}
body.xno-skin .photo-album-strip-wrap:hover .photo-album-strip::-webkit-scrollbar-thumb,
body.xno-skin .photo-album-strip::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#1bbf88,#2ee6a8 45%,#7dd3c0)!important;
  border-color:#1a1a1a;
}
body.xno-skin .photo-album-strip-wrap:hover .photo-album-strip::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(90deg,#2ee6a8,#7dd3c0)!important;
}
body.xno-skin .photo-album-strip-wrap:hover .photo-album-strip::-webkit-scrollbar-thumb:active{
  background:#2ee6a8!important;
}

/* ——— Botones de servidor (más vivos) ——— */
body.xno-skin .bg-opserver{
  background:#0e1116!important;
  border:1px solid #1c2028!important;
  border-radius:0 0 10px 10px!important;
  padding:12px!important;
  margin:0 0 4px!important;
  gap:8px!important;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}
body.xno-skin .opserver{
  position:relative;overflow:hidden;
  min-height:36px;padding:0 14px!important;border-radius:8px!important;
  background:linear-gradient(180deg,#1c2228 0%,#12161c 100%)!important;
  border:1px solid rgba(46,230,168,.22)!important;
  color:#e8f5f0!important;font:700 12px/36px Arial,Helvetica,sans-serif!important;
  letter-spacing:.04em;text-transform:uppercase;
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease,background .2s ease,color .15s ease;
}
body.xno-skin .opserver::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(46,230,168,.14) 50%,transparent 60%);
  transform:translateX(-120%);
  transition:none;
}
body.xno-skin .opserver:hover{
  transform:translateY(-1px);
  border-color:rgba(46,230,168,.55)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(46,230,168,.18);
}
body.xno-skin .opserver:hover::before{
  animation:xno-srv-shine .7s ease;
}
@keyframes xno-srv-shine{
  to{transform:translateX(120%)}
}
body.xno-skin .bg-opserver span.opserver.active:not(.opserver--premium),
body.xno-skin .opserver.active:not(.opserver--premium){
  background:linear-gradient(180deg,#2ee6a8 0%,#1bbf88 100%)!important;
  border-color:#2ee6a8!important;color:#04140f!important;
  box-shadow:0 0 0 1px rgba(46,230,168,.35),0 0 18px rgba(46,230,168,.35);
  animation:xno-srv-pulse 1.8s ease-in-out infinite;
  cursor:default;
}
body.xno-skin .opserver.active:not(.opserver--premium)::before{display:none}
body.xno-skin .opserver.active:not(.opserver--premium):hover{transform:none;color:#04140f!important}
@keyframes xno-srv-pulse{
  0%,100%{box-shadow:0 0 0 1px rgba(46,230,168,.35),0 0 14px rgba(46,230,168,.28)}
  50%{box-shadow:0 0 0 1px rgba(46,230,168,.55),0 0 22px rgba(46,230,168,.45)}
}
body.xno-skin .opserver--premium{
  --xno-prem-angle:183deg;
  overflow:visible;
  background:transparent!important;
  border:1.5px solid transparent!important;
  color:#f3e5f5!important;
  box-shadow:0 2px 10px rgba(123,31,162,.28);
}
body.xno-skin .opserver--premium .opserver__lab{
  position:relative;z-index:2;
  display:inline-flex;align-items:center;gap:0;
  color:inherit;
}
body.xno-skin .opserver--premium::before{
  content:"";
  position:absolute;inset:0;border-radius:inherit;
  pointer-events:none;z-index:0;
  border:1.5px solid transparent;
  transform:none;
  transition:none;
  --xno-prem-angle:183deg;
  background:
    linear-gradient(135deg,#2a1840 0%,#1a1028 55%,#241830 100%) padding-box,
    conic-gradient(
      from var(--xno-prem-angle) at 50% 50%,
      #1a1028 0deg,
      #1a1028 25deg,
      #241830 36deg,
      #2a1840 47deg,
      #3d2060 58deg,
      #5a2d82 69deg,
      #7b1fa2 80deg,
      #ce93d8 90deg,
      #ffd54f 96deg,
      #ce93d8 102deg,
      #7b1fa2 115deg,
      #5a2d82 127deg,
      #3d2060 137deg,
      #2a1840 145deg,
      #1f1430 165deg,
      #1a1028 174deg,
      #1a1028 200deg,
      #1f1430 209deg,
      #2a1840 229deg,
      #3d2060 247deg,
      #5a2d82 266deg,
      #7b1fa2 285deg,
      #ce93d8 305deg,
      #ffd54f 332deg,
      #ce93d8 340deg,
      #7b1fa2 345deg,
      #5a2d82 349deg,
      #3d2060 353deg,
      #2a1840 356deg,
      #1a1028 358deg,
      #1a1028 360deg
    ) border-box;
  animation:xno-prem-spin 2.2s linear infinite;
}
body.xno-skin .opserver--premium .prem-crown{color:#ffd54f;margin-right:4px}
body.xno-skin .opserver--premium:hover{
  transform:translateY(-1px);
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 4px 16px rgba(171,71,188,.35);
}
body.xno-skin .opserver--premium:hover::before{
  animation:xno-prem-spin 2.2s linear infinite;
  transform:none;
}
body.xno-skin .bg-opserver span.opserver.opserver--premium.active,
body.xno-skin .opserver.opserver--premium.active{
  background:transparent!important;
  border-color:transparent!important;
  color:#fff!important;
  animation:none!important;
  box-shadow:0 0 16px rgba(186,104,200,.45)!important;
}
body.xno-skin .bg-opserver span.opserver.opserver--premium.active .opserver__lab,
body.xno-skin .opserver.opserver--premium.active .opserver__lab,
body.xno-skin .bg-opserver span.opserver.opserver--premium.active .opserver__lab *,
body.xno-skin .opserver.opserver--premium.active .opserver__lab *{
  color:#fff!important;
}
body.xno-skin .bg-opserver span.opserver.opserver--premium.active .prem-crown,
body.xno-skin .opserver.opserver--premium.active .prem-crown{
  color:#ffd54f!important;
}
body.xno-skin .bg-opserver span.opserver.opserver--premium.active:hover,
body.xno-skin .opserver.opserver--premium.active:hover{
  transform:none;
  color:#fff!important;
  box-shadow:0 0 18px rgba(186,104,200,.55)!important;
}
body.xno-skin .bg-opserver span.opserver.opserver--premium.active::before,
body.xno-skin .opserver.opserver--premium.active::before{
  display:block;
  background:
    linear-gradient(135deg,#7b1fa2 0%,#4a148c 100%) padding-box,
    conic-gradient(
      from var(--xno-prem-angle) at 50% 50%,
      #4a148c 0deg,
      #4a148c 25deg,
      #5a2d82 40deg,
      #7b1fa2 60deg,
      #ce93d8 80deg,
      #ffd54f 92deg,
      #ce93d8 105deg,
      #7b1fa2 125deg,
      #5a2d82 145deg,
      #4a148c 170deg,
      #4a148c 200deg,
      #5a2d82 230deg,
      #7b1fa2 265deg,
      #ce93d8 300deg,
      #ffd54f 330deg,
      #ce93d8 345deg,
      #4a148c 360deg
    ) border-box;
  animation:xno-prem-spin 2.2s linear infinite;
}
@property --xno-prem-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:183deg;
}
@keyframes xno-prem-spin{
  to{--xno-prem-angle:543deg}
}
body.xno-skin .opserver--cdn{
  border-color:rgba(46,230,168,.4)!important;
}
body.xno-skin .opserver--cdn i{color:#2ee6a8}
body.xno-skin .opserver--cdn.active i{color:#04140f}
body.xno-skin .opserver--guest-lock{
  opacity:.85;border-style:dashed!important;
}
body.xno-skin .opserver--premium-lock{
  opacity:.9;
}

/* ——— Comentarios (XNO, sin look KPaja) ——— */
body.xno-skin .xno-sec-hr{
  display:block;border:0;height:0;margin:18px 4px 16px;
  border-top:1px solid #2a2e36;
}
body.xno-skin .video-comments-head{
  margin:0 0 12px!important;padding-bottom:0!important;border-bottom:0!important;
}
body.xno-skin .video-comments-title > i{color:#2ee6a8!important}
body.xno-skin .video-comments-title span{
  background:rgba(46,230,168,.14)!important;color:#2ee6a8!important;
}
body.xno-skin .video-comments .vcomment-guest{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin:0 0 18px!important;padding:14px 16px!important;
  background:#14181e!important;
  border:1px solid rgba(46,230,168,.28)!important;
  border-radius:10px!important;
  box-shadow:0 0 0 1px rgba(46,230,168,.04);
  transition:border-color .15s ease,box-shadow .2s ease;
}
body.xno-skin .video-comments .vcomment-guest:hover{
  border-color:rgba(46,230,168,.55)!important;
  background:#161c22!important;
  box-shadow:0 0 16px rgba(46,230,168,.12);
}
body.xno-skin .video-comments .vcomment-guest-icon{
  width:40px;height:40px;border-radius:10px!important;
  background:rgba(46,230,168,.1)!important;
  border:1px solid rgba(46,230,168,.25);
  color:#2ee6a8!important;
}
body.xno-skin .video-comments .vcomment-guest-text strong{
  color:#fff!important;font-size:14px;
}
body.xno-skin .video-comments .vcomment-guest-text{
  color:#8b9098!important;
}
body.xno-skin .video-comments .vcomment-guest-cta{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:0 16px!important;border-radius:999px!important;
  background:#2ee6a8!important;border:0!important;
  color:#04140f!important;font-weight:700!important;font-size:13px!important;
  transition:background .15s ease,transform .15s ease;
}
body.xno-skin .video-comments .vcomment-guest:hover .vcomment-guest-cta{
  background:#7dd3c0!important;color:#04140f!important;
  transform:translateY(-1px);
}
body.xno-skin .video-comments .video-comments-empty{
  color:#8b9098!important;
  padding:28px 12px!important;
  border:1px dashed rgba(46,230,168,.28)!important;
  border-radius:10px!important;
  background:#14181e!important;
}
body.xno-skin .video-comments .video-comments-empty i{
  color:rgba(46,230,168,.55)!important;
}
body.xno-skin .video-comments .video-comments-empty p{
  margin:0;
  font-size:14px;
  color:#8b9098!important;
}
body.xno-skin .video-comments .vcomment-composer,
body.xno-skin .video-comments .vcomment-reply-form{
  background:#14181e!important;
  border:1px solid #22262e!important;
  border-radius:10px!important;
}
body.xno-skin .video-comments textarea,
body.xno-skin .video-comments #video-comment-body,
body.xno-skin .video-comments .vcomment-reply-form textarea{
  background:#0e1116!important;
  border-color:#2a2e36!important;
  color:#e6e6e6!important;
}
body.xno-skin .video-comments textarea:focus,
body.xno-skin .video-comments #video-comment-body:focus{
  border-color:#2ee6a8!important;
  box-shadow:0 0 0 1px rgba(46,230,168,.28)!important;
  background:#101418!important;
}
body.xno-skin .video-comments .vcomment-submit.btn,
body.xno-skin .video-comments .btn.btn-dsb.vcomment-submit,
body.xno-skin .video-comments .vcomment-submit{
  background-color:#2ee6a8!important;
  border-color:#2ee6a8!important;
  color:#04140f!important;
}
body.xno-skin .video-comments .vcomment-submit:hover,
body.xno-skin .video-comments .btn.btn-dsb.vcomment-submit:hover{
  background-color:#7dd3c0!important;
  border-color:#7dd3c0!important;
  color:#04140f!important;
}
body.xno-skin .video-comments .vcomment-cancel:hover{
  border-color:#2ee6a8!important;
  color:#2ee6a8!important;
}
body.xno-skin .video-comments .vcomment-body header a{
  color:#2ee6a8!important;
}
body.xno-skin .video-comments .vcomment-actions button:hover{
  color:#2ee6a8!important;
}
body.xno-skin .video-comments .vcomment-emoji-btn:hover{
  border-color:#2ee6a8!important;
  background:rgba(46,230,168,.1)!important;
}

/* ——— Recomendados (sidebar watch / foto) ——— */
body.xno-skin .xno-related-head{margin:0 0 10px}
body.xno-skin .xno-related-head .headingGrid{
  font-size:15px!important;font-weight:700;letter-spacing:.01em;margin:0!important;
}
body.xno-skin .xno-related{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  margin:0 0 14px;
  padding:0;
}
body.xno-skin .xno-related__empty{
  margin:0;padding:12px 4px;color:#8b9098;font-size:13px;
}
body.xno-skin .btnRecommended{
  border-radius:999px!important;
  font-weight:700!important;
  padding:8px 18px!important;
}

/* ——— Rail mixto bajo canal (antes de comentarios) ——— */
body.xno-skin .xno-related-rail{
  display:block;
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  margin:12px 0 20px;
  padding:0 4px 4px;
  clear:both;
  overflow:visible;
  box-sizing:border-box;
}
body.xno-skin .xno-related-rail__head{display:block;margin:0 0 12px}
body.xno-skin .xno-related-rail__title{
  margin:0;font-size:16px;font-weight:700;color:#e8eaed;letter-spacing:.01em;
}
body.xno-skin .xno-related-rail__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px 12px;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
/* Máx. 2 filas aunque se impriman más tarjetas: 5×2 / 4×2 */
body.xno-skin .xno-related-rail__grid > :nth-child(n+11){display:none!important}
@media (max-width:1199px){
  body.xno-skin .xno-related-rail__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.xno-skin .xno-related-rail__grid > :nth-child(n+9){display:none!important}
}
/* Solo escritorio: en móvil el sidebar “Recomendados” basta */
@media (max-width:991px){
  body.xno-skin .xno-related-rail{display:none!important}
}
body.xno-skin .xno-related-rail .xno-card,
body.xno-skin .xno-related .xno-card{
  display:block;min-width:0;color:inherit;position:relative;
  padding:8px;
  margin:0;
  border-radius:8px;
  transition:background-color .22s ease;
  box-sizing:border-box;
}
body.xno-skin .xno-related-rail .xno-card:hover,
body.xno-skin .xno-related .xno-card:hover{
  background:rgba(46,230,168,.07);
}
body.xno-skin .xno-related-rail .xno-card__thumb,
body.xno-skin .xno-related .xno-card__thumb{
  position:relative;display:block;aspect-ratio:16/9;
  background:#14181e;border-radius:6px;overflow:hidden;text-decoration:none;
}
body.xno-skin .xno-related-rail .xno-card__thumb:hover,
body.xno-skin .xno-related .xno-card__thumb:hover{opacity:.95;text-decoration:none}
body.xno-skin .xno-related-rail .xno-card:hover .xno-card__thumb img,
body.xno-skin .xno-related .xno-card:hover .xno-card__thumb img{
  transform:scale(1.03);filter:brightness(1.04);
}
body.xno-skin .xno-related-rail .xno-card__thumb img,
body.xno-skin .xno-related .xno-card__thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  border-radius:6px;
  transition:transform .35s ease,filter .35s ease;
}
body.xno-skin .xno-related-rail .xno-card__thumb .dur,
body.xno-skin .xno-related .xno-card__thumb .dur{
  position:absolute;right:5px;bottom:5px;
  background:rgba(0,0,0,.78);color:#fff;
  font-size:11px;font-weight:700;padding:2px 5px;border-radius:2px;z-index:1;
  display:inline-flex;align-items:center;gap:4px;line-height:1.2;
}
body.xno-skin .xno-related-rail .xno-card__thumb .dur i,
body.xno-skin .xno-related .xno-card__thumb .dur i{font-size:10px;opacity:.9}
body.xno-skin .xno-related-rail .xno-card__body,
body.xno-skin .xno-related .xno-card__body{margin-top:8px}
body.xno-skin .xno-related-rail .xno-card__row,
body.xno-skin .xno-related .xno-card__row{display:flex;align-items:flex-start;gap:4px}
body.xno-skin .xno-related-rail .xno-card__main,
body.xno-skin .xno-related .xno-card__main{flex:1;min-width:0}
body.xno-skin .xno-related-rail .xno-card__title,
body.xno-skin .xno-related .xno-card__title{
  margin:0;font-size:13px;font-weight:700;line-height:1.35;
}
body.xno-skin .xno-related-rail .xno-card__title a,
body.xno-skin .xno-related .xno-card__title a{
  color:#e8eaed!important;text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.xno-skin .xno-related-rail .xno-card__title a:hover,
body.xno-skin .xno-related .xno-card__title a:hover{color:#fff!important;text-decoration:none}
body.xno-skin .xno-related-rail .xno-card__meta,
body.xno-skin .xno-related .xno-card__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:5px;
  font-size:12px;line-height:1.3;color:#8b9098;min-width:0;
}
body.xno-skin .xno-related-rail .xno-card__user,
body.xno-skin .xno-related .xno-card__user{
  color:#ccc!important;font-weight:400;text-decoration:none;
  display:inline-flex;align-items:center;gap:3px;max-width:100%;min-width:0;
}
body.xno-skin .xno-related-rail .xno-card__user:hover,
body.xno-skin .xno-related .xno-card__user:hover{color:#2ee6a8!important;text-decoration:none}
body.xno-skin .xno-related-rail .xno-card__dot,
body.xno-skin .xno-related .xno-card__dot{opacity:.55;flex-shrink:0}
body.xno-skin .xno-related-rail .xno-card__views,
body.xno-skin .xno-related .xno-card__views{
  display:inline-flex;align-items:center;gap:4px;color:#8b9098;white-space:nowrap;
}
body.xno-skin .xno-related-rail .xno-card__views i,
body.xno-skin .xno-related .xno-card__views i{font-size:11px;opacity:.85}

/* Watch: título arriba → botones → chips → player */
body.xno-skin .xno-watch,
body.xno-skin .xno-watch__head,
body.xno-skin .xno-watch__below,
body.xno-skin .photo-stage,
body.xno-skin .photo-album-strip-wrap,
body.xno-skin .kp-prem-upsell{
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
body.xno-skin .xno-watch__head{
  margin:0 0 14px;padding:0;
}
body.xno-skin .xno-watch__title{
  margin:0 0 12px;padding:0;
  color:#f2f4f6!important;
  font:700 2.15rem/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:-.01em;
  overflow-wrap:anywhere;word-break:break-word;
}
@media(max-width:699px){
  body.xno-skin .xno-watch__shell{padding:10px 12px 24px}
  body.xno-skin .contentWrap:not(.xno-watch){padding:10px 12px 24px}
  body.xno-skin .xno-watch__head{padding:0;margin:0 0 12px}
  body.xno-skin .xno-watch__title{font-size:1.85rem;line-height:1.28;margin:0 0 10px}
  body.xno-skin .photo-album-strip-wrap{
    width:100%;max-width:100%;padding:0 28px;box-sizing:border-box;
  }
  body.xno-skin .photo-album-strip{
    max-width:100%;min-width:0;
  }
  body.xno-skin .album-gate-banner__actions{
    display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;
  }
  body.xno-skin .kp-prem-upsell,
  body.xno-skin .kp-prem-upsell-inner{max-width:100%;min-width:0;box-sizing:border-box}
}
body.xno-skin .xno-watch__chips{
  list-style:none;margin:0 0 4px;padding:0;
  display:flex;flex-wrap:wrap;align-content:flex-start;
  gap:6px 8px;
  max-width:100%;min-width:0;
  /* Exacto 2 filas: chip 28px + gap 6px */
  max-height:calc(28px * 2 + 6px);
  overflow:hidden;
}
body.xno-skin .xno-watch__chips > li{
  margin:0;padding:0;list-style:none;line-height:0;
}
body.xno-skin .xno-watch__chips:empty{display:none}
body.xno-skin .xno-chip{
  display:inline-flex;align-items:center;gap:5px;
  height:28px;box-sizing:border-box;
  padding:0 10px;border-radius:999px;
  background:#14181e;border:1px solid #2a3038;
  color:#b8c0c8;font-size:12px;text-decoration:none;line-height:1;
  max-width:100%;
}
body.xno-skin .xno-chip:hover{border-color:#2ee6a8;color:#2ee6a8;text-decoration:none}
body.xno-skin .xno-chip--studio{border-color:rgba(46,230,168,.35);color:#7dd3c0}
body.xno-skin .xno-chip--tag{color:#8b909a}
body.xno-skin .xno-chip i{font-size:11px;opacity:.85}
body.xno-skin .xno-watch__below{
  margin-top:0;padding-top:0;border-top:0;
}
body.xno-skin .xno-watch .embed-responsive,
body.xno-skin .xno-watch .photo-stage{
  border-radius:4px;overflow:hidden;background:#000;
  width:100%;max-width:100%;
}
body.xno-skin .xno-watch .bg-opserver{margin-top:0!important}
body.xno-skin .xno-watch .kp-watch__title,
body.xno-skin .xno-watch .TitlePostSingle{display:none!important}
body.xno-skin .video-comments-title > i{color:#2ee6a8!important}
body.xno-skin .video-comments-title span{
  background:rgba(46,230,168,.12)!important;color:#2ee6a8!important;
}

/* Barra meta + acciones bajo video/foto */
body.xno-skin .xno-watch-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px 16px;
  flex-wrap:wrap;
  margin:0 0 12px;padding:10px 2px 12px;
  border-bottom:1px solid #22262e;
  color:#b0b0b0;font-size:13px;line-height:1.2;
  max-width:100%;min-width:0;box-sizing:border-box;
}
body.xno-skin .xno-watch-bar__meta{
  display:inline-flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0;
  color:#aaa;
}
body.xno-skin .xno-watch-bar__views,
body.xno-skin .xno-watch-bar__time{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
}
body.xno-skin .xno-watch-bar__views i,
body.xno-skin .xno-watch-bar__time i{opacity:.85;font-size:13px}
body.xno-skin .xno-watch-bar__lbl{color:#999}
body.xno-skin .xno-watch-bar__views .js-live-views-num.is-odo-pending,
body.xno-skin .xno-watch-bar__views .js-live-views-num:not(.kp-odo){
  visibility:hidden;
}
body.xno-skin .xno-watch-bar__views .js-live-views-num.kp-odo{
  visibility:visible;
}
body.xno-skin .xno-watch-bar__views strong,
body.xno-skin .xno-watch-bar__views .js-live-views-num{
  color:#fff;font-weight:700;
}
body.xno-skin .xno-watch-bar__views .js-live-views-num.kp-odo,
body.xno-skin .xno-watch-bar .kp-odo{
  display:inline-flex;align-items:center;vertical-align:middle;
  height:1em;line-height:1;overflow:hidden;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum";
}
body.xno-skin .xno-watch-bar .kp-odo__digit{
  display:inline-block;position:relative;height:1em;overflow:hidden;
  width:.62em;text-align:center;
}
body.xno-skin .xno-watch-bar .kp-odo__reel{display:block;will-change:transform}
body.xno-skin .xno-watch-bar .kp-odo__n{display:block;height:1em;line-height:1}
body.xno-skin .xno-watch-bar__sep{color:#555;font-weight:400}
body.xno-skin .xno-watch-bar__actions{
  display:flex!important;align-items:center;justify-content:flex-end;
  gap:2px 4px;flex:1 1 auto;min-width:0;max-width:100%;
  margin:0 0 0 auto!important;padding:0!important;
  flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;background:transparent!important;
}
body.xno-skin .xno-watch-bar__actions.is-more-open{
  overflow:visible!important;
  position:relative;z-index:200;
}
body.xno-skin .xno-watch-bar__btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:6px;
  height:34px;padding:0 8px;margin:0;border:0;border-radius:4px;
  background:transparent!important;color:#cfcfcf!important;
  font:600 12px/1 Arial,Helvetica,sans-serif;text-decoration:none!important;
  white-space:nowrap;cursor:pointer;flex:0 0 auto;
}
body.xno-skin .xno-watch-bar__btn:hover,
body.xno-skin .xno-watch-bar__btn:focus{
  color:#fff!important;background:#1c1c1c!important;text-decoration:none!important;
}
body.xno-skin .xno-watch-bar__btn.is-active{color:var(--accent,#2ee6a8)!important}
body.xno-skin .xno-watch-bar__btn i{font-size:14px;line-height:1}
/* Dislike: espejo horizontal (como YT / la mayoría de tubes) */
body.xno-skin .xno-watch-bar__btn--dislike i{
  transform:scaleX(-1);
  display:inline-block;
}
body.xno-skin .xno-watch-bar__txt{font-weight:600}
body.xno-skin .xno-watch-bar__count{font-weight:700;font-variant-numeric:tabular-nums}
body.xno-skin .xno-watch-bar__ico-wrap{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
}
body.xno-skin .xno-watch-bar__badge{
  position:absolute;top:-7px;right:-9px;
  min-width:14px;height:14px;padding:0 4px;border-radius:8px;
  background:#e53935;color:#fff;font:700 9px/14px Arial,Helvetica,sans-serif;
  text-align:center;box-shadow:0 0 0 1px #0a0b0d;
}
body.xno-skin .xno-watch-bar__more{position:relative;flex:0 0 auto;margin:0;z-index:91}
body.xno-skin .xno-watch-bar__more.open{z-index:220}
body.xno-skin .xno-watch-bar__more > .dropdown-toggle{padding:0 6px}
body.xno-skin .xno-watch-bar__more .dropdown-menu{
  z-index:230;min-width:200px;
}
/* Menú ⋯: no recortar con overflow-x:clip de contenedores */
body.xno-skin .xno-watch-bar:has(.xno-watch-bar__more.open),
body.xno-skin .xno-watch-bar__actions.is-more-open{
  overflow:visible!important;
}
body.xno-skin:has(.xno-watch-bar__more.open) .contentWrap.xno-watch,
body.xno-skin:has(.xno-watch-bar__more.open) .contentWrap.photo-view,
body.xno-skin:has(.xno-watch-bar__more.open) .contentWrap.xno-watch > .xno-watch__shell,
body.xno-skin:has(.xno-watch-bar__more.open) .contentWrap.xno-watch > .container,
body.xno-skin:has(.xno-watch-bar__more.open) .contentWrap.photo-view > .container,
body.xno-skin:has(.xno-watch-bar__more.open) .contentWrap > .container > section,
body.xno-skin:has(.xno-watch-bar__more.open) .xno-watch__main{
  overflow:visible!important;
}
body.xno-skin .xno-watch__channel-row{
  margin:0 0 14px;padding:12px 0;border:0;border-bottom:1px solid #2a2e2c;
}
body.xno-skin .xno-channel{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  width:100%;min-width:0;
}
body.xno-skin .xno-channel__who{
  display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;
}
body.xno-skin .xno-channel__avatar-link{flex:0 0 auto;line-height:0;border-radius:50%}
body.xno-skin .xno-channel__avatar.kp-watch__avatar{
  width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;display:block;
  background:#1a1a1a;
}
/* Anillo brillante (misma lógica que kp-watch__avatar en styles-views) */
body.xno-skin .xno-channel__avatar.kp-avatar-ring--person{
  border:1.5px solid rgba(121,134,203,.82)!important;
  box-shadow:0 0 4px 1px rgba(121,134,203,.26),0 0 10px 2px rgba(92,107,192,.18);
}
body.xno-skin .xno-channel__avatar.kp-avatar-ring--channel{
  border:1.5px solid rgba(255,183,77,.95)!important;
  box-shadow:0 0 4px 1px rgba(255,152,0,.35),0 0 12px 2px rgba(255,152,0,.2);
}
body.xno-skin .xno-channel__avatar.kp-avatar-ring--studio{
  border:1.5px solid rgba(206,147,216,.9)!important;
  box-shadow:0 0 4px 1px rgba(186,104,200,.3),0 0 10px 2px rgba(171,71,188,.16);
}
body.xno-skin .xno-channel__avatar.kp-avatar-ring--studio-god{
  border:1.5px solid rgba(125,222,232,.9)!important;
  box-shadow:0 0 4px 1px rgba(0,229,255,.35),0 0 12px 2px rgba(0,188,212,.18);
}
body.xno-skin .xno-channel__meta{min-width:0;flex:1 1 auto}
body.xno-skin .xno-channel__name-row{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;
}
body.xno-skin .xno-channel__name{
  color:#fff!important;font:700 15px/1.25 Arial,Helvetica,sans-serif;
  text-decoration:none!important;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.xno-skin .xno-channel__name:hover{color:#2ee6a8!important}
body.xno-skin .xno-channel__stats{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;
  color:#999;font:400 12px/1.35 Arial,Helvetica,sans-serif;
}
body.xno-skin .xno-channel__stat,
body.xno-skin .xno-channel__stat a{
  color:#999!important;text-decoration:none!important;
}
body.xno-skin .xno-channel__stat a:hover{color:#ccc!important}
body.xno-skin .xno-channel__sep{color:#555;font-weight:400}
body.xno-skin .xno-channel__actions{
  display:flex;align-items:center;gap:10px;flex:0 0 auto;flex-wrap:wrap;
}
body.xno-skin .xno-channel__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:36px;padding:0 16px;border-radius:999px;
  font:700 13px/1 Arial,Helvetica,sans-serif;text-decoration:none!important;
  white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;
  box-sizing:border-box;position:relative;z-index:0;
}
body.xno-skin .xno-channel__btn--more{
  background:#2ee6a8;border:1px solid #2ee6a8;color:#04140f!important;
}
body.xno-skin .xno-channel__btn--more:hover{
  background:#7dd3c0;border-color:#7dd3c0;color:#04140f!important;text-decoration:none!important;
}
body.xno-skin .xno-channel__btn--more i{font-size:12px;opacity:.9}
/* Suscribirse: conic estático (como PH) + giro en hover con fade al salir */
@property --xno-sub-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:183deg;
}
/* Suscribirse: ::after estático + ::before animado (crossfade) */
@property --xno-sub-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:183deg;
}
body.xno-skin .xno-channel__btn--follow{
  --xno-sub-angle:183deg;
  color:#f0f0f0!important;
  min-width:132px;padding:0 18px;
  background:#14181e;
  border:1.5px solid transparent;
}
body.xno-skin .xno-channel__btn--follow > *{position:relative;z-index:2}
body.xno-skin .xno-channel__btn--follow::before,
body.xno-skin .xno-channel__btn--follow::after{
  content:"";
  position:absolute;inset:0;border-radius:inherit;
  pointer-events:none;
  border:1.5px solid transparent;
  transition:opacity .38s ease;
}
/* Estático */
body.xno-skin .xno-channel__btn--follow::after{
  z-index:0;
  opacity:1;
  background:
    linear-gradient(#14181e,#14181e) padding-box,
    conic-gradient(
      from 183deg at 50% 50%,
      #141816 0deg,
      #141816 25deg,
      #1a2a24 36deg,
      #1f3a30 47deg,
      #254a3c 58deg,
      #2a5a48 69deg,
      #2ee6a8 80deg,
      #b8ffe0 90deg,
      #2ee6a8 102deg,
      #2a5a48 115deg,
      #254a3c 127deg,
      #1f3a30 137deg,
      #1a2a24 145deg,
      #161e1a 165deg,
      #141816 174deg,
      #141816 200deg,
      #161e1a 209deg,
      #1a2a24 229deg,
      #1f3a30 247deg,
      #254a3c 266deg,
      #2a5a48 285deg,
      #2ee6a8 305deg,
      #b8ffe0 332.3deg,
      #2ee6a8 340deg,
      #2a5a48 345deg,
      #254a3c 349deg,
      #1f3a30 353deg,
      #1a2a24 356deg,
      #141816 358deg,
      #141816 360deg
    ) border-box;
}
/* Animado */
body.xno-skin .xno-channel__btn--follow::before{
  z-index:1;
  opacity:0;
  --xno-sub-angle:183deg;
  background:
    linear-gradient(#14181e,#14181e) padding-box,
    conic-gradient(
      from var(--xno-sub-angle) at 50% 50%,
      #141816 0deg,
      #141816 25deg,
      #1a2a24 36deg,
      #1f3a30 47deg,
      #254a3c 58deg,
      #2a5a48 69deg,
      #2ee6a8 80deg,
      #b8ffe0 90deg,
      #2ee6a8 102deg,
      #2a5a48 115deg,
      #254a3c 127deg,
      #1f3a30 137deg,
      #1a2a24 145deg,
      #161e1a 165deg,
      #141816 174deg,
      #141816 200deg,
      #161e1a 209deg,
      #1a2a24 229deg,
      #1f3a30 247deg,
      #254a3c 266deg,
      #2a5a48 285deg,
      #2ee6a8 305deg,
      #b8ffe0 332.3deg,
      #2ee6a8 340deg,
      #2a5a48 345deg,
      #254a3c 349deg,
      #1f3a30 353deg,
      #1a2a24 356deg,
      #141816 358deg,
      #141816 360deg
    ) border-box;
}
body.xno-skin .xno-channel__btn--follow.is-follow-hot,
body.xno-skin .xno-channel__btn--follow.is-follow-leaving{
  color:#fff!important;
  text-decoration:none!important;
}
/* Entrada hover: estático sale, animado entra */
body.xno-skin .xno-channel__btn--follow.is-follow-hot::after{
  opacity:0;
  transition:opacity .12s ease;
}
body.xno-skin .xno-channel__btn--follow.is-follow-hot::before{
  opacity:1;
  transition:opacity .12s ease;
  animation:xno-sub-spin 2.2s linear infinite;
}
/* Salida: animado sale + estático entra (cruzado) */
body.xno-skin .xno-channel__btn--follow.is-follow-leaving::after{
  opacity:1;
  transition:opacity .38s ease;
}
body.xno-skin .xno-channel__btn--follow.is-follow-leaving::before{
  opacity:0;
  transition:opacity .38s ease;
  animation:xno-sub-spin 2.2s linear infinite;
}
@keyframes xno-sub-spin{
  to{--xno-sub-angle:543deg}
}
body.xno-skin .xno-channel__follow-ico{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;flex:0 0 auto;
}
body.xno-skin .xno-channel__follow-ico .fa-user{
  color:#c8c8c8;font-size:13px;line-height:1;
}
body.xno-skin .xno-channel__follow-ico .fa-plus{
  position:absolute;right:-3px;bottom:-2px;
  color:#2ee6a8;font-size:8px;line-height:1;
}
body.xno-skin .xno-channel__follow-txt{letter-spacing:.01em}
body.xno-skin .xno-channel__btn--follow.is-following{
  color:#bbb!important;
  background:#14181e;
  border-color:#444;
}
body.xno-skin .xno-channel__btn--follow.is-following::before,
body.xno-skin .xno-channel__btn--follow.is-following::after{display:none}
body.xno-skin .xno-channel__btn--follow.is-following .xno-channel__follow-ico .fa-user{color:#888}
body.xno-skin .xno-channel__btn--follow.is-following .xno-channel__follow-ico .fa-plus{color:#666}
body.xno-skin .xno-channel__btn--follow.is-following:hover,
body.xno-skin .xno-channel__btn--follow.is-following.is-follow-hot,
body.xno-skin .xno-channel__btn--follow.is-following.is-follow-leaving{
  color:#ccc!important;
}
@keyframes xno-sub-spin{
  to{--xno-sub-angle:543deg}
}
body.xno-skin .xno-channel__follow-ico{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;flex:0 0 auto;
}
body.xno-skin .xno-channel__follow-ico .fa-user{
  color:#c8c8c8;font-size:13px;line-height:1;
}
body.xno-skin .xno-channel__follow-ico .fa-plus{
  position:absolute;right:-3px;bottom:-2px;
  color:#2ee6a8;font-size:8px;line-height:1;
}
body.xno-skin .xno-channel__follow-txt{letter-spacing:.01em}
body.xno-skin .xno-channel__btn--follow.is-following{
  color:#bbb!important;
  background:
    linear-gradient(#14181e,#14181e) padding-box,
    linear-gradient(#444,#444) border-box!important;
}
body.xno-skin .xno-channel__btn--follow.is-following::before{display:none}
body.xno-skin .xno-channel__btn--follow.is-following .xno-channel__follow-ico .fa-user{color:#888}
body.xno-skin .xno-channel__btn--follow.is-following .xno-channel__follow-ico .fa-plus{color:#666}
body.xno-skin .xno-channel__btn--follow.is-following:hover,
body.xno-skin .xno-channel__btn--follow.is-following.is-follow-hot,
body.xno-skin .xno-channel__btn--follow.is-following.is-follow-leaving{
  color:#ccc!important;
}
@media(max-width:699px){
  body.xno-skin .xno-channel__actions{width:100%;justify-content:stretch}
  body.xno-skin .xno-channel__btn{flex:1 1 auto;min-width:0}
}
/* Modal Compartir — XNO (neutro; accent solo en CTA) */
body.xno-skin #SharePostModal.kpaja-modal .kpaja-modal__backdrop{
  background:rgba(0,0,0,.55);
}
body.xno-skin #SharePostModal.kpaja-modal .kpaja-modal__dialog,
body.xno-skin .kp-share-modal .kp-share-dialog{
  max-width:440px;
  background:#1a1c1b;
  border:1px solid #2e3230;
  border-radius:12px;
  color:#d0d0d0;
  box-shadow:0 24px 64px rgba(0,0,0,.6);
}
body.xno-skin #SharePostModal .kpaja-modal__header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px 18px 10px;border-bottom:1px solid #2a2e2c;
}
body.xno-skin #SharePostModal .kpaja-modal__title{
  margin:0;color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.01em;
}
body.xno-skin #SharePostModal .kpaja-modal__sub{
  display:block;margin-top:4px;color:#8b9098;font-size:12px;line-height:1.35;
  max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.xno-skin #SharePostModal .kpaja-modal__close{
  width:34px;height:34px;border:1px solid #3a3f3d;border-radius:8px;
  background:#222524;color:#aaa;font-size:20px;line-height:1;cursor:pointer;
}
body.xno-skin #SharePostModal .kpaja-modal__close:hover{
  color:#fff;background:#2c302e;border-color:#555;
}
body.xno-skin #SharePostModal .kpaja-modal__body{padding:14px 18px 18px}
body.xno-skin .kp-share-modal .kp-share-view[hidden]{display:none!important}
body.xno-skin .kp-share-modal .kpaja-modal__header,
body.xno-skin .kp-share-modal .kp-share-view > .kpaja-modal__header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px 18px 10px;border-bottom:1px solid #2a2e2c;
}
body.xno-skin .kp-share-modal .kpaja-modal__title{margin:0;color:#fff;font-size:1.15rem;font-weight:700}
body.xno-skin .kp-share-modal .kpaja-modal__sub{display:block;margin-top:4px;color:#8b9098;font-size:12px}
body.xno-skin .kp-share-modal .kpaja-modal__close{
  width:34px;height:34px;border:1px solid #3a3f3d;border-radius:8px;
  background:#222524;color:#aaa;font-size:20px;line-height:1;cursor:pointer;
}
body.xno-skin .kp-share-modal .kpaja-modal__close:hover{
  color:#fff;background:#2c302e;border-color:#555;
}
body.xno-skin .kp-share-modal .kpaja-modal__body{padding:14px 18px 18px}
body.xno-skin .kp-share-modal .kp-share-rail{position:relative;margin:0 0 4px;padding:0 2px}
body.xno-skin .kp-share-modal .kp-share-social,
body.xno-skin #SharePostModal .kp-share-social{
  display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;align-items:flex-start;
  margin:0;padding:2px 0 6px;overflow-x:auto;overflow-y:hidden;
  scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
body.xno-skin .kp-share-modal .kp-share-social::-webkit-scrollbar,
body.xno-skin #SharePostModal .kp-share-social::-webkit-scrollbar{display:none;width:0;height:0}
body.xno-skin .kp-share-modal .kp-share-rail__btn{
  position:absolute;top:14px;z-index:2;width:36px;height:36px;margin:0;padding:0;
  border:0;border-radius:50%;
  background:rgba(40,40,40,.92);color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.45);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  -webkit-appearance:none;appearance:none;
}
body.xno-skin .kp-share-modal .kp-share-rail__btn:hover{background:#3a3a3a}
body.xno-skin .kp-share-modal .kp-share-rail__btn[hidden]{display:none!important}
body.xno-skin .kp-share-modal .kp-share-rail__btn--prev{left:0}
body.xno-skin .kp-share-modal .kp-share-rail__btn--next{right:0}
body.xno-skin .kp-share-modal .kp-share-rail.is-overflow .kp-share-social{padding-left:8px;padding-right:8px}
body.xno-skin .kp-share-modal .kp-share-net{
  flex:0 0 auto;width:70px;margin:0;padding:0;border:0!important;background:transparent!important;
  box-shadow:none!important;color:#fff!important;text-decoration:none!important;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  -webkit-appearance:none;appearance:none;
}
body.xno-skin .kp-share-modal .kp-share-net__icon{
  width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:22px;line-height:1;color:#fff;flex:0 0 auto;
}
body.xno-skin .kp-share-modal .kp-share-net__icon i,
body.xno-skin .kp-share-modal .kp-share-net__icon svg{line-height:1;display:block;margin:0}
body.xno-skin .kp-share-modal .kp-share-net__icon--embed{
  background:#2a2e2c;color:#ddd;border:1px solid #3a3f3d;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;font-weight:700;
}
body.xno-skin .kp-share-modal .kp-share-net__icon--wa{background:#25d366}
body.xno-skin .kp-share-modal .kp-share-net__icon--tg{background:#2aabee}
body.xno-skin .kp-share-modal .kp-share-net__icon--fb{background:#1877f2}
body.xno-skin .kp-share-modal .kp-share-net__icon--rd{background:#ff4500}
body.xno-skin .kp-share-modal .kp-share-net__icon--x{background:#000;border:1px solid #444}
body.xno-skin .kp-share-modal .kp-share-net__name{
  display:block;max-width:70px;font-size:11px;line-height:1.2;color:#aaa;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.xno-skin .kp-share-modal .kp-share-url,
body.xno-skin #SharePostModal .kp-share-url{
  display:flex;align-items:center;gap:8px;margin:14px 0 0;
  padding:6px 6px 6px 14px;background:#121412;
  border:1px solid #323632;border-radius:10px;
}
body.xno-skin .kp-share-modal .kp-share-url input,
body.xno-skin #SharePostModal .kp-share-url input{
  flex:1 1 auto;min-width:0;height:34px;padding:0;margin:0;
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#eee!important;font-size:13px;outline:none;
}
body.xno-skin .kp-share-modal .kp-share-copy-pill,
body.xno-skin #SharePostModal .kp-share-url .btn-dsb{
  flex:0 0 auto;height:34px;padding:0 16px;border-radius:8px;
  border:1px solid #555!important;background:#2a2e2c!important;color:#fff!important;
  font-weight:600;font-size:13px;line-height:1;cursor:pointer;
  -webkit-appearance:none;appearance:none;
}
body.xno-skin .kp-share-modal .kp-share-copy-pill:hover,
body.xno-skin #SharePostModal .kp-share-url .btn-dsb:hover{
  border-color:rgba(46,230,168,.55)!important;background:#323836!important;color:#fff!important;
}
body.xno-skin .kp-share-modal .kp-share-native,
body.xno-skin #SharePostModal .kp-share-native{
  display:none;width:100%;margin-top:12px;min-height:42px;padding:0 14px;border-radius:10px;
  border:1px solid #3a3f3d;background:#222524;color:#ddd;
  align-items:center;justify-content:center;gap:10px;line-height:1;cursor:pointer;font-weight:600;
  -webkit-appearance:none;appearance:none;
}
body.xno-skin .kp-share-modal .kp-share-native[hidden]{display:none!important}
body.xno-skin .kp-share-modal .kp-share-native.is-on{display:inline-flex!important}
body.xno-skin #SharePostModal .kp-share-native:not([hidden]){display:inline-flex!important}
body.xno-skin .kp-share-modal .kp-share-native:hover,
body.xno-skin #SharePostModal .kp-share-native:hover{
  border-color:rgba(46,230,168,.4);color:#fff;background:#2a2e2c;
}
body.xno-skin .kp-share-modal .kp-share-native i,
body.xno-skin .kp-share-modal .kp-share-native span{display:inline-flex;align-items:center;line-height:1;margin:0}
body.xno-skin .kp-share-modal .kp-share-embed-head{display:flex;align-items:flex-start;gap:10px;min-width:0}
body.xno-skin .kp-share-modal .kp-share-back{
  flex:0 0 auto;width:36px;height:36px;margin:0;padding:0;border:1px solid #3a3f3d;
  border-radius:50%;background:#222524;color:#ddd;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
}
body.xno-skin .kp-share-modal .kp-share-back:hover{background:#2c302e;color:#fff}
body.xno-skin .kp-share-modal .kp-share-embed-code{
  display:block;width:100%;min-height:118px;margin:0 0 14px;padding:12px;
  background:#121412!important;border:1px solid #323632!important;color:#e0e0e0!important;
  border-radius:10px!important;box-shadow:none!important;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;
  resize:vertical;white-space:pre-wrap;word-break:break-word;
}
body.xno-skin .kp-share-modal .kp-share-embed-opts__label{
  margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8b9098;
}
body.xno-skin .kp-share-modal .kp-share-embed-field{
  display:flex;flex-direction:column;gap:6px;margin:0 0 8px;font-size:13px;font-weight:500;color:#ccc;
}
body.xno-skin .kp-share-modal .kp-share-embed-field select{
  height:40px;width:100%;background:#121412;border:1px solid #323632;
  color:#eee;border-radius:8px;padding:0 10px;
}
body.xno-skin .kp-share-modal .kp-share-embed-hint{margin:0;font-size:12px;line-height:1.35;color:#777}
body.xno-skin .kp-share-modal .kp-share-embed-actions{display:flex;justify-content:flex-end;margin-top:16px}
body.xno-skin #SharePostModal .shareButton.kp-share-social .btn{
  width:48px;height:48px;border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;
  font-size:20px;color:#fff;margin:0;
}
body.xno-skin #SharePostModal .whatsappButton{background:#25d366}
body.xno-skin #SharePostModal .telegramButton{background:#2aabee}
body.xno-skin #SharePostModal .redditButton{background:#ff4500}
body.xno-skin #SharePostModal .twitterButton{background:#000;border:1px solid #444}
/* Modal Denunciar — mismo ancho/caja que Compartir (440px; login = 400px) */
body.xno-skin #Reportar.modal,
body.xno-skin #ReportarFoto.modal,
body.xno-skin #ReportarRelato.modal{
  background-color:rgba(0,0,0,.55)!important;
}
body.xno-skin #Reportar .modal-dialog,
body.xno-skin #ReportarFoto .modal-dialog,
body.xno-skin #ReportarRelato .modal-dialog{
  max-width:440px;
  width:calc(100% - 32px);
  margin:28px auto;
}
body.xno-skin #Reportar .modal-content,
body.xno-skin #ReportarFoto .modal-content,
body.xno-skin #ReportarRelato .modal-content{
  background:#1a1c1b!important;
  border:1px solid #2e3230!important;
  border-radius:12px!important;
  color:#d0d0d0;
  box-shadow:0 24px 64px rgba(0,0,0,.6)!important;
}
body.xno-skin #Reportar .modal-header,
body.xno-skin #ReportarFoto .modal-header,
body.xno-skin #ReportarRelato .modal-header{
  padding:16px 18px 10px;
  border-bottom:1px solid #2a2e2c;
}
body.xno-skin #Reportar .modal-title,
body.xno-skin #ReportarFoto .modal-title,
body.xno-skin #ReportarRelato .modal-title{
  margin:0;color:#fff;font-size:1.15rem;font-weight:700;
}
body.xno-skin #Reportar .modal-header .fs-12,
body.xno-skin #ReportarFoto .modal-header .fs-12,
body.xno-skin #ReportarRelato .modal-header .fs-12{
  display:block;margin-top:4px;color:#8b9098;font-size:12px;line-height:1.35;
  max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.xno-skin #Reportar .modal-body,
body.xno-skin #ReportarFoto .modal-body,
body.xno-skin #ReportarRelato .modal-body{
  padding:14px 18px 18px;
}
body.xno-skin #Reportar .modal-footer,
body.xno-skin #ReportarFoto .modal-footer,
body.xno-skin #ReportarRelato .modal-footer{
  padding:12px 18px 16px;
  border-top:1px solid #2a2e2c;
}
body.xno-skin #ReportarServidor.kpaja-modal .kpaja-modal__dialog,
body.xno-skin #ReportarFotoTech.kpaja-modal .kpaja-modal__dialog{
  max-width:440px;
  background:#1a1c1b;
  border:1px solid #2e3230;
  border-radius:12px;
  box-shadow:0 24px 64px rgba(0,0,0,.6);
}
@media(max-width:1023px){
  /* Móvil + landscape: iconos sin texto (evita ensanchar y scroll X al navegar) */
  body.xno-skin .xno-watch-bar{
    flex-direction:row;align-items:center;flex-wrap:nowrap;gap:4px 8px;padding:8px 0 10px;
    max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }
  body.xno-skin .xno-watch-bar__meta{
    flex:0 1 auto;gap:6px;min-width:0;
  }
  body.xno-skin .xno-watch-bar__lbl{display:none!important}
  body.xno-skin .xno-watch-bar__sep{display:inline!important;color:#555;font-weight:400}
  body.xno-skin .xno-watch-bar__views .js-live-views-num{
    display:inline-flex!important;color:#fff;font-weight:700;
  }
  body.xno-skin .xno-watch-bar__actions{
    justify-content:flex-end;flex:1 1 auto;min-width:0;max-width:100%;
    margin-left:auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;
  }
  body.xno-skin .xno-watch-bar__txt{display:none!important}
  body.xno-skin .xno-watch-bar__btn{padding:0 6px;height:36px;gap:4px}
  body.xno-skin .xno-watch-bar__count{font-size:12px;font-weight:700}
}